/* RESET */
* { margin: 0; padding: 0; border: 0; z-index: 0; }
*:focus { outline: none; }
a:link
{
	text-decoration: none;
}
a:hover
{
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
}
a:visited:hover
{
	text-decoration: none;
}


a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

a {
   outline: 0;
}
.form_error {
	border:1px solid #ff0000;
	background-color:#ffe5e5; 
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	margin:0;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #281d18;
}

.mess_rosso{
	font-family:arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #C00;
	background-color:#FCE4DC;
	border:1px solid #DF371A;
	padding:4px;
	margin-bottom:15px;
	
}

.mess_verde{
	font-family:arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #360;
	background-color:#D5E7C9;
	border:1px solid #A2C994;
	padding:8px;
	margin-bottom:15px;
}

.testo_rosso{
	font-family:arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #C00;
	}

body { background: #d3e5ec; background-image:url(../img/bg_site.jpg); background-repeat:repeat-x; overflow-x: hidden; overflow-y: scroll; }

/* HEAD */
#head {  z-index:2; height: 68px; background:#ffffff;background-image:url(../img/head_bg2.png); background-repeat:repeat-x;}
#head > div { position: relative; width: 960px;  margin: 0 auto; }
#head #logo-residence { position: absolute; display: block; width: 205px; height: 82px; top: 13px; left: 50px;  }

#head #language { text-align:right; position: absolute; display: block;  margin-top: 17px; right: 55px; }
#head #language a { 
position: relative; 
display: block;
height: 14px; 
padding: 0 10px; 
float: left; 
border-right: 1px solid #507b8e; 
font-size: 10px;
font-family: Tahoma, Arial, Verdana; 
color: #8abacf; 
overflow: hidden; 
}
#head #language a:nth-last-child(2) { border: none; padding-right: 0; }
#head #language a span { display: block; }
#head #language a span.over { color: #fbbd00; margin-top: 2px; }

#head #weather { position: absolute; top: 7px; right: 110px; width: 200px; padding-right: 22px; font: 11px/11px "Lucida Grande"; color: #888; text-align: right; background: no-repeat 100% -2px; }

#head #menu { position: absolute; margin-top: 45px; right: 55px; }

#head #menu a { 
position: relative; 
display: block; height: 18px; 
padding: 0 10px; 
float: left; 
border-right: 1px solid #649ab3; 
font-size: 0.83em;
font-family: 'Lustria', serif, Georgia, Tahoma, Arial; 
font-weight: bold;
color: white; 
overflow: hidden; 
}
#head #menu a:nth-last-child(2) { border: none; padding-right: 0; }
#head #menu a span { display: block; }
#head #menu a span.over { color: #fbbd00; margin-top: 0px; }

#sub-head { z-index:0; display: block;  height:7px; border-bottom:1px solid #35687e; border-top:1px solid 857b55; background-color:#417891;  }


/* FOOTER */
#footer {
	font-family: tahoma, Verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	line-height:14px;
	 height: 200px; 
	 margin: 0 auto;
	 margin-top:50px;
	 background: #11191d; 
	 clear:both;
	 border-top:1px solid #417891;
}
.footer a:link{
	color: #666666;
}
.footer a:visited{
	color: #666666;
}
.footer a:hover{
	color: #B0B0B0;
}





ul.hover_block { display: block; overflow: hidden; height: 1%; padding-bottom: 15px; }
			
		ul.hover_block li, ul.hover_block2 li {
			list-style:none;
			float:left;
			background: #fff;
			padding: 10px;
			width:300px; position: relative;
			margin-right: 20px; }

		ul.hover_block li a, ul.hover_block2 li a {
			display: block;
			position: relative;
			overflow: hidden;
			height: 150px;
			width: 268px;
			padding: 16px;
			color: #000;
			font: 1.6em/1.3 Helvetica, Arial, sans-serif;
		}

		ul.hover_block li a, ul.hover_block2 li a { text-decoration: none; }

		ul.hover_block li img, ul.hover_block2 li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}
		
		
		
		
		/* LOADING */
