/*
CSS Euroterme
Autore: ISIKOM di Michele Menciassi
Mail: supporto@isikom.it
Data: Luglio 2008
*/

/* Impostazioni di default per i tag base */
html, body{
  margin:0px;
  border:0px;
  padding:0px;
  font-family:arial, verdana;
  font-size:12px;
}
body{
  /* l'allineamento centrato permette di centrare il sito su explorer*/
  text-align:center;
	background-color:#DBE5EF;
}
img {
  /* togliamo il bordo per ogni immagine in modo che le immagini linkabili non abbiano il bordino*/
  border:0px;
}

a {
  color:#000;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

h2 {
	font-size:16px;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Nasconde da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine dell'hack per IE-mac */

#bodycontent{
  /* il width imposta la larghezza fissa del sito*/
  width:1000px;
  /* il contenuto del div ha allineamento a sinistra*/
  text-align:left;
  /* il margine auto permette di centrare il sito su firefox*/
  margin:0px auto;
	/* colore bianco di default nell'area di contenuto */
	background-color:#fff;
}

#columnleft{
	width:760px;
	float:left;
}

#columnright{
	width:240px;
	float:left;
	margin-top:48px;
}

#header{
	position:relative;
	width:760px;
	height:182px;
	background-color:#312413;
	/*#241C07;*/
}
#header a{
	display:block;
	width:379px;
	height:125px;
	position:absolute;
	top:55px;
	left:230px;
	background-image:url('/immagini/roseo-hotels-euroterme.jpg');
	background-repeat:no-repeat;
}
#header span{
	display:none;
}
#header #logo{
	display:block;
	width:120px;
	height:170px;
	position:absolute;
	top:0px;
	left:50px;
	z-index:1000;
	background-image:url('/immagini/logo-roseo-hotels.jpg');
	background-repeat:no-repeat;
}
#footer {
	margin-top:5px;
	background-color:#251D07;
	color:#fff;
	padding:8px 8px 8px 106px;
	font-size:11px;
}

#footer a {
	color:#fff;
}

#menualto{
  height:48px;
  background-color:transparent;
	font-weight:bold;
	position:relative
}

#menualto .content{
  text-align:left;
  font-size:11px;
  padding-top:28px;
  /*padding-left:118px;*/
  color:#665543;
}
#menualto .content a{
  color:#665543;
	font-weight:bold;
}

#menualto a.roseo {
	color:#A40431;
}
#menualto .menu{
	float: left;
	margin-left: 54px;
}
#menualto .langs{
	float: right;
}

#maincontainer{
  position:relative;
}

#maincontent{
	font-family:times,georgia;
}

.vetrina {
	width:200px;
	height:121px;
	margin-left:20px;
	margin-bottom:7px;
}

.vetrina span{
	display:none;
}

.vetrina a{
	display:block;
	width:200px;
	height:121px;
}

a#vetrina-piscina-termale {
	background-image:url('/immagini/vetrina-piscina-termale-on.jpg');
}
a#vetrina-centro-termale {
	background-image:url('/immagini/vetrina-centro-termale-on.jpg');
}
a#vetrina-centro-benessere {
	background-image:url('/immagini/vetrina-centro-benessere-on.jpg');
}
a#vetrina-programmi-benessere {
	background-image:url('/immagini/vetrina-programmi-benessere-on.jpg');
}
a#vetrina-hotel {
	background-image:url('/immagini/vetrina-hotel-on.jpg');
}

.boxhome {
  float:right;
	width:201px;
	height:267px;
	display:none;
	position:absolute;
	top:20px;
	right:6px;
	background-image:url('/immagini/boxhome.png');
	background-repeat:no-repeat;
	color:#fff;
}

.boxhome .content{
	padding:30px 22px;
	text-align:right;
}
.boxhome h2{
	margin-top:0px;
	font-size:16px;
}

.boxhome p{
	font-size:13px;
}

#box-piscina-termale{
	top:20px;
	z-index:20;
}
#box-centro-termale{
	top:20px;
	z-index:20;
}
#box-centro-benessere{
	top:130px;
	z-index:20;
}
#box-programmi-benessere{
	top:260px;
	z-index:20;
}
#box-hotel{
	top:260px;
	z-index:20;
}




/* CSS pagine interne */

