/*stili per il layout fisso*/
html,body{
margin: 0 auto;
padding: 0;}

body{margin: 0 auto;
padding:  0 auto;
font-family: verdana;
font-size: 11px;
border-left: 0px;
border-right: 0px;
color: #004587;  
background-color: #650D0D;
background-image: url(imm/sf_body.jpg); 
background-repeat: repeat-x;
background-position: top;}

div#container{width: 1024px;
margin: 0 auto;
padding:  0 auto;
border-left: 0px;
border-right: 0px;
background-image: url(imm/sf_container.png);
background-repeat: no-repeat;
background-position: top;}

div#containerservizi{width: 1024px;
margin: 0 auto;
padding:  0 auto;
border-left: 0px;
border-right: 0px;
background-image: url(imm/sf_container_servizi.png);
background-repeat: no-repeat;
background-position: top;}

div#containergallery{width: 1024px;
margin: 0 auto;
padding:  0 auto;
border-left: 0px;
border-right: 0px;
background-image: url(imm/sf_container_gallery.png);
background-repeat: no-repeat;
background-position: top;}

div#containerprivacy{width: 1024px;
margin: 0 auto;
padding:  0 auto;
border-left: 0px;
border-right: 0px;
background-image: url(imm/sf_container_privacy.png);
background-repeat: no-repeat;
background-position: top;}


div#containercontatti{width: 1024px;
margin: 0 auto;
padding:  0 auto;
border-left: 0px;
border-right: 0px;
background-image: url(imm/sf_container_contatti.png);
background-repeat: no-repeat;
background-position: top;}

div#containermappa{width: 1024px;
margin: 0 auto;
padding:  0 auto;
border-left: 0px;
border-right: 0px;
background-image: url(imm/sf_container_mappa.png);
background-repeat: no-repeat;
background-position: top;}


/*stili generici, su HEADER e TOP */

div#header{width: 1024px;
height: 195px;
margin: 0px;
padding: 0px;}


div#headersxx{width: 353px;
height: 195px;
float: left;
margin-left: 0px;
padding: 0px;
background-image: url(imm/marchio.png);
background-repeat: no-repeat;}

.begie{font-family:"Times New Roman", Times, serif;
font-size:11px;
font-weight: bold;
color: #794A08;
margin: 0px;
padding: 0px;}

.begie a{font-family:"Times New Roman", Times, serif;
font-size:11px;
font-weight: bold;
color: #794A08;
margin: 0px;
padding: 0px;
text-decoration: underline;}

.begie a:hover{font-family:"Times New Roman", Times, serif;
font-size:11px;
font-weight: bold;
color: #794A08;
margin: 0px;
padding: 0px;
text-decoration: underline;}

.begie a#activelink{font-family:"Times New Roman", Times, serif;
font-size:11px;
font-weight: bold;
color: #794A08;
margin: 0px;
padding: 0px;
text-decoration: underline;}

.ocra{font-family:"Times New Roman", Times, serif;
font-size:16px;
line-height: 18px;
letter-spacing: 0.3px;
word-spacing: 1.5px;
font-weight: normal;
color: #FAC776;
margin: 0px;
padding: 0px;}

div#top{width: 1024px;
height: 104px;
clear: right;
margin: 0px;
padding: 0px;}

div#topdx{width: 700px;
float: left;
height: 104px;
margin: 0px;
padding: 0px;}

div#boxcolonne{width: 1024px;
height: 540px;
clear: right;
margin: 0px;
padding: 0px;}

div#boxcolonnecont{width: 1024px;
height: 770px;
clear: right;
margin: 0px;
padding: 0px;}


/*stili generici, su MENU NAVIGAZIONE ORIZZONTALE */

.navigationtabs{margin-left: 0px;
margin-top: 15px;
overflow: hidden;}

/*stili per la navigazione a tabs*/
.navigationtabs ul{margin: 0;
padding: 0px; 
list-style-type: none;}

.navigationtabs li{padding: 0px;
float: left;
display: inline;
margin: 0px;}

.navigationtabs li a{color:#FFFFFF;
float: left;
display: block;
width: 130px;
text-decoration: none;
font: 17px "Times New Roman", Times, serif;
font-weight: bold;
text-align: center;
padding-left: 0px;
padding-top: 30px;
padding-right: 5px;
padding-bottom: 30px;
margin: 0px;}

