@charset "utf-8";
/* CSS Document */

body{
	background-color: #FFF;
	background-image: url(../img/body.jpg);
	background-repeat: repeat-x;
}
a { color:#CC0000; text-decoration:none;}
a:hover{ color:#009999;} 
#testa {
	background-image: url(../img/testa-1-b.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height: 368px;
	/*width:960px; margin:0 auto; position:relative;*/
}

body.b-la-societa 	      #testa{background-image: url(../img/testa-6.jpg);}
body.b-le-terme 	      #testa{background-image: url(../img/testa-1.jpg);}
body.b-golf 		      #testa{background-image: url(../img/testa-4.jpg);}
body.b-congressuale       #testa{background-image: url(../img/testa-3.jpg);}
body.b-informazioni       #testa{background-image: url(../img/testa-6.jpg);}
body.b-terapie-termali 	  #testa{background-image: url(../img/testa-2.jpg);}
body.b-strutture-termali  #testa{background-image: url(../img/testa-7.jpg);}
body.b-qualita-curative   #testa{background-image: url(../img/testa-5.jpg);}

#testa-contenuto{height: 368px; margin-top: -8px;}
#contenuto-corpo{padding-top:10px;}

#gallery-home{margin:-9px 0 0 -8px;}

/***********************************************************************************/
.mc { position: relative; z-index: 1; }
ul#topnav {
	margin: 0;
	padding: 0;
	float:left;
	width: 100%;	
	list-style: none;
	font-size: 1.1em;
	background-image:url(../img/ul-topnav-sf.png);
	position:absolute;
	bottom:0;
	top:314px;
}
ul#topnav p{
	font-size:10px;
	color:#415a5c;
	line-height: 14px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	/*text-indent: -9999px;*/
	height: 38px;
}
/*ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }*/
ul#topnav a.home, ul#topnav a.strutture-termali, ul#topnav a.terapie-termali, ul#topnav a.qualita-curative, ul#topnav a.informazioni{background-image: url(../img/menu.gif); background-repeat:no-repeat;text-indent: -9999px; height:38px; text-indent: -9999px;}

ul#topnav a.home 			    {width:192px;	background-position:0 0;}
ul#topnav a.strutture-termali 	{width:192px;	background-position:-192px 0;}
ul#topnav a.terapie-termali 	{width:192px;	background-position:-384px 0;}
ul#topnav a.qualita-curative 	{width:192px;	background-position:-576px 0;}
ul#topnav a.informazioni		{width:192px;	background-position:-768px 0;}

body.b-home ul#topnav a.home  			    {width:192px;	background-position:0 -76px;}
body.b-strutture-termali ul#topnav a.strutture-termali 		{width:192px;	background-position:-192px -76px;}
body.b-terapie-termali ul#topnav a.terapie-termali 			{width:192px;	background-position:-384px -76px;}
body.b-qualita-curative ul#topnav a.qualita-curative 	{width:192px;	background-position:-576px -76px;}
body.b-informazioni ul#topnav a.informazioni		{width:192px;	background-position:-768px -76px;}

ul#topnav a:hover.home, 
body.b-home  ul#topnav a:hover.home 				        {background-position:0 -38px;}
ul#topnav a:hover.strutture-termali, 
body.b-strutture-termali ul#topnav a:hover.strutture-termali{background-position:-192px -38px;}
ul#topnav a:hover.terapie-termali, 
body.b-terapie-termali ul#topnav a:hover.terapie-termali  	{background-position:-384px -38px;}
ul#topnav a:hover.qualita-curative, 
body.b-qualita-curative ul#topnav a:hover.qualita-curative 	{background-position:-576px -38px;}
ul#topnav a:hover.informazioni,	
body.b-informazioni ul#topnav a:hover.informazioni			{background-position:-768px -38px;}



