/* CSS Document */

html, body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

html{
	background:#9d8c7c url(images/sfumatura.jpg) repeat-x;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
}

*:first-child+html{
	overflow:auto;
}

p{
	margin:0;
	padding:12px 0 0;
}

a{
	color:#950524;
}

a:hover{
	color:#6d060f;
}

#contenitore{
	z-index:1;
	width:830px;
	min-height:100%;
	margin:0 auto;
	padding:0;
	background:url(images/sf-ombra.png) repeat-y;
}

#logo{
	overflow:hidden;
	width:800px;
	height:80px;
	margin:0 auto;
	padding:0 15px;
	background:url(images/logo.jpg) no-repeat;
}

#logo h1 a{
	display:block;
	width:800px;
	padding-top:80px;
}

#lingua{
	position:absolute;
	width:819px;
	margin:auto;
	top:11px;
}

#lingua a{
	position:relative;
	overflow:hidden;
	float:right;
	display:block;
	width:33px;
	height:24px;
	margin:0;
	padding:0;
	font-size:48px;
	line-height:96px;
}

#lingua a.ita{
	background:url(images/ita.gif) 0 0 no-repeat;
}

#lingua a.eng{
	background:url(images/eng.gif) 0 0 no-repeat;
}

#testa{
	position:relative;
	overflow:auto;
	width:800px;
	margin:0 15px;
	background:black;
}

#testa ul{
	position:relative;
	overflow:hidden;
	width:420px;
	height:210px;
	margin:0;
	padding:12px 0 0;
	background:url(images/marchio.jpg) no-repeat;
}

#testa ul li{
	margin-left:230px;
	list-style-type:none;
	color:white;
	text-transform:uppercase;
	font:normal 16px "Times New Roman", Times, serif;
	line-height:27px;
}

#testa ul li a{
	color:white;
	text-decoration:none;
}

#testa ul li a:hover{
	color:black;
	text-decoration:none;
}

#testa div{
	position:relative;
	overflow:hidden;
	padding:20px 0 0 40px;
	font:bold 36px "Times New Roman", Times, serif;
	color:white;
}

#testa div h2{
	margin:0;
	padding:0;
	font-size:36px;
	line-height:36px;
}

#testa div h3{
	margin:0;
	padding:0;
	font-size:42px;
	line-height:42px;
}

#testa div h3 a, #testa div h3 a:hover{
	color:#d2a90c;
	text-decoration:none;
}

#contenuti{
	position:relative;
	overflow:auto;
	padding:20px 15px 240px 35px;
}

#contenuti .cont{
	position:relative;
	overflow:auto;
	margin-right:20px;
	padding:9px;
	border:1px solid #d2d2d2;
	background:white;
	color:black;
}

#fondo{
	z-index:2;
	width:800px;
	height:240px;
	margin:-240px auto 0;
	background:#1f0504;
	position:relative;
	overflow:hidden
}

#penultimo{
	position:relative;
	height:130px;
	padding:20px;
	background:#5a0001 url(images/sf-penultimo.jpg) right no-repeat;
	color:#e0dcd7;
}

#ultimo{
	position:relative;
	padding:5px 20px 0 20px;
	/*line-height:50px;*/
	color:#624340;
	font-size:12px;
}

#id-lab{
	position:relative;
	float:right;
	overflow:hidden;
	width:85px;
	height:50px;
	background:url(images/id-lab.gif) right 10px no-repeat;
}

#id-lab a{
	display:block;
	padding-top:50px;
}

#gallery{
	position:relative;
	float:right;
	width:320px;
}

#gallery img{
	position:relative;
	float:right;
	width:150px;
	height:110px;
	margin:0 0 10px 10px;
	border:none;
}

/*-------classi-------*/

.scheda{
	position:relative;
	float:left;
	width:220px;
	height:270px;
	margin:0 20px 20px 0;
	padding:9px;
	border:1px solid #d2d2d2;
	background:white;
}

.scheda a{
	display:block;
	color:#777;
	text-decoration:none;
}

.scheda a:hover{
	background:#edeae6;
	text-decoration:none;
}

