/*GENERIC*/
body{font-family:Arial, Helvetica, sans-serif;background-color:#E5E3E1; margin:0; text-align:center; }
a {
color:#169AC5;
text-decoration:underline;
}
a:hover {
color:#169AC5;
text-decoration:underline;
}
img { border:0 none; }
#global{margin-left: auto;
     margin-right: auto;width:54em; text-align:left}
.floatLeft{float:left}
.floatRight{float:right}
#container{ background-color:#FFFFFF; padding:10px; margin-bottom:10px;width:54em; float:left }
.marginBottom10{margin-bottom:10px;}
.marginLeft8 { margin-left:8px;} 
.marginBottom51{margin-bottom:51px;}




/* header */
#header {width:54em;float:left; background-color:#FFFFFF;padding:10px; margin-bottom:10px;}
.logo{float:left}
#header .rightDiv {margin:1em 0px 0px 0px;padding:0px;float:right}
#header ul {text-align:right; margin: 0.6em 0 0 0}
#header ul li{display:inline;}
#header a{color:#303130;text-decoration:none;font-size:0.7em}
#header a.languagge{margin-left:4em;color:#EC2024;}
#header p.homeBeaches {margin:0px;padding:0px; text-align:right;font-size:0.6em}
#header p.homeBeaches a{color:#EC2024; }

/*  in evidenza*/
.inEvidenza{width:100%;float:left;/*margin-top:0.5em*/}

/*  columnLeft*/
#columnLeft{float:left;font-size:0.7em;width:152px; margin-right:7px; }
#columnLeft ul{border-top:1px solid #E5E3E1;margin:0px 0px 10px 0px;padding:0px; float:left;width:100%; }
#columnLeft ul li{border-left:1px solid #E5E3E1;border-right:1px solid #E5E3E1;border-bottom:1px solid #E5E3E1;
			list-style-type:none;width:100%;}
#columnLeft ul li.title{text-align: center; margin:3px; width:auto; height:30px; background:#CCC;line-height:30px; color:#FFF; font-size:1.5em;  }
#columnLeft ul li a{text-decoration:none;}
#columnLeft ul ul{border-top:0 none; float:none; padding:0px;width:100%; margin:0; }

#columnLeft ul.red li a{color:#EC2024;padding-left:20px;height:18px;display:block;padding-top:4px;}	
#columnLeft ul.red li a.active{background-image:url(images/borderRed.jpg);background-repeat:no-repeat;}				
#columnLeft ul.fucsia li a{color:#EC2683;padding-left:20px;height:18px;display:block;padding-top:4px;}	

#columnLeft ul.green{margin:0px;padding:0px}
#columnLeft ul.green li a img{border:0px; text-align:right}
#columnLeft ul.green li{background-color:#F6FAEA;  float:left;padding-top:2px;}
#columnLeft ul.green li a.section{color:#55553D;padding-left:10px;height:18px; float:left }

.freccia{  margin-right:5px; display:block; float:right}

