/*
CSS Designed by
ITECHSoluzioni S.R.L.
Selettori di elementi <---------------------------------------------------------------------------------------------------| 1
*/
*{margin:0;padding:0;} /* reset margini e padding del browser */
body{font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(../img/struttura/sfo.gif) repeat-x #660000;}
hr{ display:none;}
/*
ID <---------------------------------------------------------------------------------------------------------------------| 2
*/
#pri{margin:auto;width:757px; background:url(../img/struttura/pri.gif) repeat-y;}
#top{height:98px;background:url(../img/struttura/top.gif) no-repeat;}
#nav{ padding:0 0 0 36px; height:71px; background:url(../img/struttura/nav.gif) center no-repeat;}
#pie{background:url(../img/struttura/pie.gif) no-repeat bottom; height:56px; clear:both; padding-left:80px; font-size:10px;
 color:#B7A87D;}
#cor1{ float:left; width:404px; margin:0 0 0 18px; background:url(../img/struttura/cor1.gif) no-repeat  right top;}
*>#cor1{ width:440px ;margin:0 0 0 36px}
#cor2{ float:right; width:240px; margin:0 18px 0 0; }
*>#cor2{margin:0 36px 0 0}
#prodottoevidenza{ background:url(../img/struttura/prodotto_evidenza_sfo.gif) no-repeat bottom;}
#pie{
padding:10px 70px 30px 65px;
margin:0 0 0 0;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
clear:both
}
/*_________________ Moduli ____________________*/

form{
margin:0;
padding:0;
}
label{
line-height:10px;
font-size:10px;
color:#666;
display:block;
padding: 4px 0px 4px 0px;
}
input, select, textarea{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 10px
}
.input{
border:1px solid #666
}

/*
Classi <-----------------------------------------------------------------------------------------------------------------| 3
*/

/*
Pseudo-classi <----------------------------------------------------------------------------------------------------------| 4

Nav <------------------------------------------------------------------------------------------------| 4.1
*/
#nav ul li a{text-indent:-6000px; height: 37px; text-decoration:none; display:block}
#nav ul, #nav ul li{ list-style:none; position:absolute;}

#nav ul li#nav1{left:0; top:0; width:79px;}
#nav ul li#nav2{left:93px; top:0; width:88px;}
#nav ul li#nav3{left:195px; top:0; width:88px;}
#nav ul li#nav4{left:297px; top:0; width:88px;}

#nav ul li#nav1 a{ background:url(../img/struttura/nav1.gif) no-repeat;}
#nav ul li#nav2 a{ background:url(../img/struttura/nav2.gif) no-repeat;}
#nav ul li#nav3 a{ background:url(../img/struttura/nav3.gif) no-repeat;}
#nav ul li#nav4 a{ background:url(../img/struttura/nav4.gif) no-repeat;}

#nav ul li#nav1 a:hover{ background:url(../img/struttura/__nav1.gif) no-repeat;}
#nav ul li#nav2 a:hover{ background:url(../img/struttura/__nav2.gif) no-repeat;}
#nav ul li#nav3 a:hover{ background:url(../img/struttura/__nav3.gif) no-repeat;}
#nav ul li#nav4 a:hover{ background:url(../img/struttura/__nav4.gif) no-repeat;}

/*
Link <-----------------------------------------------------------------------------------------------| 4.2
*/
a:link{text-decoration:underline; ; color:#990000}
a:hover{text-decoration:none;}
a:visited{color:#b7a87d;}
/*
Formattazione contenuti <------------------------------------------------------------------------------------------------| 5

Titoli <---------------------------------------------------------------------------------------------| 5.1
*/
h1{font-size:28px;}
#top h1 span{ display:none}
#cor1 h2{ margin:10px}
#cor1 h2#tit0{ background:url(../img/titoli/tit0.gif) no-repeat; height:49px;}
#cor1 h2#tit1{ background:url(../img/titoli/tit1.gif) no-repeat; height:49px;}
#cor1 h2#tit2{ background:url(../img/titoli/tit2.gif) no-repeat; height:49px;}
#cor1 h2#tit3{ background:url(../img/titoli/tit3.gif) no-repeat; height:49px;}
#cor1 h2#tit4{ background:url(../img/titoli/tit4.gif) no-repeat; height:49px;}
h2 span{ display:none;}
h3{font-size:20px;}
#cercaprodotto h3{ background:url(../img/titoli/cercaprodotto.gif) no-repeat; height:38px;}
h3 span{ display:none}
h3{font-size:18px;}
#prodottoevidenza h3{ background:url(../img/titoli/prodotto_evidenza.gif) no-repeat; height:50px;}

/*
Elenchi <--------------------------------------------------------------------------------------------| 5.2
*/
ul{list-style-type:none;}
/*
Paragrafi <------------------------------------------------------------------------------------------| 5.3
*/
p{ color:#2D0000}
#prodottoevidenza p{ padding:8px 0 15px 0px;}
#cor1 p{ margin:10px 35px 10px 20px;}
#cercaprodotto form{ background:url(../img/struttura/form_cercaprodotto.gif) no-repeat; padding:8px 0 15px 30px;}
#cercaprodotto .in{ border:1px solid #2D0000; font-size:14px;}
label{ display:block; line-height:10px; font-size:10px; margin:0 0 0 10px}

/*
Span <-----------------------------------------------------------------------------------------------| 5.4
*/
/*_________________ Menu css ____________________*/

ul.menu1 {
width:150px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu1 li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:2em;line-height:2em; /* altezza del link: height e line-height devono avere il medesimo valore */
border-width:5px;border-style:none solid; /* aggiungo dei bordi laterali */
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu1 li a:link, ul.menu1 li a:visited {
background:#E7EFF6;
color: #009;
} /* colori per il link */
ul.menu1 li a:hover, ul.menu1 li a:active {
background: #ccc;
color:#c00;
} /* colori per l'effetto roll-over */

ul.menu1 li a:link, ul.menu1 li a:visited {
border-color:#009
}
ul.menu1 li a:hover, ul.menu1 li a:active {
border-color:#66c;
}
/*_________________ Tabelle ____________________*/

.int{
background-color:#990000;
font-weight:bold; font-size:x-small;
color:#FFFFFF
}
span.firma{
color:#999999;
}
td{
padding:3px;
border-bottom:1px solid #fff2d5
}
table{
border-right:1px solid #fff2d5;
border-left:1px solid #fff2d5
}
.tableartic{
font-size:10px;
border:1px solid #fff2d5
}
.tableartic .inte{
background-color:#990000;
color:#ffffff
}
table.listab td{
border-bottom:1px solid #990000
}
.img{
padding:2px; 
border:1px solid #000;
margin:0 4px 0 0
}