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

* { margin:0; padding:0; }

body { background:url('images/back-body.jpg') repeat top center;  }

#wrap { width:896px; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  color:#002b4b;} 
	#wrap h1 { font-size:12px; text-align:center; margin:3px 0 4px -6px; color:#002b4b }
#wrap h1 a{ font-size:12px; font-weight:normal; text-align:center; text-decoration:none; color:#004578;}
#wrap h1 a:hover { color:#fff;}
#wrap h1 a:active { font-size:12px; color:#022c5b; font-weight:normal; text-align:center; text-decoration:underline;}
#wrap h1 a:visited { font-size:12px; color:#022c5b; font-weight:normal; text-align:center; text-decoration:none;}

#head {}
	#menu1 ul li { list-style:none; float:left }
	#menu1 ul li a { display:block; height:21px; padding:31px 10px 0 10px; color:#fff; font-size:13px; font-weight:bold; text-decoration:none; }
	#menu1 ul li a:hover { background-color:#508bb7 }
	#menu1 ul li a.active { background-color:#508bb7 }

	#menu { height:52px; background:url('images/back-menu.jpg') top repeat-x #b3cde1; float:right; padding:0; margin-right:6px; width:525px }
	#menu ul {  }
	#menu ul li { list-style:none; float:left; }
	#menu ul li a { font-size:13px; color:#696051; display:block; height:21px; text-decoration:none; margin-top:15px; padding:16px 15px 0 15px; border-right:1px solid #b3cde1; font-weight:bold; }
	#menu ul li a:hover { background-color:#b7d0e4; color:#fff; }
	#menu ul li a.active { background-color:#b7d0e4; color:#fff; }
	#menu ul li a.menulast { border:0 }
		#homemap { float:right; padding-top:3px; text-align:right }
		#homemap img { border:0; margin:3px 6px -5px 0; }
		#homemap a { font-size:10px; font-weight:normal; color:#fff; text-decoration: none; text-align:right; padding:0; margin:0;  }
		#homemap a:hover { color:#9cb2c4 }
		
	#top { height:327px; background:url('images/back-top.jpg') top center no-repeat; }
		#languages { font-weight:bold; float:left; font-size:11px; padding:8px 0 0 8px; }
		#languages li { float:right; list-style:none; width:65px; background-color:#cfe2f3; text-align:center; } 
		#languages li a { color:#034c9d; text-decoration:none; }
		#languages li a:hover { text-decoration:underline; }
		
#content { width:874px; background:url('images/back-content.jpg') repeat top center; border:8px solid #fff; border-top:0; }
	#submenu { height:120px; border-top:8px solid #fff; }
		#submenu-sx { float:left; width:360px; }
			#submenu-sx ul { border-bottom:1px solid #ebebeb; border-right:0; /*border-left:6px solid #fff;*/ height:115px; }
			#submenu-sx ul li { float:left; list-style:none; text-align:right;}
			#submenu-sx ul li a { font-size:12px; font-weight:bold; color:#002b4b; text-decoration:none; display:block; margin-right:1px; height:115px; text-align:right }
			#submenu-sx ul li a span { display: block; position:relative; top:-22px; left:-4px; line-height:10px;}
			#submenu-sx img { border:0; margin-right:-1px }
		#submenu-dx { float:left; width:510px; height:119px; background:url('images/back-submenu-dx.jpg') top center no-repeat; }
			#prenota-breve { height:89px; background:url('images/back-submenu-dx.jpg') top center repeat-y; z-index:3; position:relative; color:#022c5b; } 
			#prenota-breve h3 { line-height:24px; padding:10px 0 0 10px; }
			#prenota-breve h3 a { color:#6aa0ca; font-size:30px; font-weight:normal; text-decoration:none }
			#prenota-breve h3 a:hover { color:#566993 }
			#prenota-breve h4 { color:#df3083; font-size:15px; margin-left:30px; margin-top:5px }
			#title { width:500px; height:29px; overflow:hidden; margin-top:-2px; z-index:2; position:relative }

#colSx { float:left; width:340px; padding:10px;}
#colSx img { border:10px solid #a3c8e4; text-align:center; margin-top:8px; }
#colSx span.didascalia { font-size:11px; color:#0e446b; font-style:italic }
#colSx p { font-size:12px; text-align:justify; color:#002b4b; padding:5px; }

#colDx { float:left; width:491px; padding: 10px 10px 10px 0; }
#colDx a{ color:#002b4b; text-decoration:none; }
#colDx a:hover { color:#fff;}
#colDx a:active { color:#002b4b; font-weight:normal; text-decoration:underline;}
#colDx a:visited { color:#002b4b; font-weight:normal;  text-decoration: none;}

#colDx p { font-size:12px; text-align:justify; color:#002b4b; /* color:#103b6a;*/ padding:5px; line-height:20px }

