/* CSS Document */

body {
	background:#efefef none repeat;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	margin:0pt;
	padding:0pt;
}

input{font-size: 11px; }
form{font-size: 11px;}
select{font-size: 10px; }

a:hover {text-decoration: none; color: #666;}
a:link {text-decoration: none; color: #C1103A;}
a:visited {text-decoration: none; color: #000;}

a {
outline-color:invert;
outline-style:none;
outline-width:medium;
}

.wrapper {
	width: 1000px;
	background:#fff ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0; padding: 0;

}

#header{
  background-color:#fff;
  float:left;
  width:210px;
  border-left:560px solid #fff;
  border-right:230px solid #e14d73;
}
#leftHeader{
  float:left;
  width:560px;
  margin-left:-560px;
  position:relative;
}
#centerHeader{
  float:left;
  width:210px;
  margin-right:-210px;
  padding: 5px;

}
#rightHeader{
  float:right;
  width:230px;
  margin-right:-230px;
  position:relative;
}

.deco{
	background-color: #e14d73;
	clear:both;
	width: 1000px;
	height: 5px; line-height: 5px;
	margin: 0; padding: 0;
}

.deco1{
	background-color: #efefef;
	clear:both;
	height: 2px; line-height: 2px;
	margin:  0; padding: 0;
	width: 997px;
}


.deco2{
	clear:both;
	height: 5px; line-height: 5px;
	margin:  0; padding: 0;
}

.freccia{ background: url(../grafica/freccia.gif) no-repeat top; }
.select1{width: 145px;}
/*/////end header///////////////////////*/

#top{
  background-color:#fff;
  overflow:hidden;
  width:1000px;
  margin: 0;
}
#leftTop{
  background-color:#e2e4d9;
  width: 275px;
  border-right:725px solid #fff;
  margin-right: -725px;
  float:left;
}

#rightTop{
  	background-color:#fff;
  	float:left;
	width: 725px;
}

a.mainmenu  {
	display: block;
	text-align: left;
	background-color:#efefef; color: #666;
	margin:  3px 0; padding: 0 0 0 10px;
	height: 20px; line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:hover.mainmenu  {
	background-color:#dedede; color: #666;
}

#search{
 	background-color:#e2e4d9; color: #666;
	margin:  3px 0; padding: 0 0 0 10px;
    font-size: 11px;
}

#search a, .btn a{
 	color: #333;
}
.dettlink, #leftCenter a.dettlink  {
	color: #e14d73
 }

.links{
 	color: #fff;
 }


.in{  width: 150px; font-size: 90%}

a.menu  {
	text-align: left;
	margin:  0 -2px 0 ; padding: 0;
}
/*/////end top///////////////////////*/

#center{
  background-color:#fff;
  overflow:hidden;
  width:1000px;
}
#leftCenter{
  background-color:#fff;
  width: 760px;
  border-right:240px solid #fff;
  margin-right: -241px;
  float:left;
}
#rightCenter{
  	background-color:#e14d73; color: #fff;
  	float:left;
	width: 240px;
}
#rightCenterW{
  	background-color:#fff; color: #333;
  	float:left;
	width: 240px;
}
#rightCenter p, #rightCenterW p{
  	padding: 5px;
	margin: 0 0 3px 0;
}

#standard{
  background-color:#fff;
  float:left;
  width: 380px;
  border-left: 380px solid #fff;
  border-right:240px solid #e14d73;
}

#leftStandard{
  float:left;
  width: 380px;
  margin-left: -380px;
  position:relative;
}
#centerStandard{
  float:left;
  width: 380px;
  margin-right:-380px;
}
#rightStandard{
  float:right;
  width:240px;
  margin-right:-240px;
  position:relative;
  padding: 0;
  color: #fff;
}
#rightStandard p{
  padding: 5px;
}

/*/////end center///////////////////////*/

/*/////BOTTOM///////////////////////*/

#bottom{
	float: left;
	width: 1000px;
	margin: 5px 0; padding:0;
	background-color: #fff;
}
div#bottom dl{float: left;  background-color: #fff;}
div#bottom dt{padding: 0; margin: 0 }
div#bottom dd{margin: 0; padding: 0 0 5px 0}

