/* 
===================================================================================================================================
TAG
===================================================================================================================================
*/
*{
margin:0;
border:0;
padding:0;
}
body{
text-align:left;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#9e9a95;
}
a{
color:#fff;
text-decoration:none;
}
a:hover{
color:#ffdb00;
}
ul{
list-style:none;
}
ol{
padding-left:20px;
}
/* "GRUPPO MEREGALLI" bottom */
h6{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
color:#fff !important;
}
/* moduli */
fieldset{
padding:20px 20px 0 20px;
}
textarea{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#9E9A95;
background:#fff;
width:100%;
border:1px solid #4c4f51;
padding:2px;
}
input{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#9E9A95;
margin-bottom:10px;
background:#3c342a;
width:100%;
border:0;
border-bottom:1px solid #5d554a;
padding:2px 0 2px 0;
}
input.button{
background:#df9d53;
border:1px solid #120a00;
color:#713101;
margin-bottom:0;
margin-top:10px;
width:auto;
}
input.precompilato{
color:#fff;
}
input.radiobutton{
width:auto !important;
border:0 !important;
margin:0 !important;
}
select{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#75797d;
margin-bottom:10px;
margin-top:4px;
background:#fff;
width:100%;
border:1px solid #4c4f51;
padding:2px 0 2px 0;
}
/* 
===================================================================================================================================
ID
===================================================================================================================================
*/
#content{
width:950px;
}
#head{
width:950px;
height:87px;
background:#120a00;
}
#page{
width:950px;
height:420px;
background-repeat:no-repeat;
background-position:left top;
}
#colNav{
float:left;
width:220px;
height:420px;
background:url(images/struttura/bg_colonna.gif) repeat-y right top;
}
#nav{
height:700px;	/* detemina distanza tra nav e bottom */
background:url(images/struttura/logo_colonna.gif) no-repeat 30px bottom;
padding:10px 20px 10px 30px;
}
#nav li{
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#df9d53;
text-transform:uppercase;
margin-bottom:10px;
}
#nav li a{
color:#df9d53;
padding-left:10px;	/* spazio per arrow.gif */
}
#nav li a:hover{
color:#fff;
}
#nav ul ul{
margin:10px 0 20px 0;
}
#nav ul ul li{
font:10px Verdana, Arial, Helvetica, sans-serif;
text-transform:lowercase;
}
#nav ul ul li a{
color:#e6ceab;
}
#nav ul ul li a:hover{
color:#fff;
text-decoration:underline;
}
#main{
float:left;
width:530px;
height:420px;
}
/* homepage => #home + #topSpots */
#home{
float:left;
width:330px;
height:420px;
margin-top:200px;	/* margine testata */
}
#topSpots{
float:left;
width:180px;
height:420px;
background:#b2ae96;
}
#topSpots p{
font-size:10px;
text-align:left;
color:#3d3a2a;
padding:0 14px 16px 14px;
}
#Spot{
margin:0 20px 20px 20px;
background:#b2ae96;
color:#3d3a2a;
}
#Spot p{
font-size:12px;
padding:0 14px 14px 14px;
text-align:left;
}
/* #noHome => altre sezioni */
#noHome{
float:left;
width:530px;
height:420px;
margin-top:200px;	/* margine testata */
}
#colNews{
float:left;
width:200px;
height:420px;
background:url(images/struttura/bg_colonna.gif) repeat-y top;
}
#colNews ul{
color:#c1925e;
margin:0 25px 0 25px;
}
#colNews li{
font-size:10px;
padding-bottom:15px;
}
#colNews a{
color:#c1925e;
}
#colNews a:hover{
color:#fff;
}
#colNews select{
font:21px Arial, Helvetica, sans-serif;
color:#aaaeb2;
background:#713101;
line-height:21px;
width:160px;
margin-left:20px;
margin-top:10px;
border:1px solid #713101;
}
#bottom{
height:168px;
color:#df9d53;
padding:10px 20px 10px 40px;
}
#bottom a{
color:#df9d53;
text-decoration:none;
}
#bottom a:hover{
color:#fff;
}
/* 
===================================================================================================================================
CLASSI
===================================================================================================================================
*/
.clr{	/* annulla float */
clear:both;
}
.vuoto{	/* elimina formattazione li (annidamento ul) */
list-style:none;
display:inline;
line-height:0.0;
}
.left{
float:left;
}
.right{
float:right;
}
.center{
text-align:center;
}
.noPad{
padding:0 !important;
margin:0 !important;
}
.linkSpace{
float:left;
margin-left:20px;
margin-bottom:15px;
text-align:center;
display: inline;	/* fix per bug IE moltiplicazione del margin negli elementi flottati */
width:150px;
height:200px;
}
.sf_index{
background:#3c342a url(images/struttura/sf_index.gif) repeat-y top left;
}
.sf_sito{
background:#3c342a url(images/struttura/sf_sito.gif) repeat-y top left;
}
.logo_colonna{
background:url(images/struttura/logo_colonna.gif) no-repeat bottom;
}
/* stili testo */
.testo{
margin:0 20px 20px 20px;
text-align:justify;
}
.titoloTopspots{
color:#fff;
text-transform:uppercase;
}
.evidenziaLink{
color:#ffdb00 !important;
}
.reservedLink{
color:#4e789e !important;
}
.evidenziaLink:hover, .evidenziaLink:hover{
color:#fff !important;
}
.titoloGiallo{
margin-bottom:10px !important;	/* distanza titolo - testo */
color:#ffdb00;
text-transform:uppercase;
text-align:left;
}
.dataNews{
color:#fff;
}
.inviaMail{
background:#865027;
display:block;
height:13px;
}
.inviaMail:hover{
background:#df9d53;
color:#fff !important;
}
.euronet p, font{	/* forza stili per sez. gestibili */
margin:0;
margin-left:20px !important;
margin-right:20px !important;
text-align:justify !important;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
line-height:normal !important;
}
.euronet em{ display:block; width:487px;}	/* fix a capo colonna dx news */

