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

html {
  margin: 0;
  padding: 0;
}
img {
border:0;
}
body {
	margin: 0;
	text-align: center;
	padding: 0;
	font: normal 12px/1.2em "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	background-repeat: repeat;
	background-image: url(../images/sfondo.png);
	background-color:#E0DBCF;
}
#lingue li{
margin:0;
padding:0;
display:inline;
list-style:none;
}
#lingue ul{
margin:0;
padding:0;
float:right;
}
#lingue {
padding-top:15px;
height:20px;

}
#testa{
width:904px;
margin:0 auto;
height:418px;

}
#logo{
float:left;
margin:0;
padding:0;
	width:230px;
	height:383px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}
#logo h2, #logo p{
display:none;
}
#fotoTop {
margin:0;
padding:0;
float:right;
	height:383px;
	width:674px;
	background-image: url(../images/fototesta.jpg);
	background-repeat: no-repeat;
}
#nastro {
	height:28px;
	width:904px;
	margin:0 auto;
	background-color:#FF6600;
	background-image: url(../images/nastroBomba.png);
	background-repeat: repeat-x;
}
#nastri {
	height:31px;
	width:100%;
	background-image: url(../images/fiokki.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	position:absolute;
}
#mainCn {
height:630px;
margin:0 auto;
width:904px;
background-color:#772751;
}
#mainCn h1, #mainCn h3, #mainCn p{
margin:0;
padding:0;
}
#footer {
width:100%;
background-color:#333333;
height:120px;
}
#cnFooter {
	width:904px;
	margin:0 auto;
	height:106px;
	background-color:#4C1934;
	background-image: url(../images/logoFooter.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#barTop li{
display:inline;
list-style:none;

}

#barTop a {color:#333;}
#barTop ul{
	margin:0;
	list-style:none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#barTop ul li{float:left; padding-left:2px; font:14px/30px Arial,sans-serif}
#barTop ul li a{ float:left; background-color:#FFFFFF; padding:0 8px; color:#333;text-decoration:none; margin-top:3px}
#barTop ul li a:hover{background: url('../images/tabViola.gif') repeat-x; text-decoration:none; color:#fff;}
#barTop ul li a.active{ margin:0; float:left;  padding:0 8px; color:#333; padding:3px 8px 0 8px; text-decoration:none}
#barTop ul li a.active:hover{text-decoration:none}
#barTop ul li a.selezionato{ float:left; background: url('../images/tabViola.gif') repeat-x; padding:0 8px; color:#fff; margin-top:3px}


#main {
margin-right:19px;
float:right;
}
#mainBianco {
width:638px;
margin:0 auto;
padding-top:5px;
padding-bottom:10px;
}
#mainBiancoTop {
	width:638px;
	height:15px;
	background-image: url(../images/topBianco.png);
	background-repeat: no-repeat;
}
#mainBiancoBot {
	width:638px;
	height:15px;
	background-image: url(../images/botBianco.png);
	background-repeat: no-repeat;
}#colonna {
float:left;
width:229px;}
#mainBiancoCenter {
	height:580px;
	padding-right:5px;
	padding-right:5px;
	background-color:#FFFFFF;
	
}
#chiSiamo  {
width:95%;
margin:0 auto;
color:#333;
}
h6 {
color:#A6377A;
font-size:1.1em;
margin:0;
padding:0;
left:0;
margin-top:7px;
text-align:left;
}
.sottoH6 {
margin:0;
padding:0;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	margin-top:5px;
}
#chiSiamo h1{
padding-top:5px;
color:#541C39;
text-align:left;
}
#chiSiamo p, #camere p {
text-align:justify;
padding-top:5px;
}
#ristorante {
float:left;
	padding-right:10px;
	margin-left:10px;
	margin-top:30px;
	width:200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D8D8D8;
}
#ristorante h3, #camere h3 {
	color:#333333;
	padding:3px;
	font-size:1.3em;
	text-align:left;
}
#ristorante p, #camere p {
margin:0;
padding:3px;
font-size:1.0em;
text-align:justify;
}
 #camere {
 	margin-top:30px;

 float:right;