ul#topnav li .sub {
	position: absolute;	
	top: 38px; /*left: 0;*/
	background: #5e8183 url(../img/sub_bg.png) repeat-x;
	padding: 20px 20px 20px;
	/*float: left;
	left:0;*/
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;	
	z-index:999;
}
ul#topnav li.l-home		        {background-color:#a7bdc8; float: left; left:0;}
ul#topnav li.l-strutture-termali	{background-color:#00a995; float: left; left:0;}
ul#topnav li.l-terapie-termali		{background-color:#b3d335; float: left; left:0;}
ul#topnav li.l-qualita-curative	{background-color:#7aafde; right:0; float:left;}
ul#topnav li.l-informazioni 	    {background-color:#00a995; right:0; float:left;}




ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 152px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li p {
margin-left:4px;
padding-right:4px;
	
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1em;
	font-weight: normal;
	text-transform:uppercase;
	
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #fff;
}
#contenuto h1 {
	font-family:Costantina,Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #06618E;
	padding-bottom: 5px;
	margin-top:10px;	
	border-bottom: 1px solid #eee;
	line-height:1em;
	
}
.offerta{ border-bottom:3px solid #e4e4e4; margin-bottom:20px; padding-bottom:20px;}

#contenuto-corpo {
	background-image: url(../img/sf-contenuto.gif);
	background-repeat: no-repeat;
}

ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #b6b8a3;
}
ul#topnav .sub ul li a:hover {color: #fff; background-position: 5px 12px ;}
/***********************************************************************************/
a#logo {
	height: 155px;
	width: 220px;
	position:absolute;
	left:50%;
	top:16px;
	margin-left:-480px;
}
#piede{ background-image:url(../img/piede.gif); height:80px; background-repeat:no-repeat; margin-bottom:10px; position:relative;}

#side-left, #side-right{ color:#666666; margin-left:4px; display:block !important}
#news, #stampa, #richiesta-info{ margin-bottom: 10px;}
#news h6, #stampa h6, #richiesta-info h6, #promo h6{ font-weight:normal; text-transform:uppercase; color:#333333; margin:0; padding:0; margin-bottom:5px; clear:both;}
#news ul, #stampa ul { margin:0; padding:0;}
#news ul li, #stampa ul li{ margin:0; padding:0; list-style:none; list-style-type:none; padding: 5px 0; border-bottom:1px solid #e6e6e6; background-image:url(../img/sfl.gif); background-position:top; background-repeat:repeat-x; }


#stampa a{}
#stampa a span.testata {color:#666 !important;  display:block !important;}
#stampa span.testata-data{ float:right; letter-spacing:-1px;}

#richiesta-info input, #richiesta-info textarea{ width:100%;}
#richiesta-info input.radio{ width:20px; !important}
#richiesta-info input.invia{ width: 120px; margin-top:3px; margin-right:0;} 
#risultato-richiesta{ display:none;}
#richiesta-info, #risultato-richiesta{/*height: 220px;*/}
.LV_validation_message{ color:#900}

.piede-testo{ width:400px; padding-top:5px; padding-left:5px; color:#909275; margin-left:120px;}
.piede-testo a{}
img, a img{ margin:0; padding:0;}
img.foto-news{ margin-right: 5px; margin-bottom: 5px;}
img.busta{ margin:0 auto; text-align:center;}

#sub-menu-pagina{ margin: -26px 0px 10px -14px; width:240px; }
#sub-menu-pagina h6{
	color:#fff;
	height:45px;
	line-height:45px;
	font-size:17px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	margin-bottom:1px;
	padding-left:5px;
}
#sub-menu-pagina ul { padding:0; margin:0;}
#sub-menu-pagina ul li {list-style-type:none; list-style:none; font-size:14px; margin:0; padding:0; margin-bottom:1px;}

#sub-menu-pagina ul li a{ color:#444; display: block; line-height:19px; padding:5px 0px 5px 5px;}


a.web-design{ display:block; height:40px; width:71px; position:absolute; right:21px; top:20px; text-indent:-9999px; overflow:hidden;} 

body.b-home #sub-menu-pagina h6, body.b-home #sub-menu-pagina a,
body.b-eventi #sub-menu-pagina h6, body.b-eventi #sub-menu-pagina a,
body.b-qualita-curative #sub-menu-pagina h6, body.b-qualita-curative #sub-menu-pagina a			{background-color:#00a995}
body.b-terapie-termali #sub-menu-pagina h6, body.b-terapie-termali #sub-menu-pagina a,
body.b-golf #sub-menu-pagina h6, body.b-golf #sub-menu-pagina a                					{background-color:#b3d335}
body.b-strutture-termali #sub-menu-pagina h6, body.b-strutture-termali #sub-menu-pagina a,
body.b-congressuale #sub-menu-pagina h6, body.b-congressuale #sub-menu-pagina a 				{background-color:#7aafde}
body.b-informazioni #sub-menu-pagina h6, body.b-informazioni #sub-menu-pagina a,
body.b-la-societa  #sub-menu-pagina h6, body.b-la-societa #sub-menu-pagina a,
body.b-notizie  #sub-menu-pagina h6, body.b-notizie #sub-menu-pagina a                          {background-color:#a7bdc8}

#sub-menu-pagina ul li a:hover{
	background-color:#fff;
	color:#C00;
}