#body-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: white url("../img/logo_residence_loader.png") no-repeat 50% 50%; z-index: 100; display: block !important; }
#body-mask div { position: absolute; right: -150px; width: 150px; height: 100%; background: url("../img/maschera.png") no-repeat; }
#body-mask img { position: absolute; top: 50%; left: 50%; margin: 36px 0 0 -24px; }

/* HOMEPAGE */

#slide { height: 430px; background: black url("../slider/slide_01.jpg") no-repeat 50% 50%;  }
#slide > img { display: block; margin: 0 auto; }
#slide-ombra { 
background-image:url(../img/slider_ombra.png);
background-repeat:repeat-x;
height:14px;
}

.testo {
	font-family: tahoma, verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #2d393f;
	line-height:15px;
}

.testo a:link {
	color: #2d393f;
}

.testo a:visited {
	color: #2d393f;
}

.testo a:hover {
	color: #627984;
}


.testo_news {
	font-family: tahoma, verdana;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #2d393f;
	line-height:15px;
}

.testo_news a:link {
	color: #2d393f;
}

.testo_news a:visited {
	color: #2d393f;
}

.testo_news a:hover {
	color: #4f626b;
}


.titolo_news {
	font-family: 'Lustria', serif, Georgia, tahoma, verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #1287b8;
	line-height:15px;
	margin-bottom:8px;
	-moz-text-shadow: 2px 2px 1px #ffffff;
       -webkit-text-shadow: 2px 2px 1px #ffffff;
	  text-shadow: 2px 2px 1px #ffffff;
}

.titolo_news a:link {
	color: #1287b8;
}

.titolo_news a:visited {
	color: #1287b8;
}

.titolo_news a:hover {
	color: #31abde;
}



	
.thumb_news {
		 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #ffffff;
	margin-right: 15px;
	margin-bottom: 10px;
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}


#newscontent { width: 923px; margin: 0 auto; padding: 25px 0 34px 37px; }


#news2  { position: relative; float: left; width: 893px; overflow:hidden; margin-right: 10px; min-height:166px; margin-bottom:20px; background: white; z-index: 100; padding:15px; -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}











#inside { width: 950px; margin: 5px auto; overflow:hidden; 	
}


#features { width: 950px; height: 280px; margin: -30px auto 0; 	
}
	
#features > div {
	position: relative;
	width: 180px;
	height: 280px;
	float: left;
	background: #ffffff;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	 border: 2px solid #ffffff;
	 -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	
/* 		 -webkit-box-shadow: 0 4px 3px -3px #787878;
 -moz-box-shadow: 0 4px 3px -3px #787878;
 box-shadow:  0 4px 3px -3px #787878;
 */
 
/* border-right: 1px dotted #9dadb5; */
/*  border-bottom: 1px dotted #9dadb5; */
 margin-left:5px;
}
#features > div:nth-last-child(1) { background: #ffffff;  }
#features > div div.feature-icon { position: absolute; top: 0px; width: 100%; height: 140px; background-repeat: no-repeat; background-position: 50% 0%; }
#features > div#appartamenti div.feature-icon { background-image: url('../img/home_button_1.jpg'); }
#features > div#servizi div.feature-icon { background-image: url('../img/home_button_2.jpg'); }
#features > div#acciaroli div.feature-icon { background-image: url('../img/home_button_3.jpg'); }
#features > div#galleria div.feature-icon { background-image: url('../img/home_button_4.jpg'); }
#features > div#info div.feature-icon { background-image: url('../img/home_button_5.jpg'); }
#features > div h2 { position: absolute; width: 100%; top: 155px; font-family: 'Lustria', serif, Georgia, Tahoma, Arial;  font-size: 1.1em; color: #334046; text-transform: uppercase; }
#features > div h3 {
	position: absolute;
	width: 100%;
	top: 209px;
	font-family: 'Lustria', serif, Georgia, Tahoma, Arial;
	font-size: 0.9em;
	color: #666666;
	font-style:italic;
}