.hitlist1{ width: 195px;  padding:  0 0 10px 10px; margin: 0 3px 0 0;text-align: left; }
.hitlist2{ width: 195px;  padding:  0 0 10px 10px; margin: 0 0 0 5px; text-align: left; }
.hitlist1 a:hover, .hitlist2 a:hover{ color: #fff; background-color: #ee9ca7; display: block; padding-left: 2px 5px 2px 5px; }
.hitlist1 a, .hitlist2 a{ color: #fff; background-color: #e14d73; display: block; padding: 2px 5px 2px 5px; }


.galleria1{ width: 560px; margin: 10px 2px 0 10px; padding: 0 ; }
.galleria3{width: 210px; padding: 0; margin: 0;}
.thumbnail_last_15{float: left;  padding-right: 2px; padding-bottom: 2px;}
.thumb { margin: 0; padding: 0; text-align: left;}
.thumb img { margin: 1px 10px 1px 0;}


.pink{background-color:#e14d73; color: #FFFFFF; text-align: left; font-size: 100%;}
p.freccia a{ background: url(../grafica/freccia.gif) no-repeat top; height: 25px; line-height:25px; padding-left: 10px;se}
p.freccia a:hover{ background: url(../grafica/freccia_over.gif) no-repeat top; height: 25px; line-height:25px;}

.red{background-color:#C1103A; color: #FFFFFF; height: 30px; line-height:30px; margin-top: 5px; text-align: center;}
a.red{background-color:#C1103A; color: #FFFFFF; padding: 5px 10px 5px 10px;}
a:hover.red{background-color:#FFFFFF; color: #C1103A;}
.titoletto{background-color:#e14d73; color: #FFFFFF; text-align: left; padding-left: 10px; margin: 2px 0 5px 0;}
.info{ background-color:#e14d73; color: #FFFFFF; }

h2{ font-size: 14px; margin: 5px 0; padding: 0;}
h3{ font-size: 14px; margin: 5px 0 5px 0; padding: 0;color: #fff; background-color: #e14d73; height: 20px; line-height: 20px;}
h4{ font-size: 15px; margin:  5px 0 0 0; padding: 0}
h5{ font-size: 13px; margin:  0; padding: 0}
img{ border: 0}

.clear{clear: both; margin:0; padding: 0;}

ul.lista{
	list-style-type: none;
	margin: 0; padding: 0;
}

ul.lista li.benefit{
	height: 20px;
	line-height: 20px;
	background-color: #dedede;
	color: #333333;
	display: block;
	margin-bottom: 2px;
}
ul.lista a:link, ul.lista a:visited{
	height: 20px;
	line-height: 20px;
	background-color: #dedede;
	color: #333333;
	display: block;
	margin: 1px 0pt 1px 0pt;
}
ul.lista a:hover, ul.lista a:active{
	height: 20px;
	line-height: 20px;
	background-color: #e14d73;
	color: #fff;
	display: block;
	margin: 1px 0pt 1px 0pt;
}


/*////////////////////// VIAGGI ////////////////////////////*/
#wrapperContent
 {
	width: 1000px;
	background:#fff ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content{
  background-color:#fff;
  float:left;
  width: 500px;
  border-left: 260px solid #fff;
  border-right:240px solid #e14d73;
}
#leftContent{
  float:left;
  width: 260px;
  margin-left: -260px;
  position:relative;
}
#centerContent{
  float:left;
  width: 500px;
  margin-right:-500px;
  padding: 5px;
}
#rightContent{
  float:right;
  width:240px;
  margin-right:-240px;
  position:relative;
}

#credits{
	background: #fff;
	width: 1000px;
	height: 25px;
	line-height:25px;
	text-align: right; 
}
/*/////end center///////////////////////*/

.desc{float: left; color: #fff; margin: 1px 0 5px 0; padding: 0; }
.leftDesc{
	float: left;
	width: 375px;
	background: #e34e74;
	border-left: 80px solid #b81437;
	padding: 5px 140px 5px 10px; margin: 0 0 2px 0;
	text-align: justify;
}
.leftDesc a{ color: #fff;}
.rightDesc{
	float: left;
	width: 120px; height: 100%;
	background: #b81437;
	margin-left: 2px;
	padding: 5px;
}

.viaggio_preview{
	float: left;
	margin: 0px 0px 4px 0px;
}
.codice{
	float: left;
  	width: 70px; height: 70px;
	margin: 0 2px 0 0; padding: 5px;
	background: #B81437;
	color: #fff;	
}
.foto{
	float: left;
	width: 60px; height: 70px;
	margin: 0 2px 0 0; padding: 5px; 
	background: #B81437;
}
.destinazione{	
	float: left;
	width: 329px; height: 70px;
	margin: 0 2px 0 0; padding: 5px; 
	background: #dedede;
}
.prezzo{ 
	float: left; font-size: 110%;
	width: 100px; height: 70px;
	margin: 0 2px 0 0; padding: 5px; 
	background:#77796C; color: #fff;
}
.icona{
	float: left;
	width: 100px; height: 70px;
	margin: 0 2px 0 0; padding: 5px; 
	background:#77796C; color: #fff;
}
.preventivo, .dettagli {
	float: left;
	width: 120px; height: 70px;
	margin: 0 2px 0 0; padding: 5px; 
	background: #B81437; color: #fff;
}

.preventivo a:link,  .preventivo a:visited { 
	background-color:#e14d73; color: #fff;
	display: block;
	line-height: 25px; height: 25px;
	margin: 1px 0pt 1px 0pt; padding-left: 10px;
}
.preventivo a:hover, .preventivo a:active{ 
	background-color:#fff; color: #e14d73;
	display: block;
	line-height: 25px; height: 25px;
	margin: 1px 0pt 1px 0pt; padding-left: 10px;
}

table.preventivoRicerca td{
	background: #dedede;

}



#viaggio{
  background-color:#fff;
  float:left;
  width: 380px;
  border-left: 380px solid #fff;
  border-right:240px solid #fff;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#leftViaggio{
  float:left;
  width: 380px;
  margin-left: -380px;
  position:relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#centerViaggio{
  float:left;
  width: 370px;
  margin-right:-370px;
}

#centerViaggio p{
	margin: 0;
	margin-top: 6px;
  padding: 0 5px 0 5px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#rightViaggio{
  float:right;
  width:240px;
  margin-right:-240px;
  position:relative;
  text-align: left;
  padding: 5px;
}

#rightViaggio p{
  padding: 0 5px 0 5px;
}

#rightViaggio a
{
  font-weight: bold;
  display: block;;
  margin-top: 15px;
  color: #FFF;
  text-decoration: none;
}

#rightViaggio a:link, #rightViaggio a:visited
{
  color: #FFF;
  background: none;
}

#rightViaggio a:hover, #rightViaggio a:active
{
  color: #e14d73;
  background: #FFF;
}


#rightViaggio img{  width:240px;}

#immagine{
  background-color:#fff;
  float:left;
  width: 380px;
  border-left: 380px solid #fff;
  border-right:240px solid #e14d73;
}

#leftImmagine{
  float:left;
  width: 380px;
  margin-left: -380px;
  position:relative;
}
#centerImmagine{
  float:left;
  width: 380px;
  margin-right:-380px;
  padding: 5px;
}

#rightImmagine{
  float:right;
  width:240px;
  margin-right:-240px;
  position:relative;
  padding: 0;
}