border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D8D8D8;
width:200px;
	padding-right:10px;

 }
  #postIt a{
	padding:3px;
	color:#fff;
	margin-top:3px;
	text-decoration:none;
	background-color:#A49D52;
}
  #postIt a:hover{
  color:#660033;
  background-color:#fff;
  }
 #postIt {
 position:absolute;
 margin-left:445px;
	margin-top:20px;
	width:188px;
	height:201px;
	background-image: url(../images/postit.png);
	background-repeat: no-repeat;
 }
 #calcola h4 {
 font-weight:bold;
 font-size:1.2em;
 color:#660033;
 padding:0;
 margin:0;
  margin-top:5px;
  padding-top:5px;
 }
   #postIt p {
  color:#333333;
  font-size:1.0em;
  padding:13px;
  padding-top:11px;
  }

 #calcola p {
 padding:0;
 margin:0;
 margin-top:7px;
 text-align:center;
 }



 #calcola {
 margin-top:40px;
	width:184px;
	height:70px;
	background-image: url(../images/calcola.png);
	background-repeat: no-repeat; 
 }
  #postIt h3{
  color:#772751;
  font-size:1.9em;
  margin-top:28px;
  }
  #prenota{
	background-color:#FFFBEF;
	background-image: url(../images/botPrenota.png);
	background-repeat: no-repeat;
	background-position: bottom;
  }
  #titoloPrenota {
  margin-left:3px;
	width:222px;
	height:49px;
	background-image: url(../images/titoloPrenota.png);
	background-repeat: no-repeat;
  }
    #titoloPrenota h3, #titoloMeteo h3, #titoloNews h3 {
	font-weight:100;
	color:#FFFFCC;
	font-size:13pt;
	margin:0;
	padding:0;
	padding-top:15px;
	padding-left:15px;
	}
.cnPrenota input{
border:0;
	border:none;
	float:right;
	margin-right:22px;
	width:150px;
	text-align:center;
	font-size:1.6em;
	height:25px;
	background-image: url(../images/cellaPrenota.png);
	background-repeat: no-repeat;
}
.cnPrenota label {
float:left;
width:30px;
margin:0;
padding:0;
padding-top:5px;
margin-left:17px;
}
.cnPrenota {
margin-top:5px;
height:28px;
}
.cnPrenota2{
border:0;
	font-size:1.6em;
	width:33px;
		height:25px;
		text-align:center;
	background-image: url(../images/cellaPrenota2.png);
	background-repeat: no-repeat;

}
.cnPrenota3{
color:#F3E1AC;
border:0;
background-image: url(../images/cerca.png);
	background-repeat: no-repeat;
	width:71px;
		height:25px;
	font-size:1.3em;
	font-weight:100;
 	}
	
#prenota form {
padding-bottom:10px;
margin:0;
}
#meteo {
padding:0;
margin:0;

height:240px;
	background-image: url(../images/sfondoMeteo.png);
	background-repeat: repeat-x;
}
.cnPrenota4 {
margin-top:5px;
}
#titoloMeteo {
  margin-left:3px;
	width:220px;
	height:47px;
	background-image: url(../images/titoloMeteo.gif);
	background-repeat: no-repeat;}
