/* generated by csscreator.com */
html, body{
 margin:0;
 padding:0;
 color:#70635a;
 background-color:#fff;
 font-family: 'Trebuchet MS','Futura', 'Arial';
 font-size:14px;
 background-image:url('http://www.ferrettibeach.it/rimini/img/bg_header.jpg');
 background-repeat:repeat-x;
}

@font-face {    font-family: "life"; src: url('lifestyle.ttf') }
@font-face {    font-family: "life"; src: url('lifestyle.eot') }

a{
 color:#70635a;
 font-weight:bold;
 border:0
}
a:hover { color:#000 }

a img{
 color:#70635a;
 border:0
}
.menumain    	  { width:945px ;margin-left:auto;margin-right:auto;background-color:#442d25;border:0}
.menumain_left    { width:30% ; text-align:left }
.menumain_right   { width:70% ; text-align:right}
.menumain_left img  { vertical-align:middle}
.menumain_right img  { vertical-align:middle}
.menumain_right a { color:#fff}
.menumain_left  a { color:#fff}
.menumain_right a:hover { color:#000}
.menumain_left  a:hover { color:#000}
/*.menumain img { padding-top:10px }*/
.testo {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
}
.noborder {
 background-color:#fff;
}
.noborder a img{
 border:0
}

.rooms {text-align:center }
.centered {text-align:center }

.booking_online{font-size:16px ; text-transform:uppercase ;text-align:center; vertical-align:middle}
/*.booking {text-transform:capitalize;vertical-align:middle;padding:10px 10px 0px 10px;border:#442d25 solid 0px;background-color:#ede6d3;float:center}*/
.booking {text-transform:capitalize;background-color:#ede6d3 ; padding:5px ; background-color:#442d25 ; color:white ; border-top:solid 1px white }

.back_referer{padding:10px 10px 10px 10px ; font-size:24px ; text-transform:uppercase ;text-align:center }
.padded{ padding:5px 10px 5px 10px}

#pagewidth{
 text-align:center;
}
#header{
 height:270px;
 position:relative;
 width:100%;
}
#header img{
 padding-top:8px;
}
table{border: 0px solid #f0eddc }
.main  { width:100%; background-color:#ede6d3;  margin-bottom:0px; border:solid 0px #70635a;padding-top:0px }
.main-b{ background-color:#fff;margin-top:5px;border: solid 2px #ede6d3}
.main-right img { border: solid 0px black;float:right }
.main-left{   text-align:justify;width:40%;padding:5px 5px 5px 5px;background-color:#ede6d3; border:0;vertical-align:top}
.main-right{  text-align:justify;width:60%;padding:5px 5px 5px 5px;background-color:#ede6d3; border:0;vertical-align:top}
.main-left-b{ text-align:left; padding:5px 10px 5px 10px; background-color:#fff; border:1px }
.main-right-b{text-align:left; padding:5px 10px 5px 10px; background-color:#fff; border:1px }
.main-down{ padding:10px 10px 10px 10px ;  text-align:justify; border:0px}
.main-down a {padding:0 ; font-size:14px }
.main-center{vertical-align:top}
.main-short{vertical-align:top}
.main-left h1 {padding-top:5px;text-align:center; text-transform:uppercase;font-size:14px }
.main-center h1 {padding-top:5px;text-align:center; text-transform:uppercase;font-size:14px }
.main-down h1 {padding-top:5px;text-align:center; text-transform:uppercase;font-size:14px }
.rssform{   text-align:left;padding:5px 5px 5px 5px;background-color:#ede6d3; border:0;vertical-align:top}
.flash{vertical-align:middle;margin:5px 0px 0px 0px}
.vertical-top{vertical-align:top}
.thumb {padding:8px 0px 8px 0px}
.menulangs{
 text-align:left;
 background-color:#000;
 color:#fff ;
 font-size:12px;
 text-align:right;
 margin:0;
 margin-right:auto;
 margin-left:auto;
}
.menulangs ul{
 padding-left:10px;
 padding-right:10px;
 display:inline;
 text-align:center;
 list-style-type:none;
}
.menulangs li{      text-decoration:none; color:#fff; display:inline}
.menulangs a { 	    text-decoration:none; color:#fff}

.offer     {color:white; font-size:14px ;font-weight:bold ; padding-right:5px ; padding-left:5px ;background-color:#442d25 }
a.brochure {color:white; font-size:16px ;font-weight:bold ; padding:10px ;background-color:#442d25 ; float:right ; margin-top:200px;margin-right:20%  }

.menuoffers a {padding:0 15px 0 15px; text-decoration:none; color:#fff}
.menuoffers a:hover{ color:#39a2b7}

.room_name {text-transform:capitalize; font-weight:bold }
.room_desc {padding-left:10px;text-align:justify;vertical-align:middle }

.news img {float:left;width:40px}
.rss img {float:left;border:solid 5px white}

.rss{margin:0 ; padding:0 ;text-align:left;background-color:#442d25;font-size:14px;color:#fff;width:100%;border-bottom:solid 1px #f0eddc}
.rss td {padding:10px 10px 10px 20px ; border-top:solid 1px #f0eddc}
.h3{padding:0;font-size:18px;color:#ffffff;text-transform:uppercase}
.h4{padding:0;font-size:12px;color:#6a625e}
.h3 a{padding:0;font-size:18px;color:#ffffff;text-transform:uppercase}
.h3 a:hover{padding:0;font-size:18px;color:#ffff00;text-transform:uppercase}

#event{padding:0px 5px 0px 5px;text-align:left;background-color:#442d25;font-size:10px;color:#fff;width:100%}
#event h3{padding-left:5px;text-transform:uppercase;font-size:18px;line-height:0%;color:#fff}
#event img{padding:5px 5px 5px 5px;float:left}

#event_detail_text{width:70%;padding:0px 15px 0px 20px;font-size:14px;color:#442d25;text-align:justify;vertical-align:top}
#event_detail{padding:5px 15px 0px 5px;font-size:14px;color:#442d25;text-align:justify;vertical-align:top}
#event_detail h3{text-transform:uppercase;font-size:24px;color:#fff}
#event_detail img{float:left ; padding:10px 10px 10px 10px  }

#offer{padding:0 5px 0px 5px;text-align:left;background-color:#442d25;font-size:10px;color:#fff}
#offer h3{padding-left:5px;text-transform:uppercase;font-size:18px;line-height:0%;color:#fff}
#offer img{float:left}

#divisor{padding:0 5px 13px 5px;background-color:#f0eddc}

#wellness img {float:left;padding:0 5px 36px 5px}
#wellness {text-align:left}

#links ul{
 margin:0;
 padding-top:5px;
 padding-bottom:20px;
 padding-right:35px;
 list-style-type:none;
 text-align:center;
}
#links li, a{
 font-size:12px;
 padding-left:8px;
 display:inline;
 text-decoration:none;
 color:#70635a;
}
.menubar ul{
 margin-top:5px;
 margin-left:auto;
 margin-right:auto;
 padding-bottom:20px;
 padding-right:35px;
 list-style-type:none;
 text-align:center;
}
.menubar li, a{
 text-transform: uppercase;
 font-size:12px;
 display:inline;
 text-decoration:none;
 color:#70635a;
}
#footer{
 background-image:url('img/bg_footer-short.jpg');
 font-size:11px;
 text-align:center;
 height:290px;
 clear:both;
}
.footerlinks{
 margin-top:58px ;
 color:#fff;
 line-height:62px
}
.footerlinks a{
 color:#fff;
}
#footer p{
 position:relative;
 bottom:-115px
}
#footer ul{
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
}
#footer li, a{
 padding:0px 5px 0 5px;
 text-decoration:none;
 text-align:left
}
#wrapper{
 min-height: 300px;
 width:945px;
 margin-top:-10px;
 margin-bottom:-10px;
 margin-left:auto;
 margin-right:auto;
 background-color:#f0eddc;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}

.clearfix{display:inline-block;}

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

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 150;
	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: 20%;
	height: 80%;
	background: transparent url(images/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(images/prevlabel.gif) left 15% no-repeat; border:solid 0px red ; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat;border:solid 0px red ; }

#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: bold;	}
#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: #000000;
	/*filter:alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;*/
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}