.navigationtabs li a:visited{color:#FFFFFF;
float: left;
display: block;
width: 130px;
text-decoration: none;
font: 17px "Times New Roman", Times, serif;
font-weight: bold;
text-align: center;
padding-left: 0px;
padding-top: 30px;
padding-right: 5px;
padding-bottom: 30px;
margin: 0px;}

.navigationtabs li a:hover{color: #FFFFFF;
font: 17px "Times New Roman", Times, serif;
font-weight: bold;
width: 130px;
text-align: center;
padding-left: 0px;
padding-top: 30px;
padding-right: 5px;
padding-bottom: 30px;
background: url(imm/attivo.png);
background-repeat: no-repeat;
background-position:center;
text-decoration: none;
margin: 0px;}

.navigationtabs li.selected a{color: #FFFFFF;
font: 17px "Times New Roman", Times, serif;
font-weight: bold;
width: 130px;
text-align: center;
padding-left: 0px;
padding-top: 30px;
padding-right: 5px;
padding-bottom: 30px;
background: url(imm/attivo.png);
background-repeat: no-repeat;
background-position:center;
text-decoration: none;
margin: 0px;}


/*stili generici, su COLONNA DESTRA E SINISTRA */

div#colsx{width: 618px;
height: 480px;
float: right;
margin-right: 0px;
margin-top: 0px;
padding: 0px;}

div#coldx{clear: right;
width: 406px;
height: 480px;
float: right;
margin-top: 0px;
padding: 0px;}

div#colsxgallery{width: 618px;
height: 710px;
float: right;
margin-right: 0px;
margin-top: 0px;
padding: 0px;}

div#coldxgallery{clear: right;
width: 406px;
height: 710px;
float: right;
margin-top: 0px;
padding: 0px;}

div#boxcolonnegallery{width: 1024px;
height: 710px;
clear: right;
margin: 0px;
padding: 0px;}

div#colsxcontatti{width: 478px;
height: 770px;
float: right;
margin-right: 0px;
margin-top: 0px;
padding: 0px;}

div#coldxcontatti{clear: right;
width: 546px;
height: 770px;
float: right;
margin-top: 0px;
padding: 0px;}


div#colcentr{clear: right;
width: 1068px;
height: 443px;
margin-top: 95px;
background-image: url(imm/sf_colcentr.png);
background-repeat: no-repeat;
background-position:center;
padding: 0px;}

div#textgrazie{padding-top: 0px;
padding-left: 0px;
font-family: verdana;
font-size: 15px;
font-weight: bold;
text-align: center;
color: #FFFFFF;}

div#colcentrgrazie{clear: right;
width: 1068px;
height: 443px;
margin-top: 90px;
padding: 0px;}


div#benvenuto{width: 618px;
float: left;
margin-top: 20px;
padding: 0px;}

div#textbenvenuto{width: 618px;
clear: left;
float: left;
margin-top: 20px;
padding: 0px;
font-family:"Times New Roman", Times, serif;
font-size: 15px;
letter-spacing: 0.3px;
word-spacing: 1.5px;
text-align: justify;
color: #FFFFFF;}

div#textservizi{width: 580px;
clear: left;
float: left;
margin-top: 30px;
padding: 0px;
font-family:"Times New Roman", Times, serif;
font-size: 15px;
letter-spacing: 0.3px;
word-spacing: 1.5px;
text-align: justify;
color: #FFFFFF;}

div#textservizsx{width: 280px;
float: left;
margin-top: 0px;
padding: 0px;
font-family:"Times New Roman", Times, serif;
font-size: 15px;
text-align: left;
color: #FFFFFF;}

div#textcontatti{width: 478px;
clear: left;
float: left;
margin-top: 30px;
padding: 0px;
font-family:"Times New Roman", Times, serif;
font-size: 15px;
line-height: 19px;
text-align: left;
color: #FFFFFF;}

div#textcontatti a{color: #FFFFFF;
font-size: 15px;
font-weight: normal;
text-decoration: underline;}

div#textcontatti a:hover{color: #E2001A;
font-size: 15px;
font-weight: normal;
text-decoration: underline;}

div#textcontatti a#activelink{color: #E2001A;
font-size: 15px;
font-weight: normal;
text-decoration: underline;}

div#cartina{width: 478px;
height: 450px;
float: left;
margin-top: 25px;
padding: 0px;}