#tripadvisor { padding:5px; background:#334046; margin-top:10px; margin-left:15px; width:240px;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;		
	}
	
	#facebook { padding:5px; background:#334046; margin-top:10px; margin-left:15px; width:240px; height:32px; font-family: 'Lustria', serif, Georgia, Tahoma, Arial;	font-size: 13px;	color: white;
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;		
	}
	
		#facebook a:link{ color: white;
   }
			#facebook a:visited{ color: white;
   }
   		#facebook a:hover{ color: e3e3e3;
   }
	
	
	#segreteria {background:#334046; 
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;		
	padding:15px; font-family: tahoma, verdana;	font-size: 11px;	color: white;
	}
		#segreteria a:link{	color: white;
	}
			#segreteria a:visited{	color: white;
	}
			#segreteria a:hover{	color: #e3e3e3;
	}

#breadcrumb { width: 870px; margin: 0 auto; padding: 10px 0 0px 20px; }
 #breadcrumb  a:link { 
font-size: 0.80em;
font-family: 'Lustria', serif, Georgia, Tahoma, Arial; 
font-weight: normal;
color: white; 
overflow: hidden; 
}
 #breadcrumb  a:visited { 
font-size: 0.80em;
font-family: 'Lustria', serif, Georgia, Tahoma, Arial; 
font-weight: normal;
color: white; 
overflow: hidden; 
}
 #breadcrumb  a:hover { 
font-size: 0.80em;
font-family: 'Lustria', serif, Georgia, Tahoma, Arial; 
font-weight: normal;
color: #334046; 
overflow: hidden; 
}




#rooms { position: relative; width: 950px; margin: 25px auto; background: white; overflow: hidden;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
  
/*
-moz-border-radius: 8px;
	border-radius: 8px;		 -webkit-box-shadow: 0 4px 3px -3px #787878; -moz-box-shadow:  0 4px 3px -3px #787878; box-shadow:  0 4px 3px -3px #787878;
	*/
		
	}
#rooms #rooms-title { position: relative; width: 335px;  height: 260px; margin: 10px 5px 10px 10px;  background: #334046; z-index: 100; cursor: pointer; }

#rooms #rooms-title h2 { position: absolute; top: 22px; left: 20px; width: 285px; padding-bottom: 5px; font-size:23px; font-family: 'Bad Script', cursive, Helvetica, Tahoma, Arial; color: white; }
#rooms #rooms-title h1 { position: absolute; top: 80px; left: 20px; padding-bottom: 10px; font-family: 'Lustria', serif, Georgia, Tahoma, Arial;  font-size: 24px;  color:#fbbd00;  }
#rooms #rooms-title h1 span { font-family: 'Lustria', serif, Georgia, Tahoma, Arial;  font-size: 18px;  color: #fbbd00; }
#rooms #rooms-title h3 { position: absolute; top: 180px; left: 20px; font-size:19px; font-family: 'Bad Script', cursive, Helvetica, Tahoma, Arial; color: white; line-height:1.2em;}

#rooms #rooms-title #rooms-title-icon { position: absolute; top: 80px; right: -40px; width: 79px; height: 79px; background: url('../img/ico_ancora2.png') no-repeat; }
#rooms #rooms-pics { position: absolute; top: 30px; right: 30px; width: 505px;}
#rooms #rooms-pics a { position: relative; display: block; width: 163px; height: 260px; float: left; margin-left: 5px; overflow: hidden; }
#rooms #rooms-pics a img { position: absolute; top: 0; left: 260px; display: block; }



#rooms2 { width: 923px; margin: 0 auto; padding: 25px 0 34px 37px; }
#rooms2 #rooms2-title { position: relative; float: left; width: 348px; height: 285px; margin-right: 10px; background: #334046; z-index: 100; }

