html{
min-height:100%;
height:auto;
_height:100%;
}

body{
background:#eee;
margin: 0 auto;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
min-height:100%;
height:auto;
_height:100%;
}

acronym{
cursor:help;
}

body.yellow{
background: #EEE url(../im/sf_body_yellow.jpg) no-repeat bottom right;
}

body.red{
background: #EEE url(../im/sf_body_red.jpg) no-repeat bottom right;
}

body.blue{
background: #EEE url(../im/sf_body_blue.jpg) no-repeat bottom right;
}

body.green{
background: #EEE url(../im/sf_body_green.jpg) no-repeat bottom right;
}

body.orange{
background: #EEE url(../im/sf_body_orange.jpg) no-repeat bottom right;
}

#page_orange, #page_blue, #page_red, #page_green, #page_yellow{
width:100%;
background:url(../im/sf_page_orange.jpg) repeat-x top left;
padding: 20px 0 0 0;
float:left;
text-align:center;
margin: 0 auto;
}

#page_blue{
background:url(../im/sf_page_blue.jpg) repeat-x top left;
}

#page_red{
background:url(../im/sf_page_red.jpg) repeat-x top left;
}

#page_green{
background:url(../im/sf_page_green.jpg) repeat-x top left;
}

#page_yellow{
background:url(../im/sf_page_yellow.jpg) repeat-x top left;
}

#contenitore{
width: 600px;
border: 1px solid #CCC;
margin: 0 auto 25px auto;
text-align:left;
background-color:#FFF;
}

h1{
width:216px;
margin:3px 3px 0 3px;
padding:0;
color:#000066;
}

h1 img{
border:none;
margin: 0;
padding: 0;
}

h1 strong{
display:none;
}

#navigazione{
/*width:480px;*/
float:right;
font-size:90%;
margin: -3px 15px 7px 0 !important;
margin: 3px 7px 2px 0;
text-align:left;
min-height: 19px;
height: auto !important;
height: 19px;
}

#navigazione ul{
/*margin: 0;*/ /* eliminato il margine xchè su IE 7 nascondeva il bordo inferiore del menu*/
padding:0;
margin: 0;
margin: 3px!important;
}

#navigazione ul li {
list-style:none;
display:inline;
margin-right: 5px;
text-transform:uppercase;
padding:0;
}

#navigazione ul li.home {
border-bottom: 3px solid #13007D;
}

#navigazione ul li.servizi {
border-bottom: 3px solid #006600;
}

#navigazione ul li.occhiali {
border-bottom: 3px solid #FFCC00;
}

#navigazione ul li.lenti {
border-bottom: 3px solid #FF6600;
}

#navigazione ul li.info {
border-bottom: 3px solid #FF0000;
}

#navigazione ul li a{
text-decoration:none;
color:#999;
}

#navigazione ul li a:hover{
color:#333;
}

#banner{
width: 100%;
min-height: 70px;
height:auto;
_height: 70px;
margin:5px 0 0 0;
clear:both;
}

#banner ul{
margin: 0;
padding: 0 0 0 20px;
}

#banner ul li{
list-style:none;
display:inline;
margin-right:18px;
}

#banner ul li img{
border: none;
}

h2{
color: #13007D;
font-size: 90%;
margin: 15px 0 0 20px;
}

#testi{
width: 394px;
margin: 3px 0 0 20px;
_margin: 10px 0 0 10px;
padding: 0;
float:left;
font-size:90%;
}

#testi a{
color:#000066;
text-decoration:none;
font-weight:bold;
}

#testi a:hover{
color:#333;
}

#testi_privacy{
width: 550px;
margin: 0 0 0 20px;
_margin: 0 0 0 10px;
float:left;
padding: 0;
float:left;
font-size:90%;
}

table.categorie{
width: 394px;
margin: 0 0 0 20px;
padding: 0;
font-size:90%;
}

#testi_privacy p.estratto{
font-size:75%;
}

/* Form x richiesta info*/
#testi label{
display:block;
width:150px;
}

#testi input{
border: 1px solid #ccc;
}

#testi input:hover{
background-color:#f1f1f1;
}

#testi ul.marchi{
float:left;
display:block;
width:100;
list-style:none;
margin: 0 10px 15px 0;
padding:0;
font-size:90%;
}

#testi ul.marchi li{
padding-top: 4px;
}

/* Menu contestuale a destra*/
#menu_dx{
width:140px;
margin: 0 0 0 25px;
padding: 0;
float:left;
font-size:90%;
font-weight:bold;
}

#menu_dx ul{
list-style:none;
margin: 0;
padding: 0;
text-align:right;
}

#menu_dx ul li{
border-bottom: 1px dashed #666;
line-height:35px;
background: url(../im/triangolo.gif) no-repeat center left;
}

#menu_dx ul li a{
color: #666;
text-decoration:none;
}

#menu_dx ul li a.qui{
text-decoration:none;
color: #13007D;
}

#menu_dx ul li a:hover{
color:#333;
}

#footer{
clear:both;
font-size:78%;
min-height:30px;
height:auto;
_height:30px;
_margin-top:12px;
}

#footer a{
text-decoration:none;
color:#999;
display:block;
float: left;
margin: 0 0 0 20px;
_margin: 0 0 0 10px;
}

#footer span.piva{
float:left;
margin-left: 140px;
color:#999;
}

#footer a.privacy{
display:block;
float:right;
margin: 0 20px 0 0;
_margin: 0 10px 0 0;
text-align:right;
}

#footer a:hover{
color:#333;
}