div#boxgallery{width: 580px;
clear: left;
float: left;
margin-top: 10px;
padding: 0px;
font-family:"Times New Roman", Times, serif;
font-size: 15px;
letter-spacing: 0.3px;
word-spacing: 1.5px;
text-align: justify;
color: #FFFFFF;}

/* - - - - - - stili specifici per LIGHTBOX - - - - - */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 700px; height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #9b141b;}


/* - - - - - - FINE stili specifici per LIGHTBOX - - - - - */


/* - - - - - - stili specifici per ROLLOVER GALLERY - - - - - */

div#foto{float:left;
width: 120px;
height: 82px;
margin-top: 0px;
margin-right: 32px;
margin-left: 0px;
padding: 0px;}

div#fotodx{float:left;
width: 120px;
height: 82px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding: 0px;}

.bordi img {
border : 1px solid #CCCCCC;
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;
text-align : center;
}
.bordi:hover img {
border : 1px solid #848484;
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
text-align : center;
}

div#rollover{width: 120px; height: 82px; margin-left: 0px; margin-top: 7px; padding: 0px;}
div#rollover a{text-decoration: none;}
div#rollover a:hover{text-decoration: none;}
div#rollover a#activelink{text-decoration: none;}

/* - - - - - - FINE stili specifici per ROLLOVER GALLERY - - - - - */




div#textservizdx{width: 270px;
float: left;
margin-left: 20px;
padding: 0px;
font-family:"Times New Roman", Times, serif;
font-size: 15px;
text-align: left;
color: #FFFFFF;}

div#galleryflash{width: 618px;
clear: left;
float: left;
margin-top: 20px;
margin-left: 0px;
padding: 0px;}

div#spazio{width: 406px;
height: 220px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;}

div#spaziocontatti{width: 546px;
height: 150px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;}

div#promo{width: 406px;
height: 184px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
background-image:url(imm/sf_promo.png);
background-repeat:no-repeat;
background-position:center;}

div#testopromo{width: 308px;
height: 118px;
margin-top: 27px;
margin-left: 50px;
padding-top: 30px;
font-family:"Times New Roman", Times, serif;
font-size: 14px;
letter-spacing: 0.3px;
word-spacing: 1.5px;
text-align: left;
color: #211004;}

.titolopromo{padding: 0px;
color: #211004;
font: bold 20px "Times New Roman", Times, serif; 
text-align: right;}

div#formcontatti{width: 546px;
height: 595px;
margin-top: 0px;
margin-left: 0px;
padding: 0px;
background-image:url(imm/form_contatti.png);
background-repeat:no-repeat;
background-position:center;}

div#form{width: 425px;
height: 513px;
margin-top: 27px;
margin-left: 50px;
padding-top: 35px;
font-family:"Times New Roman", Times, serif;
font-size: 14px;
text-align: left;
color: #211004;}


/*************************************   stili per FORM RICHIESTA INFO  ****/

div#tabform{width: 425px;
margin-top: 20px;
margin-left: 10px;
padding: 0px;
text-align: left;
font: 13px "Times New Roman", Times, serif;
font-weight: normal;
color:#000000;}

.testo{padding: 0px;
color: #000000;
font: bold 13px "Times New Roman", Times, serif; 
text-align: left;}

.campotesto{width: 260px;
background-color: #FFFFFF;
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
border: 1px solid;
border-color: #C1991E;
color: #000000;
font: normal 11px verdana; 
text-align: left;}

.testosmall{padding: 0px;
color: #000000;
font: normal 10px verdana; 
text-align: left;}

.testoinfosmall{ width: 200px;
padding: 0px;
color: #000000;
font: normal 11px "Times New Roman", Times, serif; 
text-align: left;}