.cnMeteo {
margin-top:3px;
text-align:left;
font-size:0.9em;
margin-left:5px;
	width:220px;
	height:34px;
	background-image: url(../images/cnMeteo.gif);
	background-repeat: no-repeat;
}
.cnMeteo img {
float:left;
margin-left:5px;
margin-top:5px;

}
.cnMeteo div {
margin:0;
padding:0;
position:absolute;
margin-top:9px;
margin-left:29px;

}
#news {
	background-color: #FFFBEF;
	background-image: url(../images/topNews.png);
	background-repeat: no-repeat;
	background-position: top;
	height:200px;
}
#titoloNews {
	margin-left:3px;
	width:220px;
	height:55px;
	background-image: url(../images/titoloCalendario.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#titoloNews h3 {
	padding-top:21px;
}
#botNews {
	height:17px;
	background-image: url(../images/botNews.png);
	background-repeat: no-repeat;
}
.icoNews img {
float:left;
margin-left:5px;
padding:5px;
}
.icoNews b {
display:block;
margin:0;
padding:0;
padding-top:3px;

}
.icoNews  p{
margin:0;
padding:0;
padding-left:3px;
}
.icoNews  {
display:block;
margin-top:3px;
height:37px;
text-align:left;
}
.icoNews a {
	padding:2px;
	background-color:#FFD2F0;
	text-decoration:none;
	color:#4C1934;
	font-style: italic;
	font-variant: normal;
}
.icoNews a:hover {
	color:#FFFFFF;
	background-color:#4C1934;
}
#infoage {
height:95px;
color:#FFFFFF;
font-size:0.9em;
margin-right:20px;
text-align:left;
	background-color:#622043;
	width:127px;
	float:right;
	background-image: url(../images/botInfo.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#infoage ul {
margin:0;
padding:0;
margin-top:5px;
margin-left:28px;

	list-style-image: url(../images/valid.png);

}
#infoage il {
text-align:left;
margin:0;
padding:0;
padding-left:3px;
display:inline;
}
#infoage a {
text-decoration:none;
color:#FFFFCC;
}
#infoage a:hover { text-decoration:underline;}
#infoage h4 { 

margin:0;
padding:0;
margin-top:5px;

text-align:center;
}
#camereRisto {
float:left;
width:440px;
}
#iva {
margin:0;
padding:0;
background-color:#FFFFCC;
width:130px;
margin: 0 auto;
margin-top:3px;
}
#tiketIfo {
padding-top:2px;
margin:0;
margin-left:10px;
float:left;
height:101px;
width:209px;
	background-image: url(../images/tiket.png);
	background-repeat: no-repeat;
}
#tiketIfo p {
padding-top:5px;
margin:0;

color:#333333;
width:90%;
text-align:center;
}
#logoHome {
position:absolute;
width:600px;
margin: 0 auto;
margin-top:330px;

}
#logoHome span{
margin-left:20px;

}
#mainBase {
	width:875px;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	margin: 0 auto;
	
}
#topMainBase {
	margin: 0 auto;
	background-image: url(../images/cnBase.png);
	background-repeat: no-repeat;
	height:11px;
	width:875px;
}
#bottomMainBase {
	height:11px;
	width:875px;
	margin: 0 auto;
	background-image: url(../images/cnBasebottom.png);
	background-repeat: no-repeat;

}
#baseDestra {
width:550px;
margin:0;
padding:0;
margin-left:300px;
margin-top:0;
}
#mainBase h1, #mainBase h2 {
margin:0;
padding:0;
color:#333333;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-top:5px;
text-align:left;
}
#mainBase h2 {
padding-top:25px;
}
#mainBase p {
text-align:justify;
margin-top:10px;
}
.cnCibo {
min-height:150px;
height: auto !important;
	height: 150px;
	width:550px;
	margin: 0 auto;
	margin-top:10px;
	background-image: url(../images/sfondoCibo.png);
	background-repeat: no-repeat;
	background-position: top;
}
.cnCibo img:hover {
	border-bottom-color: #772751;
}
.cnCibo img {
	margin-left:5px;
	margin-right:5px;
	width:120px;
	height:90px;
	float:left;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
.cnCibo h5{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:1.4em;
text-align:left;
padding:7px;
margin:0;
color:#666666;
}
.cnCibo p{
width:97%;
color:#333333;
margin:0 auto;
}
em {
color:#660033;}

#cnForm {
margin:0;
margin-top:10px;
	width:550px;
	background-image: url(../images/sfondoForm.png);
	background-repeat: no-repeat;
	background-position: top;
	min-height:266px;
	height: auto !important;
	height:266px;
}
#cnForm label {
float:left;
margin-left:15px;
color:#333333;
font-family:Geneva, Arial, Helvetica, sans-serif;
padding-top:5px;

font-size:1.2em;
}
.cnFiled {
padding-top:5px;
height:25px;
}
.cnFiled input {
font-family:Geneva, Arial, Helvetica, sans-serif;

font-size:1.4em;
width:465px;

	border: 1px solid #ccc;
}
#cnForm textarea {
padding:5px;
font-size:1.4em;
font-family:Geneva, Arial, Helvetica, sans-serif;
width:94%;
margin:0 auto;
margin-top:10px;
	border: 1px solid #ccc;
	height:150px;

}
#pul {text-align:center; margin-top:10px;}
#pul input{
	border:0;
	width:76px;
	height:25px;
	color:#fff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	background-image: url(../images/pul.png);
}
#pul input:hover{
	background-position:0 25px;
	color:#FFFFFF;
}
#textAreaCn {
margin-top:5px;
}
#baseDestra ul{
text-align:left;
margin:0;
padding:0;
margin-top:10px;

}
#baseDestra li{
width:90%;
font-size:1.2em;
font-family:Geneva, Arial, Helvetica, sans-serif;