.greenCenter form{padding:3px 0px 0px 0px;margin:0px 0px 0px 0px; font-size:0.9em;}
.greenCenter form p{padding:0px 0px 0px 0px;margin:0px 0px 5px 0px; text-align:left}
.greenCenter form label{margin-right:2px;}
.greenCenter form input{border:1px solid #E5E3E1;font-size:10px;width:50px;}
.greenCenter form select{border:1px solid #E5E3E1;width:90px;padding:0px;}
.greenCenter form label.converter{margin:0px 10px 30px 0px;}
.greenCenter{ background-color:#F9F9F8; width:73.4%;border-left:1px solid #E5E3E1;border-right:1px solid #E5E3E1; float:left;text-align:center; width:93.2%;height:10em; padding-top:10px; padding-left:10px; }

.greenCenter form label.marginRight20{margin-right:13px;}
.greenCenter form input.go{width:19px;height:13px;border:0px; padding:0px; background-image:url(images/go.jpg); background-repeat:no-repeat;margin:10px 5px 0px 30px; }
.greenCenter form input.inputGo{border:1px solid #E5E3E1;width:30px;font-size:10px}

#columnLeft ul.normal{margin:0px;border:1px solid #E5E3E1;padding-bottom:5px;margin-bottom:5px}
#columnLeft ul.normal li a img{border:0px; text-align:right}
#columnLeft ul.normal li{ border:0;margin-top:3px; }
#columnLeft ul.normal li a{ color:#000000; text-decoration:underline; padding-left:10px;}
#columnLeft ul.normal li.borderBottom{/*border-bottom:1px solid #E5E3E1*/}
#columnLeft ul.normal ul li a {padding-left:20px;}
#columnLeft ul.normal ul ul li a {padding-left:30px;}

/*COLUMN CENTER */
#columnCenter{width:44em;float:left; }

.boxSearchHome{ background-color:#EC2024; width:445px; float:right;}
.boxSearchHome form{ padding:0px; margin:0px 0px 0px 14px; }
.boxSearchHome form p{ margin:0px;padding:7px 0px 8px 0px;}
.boxSearchHome form p.marginleft10{margin-left:12px; }
.boxSearchHome form label{color:#FFFFFF; font-weight:bold; font-size:0.8em;margin-right:5px; }
.boxSearchHome form input.key{border:1px solid #95070A;width:120px;}
.boxSearchHome form select.type{border:1px solid #95070A;width:114px;}
.boxSearchHome form select.destination{border:1px solid #95070A;width:154px; margin-right:20px}

.boxSearch{ background-color:#EC2024; padding:10px; text-align:right; color:#FFFFFF; font-size:0.8em; font-weight:bold; line-height:21px; margin:0 3px;}
.boxSearch form{ margin:0px;padding:0px; float:left; }
.boxSearch form p{ margin:0px;padding:0;}
.boxSearch form p.marginleft10{margin-left:12px; }
.boxSearch form label{color:#FFFFFF; font-weight:bold; font-size:0.8em;margin-right:5px; }

154px; margin-right:20px}

.enter{background-image:url(images/enter.gif);width:42px;margin-left:7px; border:0px;}

#columnCenter h1{border-bottom:1px solid #BEBEBE;border-top:1px solid #BEBEBE;margin:10px 5px 10px 2px;padding:4px 0px 4px 0px; float:left; width:98% }
#columnCenter h1 img{float:left}


.boxDettagli{font-size:0.7em;float:left;padding:10px 5px 10px 5px;margin-bottom:2px }
.boxDettagli img{ border:0;}
.boxDettagli h2{color:#EC2327;padding:0px;margin:0px; font-size:1em}
.boxDettagli ul{padding:0px;margin:0px;}
.boxDettagli ul li{display:inline;color:#847B81;font-weight:bold}
.boxDettagli ul li a{color:#847B81; text-decoration:none}
.boxDettagli p{padding:0 0 0 110px;margin:0px;}
.boxDettagli p a{color:#EC2024; text-decoration:none; font-weight:bold}
.backgroundGray{ background-color:#F1F1F1}
.boxDettagli p.marginTop15{margin-top:15px;}
.imgDettagli { float:left;text-align:center;padding-right:10px;width:100px;}
.imgDettagli img {border:0}



/*column right*/
#columnRight{float:right;font-size:0.7em;width:203px; }
#columnRight ul{margin:0px;padding:0px;}
#columnRight ul li{list-style-type:none;clear:both;}
#columnRight ul li a{text-decoration:none;}

#columnRight h3{color:#2E2727; padding:10px 0px 5px 6px;margin:0px;font-size:1em}
#columnRight ul.gray {margin:0px 0px 0px 10px;padding:0px;}
#columnRight ul.gray li{ background-image:url(images/listItemGray.jpg); padding-left:10px;  background-repeat:no-repeat}
#columnRight ul.gray li a{color:#2E2727;height:18px;display:block; text-decoration:underline}	
#columnRight ul.gray2 {margin:2px 0px 0px 25px;padding:0px;}
#columnRight ul.gray2 li{ background-image:url(images/listItemGray2.jpg); padding-left:10px;  background-repeat:no-repeat}
#columnRight ul.gray2 li a{color:#2E2727;height:18px;display:block; text-decoration:underline}	
.boxRight{border:1px solid #E5E3E1; margin-bottom:10px;}
.boxRight h1{padding:5px;margin:0px;}
.boxRight h2{padding:0px 0px 2px 10px;margin:0px;}
.boxRight h4{padding:0px 0px 2px 25px;margin:0px; font-size:1em}
.boxRight form{margin:0px;padding:0px 0px 0px 5px;}
.boxRight form input.textItalianBeach{border:1px solid #DBDBDB}
.goSearch{ background-image:url(images/goFreccia.jpg); width:22px;height:21px; border:0px;} 



/*ADVANCED INTERNA*/

.results{ border:1px solid #C9C4A9; padding:3px; float:left;margin-bottom:15px}
.results ul.letter{ background-color:#F3F1E8;margin:0px 0px 10px 0px;padding:0px; text-align:center; }
.results ul.letter li { display:inline; font-size:0.7em; font-weight:bold; }
.results ul.letter li a{ color:#4B4940; text-decoration:none}
.results ul.letter li.inactive{color:#C1BFB6}

#columnCenter ul.count{margin:0px 15px 0px 0px;padding:0px; text-align:right; float:right}
#columnCenter ul.count li { display:inline; font-size:0.7em;  }
#columnCenter ul.count li a{ color:#4B4940; text-decoration:none}
#columnCenter ul.count li a.active{color:#EC2024}
/*#columnCenter span{float:left; font-size:0.7em}*/
 
  
 /* beaches interna*/
.boxSearchInterna{ background-color:#EC2024; float:right; width:374px;/* width:23em;*/height:124px; }
.boxSearchInterna h1{ color:#FFFFFF; font-size:0.7em;margin: 0em 0em 1em 9em;padding:0px; }
.boxSearchInterna form{float:left; margin:10px 0px 0px 14px;}
.boxSearchInterna form label{ color:#FFFFFF; font-size:0.7em; font-weight:bold;margin-right:10px}
.boxSearchInterna form p{padding:0px;margin:0px 0px 10px 0px; }
.inputText{ border:1px solid #95070A; width:15em;}
.select{ border:1px solid #95070A;width:15.2em;/*width:206px*/}


/*footer*/
#footer{ background-color:#FFFFFF; font-size:0.7em; width:78em; clear:both; padding:5px}
#footer p{padding:0px;margin:0px;} 

#beachMap {
	width:681px;
	height:500px
}
#photo {
	padding:1em 0.4em;
	width:684px;
}
#list {
	width:684px;
}
.paginationControl {
	clear:both;
	text-align:center;
	padding: 1em 0 0 0;
	font-size:0.7em;
}

.photoObjectLeft {
	float:left;
	clear:left;
	width:215px;
	/*height: 230px;*/
	text-align:center; 
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding:0;
}

.photoObjectCentral {
	float:right;
	width:450px;
	padding:0;
}


.photoObjectRight {
	float:right;
	width:215px;
	/*height: 230px;*/
	text-align:center; 
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-top: 10px;
	clear:right;
	padding:0;
}
.photoObjectTable {
	height: 276px;
	width: 215px;
}

.photoObjectTableDetail {
	height: 246px;
	width: 215px;
	text-align:center;
}

.photoObjectTrName {
	height: 36px;
}

.photoObjectTrFooter {
	height: 30px;
}

.photoObjectTrCentral {
	height: 210px;
}
.photoObjectTrCentral a img {
	border:0;
}
.photoObjectTitle {
	font-size:0.8em;
	font-weight:bold;
	color:#70A224;
}

.photoBottomContainer {
	height: 30px;
	padding-top: 20px;
}

.photoThumb {
	/*display:none;*/
	
	border:none;
}

.photoThumbPos {
	left:-1000px;
	position:absolute;
	height:1px;
}
.photoLoading {
	background: url(/images/loading.gif) no-repeat center center;	
	height:211px;
}

.mapInfoHtml {
	width: 300px;
	font-size: 11pt;		
}

.mapInfoHtml strong{
	font-size: 12pt;		
}
.detailFirstImageContainer {
	float:left;
	width:200px;
	/*height:200px;*/
	text-align:center;
	margin-left:10px;
}

.detailFirstImageContainer img{
	border:0;
}

.detailRightInfoContainer {
	float:right;
	width:466px;
	line-height:19px;
}
.detailRightInfoLeftPart {
	float:left;
	line-height:19px;
	width:225px;
}
.detailRightInfoRightPart {
	float:right;
	margin-left:11px;
	width:225px;
}
.detailDescription {
	margin:20px 10px 0;	
}
.detailAmenities ul{
	list-style:inside;
}
.detailAmenities {
	margin:10px 10px 0;
}

.clear {
	clear:both;
}

/* HOME */
.beachMapHome {
	float:left;
	border:1px solid #000000;
	padding:5px;
}
.boxDettagliHomeRight {
	float:right;
	width:340px;
}
.boxDettagliHomeLeft {
	clear:both;
	float:left;
	width:340px;
}
.beachMapHomeHeader{
	background-color:#ff0000;
	height:25px;
	margin-bottom:3px;
	padding:5px;
	font-size:20px;
	color:#ffffff;
	width:231px;
}
.readAll {
	text-align:right;
}
.beachMonthHeader{
	background-color:#000000;
	height:15px;
	margin:3px;
	padding:5px;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	width:427px;
	position:absolute;
	/*opacity:.50;
	filter:alpha(opacity=50);*/
}
.beachMonth{
	height:180px;
	width:443px;
	float:right;
	border: 1px solid #CCCCCC;
	margin-top:2px;
}
.beachMonthDesc {
	opacity:.85;
	filter:alpha(opacity=85);
	background-color:#FFFFFF;
	font-size:0.7em;
	height:120px;
	margin:28px 0 0 180px;
	padding:10px;
	position:absolute;
	width:240px;
}
.beachMonthDescReg{
	color:#EC2024;
	text-decoration:none; 
	font-weight:bold;
	font-size:1em;
	font-size:1.3em;
}
.beachMonthDescCit{
	color:#333333;
	font-weight:bold;
	margin-top:3px;
}
.beachMonthDescText{
	margin-top:3px;
}
.beachMonthDescName{
	font-weight:bold;
	
	margin-top:1px;
}
.beachMonthDescReadAll{
	text-align:right;
}
.beachMonthDescReadAll a{
	color:#EC2024;
	font-weight:bold;
	text-decoration:none;
}
.beachMonthSource {
	font-size:0.9em;
	float:right;
	padding: 2px;
	width: 150px;
	text-align:right;
}
.noOpacity {
	opacity:1;
	filter:alpha(opacity=100);
}
.directoryLiActive {font-weight:bold;}
#breadcrumb { font-size:0.7em; margin:0 1px 5px;}
#info {font-size:0.7em;}
#moreResult {font-size:0.8em;margin-left:10px;}
#noResult {font-size:0.8em;margin-left:10px;}
#homeSearch {font-size:1em;margin-left:10px;}