.tabinsert{width: 300px;
background-color:#FFFFFF;
border: 1px groove;
border-color:#58585A;}

.tabprivacy{width: 300px;
padding: 3px;
background-color:#FFFFFF;
border: 1px groove;
border-color:#58585A;
color: #000000;
font: normal 9px verdana; 
text-align: left;}

.pulsanti{width: 90px;
height: 26px;
padding-top: 5px;
background-color:#660D0E;
color: #FFFFFF;
font: bold 16px "Times New Roman", Times, serif; 
text-align: center;}

.tabinsertsmall{width: 53px;
background-color:#FFFFFF;
border: 1px groove;
border-color:#58585A;}



/**************************************************    stili  CONTATTI */


div#contatti{width: 460px;
clear: right;
float: left;
margin-top: 10px;
margin-left: 0px;
padding: 0px;}


div#colimm{width: 140px;
float: left;
margin-top: 10px;
padding: 0px;
font-family:"Times New Roman", Times, serif;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 19px;
word-spacing: 1.5px;
text-align: left;
color: #FFFFFF;}


div#coltext{width: 320px;
float: left;
margin-top: 10px;
padding: 0px;
font-family:"Times New Roman", Times, serif;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 19px;
word-spacing: 1.5px;
text-align: left;
color: #FFFFFF;}

/**************************************************    stili  FOOTER */

div#footer{clear: right;
width: 1024px;
height: 50px;
margin: 0px;
text-align: right;
padding-right: 30px;
padding-top: 10px;
font-family:"Times New Roman", Times, serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height:12px;
word-spacing: 1.5px;
font-weight: normal;
color: #FFFFFF;}

div#footer a{color: #FFFFFF;
font-size: 13px;
font-weight: normal;
text-decoration: underline;}

div#footer a:hover{color: #E2001A;
font-size: 13px;
font-weight: normal;
text-decoration: underline;}

div#footer a#activelink{color: #E2001A;
font-size: 13px;
font-weight: normal;
text-decoration: underline;}

/**************************************************    stili  PRIVACY */

div#colsxpriv{width: 478px;
height: 470px;
float: right;
margin-right: 20px;
margin-top: 0px;
padding: 0px;}

div#coldxpriv{width: 520px;
height: 470px;
float: right;
margin-top: 0px;
padding: 0px;}

div#colcentrprivacy{width: 1024px;
height: 540px;
clear: right;
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
color: #FFFFFF;}

div#privacy{width: 1024px;
clear: right;
float: left;
margin-top: 11px;
margin-bottom: 10px;
padding: 0px;
text-align: center;}

.ocrarigid{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color: #FAC776;
margin: 0px;
padding: 0px;}

.ocrarigid a{color: #FAC776;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
text-decoration: underline;}

.ocrarigid a:hover{color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
text-decoration: underline;}

.ocrarigid a#activelink{color: #FAC776;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
text-decoration: underline;}


/**************************************************    stili  MAPPA */

div#colsxmap{width: 478px;
height: 470px;
float: right;
margin-right: 20px;
margin-top: 20px;
padding: 0px;}

div#coldxmap{width: 520px;
height: 470px;
float: right;
margin-top: 0px;
padding: 0px;}

.linkmappa{font: bold 14px verdana; color: #FAC776;}

.linkmappa a{font: bold 14px verdana; color: #FAC776; text-decoration:none;}

.linkmappa a:hover{font: bold 14px verdana; color: #FFFFFF; text-decoration:underline;}

.linkmappa a#activelink{font: bold 14px verdana; color: #FAC776; text-decoration:underline;}


/**************************************************    stili  FOOTER HOME */

div#footerhome{clear: right;
height: 30px;
position:relative;
top: 50px;
margin: 0px;
text-align: right;
padding-right: 20px;
padding-top: 20px;
font-family:"Times New Roman", Times, serif;
font-size: 13px;
letter-spacing: 0.3px;
word-spacing: 1.5px;
font-weight: normal;
color: #ACAEAF;}

div#footerhome a{color: #ACAEAF;
font-size: 13px;
font-weight: normal;
text-decoration: underline;}

div#footerhomer a:hover{color: #FFFFFF;
font-size: 13px;
font-weight: normal;
text-decoration: underline;}

div#footerhome a#activelink{color: #ACAEAF;
font-size: 13px;
font-weight: normal;
text-decoration: underline;}



/* Aggiunti da Inessa */
input.campo { width: 170px; border: 1px groove;
border-color:#58585A;}

input.camposmall 
{width: 150px;
height: 18px;
background-color:#FFFFFF;
border: 1px groove;
border-color:#58585A;}


textarea.campotext{width: 260px;
height: 50px;
background-color: #FFFFFF;
filter:alpha(opacity=60); 
-moz-opacity: 0.6; 
opacity: 0.6;
border: 1px solid;
border-color: #C1991E;
color: #000000;
font: normal 11px verdana; 
text-align: left;}


#tabinfo td { padding-bottom: 5px;}

#tabcliente td { padding-bottom: 9px;}