html,body{margin: 0;padding:0}

ul {
font-family: verdana,arial,sans-serif;
}

div#container{
position:relative; 
margin: 0 auto;
text-align: left;
}

/*stili generici, su header e footer*/
div#header{
background-color:#ffffff;
border-bottom: 9px solid black;
}

h1{font-family: arial-black,verdana,arial,sans-serif;
margin-top: 0x;
margin-left: 20px;
color: #D25A0B;
}

.headers{
border: 1px solid #BBB;
width: 98%;
background: url(chromebg.gif) center center repeat-x;
margin-left: 0;
margin-top: 0;
padding: 2px 0 2px 5px;
text-align: left;
font: normal 120% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-weight:bold;
}

.headers a.bar{
text-decoration: none;
color: #273565;
}

.headers a:visited, .headers a:active{
color: #273565;
}

.headers a:hover{
color: blue;
}


div#logo {
height: 150px;
width: 200px;
}



/* stili MENU */
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float: left;
}

#modernbricksmenu ul{
font: bold 14px Verdana;
margin:0;
margin-left: 60px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
border-color: #D25A0B; /*Brown color theme*/
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/
}

.infotdsx {
vertical-align: bottom;
}


.intestaz {
font-family: verdana,arial,sans-serif;
margin-top: 6px;
margin-bottom: 2px;
padding: 3px;
background-color: #333333;
color: #ffffff;
font-weight: bold;
vertical-align: top;
text-align: center;
}

.intestaz p.mini{
font-family: verdana,arial,sans-serif;
font-size:x-small;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
color: #dddddd;
font-weight: normal;
vertical-align: top;
text-align: center;
}

/*stili specifici per il layout*/

div#content{margin-right: 280px;
margin-left: 30px;
margin-top: 0px;
padding-top: 12px;
padding-left: 12px;
padding-right: 12px;
border-right: 1px solid silver;
border-left: 1px solid silver;
}

div#content p{
font-family: verdana,arial,sans-serif;
margin-top: 6px;
margin-bottom: 2px;
}

div#content p.piccolo{
font-family: verdana,arial,sans-serif;
margin-top: 1px;
font-size:small;
}

div#content a.text{
font-family: verdana,arial,sans-serif;
color: #3366ff;
font-weight:bold;
text-decoration: underline;
}

div#footer{text-align:left;
font-size:x-small;
padding: 0.5em;
color: #000;
margin-top: 50px;
margin-right: 280px;
margin-left: 30px;
font-family: verdana,arial,sans-serif;
}

div#footer a{color: #000000;
font-weight:bold;
text-decoration: underline;
}

div#navigquest{position:absolute;
background-color:#fff;
top: 180px;
right: 0;
width: 250px;
}

div#navigquest p.titlebar{
font: normal 100% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-weight: bold;
background: black url(titlebg.jpg) repeat-x top left;
color: white;
border-bottom: 1px solid #7b9bc4;
text-transform: uppercase;
padding-left: 10px;
margin-right: 5px;
}

div#navigquest ul{
padding: 1px;
list-style-type: none;
line-height: 1.3;
font-family: verdana,arial,sans-serif;
}
div#navigquest li{margin: 0;padding: 0}
div#navigquest li.attivo{
background: url(icon-attivo.gif) no-repeat center left;
margin-left: 3px;
padding: 4px;
padding-left: 19px;
color: red;
font-weight: bold;
}

div#navigquest li.fatto{
background: url(icon-ok.gif) no-repeat center left;
margin-left: 3px;
padding: 4px;
padding-left: 19px;
color: silver;
font-weight: bold;
}

div#navigquest li.fatto a{
color: #0099ff;
font-weight: bold;
font-family: verdana,arial,sans-serif;
text-decoration: underline;
font-size: smaller;
}

div#navigquest li.dafare{
background: url(icon-dafare.gif) no-repeat center left;
margin-left: 3px;
padding: 4px;
padding-left: 19px;
/*color: red;*/
font-weight: bold;
}

div#navigquest a{color:#369;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
div#navigquest a:hover{color: #033;text-decoration: underline}
div#navigquest a#activelink{color: #033;text-decoration: none}

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 92%;
}

.curlycontainer .innerdiv{
background: transparent url(brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.curlycontainer .innerdiv p.piccolo{
padding-left: 9px;
padding-right: 9px;
font-family: verdana,arial,sans-serif;
font-size: smaller;
}

.commentbox{
background-color: #ececec;
width: 300px;
padding: 20px;
margin-left: 30px;
margin-right: 30px;
font-weight: bold;
}

.commentfooter{
background: url(arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 0.2em;
font-size: small;
color: #4A4A4A;
margin-left: 30px;
font-family: verdana,arial,sans-serif;
}

.rchiara {
background-color: #E8E8E8;
vertical-align: top;
text-align: center;
}

.rchiara p{
font-family: verdana,arial,sans-serif;
vertical-align: top;
text-align: left;
}

.rscura {
background-color: #B8B8B8;
vertical-align: top;
text-align: center;
}

.rscura p{
font-family: verdana,arial,sans-serif;
vertical-align: top;
text-align: left;
}