/*#sub-menu-pagina dl { border-bottom: 1px solid #999; }

#sub-menu-pagina dl dt
{
	clear: left;
	float: left;
	width: 150px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	color:#666;
	
}

#sub-menu-pagina dl dd
{
	margin-left: 150px;
	padding: 5px;
	border-top: 1px solid #999;
}

#sub-menu-pagina dl dd.first { border-top: 1px solid #999; }
.segnaposto-albergo{ border-bottom:3px solid #e4e4e4; padding:10px 0;}
#sub-menu-pagina table { margin-bottom:5px;}*/
.categoria{width:100px; float:left;}
.albergo{margin-left:100px;}
.albergo h3{margin-bottom:2px;}
.tab-offerta{border-bottom:3px solid #e4e4e4; padding:10px 0; margin-bottom:10px;}
.data{background-color:#900; color:#FFF; padding:4px; width:100px; text-align:center;}

ul#sliderContent 	{margin:0; padding:0;}
ul#sliderContent li	{margin:0; padding:0;}
h3.t-albergo{ display:block; margin:0; padding:0; width:220px; height:40px; overflow:hidden; text-indent:-9999px;}
#t-localizzazione{ background-image:url(../img/t-localizzazione.gif)}
#t-indirizzo{ background-image:url(../img/t-indirizzo.gif)}
#t-servizi{ background-image:url(../img/t-servizi.gif)}
#t-info{ background-image:url(../img/t-info.gif)}
div.d-albergo{ margin-bottom:15px; border-bottom:1px solid #eee;}
body.scheda-albergo .segnaposto-albergo{ margin-bottom:10px;}
body.scheda-albergo .categoria{ margin-top:-10px; width:60px;}
.albergo h1{margin-bottom:2px;}
body.scheda-albergo .albergo{ margin-left:60px;}

.albergo h3 a{ color:#cc3300;}
span.convenzionato{ display: block; width:134px; height:28px; text-indent:-9999px; overflow:hidden; background-image:url(../img/convenzionato.gif); float:right;}

div.allegato{ border:1px solid #ddd; padding:10px; padding-top:20px; background-image:url(../img/allegato.gif); background-position:top left; background-repeat:no-repeat;}

a.log-riservata{
	display:block;
	width:64px;
	height:32px;
	background-image:url(../img/ar.png);
	overflow:hidden;
	float:right;
	margin:-26px -45px 0 0px;
	padding: 0 36px 0 36px;
	background-repeat: no-repeat;
	line-height: 14px;
	vertical-align: middle;
}
a.convenzionato{
	display:block;
	width:64px;
	height:32px;
	background-image:url(../img/convenziomato.png);
	overflow:hidden;
	
	margin:12px 0px -46px -60px;
	padding: 0 36px 0 36px;
	background-repeat: no-repeat;
	line-height: 30px;
	vertical-align: middle;
}

#collaborazioni{ margin-bottom:10px;}