/*////////////////////// AREA SPOSI ////////////////////////////*/
#listasposi{
	margin: 0 ; padding: 10px ;
	text-align: left;
}

#listasposi dl{
 margin: 0pt 0pt 10px 0pt;
}

#listasposi dl dd{
	border-top: 1px dotted #dedede;
	line-height:1.5em;
	margin:3px 0pt;
	padding:0pt;
 }
#listasposi dl dt{
	background-color: #e14d73; color: #fff;
	line-height:1.5em;
	margin:3px 0pt;
	padding: 0pt;
 }

#listasposi dl dd img {
	padding-right:16px;
	background:#FFFFFF none repeat scroll 0%;
	float:left;
	margin-top:3px;
	padding:0pt 10px 0pt 0pt;
}

#listasposi dl dd.rosa a {
	width: 100px;
	background-color: #e14d73; color: #fff;
	padding: 3px;
}

#listasposi dl dd.rosa a:hover {
	background-color: #ee9ca7; color: #fff;

}

#listasposichiusi{
	margin: 0 ; padding: 10px ;
	text-align: left;
}

#listasposichiusi dl{
 margin: 0pt 0pt 10px 0pt;
}

#listasposichiusi dl dd{
	border-top: 1px dotted #dedede;
	line-height:1.5em;
	margin:3px 0pt;
	padding:0pt;
 }