color:#333333;
	margin-top:10px;
	list-style-image: url(../images/tel.png);
	margin-left:35px;
} 
#baseDestra b { color:#660033; margin-left:5px; font-weight:normal;}
#cnForm img {
margin-top:5px;

}
#cnForm p {
text-align:center;
}
#baseDestra li:hover{
background-color:#FFFFCC;
}
.news {
color:#333333;
padding:5px;
margin-top:2px;
	width:550px;
	background-color:#FDFFC0;
	background-image: url(../images/cnSfondoNews.png);
	background-repeat: repeat-x;
	background-position: top;
		background-position: 0px -30px;

}
.news h3 {
color:#333333;
text-align:left;
font-size:1.4em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.news em {
float:right;
}
.news a {
	display:inline;
	color:#660033;
	margin:0;
}
.news a:hover {
text-decoration:none;}
.news:hover  {
	background-position: 0px 0px;
}
#cnDove {
width:95%;
margin:0 auto;
}
#step {
font-weight:600;
margin-top:25px;
text-align:left;
font-size:1.4em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}
.titoloForm {
margin-top:5px;
font-weight:600;
background-color:#333333;
color:#FFFFFF;
padding:5px;
text-align:left;
font-size:1.3em;
font-family:Geneva, Arial, Helvetica, sans-serif;}
.cnFormPrenota {
padding:3px;
background-color:#F4F4F4;
}
.cnFormPrenota input {
padding:1px;
	width:80px;
	border: 1px solid #CCCCCC;
}
.sottoTitoloForm {
	background-color:#CCCCCC;
	text-align:left;
	font-size:1.2em;
	padding:2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.infoFinali {
	text-align:left;
background-color:#fff;
	padding:2px;
}
.cnFormPrenota select{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.cnFormPrenota img {
padding:0;
margin:0;
margin-right:5px;
}
.cnCamera {
padding:3px;
background-color:#F4F4F4;
text-align:left;
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.inviadati {
text-align:center;
margin-top:10px;
margin-bottom:60px;
}
.inviadati input {
font-size:1.1em;
font-family:Geneva, Arial, Helvetica, sans-serif;
	border:0;
	width:76px;
	height:25px;
	color:#FFFFFF;
	background-image: url(../images/pulCerca.png);
}
.inviadati input:hover {
	background-position: 0px 25px;
}
.spazio {
margin:0;
padding:0;
height:1px;
}
.cnFotoForm:hover {
	background-color:#F0F0F0
}
.cnFotoForm {
	height:170px;
	background-color:#E1E1E1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.cnFotoFormSx {
width:200px;
float:left;
}
.cnFotoFormSx img {
margin-top:10px;
	border: 5px solid #FFFFFF;
}
.cnFotoFormSx img:hover {
	border: 5px solid #333;
}
.cnFotoFormSx a {
color:#333333;
text-decoration:none;
}
.cnFotoFormDx{
margin-top:10px;
position:absolute;
width:330px;
margin-left:200px;
}
.testoCamera {
font-size:1.1em;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#666666;
	text-align:left;
	padding:5px;
	padding-left:0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.testoCamera strong{
	color:#333333;
	font-size:1.2em;
}
.testoCamera span{
font-size:0.8em;
}
.checkCn {
text-align:left;
padding:5px;
margin-top:3px;
}
.riepilogoRichiesta {
font-size:1.1em;
padding:3px;
text-align:left;
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
background-color:#999999;

}
.riepilogoRichiestaDati {
padding:3px;
text-align:left;
	background-color:#E1E1E1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
}
#prenotazione {
font-size:1.2em;
	padding:3px;
	text-align:left;
	background-color:#FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	color:#FFFFFF;
}
#noJava {
display:none;
background-color:#FF0000;
color:#FFFFFF;
padding:5px;
width:100%;
margin:5px;
}
#noJava h2{
margin:0;
padding:0;
color:#FFFFFF;

}
#step a{
font-size:0.9em;
color:#999999;
text-decoration:none;
}
#step a:hover { color:#FF6600; }