#rooms2 #rooms2-title h1 { position: absolute; top: 15px; left: 20px; padding-bottom: 10px; font-family: 'Lustria', serif, Georgia, Tahoma, Arial;  font-size: 24px;  color:#fbbd00;  }
#rooms2 #rooms2-title h1 span { font-family: 'Lustria', serif, Georgia, Tahoma, Arial;  font-size: 18px;  color: #fbbd00; }
#rooms2 #rooms2-title h3 { position: absolute; top: 90px; left: 20px; font-family: tahoma, verdana;	font-size: 11px; color: white; width:285px; font-weight:normal; }
#rooms2 #rooms2-title h2 { position: absolute; top: 240px; left: 20px; font-size:19px; font-family: 'Bad Script', cursive, Helvetica, Tahoma, Arial; color: white; line-height:1.2em;}
#rooms2 #rooms2-title #rooms2-title-icon { position: absolute; top: 105px; right: -40px; width: 79px; height: 79px; background: url('../img/ico_ancora2.png') no-repeat; }
#rooms2 #rooms2-title #rooms2-title-icon-loading { position: absolute; top: 105px; right: -40px; width: 79px; height: 79px; background: white url('../img/residence_loader.gif') no-repeat 50% 50%; z-index: 100; }
#rooms2 #rooms2-title #rooms2-title-icon-loading { -moz-border-radius: 40px; -webkit-border-radius: 40px; }


.rooms2 { display: block; position: relative; float: left; width: 170px; height: 285px; margin: 0 9px 9px 0; background: white; overflow: hidden; }
.rooms2 div { position: absolute; top: 0; left: 0; width: 170px; height: 285px; z-index: 100; background: url("../images/rooms/border.png") no-repeat; }
.rooms2 span { position: absolute; top: 185px; left: 60px; width: 52px; height: 52px; background: #e59905; font: 25px/48px "SavoyeLETPlain"; color: white; text-align: center; text-transform: lowercase; z-index: 100; }
.rooms2 span { -moz-border-radius: 26px; -webkit-border-radius: 26px; }
.rooms2 p { position: absolute; bottom: 0; width: 140px; height: 40px; padding: 20px 15px 0; font: 15px/13px "ITCLubalinGraphStdDemi"; text-align: center; text-transform: uppercase; color: black; background: white; }
.rooms2-type { position: relative; float: left; width: 170px; height: 285px; margin: 0 9px 9px 0; background: black no-repeat 50% 50%; z-index: 50; }
.rooms2-type span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-right: 12px; background: url('../images/rooms/arrow.png') no-repeat 100% 50%; }

#rooms2-info { position: relative; float: left; width: 349px; height: 285px; margin: 0 9px 9px 0; background: #334046; }
#rooms2-info h3 { margin: 30px 30px 0;  font-size:19px; font-family: 'Bad Script', cursive, Helvetica, Tahoma, Arial; color: white; line-height:1.2em; }
#rooms2-info p { margin: 10px 30px 0; 	font-family: tahoma, verdana;	font-size: 11px; color: white; }


#appartamento { width: 923px; margin: 0 auto; padding: 25px 0 34px 37px; z-index: 50; }
#appartamento #appartamento-title { position: relative; float: left; width: 348px;  min-height: 800px;  margin-right: 10px; background: #334046; z-index: 100; }
#appartamento #appartamento-title h1 { position: absolute; top: 15px; left: 20px; padding-bottom: 10px; font-family: 'Lustria', serif, Georgia, Tahoma, Arial;  font-size: 24px;  color:#fbbd00;  }
#appartamento #appartamento-title h1 span { font-family: 'Lustria', serif, Georgia, Tahoma, Arial;  font-size: 18px;  color: #fbbd00; }
#appartamento #appartamento-title h3 {
	position: absolute;
	top: 91px;
	left: 23px;
	font-family: tahoma, verdana;
	font-size: 11px;
	color: white;
	width:285px;
	font-weight:normal;
	overflow:hidden;
}

#appartamento #appartamento-title h2 { position: absolute; top: 240px; left: 20px; font-size:19px; font-family: 'Bad Script', cursive, Helvetica, Tahoma, Arial; color: white; line-height:1.2em;}
#appartamento #appartamento-title #appartamento-title-icon { position: absolute; top: 105px; right: -40px; width: 79px; height: 79px; background: url('../img/ico_ancora2.png') no-repeat;  z-index: 100; }
#appartamento #appartamento-title #appartamento-title-icon-loading { position: absolute; top: 105px; right: -40px; width: 79px; height: 79px; background: white url('../img/residence_loader.gif') no-repeat 50% 50%; z-index: 100; }
#appartamento #appartamento-title #appartamento-title-icon-loading { -moz-border-radius: 40px; -webkit-border-radius: 40px; }