#colDx .photos { background:#a3c8e4; padding:8px 5px 8px 5px; }
#colDx .photos img { padding:0 4px 0 4px; border:0 }
#colDx .photos h3 { text-align:center; color:#ab3366; font-size:12px;}



	#reshot { position:relative; top:30px; left:752px; z-index:200; width:160px; }

#footer {  font-size:11px; text-align:center; padding:15px; }
#footer a { color:#104f82; text-decoration:none; }
#footer a:hover { color:#002b4b }

/** __________________________________________________________ prenota breve **/
#prenota-breve > div#prepri { padding:15px 10px 0 0; }
#prenota-breve > div#prepri table { margin:3px 40px 0 0; float:left }
#prenota-breve > div#prepri table tr td p { font-size:12px; }
#prenota-breve > div#prepri table tr td img { margin:4px 0 -5px 5px; }
#prenota-breve > div#prepri table tr td input { width:70px; }

.calendario { cursor:pointer; border:0 } 

#submit { width:62px; height:61px; border:0px; float:left; cursor:pointer; margin-right:0px }



/** __________________________________________________________ **/





/** mappa.htm **/
#map { width:470px; height:400px; border:10px solid #a3c8e4;  }
.titolomappa { font-size:13px; color:#85295a; font-weight:bold }
.testomappa { font-size:11px; }
#colSx .mappa { font-size:12px; text-align:justify;}
#colSx .mappa img { border:2px solid #a3c8e4; float:left; margin:0 6px 2px 0px;}

div.calendar {z-index:1000}
.errorMsg { font-size: 9px; }
h1.caption { }



/** prenota.htm **/
label { cursor:pointer; font-size:12px }

#privacytext { border-right:1px dotted #659ec9; min-height:480px; margin-right:-10px; }
#privacytext .piccolo { font-size:11px; text-align:justify; padding:10px 20px 10px 0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-right:-10px; }

#Prenota select { width:140px;}
#Prenota img { margin:0 0 -7px 3px; cursor:pointer }
#Prenota input { height:20px; }
#Prenota input.submit { height:30px; }

#privacytext h3 { text-align:left; font-size:13px; color:#900 } 

#privacy { position:relative; top:6px; }

#Prenota span.piccolo { font-size:11px; }

.validation-advice { color:#fff; background:#c00; font-size:11px; padding-left: 3px; width:176px; margin-left:1px; }

/** prezzi_hotel.htm **/

#contenuti {font-size:12px; text-align:justify; color:#0c2d51; /** padding:5px; **/ }
#contenuti h3 { font-size:12px; text-align:justify; font-weight:bold; color:#853355; }
#contenuti ul { list-style: circle;}
#contenuti ul li { margin:0; margin-left:15px; text-align:justify; }
#contenuti table.listino { margin:3px auto; font-size: 11px; }
#contenuti table.listino th { text-align:center; border:1px solid #A89A6B; } /* Titoli tabella */
#contenuti table.listino td { padding: 1px 12px; text-align:center; border:1px solid #A89A6B; } /* Celle standard */
#contenuti table.listino tr { background-color:#ffffff; } /* righe da far vedere con colore di sfondo normale */
#contenuti table.listino tr.title { color: #993366; font-weight: bold;} /* righe da far vedere con colore di sfondo alternato dal normale */
#contenuti table.listino_c { margin:3px auto; font-size: 11px; }
#contenuti table.listino_c th { text-align:left; border:1px solid #A89A6B; } /* Titoli tabella */
#contenuti table.listino_c td { padding: 1px 10px; text-align:left; border:1px solid #A89A6B; } /* Celle standard */
#contenuti table.listino_c tr { background-color:#ffffff; } /* righe da far vedere con colore di sfondo normale */
#contenuti table.listino_c tr.title { color: #993366; font-weight: bold;} /* righe da far vedere con colore di sfondo alternato dal normale */

#description { list-style:none;  padding:0 10px 10px 10px; }

#itinerario { clear:both; padding: 5px; border-top: 1px solid #ffffff; color:#103b6a; font-size:12px; margin: 5px 0;}
#itinerario img { border:5px solid #afd7f5; margin-top:5px; margin-right:5px; margin-left: 0px; margin-bottom:5px; float:left; }
#itinerario h3 { margin:0; margin-left:3px; }



#photogallery { position:relative; }
#photogallery #colSx div#mask { width:340px; height:480px; overflow:hidden; position:relative; background:#afcee4; }
#photogallery #colSx div#slider { position:relative; top:0; left:0; }
#photogallery #colSx div#slider img { cursor:pointer; border:2px solid #fff; margin:8px; }
#photogallery #colDx { background:#afcee4; margin:10px 0 10px 0; padding:10px; }
#photogallery #colDx img { border:6px solid #fff; }