#errorRoom, #errorDate {
	background-color:#FF9A9C;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	border: 2px solid #666666;
}
.cnCamera2 {
height:25px;
padding:3px;
background-color:#F4F4F4;
text-align:left;
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
.cnCamera2 input, .cnCamera2 select {
font-size:1.3em;
	position:absolute;
	margin-left:70px;
	border: 1px solid #999999;
}
.cnCamera2 label {position:absolute; margin-top:4px;}
ul#multi,ul#multi li{margin:0;padding:0;list-style:none}

ul#multi{ margin-top:5px;width: 100%;overflow: hidden;
    padding: 0;margin: 0;
    line-height: 1.8;
    }

ul#multi li{float:left;width:48%;
margin:2px;
   display: inline;
    }
#prenotaOra {
overflow:hidden;
padding:0;
padding-top:12px;
	margin: 0 auto;
	width:160px;
	height:39px;
	background-image: url(../images/prenota.png);
	background-repeat: no-repeat;
}

#prenotaOra a {
text-decoration:none;
color:#333333;
font-size:1.5em;
}
ul#multi img {
	border: 2px solid #622043;
}
ul#multi img:hover {
	border-top-color: #993399;
	border-right-color: #993399;
	border-bottom-color: #993399;
	border-left-color: #993399;
}
#calcola a {
background-color:#fff;
padding:0;
color:#660000;
}
#msg1{
position:absolute;
	background:url(../images/arw.gif) no-repeat left top;  
	color:#fff;
	margin-left:150px; 
	padding:6px;
	padding-top:8px; 
	margin-top:2px;
	width:190px;
}
#msg2{
	position:absolute;
	color:#fff;
	margin-left:170px;
	padding:6px;
	padding-top:8px;
	margin-top:2px;
	width:190px;
	background-image: url(../images/arw2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#msg3{
	position:absolute;
	color:#fff;
	margin-left:170px;
	padding:6px;
	padding-top:8px;
	margin-top:2px;
	width:190px;
	background-image: url(../images/arwE.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#lazzo {
margin-top:4px;
margin-left:102px;
	position:absolute;
	width:19px;
	height:51px;
	background-image: url(../images/lazzo.gif);
	background-repeat: no-repeat;
}


.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
color: #000;

}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	display:inline;
	margin-left:300px;
	font-size:0.8em;
	margin-top:5px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
		display:inline;
	margin-left:300px;
	font-size:0.8em;
	margin-top:5px;

}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