.scheda .luogo, .scheda a .luogo{
	font-size:16px;
	color:#950524;
	line-height:18px;
	text-decoration:none;
}

.scheda .luogo2, .scheda a .luogo2{
	font-size:12px;
	color:#6d060f;
	line-height:18px;
	text-decoration:none;
}

.scheda .tipo, .scheda a .tipo{
	font-size:18px;
	color:#1f0504;
	line-height:30px;
	text-decoration:none;
}

.agenzie{
	position:relative;
	overflow:auto;
	margin:0 20px 20px 0;
	padding:9px;
	border:1px solid #d2d2d2;
	background:white;
}

.agenzie a{
	display:block;
	min-height:165px;
	color:#777;
	text-decoration:none;
}

.agenzie a:hover{
	background:#edeae6;
	text-decoration:none;
}

.agenzie img{
	position:relative;
	float:left;
	margin-right:10px;
}

.sx{
	position:relative;
	float:left;
	margin-right:10px;
}

.dx{
	position:relative;
	float:right;
	margin-left:10px;
}

/*-------classi testi---------*/

.titolo1{
	font:bold 24px "Times New Roman", Times, serif;
	color:white;
	text-transform:uppercase;
}

.titolo2{
	font:bold 24px "Times New Roman", Times, serif;
	color:#880418;
	text-transform:uppercase;
}

.titolino1{
	font:bold 16px "Times New Roman", Times, serif;
	color:white;
	text-transform:uppercase;
}

.titolino2, .titolino2 a{
	font:normal 16px "Trebuchet MS", Arial, Verdana;
	color:#e0dcd7;
	text-decoration:none;
}

.titolino2 a:hover{
	color:#ad7575;
	text-decoration:none;
}

.titolino3, .titolino3 a{
	font:normal 16px "Trebuchet MS", Arial, Verdana;
	color:#950524;
	text-decoration:none;
}

.titolino3 a:hover{
	color:#6d060f;
	text-decoration:none;
}

a.link{
	text-decoration:none;
	color:#ad7575;
}

a.link:hover{
	text-decoration:underline;
	color:white;
}

/*--------------------------------------form di testa----------------------------------------*/

#testa form{
	position:relative;
	float:right;
	margin:0;
	padding:0;
	width:380px;
	height:350px;
	background:url(images/sf-ricerca.jpg) no-repeat;
}

#testa form fieldset{
	position:relative;
	border:none;
	padding:0;
	margin:30px 0 0 35px;
}
	
*:first-child+html #testa form legend{/*solo per ie7*/
	margin-left:-7px;
}
	
#testa form legend{
	border:none;
	padding:0;
	margin-left:0;
	color:#880418;
	text-decoration: none;
	font:bold 24px "Times New Roman", Times, serif;
	text-transform:uppercase;
	line-height:36px;
}

#testa form fieldset div{
	overflow:auto;
	border:none;
	margin:9px 0;
	padding:0;
	font:normal 18px "Trebuchet MS", Arial, Verdana;
	color:#230303;
	overflow:hidden
}

#testa form label{
	border:none;
	float:left;
    /*display: inline;*/
	margin-left: 0;
	width:130px;
	height:20px;
    line-height:20px;
}

#testa form input{
	overflow:hidden;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:auto;
	height:21px;
	background:#d7d2cc;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#6d060f;
}
	
#testa form select{
	overflow:hidden;
	float:left;
	border:none;
	margin:0;
	padding:0;
	width:180px;
	height:21px;
	background:#d7d2cc;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#6d060f;
}
	
#testa form select option{
	border:none;
	margin:0;
	padding:0;
	background:#d7d2cc;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#6d060f;
}
	
#testa form .bottone{
	margin:3px 0 0;
	padding:0;
	width:120px;
	height:21px;
	border:none;
	background:#6d060f;
	vertical-align:middle;
	font:bold 18px "Times New Roman", Times, serif;
	color:white;
	letter-spacing:0.65pt;
}
	
#testa form label.piccolo{
	width:70px;
	height:15px;
    line-height:15px;
}
	