.navSelected1{
background:url(images/struttura/arrow.gif) no-repeat left center;
color:#fff !important;
}
.navSelected2{
color:#ffdb00 !important;
}
.navSelected2:hover{	/* elimina sottolineatura */
text-decoration:none !important;
}
/* sondaggio */
.sondaggio li ul{
padding-bottom:10px;
}
.sondaggio li ul li{
padding-top:10px;
}
/* imageField */
.imageField{
margin:20px 20px 10px 20px;
background:#120a00;
color:#7b7e81;
width:470px !important;
width:490px;
text-align:right;
padding:10px 10px 7px 10px !important;
padding:10px;
}
*:first-child+html .imageField{	/* legge IE 7.0 */
padding:10px !important;
}
.imageField img{
margin-right:10px;
}
/* prodotti STEP 1 */
.prodotti1{
padding:0 20px 0 20px;
font:27px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#5d554a;
}
.prodotti1 li{
height:75px;
line-height:75px;
background:#120a00;
margin-bottom:10px;
background:#120a00 no-repeat right;
}
.prodotti1 a{
color:#5d554a;
display:block;
height:75px;
}
.prodotti1 a:hover{
color:#5d554a;
background:#2c2317;
}
.prodotti1 a.attivo{
background:#aca7a1;
}
/* prodotti STEP 2 */
.nazione{
margin:20px 20px 0 20px;
font:27px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#b1aeaa;
}
.regione{
margin:5px 20px 0 20px;
font:17px Arial, Helvetica, sans-serif;
text-transform:capitalize;
color:#fff;
}
.prodotti2{
padding:0 20px 0 20px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#b1aeaa;
}
.prodotti2 li{
border-bottom:1px solid #5d554a;
height:30px;
line-height:30px;
}
.prodotti2 a{
color:#b1aeaa;
}
.prodotti2 a:hover{
color:#ffdb00;
}
/* prodotti STEP 3 */
.produttore{
margin:9px 20px 0 20px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#ffdb00;
}
.prodotti3{
padding:12px 20px 0 20px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#b1aeaa;
}
.prodotti3 a{
color:#b1aeaa;
text-transform:lowercase;
}
.prodotti3 a:hover{
color:#df9d53;
}
.prodotti3 li{
clear:both;
height:30px;
line-height:30px;
border-bottom:1px solid #5d554a;
}
.prodotti3 div{
float:left;
}
.prodotti3 strong{
float:left;
width:70px;
}
.prodotti3 span{
float:right;
text-align:right;
}
.pulsante{
padding:1px 2px 1px 2px;
border:1px solid #120a00;
background:#df9d53;
color:#713101 !important;
}
.pulsante:hover{
background:#713101;
color:#df9d53 !important;
}
/* prodotti STEP 4 */
.articolo{
color:#df9d53;
text-transform:lowercase;
}
.articolo strong{
text-transform:uppercase;
}
.immagine{
padding:20px 20px 0 20px;
text-align:center !important;
}
.prodotti4{
padding:10px 20px 0 20px;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#b1aeaa;
}
.prodotti4 li{
clear:both;
height:30px;
line-height:30px;
border-bottom:1px solid #5d554a;
}
.prodotti4 div{
float:left;
width:70px;
}
.prodotti4 span{
color:#fff;
}
/* sfoglia cartelle - file */
.intestazione{
color:#75797d;
}
.sfoglia div{
background-repeat:no-repeat !important;
background-position:left center !important;
padding-left:25px;
}
/* breadcrumbs */
.breadcrumbs{
color:#fff;
font-weight:bold;
font-size:10px;
}
.breadcrumbs a{
font-weight:normal;
text-decoration:underline;
}
.breadcrumbs a:hover{
color:#fff;
text-decoration:none;
}

.numero_art{
width:25px;
height:auto !important;
background:#fff;
border-size:0;
margin:0 0 0 3px !important;
padding:1px !important;
}

ul.car span{
margin-left:5px;
padding-top:7px;
line-height:17px;
}

#pulsanti{
width:490px;
padding:0;
background:#B2AE96;
margin:10px 0 10px 0;
}
#pulsanti input{
margin: 10px 0 10px 0;
width:224px !important;
width:230px;
height:auto;
border:1px solid #fff !important;
float:left;
background:#fff;
padding:1px;
border:none;
}
#pulsanti label{
float:left;
color:#3D3A2A;
width:230px;
height:17px;
line-height:17px;
margin:10px;
}
#pulsanti .pulsante{
margin:10px;
float:right;
}