.bottone {
	width:217px;
	height:17px;
	margin-left:10px;
	margin-bottom:5px;
}

.bottone span{
	display:none;
}

.bottone a{
	display:block;
	width:217px;
	height:17px;
}

a#bottone-piscina-termale {
	background-image:url('/immagini/btn-piscina-termale.jpg');
}
a#bottone-centro-termale {
	background-image:url('/immagini/btn-centro-termale.jpg');
}
a#bottone-centro-benessere {
	background-image:url('/immagini/btn-centro-benessere.jpg');
}
a#bottone-programmi-benessere {
	background-image:url('/immagini/btn-programmi-benessere.jpg');
}
a#bottone-hotel {
	background-image:url('/immagini/btn-hotel.jpg');
}

#advertise{
	margin-top:16px;
	margin-left:10px;
}


/*===================================================================*/
#submenu ul{
  list-style-type:none;
  padding:0px;
  margin:0px;
	margin-left:10px;
  margin-bottom:6px;
  margin-top:16px;
}
#submenu ul li{
  font-weight:bold;
	margin-bottom:2px;
}

#submenu a{
  display:block;
	width:217px;
	/*height:40px;*/
	background-repeat:no-repeat;
	background-position:top;
	text-decoration:none;
}
#submenu a span{
	display:block;
	text-align:right;
	padding:10px;
	font-size:16px;
	color:#fff;
}

#submenu.neutroterra a, #submenu.terra a{
	background-image:url('/immagini/bottone-menu-terra-top.jpg');
}
#submenu.neutroterra a span, #submenu.terra a span{
  background-image:url('/immagini/bottone-menu-terra-bottom.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
}
#submenu.neutroacqua a, #submenu.acqua a{
	background-image:url('/immagini/bottone-menu-acqua-top.jpg');
}
#submenu.neutroacqua a span, #submenu.acqua a span{
  background-image:url('/immagini/bottone-menu-acqua-bottom.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
}
#submenu .titolo a {
	background-image:none;
	font-family:Times,Georgia,Arial
}
#submenu .titolo a span{
	color:#4C3E11;
	/*font-family:times, georgia, arial;*/
	text-transform:uppercase;
	padding-top:18px;
	padding-bottom:2px;
	background-image:none;
}
/*===================================================================*/
#pagecontent {
	padding:0px;
	padding-bottom:10px;
	background-color:#fff;
	font-family:Times,Georgia,Arial;
  font-size:13px;
}

#pagecontent p {
	padding-left:10px;
	padding-right:10px;
}

#pagecontent a {
	font-weight:bold;
}

#pagecontent h2.titolo {
	margin:0px;
	padding:10px;
	padding-top:20px;
	font-size:22px;
	font-weight:none;
	text-align:right;
	text-transform:uppercase;
	color:#4C3E11;
}

#pagecontent h2 {
	padding-left:10px;
	padding-right:10px;
}

.terra #pagecontent {
	color:#fff;
	background-color:#43310B;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url('/immagini/sfondo-content-terra.jpg');
}

.terra #pagecontent a {
	color:#fff;
}

.terra #pagecontent h2.titolo {
	color:#fff;
}

.acqua #pagecontent {
	color:#43310B;
	background-color:#B0CFE1;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url('/immagini/sfondo-content-acqua.jpg');
}

.acqua #pagecontent a {
	color:#43310B;
}

/*===================================================================*/

#FormContatto form{
	margin:0px;
	padding:0px 20px;
}

#FormContatto label, #FormAddNewsletter label{
	width:150px;
	display:block;
	color:#4C3E11;
	font-weight:bold;
}
#FormContatto #nome, #FormContatto #cognome, #FormContatto #email, #FormContatto #telefono{
	width:250px;
	border:1px solid #4C3E11;
	background-color:#EFEAE0;
}

#FormContatto #messaggio{
	width:100%;
	height:100px;
	border:1px solid #4C3E11;
	background-color:#EFEAE0;
}

#content-terra #FormContatto label{
	color:#fff;
}
#content-acqua #FormContatto label{
	color:#43310B;
}

#FormContatto #ospiti label{
	float:left;
}
#FormContatto #ospiti input{
  float:right;
	width:1cm;
	border:0px;
	border-bottom:1px dotted;
	text-align:right;
}
#FormContatto #ospiti p{
	clear:both;
	
}
/*
style="display:inline;"
*/