#listasposichiusi dl dt{
	background-color: #e14d73; color: #fff;
	line-height:1.5em;
	margin:3px 0pt;
	padding: 0pt;
 }

#listasposichiusi dl dd img {
	padding-right:16px;
	background:#FFFFFF none repeat scroll 0%;
	float:left;
	margin-top:3px;
	padding:0pt 10px 0pt 0pt;
}

#listasposichiusi dl dd.rosa a {
	width: 100px;
	background-color: #e14d73; color: #fff;
	padding: 3px;
}

#listasposichiusi dl dd.rosa a:hover {
	background-color: #ee9ca7; color: #fff;

}

/*////////////////////// FOTOGALLERY ////////////////////////////*/
#fotogallery{
	float: left;
	width: 100%; overflow: auto;
	margin: 0px 0px 0px 0px; padding:0;
	text-align: left;
}
div#fotogallery dl{float: left;width: 140px; height: 190px; background: url(../grafica/polaroid.jpg); text-align: center;color: #555}
div#fotogallery dt{padding: 25px 0 0 }
div#fotogallery img{display: block; margin:0 auto;border:1px inset #CCC}
div#fotogallery dd{margin: 0;padding: 2px 13px 0px; font-size: 0.9em;}

.thumbnail_last_15{ float: left;  padding-right: 2px; padding-bottom: 2px;}
.thumbnail_click_3{ background-color: #efefef; height: 35px; margin-bottom: 2px; padding: 5px; WIDTH: 245px}
.thumbnail_click_3 img{ margin-right: 5px;}

/*LIGHTBOX*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../garfica/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../garfica/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../garfica/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: normal;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}


/* nEWSLETTER\*/

#zoofrm{
	font-family:arial;
	font-size:11px;
	line-height:17px;
	color:#333333;
	text-align:left;
}
#zooinpt{
	font-family:arial, helvetica, sans-serif;
	font-size:11px;
	font-weight:300;
	background-color:#fff;
	padding:3px 0px 0px 3px;
	color:#333333;
	border:1px solid #557755;
	margin:0 0 2px 0;
	height:16px;
	line-height:12px;
}
#zoosbmt{
	border-right:#acb5b5 3px double;
	border-top:#c4cccc 3px double;
	background-color:#FFF;
	border-left:#acb5b5 3px double;
	border-bottom:#6f7777 3px double;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}


/*CALENDAR*/
input.calendar, select.calendar { 
	width: 99px;
}

button.calendar {
	background: url(../grafica/calendar-icon.gif);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}

button.calendar:hover, button.calendar.active {
	background-position: 0 20px;
}

div.calendar {
	background: url(../grafica/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
div.calendar div {
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	

div.calendar caption {
	color: #333;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding-top: 6px;
	text-align: center;
	width: 100%;
}
div.calendar caption a {
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 17px;
	width: 11px;
}
div.calendar caption a.prev {
	background-image: url(../grafica/calendar-prev.gif);
	left: 0;
}
div.calendar caption a.next {
	background-image: url(../grafica/calendar-next.gif);
	right: 0;
}
div.calendar caption a:hover {
	background-position: 0 12px;
}
div.calendar caption span {
	height: 25px;
	position: relative;
	text-align: center;
}
div.calendar caption span.month {
	padding-right: 8px;
}
div.calendar caption span.month:after {
	content: ',';
}

div.calendar table {
	background: #FFF;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}
div.calendar td,
div.calendar th {
	border: 0;
	color: #0597DB;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}
div.calendar td {
	background: url(../grafica/calendar-td.gif);
	color: #FFF;
	font-size: 11px;
}
div.calendar td.invalid {
	color: #999;
}
div.calendar td.valid {
	background: url(../grafica/calendar-valid.gif);
	color: #0597DB;
	cursor: pointer;
}
div.calendar td.hilite {
	background: url(../grafica/calendar-hilite.gif);
}
div.calendar td.inactive {
	background: url(../grafica/calendar-td.gif) 0 100%;
	color: #FFF;
}
div.calendar td.active,
div.calendar td.hover {
	background: url(../grafica/calendar-valid.gif) 0 100%;
	color: #FFF;
	cursor: pointer;
}