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

body {margin:0px auto; padding:0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; background-image:url(../grafica/template/sfondotop.jpg); background-position:left top; background-repeat:repeat-x; background-color:#F5F5F5;}
	
#contenitore {margin:0px auto; padding:0px; text-align:center; width:1000px; position:relative;}
#logo {position:absolute; top:12px; left:33px; width:144px; height:99px;}

ul { list-style-type:square;}

#sfondotop {position:absolute; top:111px; left:0px; width:1000px; height:393px; background-image:url(../grafica/template/hotel-cagliari-sardegna_r2_c1.jpg);z-index:0; background-position:left top; background-repeat:no-repeat; }
	#foto {position:absolute; top:6px; left:50px; z-index:0; background-image:url(../grafica/template/header/Pagina%201.jpg); text-align:center; color:#333; text-align:center; background-position:center top; background-repeat:no-repeat;}
	#foto img {border:0;}
	#foto div  {margin:5px; padding:5px; text-align:center; background-color:#FFF; position:absolute; top:130px; left:720px; font-size:10px; width:150px; border:1px solid #CCC; z-index:999999999999;}

#menutop {position:absolute; top:12px; left:359px; width:641px; height:99px;z-index:10;}
	#menutop img {float:left; border:0;}
	#menutop ul {margin:0px; padding:0px;list-style:none;} 
	#menutop li {float:left;}

#selezionalingua div { position:absolute; top:57px; left:493px; z-index:99999999; width:94px; }
#menucentrale {position:absolute; top:266px; left:112px; width:776px; height:127px; z-index:9999;}
	#menucentrale img {float:left; border:0;}
	#menucentrale ul {margin:0px; padding:0px; list-style:none;}
	#menucentrale li {float:left; position:relative;}
	#menucentrale span {position:absolute; top:30px; left:7px; width:245px; text-align:left;}
	#spaziatorepagina {height:504px; width:100%;}
	
	#corpopagina {width:100%; height:auto;}
	
	#testipagina {width:1000px; text-align:center; margin:0px auto; padding:0px;  background-image:url(../grafica/template/hotel-cagliari-sardegna_r3_c1.jpg); background-position:left top; background-repeat:no-repeat; text-align:left;}
	
	
	#menuleft {float:left; width:262px; padding-top:36px; font-size:14px; font-weight:bold; color:#616161;}
		#menuleft a {color:#616161; text-decoration:none;}
		#menuleft a:hover {color:#C2C2C2; text-decoration:none;}
		#menuleft ul {margin:0px; padding:0px; list-style:none;}
		#menuleft li { padding:3px; margin:0px;}
		#menuleft .rientro {padding-left:10px; margin-left:20px; font-size:12px; border-left:2px solid #83AA35;}
		
		#menuleft .verde {border-left:2px solid #83AA35; margin-left:53px; padding-left:15px;}
		#menuleft .acqua {border-left:2px solid #3DC4B3; margin-left:53px; padding-left:15px;}
		#menuleft .arancio {border-left:2px solid #FD610A; margin-left:53px; padding-left:15px;}
		#menuleft .giallo {border-left:2px solid #E9AE30; margin-left:53px; padding-left:15px;}
		#menuleft .spaziatoremenu {clear:both; width:262px; height:20px;}
		
		#menuleft #prenotazioni {margin-left:53px; padding-left:0px; height:180px; position:relative;}
			#prenotazioni #frm{margin:0; padding:0; font-size:10px; font-weight:normal; color:#333;}
			#frm label{margin:0; padding:0; font-size:10px; font-weight:normal; color:#333; border:none;}
			#frm select {width:55px; border:1px solid #CDCDCD; font-size:10px;}
			#frm input {background-image:url(../grafica/template/sfondobottone.jpg); background-position:left top; background-repeat:repeat-x; font-size:10px; color:#000; border:1px solid #CDCDCD; width:119px; height:19px; position:absolute; top:155px; left:77px;}
			#frm #arrivo { position:absolute; top:30px; left:2px;}
				#arrivo img {position:absolute; top:14px; left:180px;}
			#frm #partenza { position:absolute; top:70px; left:2px;}
				#partenza img {position:absolute; top:14px; left:180px;}
			#frm #persone { position:absolute; top:110px; left:2px; width:60px;}
			#frm #camere{ position:absolute; top:110px; left:60px; width:60px;}
			#frm #prenotazionebambini { position:absolute; top:115px; left:130px; width:60px;}
	#testo {float:left; width:648px; background-image:url(../grafica/template/sfondotesto.jpg); background-position:left top; background-repeat:repeat-y; padding-top:10px; padding-left:22px; padding-right:22px; padding-bottom:10px; }
	
	#testopagina {min-height:200px; height:auto !important; height:200px;}
	#testo h1 {color:#0F9CF4; font-family:Helvetica, sans-serif, "Trebuchet MS", Arial; font-size:18px; font-weight:normal;}
	
	#navigazione {font-size:9px; color:#666;}
		#testo a {color:#666; text-decoration:none;}
		#testo a:hover {color:#000; text-decoration:underline;}
	
	#footer {width:100%;  margin:0px auto; padding:0px; text-align:center; background-image:url(../grafica/template/sfondofooter.jpg); background-position:left top; background-repeat:repeat-x; }
	
	#footer a {color:#FFF; text-decoration:none; padding:0 2px;}
		#footer a:hover {color:#FFF; text-decoration:underline; padding:0 2px;}
		
		#centrofooter {width:1000px; margin:0px auto; padding:0px; color:#CCC; height:100px; padding-top:25px;} 
		
		#leftfooter {float:left; width:200px; height:100px; padding-left:62px; text-align:left;}
		#rightfooter{float:left; width:705px; height:100px; padding-left:20px; text-align:left;}
		
		.clearboth {clear:both;}
				.clear {clear:both;}

		#blocchicentrali {width:670px; height:250px;}
		#blocchicentrali :hover { background-color:#EFEFEF;}
		#blocchicentrali h3 {text-decoration:none;}
		
		.bloccocentrale {float:left; }
		.bloccocentrale .titolo{width:199px; height:30px; overflow:hidden; padding:4px 10px;}
			.bloccocentrale3 {width:199px; padding:10px; height:230px; padding-top:0;}
			.bloccocentrale1 {width:199px; padding:10px; height:230px; border-right:1px solid #CCC; padding-top:0;}
			.bloccocentrale2 {width:199px; padding:10px; height:230px; border-right:1px solid #CCC; padding-top:0;}
			
			.bloccocentrale img {padding:3px; border:1px solid #CCC;}
			.bloccocentrale h3 { color:#0F9CF4; font-size:11px; font-weight:bold; margin:0px; padding:0px; padding-bottom:5px;}
	.cartina {border:1px solid #CCC;}


form {margin:0; padding:0;}

.linkpagine



#formcontatti {float:right; margin-left:20px; width:630px; }
	
.testomodulo {	border: 1px solid #666;	background-color: #FFF;	font-size:12px; width:300px;  color:#000; margin-bottom:2px;}
.testomodulopiccolo {	border: 1px solid #666;	background-color: #FFF;	font-size:12px; color:#000;  margin-bottom:2px; margin-right:5px;}

label {width:200px; font-size:12px; float:left; margin:0px; padding:0px; margin-right:10px; padding-left:5px; clear:both;  margin-bottom:2px; border-bottom:1px solid #EFEFEF; }
.grigio {background-color:#F9F9F9; padding:2px; margin-bottom:6px; }
.bottonemodulo {font-size:16px; color:#FFF; letter-spacing:-1px;  border:0; background-color:#0F9CF4;}
.button2 {font-size:12px; color:#FFF;  border:0; background-color:#0F9CF4;}

.clearboth {clear:both}
.accetto {font-size:10px;}
.bottonicentro {text-align:center; margin-bottom:10px;}
fieldset {padding:10px; border:1px solid #EFEFEF;}
legend {font-size:12px; color:#333333; padding: 0 5px 10px 5px; margin-bottom:10px;}
.scelta {width:450px; margin-bottom:5px; height:20px;}
.labellunga{font-size:11px; width:300px}


.bottoneprenota {font-size:16px; color:#FFF;   border:0; background-color:#EFEFEF; border:1px solid #0F9CF4; text-align:center; margin:0 20px; margin-bottom:10px;}

.bottoneprenota a {color:#FFF;} .bottoneprenota a:hover {color:#000; text-decoration:none;}


.bottoneprenota2 { text-align:center;}

.bottoneprenota2 a {font-size:12px; color:#FFF;   border:0; background-color:#EFEFEF; border:1px solid #0F9CF4; text-align:center; margin:0 20px; padding:0 10px;}

.bottoneprenota2 a:hover {font-size:12px; color:#000;   border:0; background-color:#EFEFEF; border:1px solid #000; text-align:center; margin:0 20px; padding:0 10px; text-decoration:none;}

#formnewsletter {position:relative; background-image:url(../grafica/template/newsletter-sfondo.gif); height:140px; width:172px; background-position:left top; background-repeat:no-repeat; font-size:10px;}

#formnewsletteren{position:relative; background-image:url(../grafica/template/en/newsletter-sfondo-en.gif); height:140px; width:172px; background-position:left top; background-repeat:no-repeat; font-size:10px;}

#formnewsletteres{position:relative; background-image:url(../grafica/template/es/newsletter-sfondo-en.gif); height:140px; width:172px; background-position:left top; background-repeat:no-repeat; font-size:10px;}

#formnewsletterfr{position:relative; background-image:url(../grafica/template/fr/newsletter-sfondo-fr.gif); height:140px; width:172px; background-position:left top; background-repeat:no-repeat; font-size:10px;}

#formnewsletterde{position:relative; background-image:url(../grafica/template/de/newsletter-sfondo-de.gif); height:140px; width:172px; background-position:left top; background-repeat:no-repeat; font-size:10px;}



		.nomenl { color:#333; margin:0px; padding:0px; width:160px; position:absolute; top:23px; left:6px; font-size:10px; border:1px solid #FFF;
				}
			
			.emailnl { color:#333; margin:0px; padding:0px; width:160px; position:absolute; top:68px; left:6px; font-size:10px; border:1px solid #FFF;
				}
				
			.iscrivitil { width:60px; height:23px; position:absolute; top:95px; left:112px; 
				}

#elenco {}
#elenco h3 {text-decoration:none;}
.boxSmall{width:650px; margin:5px 5px 0; display:inline; padding:0; position:relative; clear:both;}
.boxBig {width:650px;margin:5px 5px 0; padding:0; position:relative;}

.bordoimmagine{position:absolute; top:0px; left:0px; z-index:99999; width:96px; height:96px; background-image:url(../grafica/template/bordoimmagine.png); cursor:pointer;}

.boxSmallimg {float:left; position:relative; z-index:0; width:89px; height:89px;padding:4px; margin-right:10px; margin-bottom:10px;}

.bordoBigimmagine{position:absolute; top:0px; left:0px; z-index:99999; width:300px; height:200px; background-image:url(../grafica/template/bordoimmaginebig.png);}

.boxBigimg { float:right; position:relative; z-index:0; width:300px; height:200px;padding:4px; margin-left:10px; margin-right:20px;}

.boxBig h1 { color:#0F9CF4; font-size:16px; font-weight:bold; margin:0px; padding:0px; padding-bottom:5px;}
.boxSmallimg img {}
.boxSmall h3 { color:#0F9CF4; font-size:11px; font-weight:bold; margin:0px; padding:0px; padding-bottom:5px;}

.data {color:#646464; padding-bottom:5px;}
.intro { padding-bottom:5px;}

.linkpagine { display:block; background-color:#F9F9F9; padding:3px 3px 3px 5px; margin:6px 0;}
.linkpagine a {color:#000; padding:2px; background-color:#CCC;}
.paginacorrente {color:#FFF; padding:2px; background-color:#666;}
.linkpagine a:hover { background-color:#0F9CF4; color:#FFF;}

.toggleSegue {cursor:pointer; padding-top:15px; padding-bottom:10px; background-image:url(../grafica/template/apri.png); width:662px; height:43px; background-position:center; background-repeat:no-repeat;}
.toggleSegueEN {cursor:pointer; padding-top:15px; padding-bottom:10px; background-image:url(../grafica/template/en/apri-en.png); width:662px; height:43px; background-position:center; background-repeat:no-repeat;}
.toggleSegueES {cursor:pointer; padding-top:15px; padding-bottom:10px; background-image:url(../grafica/template/es/apri-en.png); width:662px; height:43px; background-position:center; background-repeat:no-repeat;}
.toggleDiv{}
.toggleSegueDE {cursor:pointer; padding-top:15px; padding-bottom:10px; background-image:url(../grafica/template/de/apri-en.png); width:662px; height:43px; background-position:center; background-repeat:no-repeat;}


.allineadestra { text-align: center; padding-right:5px; }

#arancionevoce a{color:#FD610A; }


#paginazione {clear:both;float:right;padding:5px 0;margin:10px 0 0 0;width:650px;text-align:right;position:relative;right:13px;}
#paginazione a,#paginazione span{background:#E1EBEC;margin:2px 1px;padding:2px 6px;color:#666;}
#paginazione span.pag{background:none;margin-left:5px;margin-right:5px;}
#paginazione span{background:#ccc;color:#333}

#prenotasubito {  float:right; position:relative; z-index:0; width:290px; margin-left:10px; margin-right:27px;
font-size:14px; color:#FFF;  border:3px solid #BEDEF3; background-color:#0F9CF4; text-align:center; margin-top:10px; padding:3px; text-transform:uppercase;}
#prenotasubito a {color:#FFF; text-decoration:none;}
#prenotasubito a:hover {color:#000; text-decoration:none;}

.download {margin:10px 0; }

.bannerleft { margin-left:53px;}

.divarticolo{ font-size:90%; background-color:#EFEFEF; border-bottom:1px solid #CCC; margin-bottom:10px; padding:5px;}
.divarticolo p {margin:0px; padding:0px}
.divarticolobianco{ font-size:90%; background-color:#FFF; border-bottom:1px solid #CCC; margin-bottom:10px;padding:5px;}
.divarticolobianco p {margin:0px; padding:0px}
.dataarticolo {color:#666666; text-align:right;}
.divarticolo span, .divarticolobianco span {font-size:11px; font-weight:bold; color:#333333;}

.zoomFoto {position:relative;}
.zoomfotomascheragrande {position:absolute; top:-52px; left:0px; z-index:10;}
.zoomfotomaschera {position:absolute; top:-42px; left:0px; z-index:10;}


.gallery2 ul { margin:0; padding:0; list-style:none;}
.gallery2 li {float:left; position:relative;}