#testa form input.radio{
	background:none;
	border:none;
	width:20px;
	margin:1px 10px 0 0;
}

/*--------------------------------------form----------------------------------------*/

#contenuti form{
	position:relative;
	overflow:auto;/*serve per contenere i float con i browser pił moderni*/
	margin:0;
	padding:0;
}

#contenuti fieldset{
	position:relative;
	width:353px;
	float:left;
	border:1px solid #d2d2d2;
	padding:5px;
	margin:0;
	}
	
*:first-child+html #contenuti  legend{/*solo per ie7*/
	margin-left:-7px;
}
	
#contenuti legend{
	border:none;
	padding:0;
	margin-left:0;
	color:#950524;
	text-decoration: none;
	font:bold 14px "Trebuchet MS", Arial, Verdana;
	line-height:30px;
	text-transform:uppercase;
	}

#contenuti fieldset div{
	border:none;
	margin:0;
	padding:0;
	float:left;
	width:353px;
	}

#contenuti label{
	border:none;
	float:left;
    display: inline;
	margin-left: 0;
	width:153px;
	height:20px;
    line-height:20px;
	}

#contenuti input{
	float:left;
	border:#c3bbb1 solid 1px;
	margin:2px 0 0 5px;
	padding:0 3px;
	width:auto;
	height:18px;
	background:#e0dcd7;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#6d060f;
	}
	
#contenuti select{
	float:left;
	border:#c3bbb1 solid 1px;
	margin:2px 0 0 5px;
	padding:0 3px;
	width:auto;
	height:20px;
	background:#e0dcd7;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#6d060f;
	}
	
#contenuti textarea{
	float:left;
	border:#c3bbb1 solid 1px;
	background:#e0dcd7;
	margin:2px 0 0 0;
	padding:0;
	width:351px;
	height:148px;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#6d060f;
	}
	
#contenuti .bottone{
	margin:2px 0 0 0;
	padding:0;
	width:80px;
	height:20px;
	border:none;
	background: #6d060f;
	vertical-align:middle;
	font:bold 14px "Trebuchet MS", Arial, Verdana;
	color:#fff;
	}
	
#contenuti label.piccolo{
	width:30px;
	height:15px;
    line-height:15px;
	}
	
#contenuti label.medio{
	width:60px;
	height:15px;
    line-height:15px;
	}
	
#contenuti input.radio{
	background:none;
	border:none;
	margin:1px 10px 0 0;
	}
	
#contenuti textarea.info{
	height:148px;
	border-color:#c3bbb1;
	background:#e0dcd7;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#9d8c7c;
	}
	
#contenuti textarea.infoemail{
	height:74px;
	border-color:#c3bbb1;
	background:#e0dcd7;
	font:normal 14px "Trebuchet MS", Arial, Verdana;
	color:#9d8c7c;
	}


/*-----------*/

ul.media{
	float:right;
	margin:0;
	padding:0;
}

ul.media li{
	float:left;
	list-style:none;
	height:30px;
	margin:0 0 0 10px;
	background-position:right 50%;
	background-repeat:no-repeat;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
}

ul.media li.video{
	background-image:url(images/ico-video.png);
}
ul.media li.mappa{
	background-image:url(images/ico-mappa.png);
}
ul.media li.comune{
	background-image:url(images/ico-comune.png);
}

ul.media li a{
	display:block;
	padding:0 33px 0 0;
	color:#999;
	text-decoration:none;
}

ul.media li a:hover{
	color:#666;
	text-decoration:none;
}


ul.media li a strong{
	font-size:14px;
	line-height:14px;
}


ul#sociale{
	/*overflow:hidden;*/
	display:inline-block;
	height:20px;
	margin:0;
	border:none;
	padding:10px;
	/*border-top:1px solid #c2c2c2;*/
}

ul#sociale li{
	float:left;
	margin:0;
	padding:0;
	height:20px;
	list-style:none;
	border:none !important
}

ul#sociale li iframe{
	border:none !important
}


ul#sociale li.fb{
	padding:0 15px 0 0;
}

ul#sociale li.fb-cond{
	float:right;
	padding:1px 0 0;
}