.appartamento  { display: block; position: relative; float: left; width: 170px; min-height: 285px; overflow:hidden;  margin: 0 9px 9px 0; background: white; overflow: hidden; }
.appartamento  div { position: absolute; top: 0; left: 0; width: 170px; min-height: 285px; overflow:hidden;  z-index: 100;}
.appartamento  span { position: absolute; top: 185px; left: 60px; width: 52px; height: 52px; background: #e59905; font: 25px/48px "SavoyeLETPlain"; color: white; text-align: center; text-transform: lowercase; z-index: 100; }
.appartamento  span { -moz-border-radius: 26px; -webkit-border-radius: 26px; }
.appartamento  p { position: absolute; bottom: 0; width: 140px; height: 40px; padding: 20px 15px 0; font: 15px/13px "ITCLubalinGraphStdDemi"; text-align: center; text-transform: uppercase; color: black; background: white; }
.appartamento-type { position: relative; float: left; width: 170px;  min-height: 285px; overflow:hidden; margin: 0 9px 9px 0; background: black no-repeat 50% 50%; z-index: 50; }
.appartamento-type span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-right: 12px; background: url('../images/rooms/arrow.png') no-repeat 100% 50%; }

#appartamento-info { position: relative; float: left; width: 349px; height: 285px; margin: 0 9px 9px 0; background: #334046; }
#appartamento-info h3 { margin: 30px 30px 0;  font-size:19px; font-family: 'Bad Script', cursive, Helvetica, Tahoma, Arial; color: white; line-height:1.2em; }
#appartamento-info p { margin: 10px 30px 0; 	font-family: tahoma, verdana;	font-size: 11px; color: white; }


.app_foto { display: block; position: relative; float: left; width: 498px; height: 255px; margin: 0 9px 9px 0; padding: 15px; background: #f6f6f6;  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}

.app_gallery {  z-index: 50; display: block; position: relative; float: left; width: 498px; min-height: 255px; overflow:hidden; margin: 0 9px 9px 0; padding: 15px; background: #f6f6f6;  -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}

#didascaliaSX {background-color:#000000; color:#FFF; padding:8px; position:absolute; top:233px; left:9px;
/* opacity: 0.65;
-moz-opacity: 0.65;
filter:alpha(opacity=65);
*/
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  */
	  	   font-family: 'Lustria', serif, Georgia, Tahoma, Arial;  font-size: 18px; 
		   border: 1px solid #ffffff;}

#didascaliaSX a{color:#FFF; 
}



#didascaliaDX {background-color:#000000; color:#FFF; padding:8px; position:absolute; top:233px; right:9px;
/* opacity: 0.65;
-moz-opacity: 0.65;
filter:alpha(opacity=65);
*/
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	  */
	  	   font-family: 'Lustria', serif, Georgia, Tahoma, Arial;  font-size: 18px; 
		   border: 1px solid #ffffff;}

#didascaliaDX a{color:#FFF; 
}



#dots {
	height:5px;
	background-image:url(../img/dots.png);
	background-repeat:repeat-x;
	margin-bottom:5px;
	}
	
	#dots2 {
	height:5px;
	background-image:url(../img/dots2.png);
	background-repeat:repeat-x;
	margin-bottom:5px;
	margin-left:15px;
	margin-right:15px;
	}
		#dots3 {
	height:5px;
	background-image:url(../img/dots2.png);
	background-repeat:repeat-x;
	margin-top:5px;
	margin-bottom:15px;
		}




#img_album {
	padding:6px;
	margin:5px;
	float:left;
	background-color:#F0F0F0;
	border: solid  1px #CCC;
		-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	 -webkit-box-shadow: 0 4px 3px -3px #666;
 -moz-box-shadow: 0 4px 3px -3px #666;
 box-shadow:  0 4px 3px -3px #666;
}


#slideshow-holder  { width:595px; height:260px; background:url(spinner.gif) center center no-repeat #fff; position: absolute; top: 10px; right: 10px;}
#progress      { position:absolute; width:100%; text-align:center; color:#999; top:100px; }