dl.notizie {
  margin:10px;
}
dl.notizie dt {
  padding-left:16px;
	background-image:url(/immagini/icon-news.jpg);
	background-position:left;
	background-repeat:no-repeat;
  font-weight:bold;
	border-bottom:1px dotted #241C07;
	color:#241C07;
}
dl.notizie dd{
  margin:0px;
	margin-bottom:10px;
}

.errore {
color:#C81409;
font-weight:bold;
display:block;
height:16px;
margin:2px 0px;
padding-left:20px;
background-image:url('/immagini/icon-attenzione.gif');
background-repeat:no-repeat;
background-position:left;
}

#pacchetti {
	padding:0px 20px
}
.areabox{
	width:200px;
	float:left;
	background-color:#241C07;
	color:#fff;
	text-align:center;
	margin-right:20px;
	padding:12px 0px;
}

#pacchetti-aree a{
	color:#fff;
}

.boxprogramma{
	width:200px;
	float:left;
	background-color:#9B907C;
	color:#fff;
	text-align:center;
	margin-right:20px;
	padding:12px 0px;
}

.boxcategoria{
	display:inline;
	padding:20px;
}
#pacchetti-elenco{
margin-top:10px;
}


table.visualizza {width:100%;border-collapse:collapse;border:1px solid #241C07;}
table.visualizza th {padding:2px;background-color:#9B907C;color:#fff;}
table.visualizza th a {color:#fff;}
table.visualizza th img {vertical-align:middle;}
table.visualizza td {padding:2px;border:1px dotted #241C07;}
.cx {text-align:center;}
tr.separatore {border-top:2px solid #241C07;}
.prezzo {text-align:right;}

.patologie-title, .pacchetti-title {
	color:#241C07;
	border-bottom: 1px dotted #9B907C;
}

#pacchetti .boxpacchetto{
	float:left;
	display:block;
	width:345px;
	height:400px;
	margin:4px;
	text-align:left;
	position:relative;
}

#pacchetti .scuro{
	background-color:#d5c5bd;
}

#pacchetti .scuro .omaggio{
  background-color:#eee7e5;
}


#pacchetti .chiaro{
	background-color:#eee7e5;
}
#pacchetti .chiaro .omaggio{
	background-color:#d5c5bd;
	padding:4px;
	margin:4px;
}

/*
#pacchetti .omaggio{
	float:right;
	text-align:left;;
	width:310px;
	height:80px;
	position:absolute;
	top:220px;
}
*/

.boxpacchetto .content {
	padding:4px;
}

.boxpacchetto .titolo{
	font-weight:bold;
	text-transform:uppercase;
}

#pacchetti .prezzopacchetto{
	float:right;
	text-align:right;
	width:332px;
	position:absolute;
	top:375px;
}

/* CSS PER PREVENTIVO */

#briciola {
  /*margin:20px 0px;*/
  margin:0px;
  padding:0px;
  padding-top:40px;
  padding-bottom:14px;
  text-align:right;
}
#briciola h2 {
  margin:0px;
  font-size:16px;
}
#briciola ol {
  list-style:none;
  margin:0px;
  margin-top:4px;
  margin-bottom:10px;
}
#briciola li {
  display:inline;
}

.step1{
  background-image: url(/img/contatti.jpg);
  background-repeat:no-repeat;
  position:relative;
  height:480px;
}

#prenotazione form{
  background-color:#fff;
  width:200px;
  position:absolute;
  right:20px;
  padding:0px 20px;
  border:1px solid #241C07;
}

#prenotazione #form_data_arrivo,
#prenotazione #form_data_partenza {
  width:6em;
}

#prenotazione #form_adulti {
  width:3em;
}

#prenotazione label {
  display:block;
  width:100px;
}
#prenotazione #padulti {
  padding-left:35px;
  background-image:url(/img/icon_adult.png);
  background-position:top left;
  background-repeat:no-repeat;
}
#prenotazione #pbambini {
  padding-left:35px;
  background-image:url(/img/icon_children.png);
  background-position:top left;
  background-repeat:no-repeat;
}
#prenotazione #pbambini label{
  width:150px;
}
#prenotazione #pbambini input{
  width:3em;
}
#prenotazione #psubmit{
  text-align:right;
}
#prenotazione #psubmit img{
  vertical-align:middle;
}