@charset "UTF-8";
@import url("reset.css");
@import url("marina.css");

html, body, #wrapper{
	height: 100%;
}
body {
	background: url(../assets/images/layout/bg-header-photos-marina1228.jpg) no-repeat top;
	background-color:#eae6d8;
	line-height:175%;
	font-size: 22px;
	margin :0px;
	padding: 0px;
	color: #000;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	margin-top: 0px;
	height: 1700px;
}
h1 { font-size:220%; }
a { text-decoration: none; color: #005da8; }
strong { font-weight:bold }
/**
 *  Tipograficas 
 *
 */ 
body {  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6c5b3e;
	}

/**
 *  Layout 
 *
 */
/*#wrapper { margin:0 auto; border:1px solid #bda981; }*/
#wrapper {
	width:800px;
	height: auto;
	min-height: 100%;
	width:800px;
	margin:0 auto;
	visibility: visible;
}
/*#header { background: url(../assets/images/layout/bg-header-beach.jpg) no-repeat center; height:136px; }*/
#header {
	height:138px;
	left: auto;
	position: relative;
	text-align: left;
}
/*#head-photos { background: url(../assets/images/layout/bg-header-photos.jpg) no-repeat center; height:218px; text-align:center }*/

/*
#head-photos { 
	width: 806px;
	height: 217px; 
	text-align: center;
}
*/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {
	display: inline-block;
	font-weight: lighter;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#section {
	background: url(../assets/images/layout/bg-section.jpg) no-repeat top center;
	margin: 0;
	/* 	padding: 0; */
	padding-bottom: 0px;/* 	height: 100%;  */
	height: auto;
}
#content {
	float:left;
	width:430px;
	margin-left: 20px;
	margin-top:50px
}
#anuncios { 
	margin-top: 44px; 
	float:right; 
	width:279px; 
}	
.internal-title{
	padding-left:15px;
}
#sidebar {
	margin-top: 40px;
	float:right;
	width:300px;
	margin-right: 0px;
	margin-left: 10px;
}
#sidemenu {
	margin-top: 0px;
	float:right;
	width:256px;
	margin-right: 0px;
	margin-left: 500px;
	vertical-align: top;
	padding-top: 0px;
	position: absolute;
	left: 105px;
	top: 465px;
}
.imgsidebar{ margin-top :55px; float:left; width:280px; }


/**
 *  Header
 *
 */
#header h1, #header h2 { display: none }
#header .lang-selector { width:169px; height:24px; margin-left:600px }

#section p {
	padding: 5px 10px 15px;
	vertical-align: top;
	margin-top: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #6c5b3e;
}


.style-selector {
	background: transparent url(../assets/images/layout/style-selector.png) no-repeat;
	width:155px;
	height:42px;
	position:absolute;
	left:667px;
	top:129px;
	color:#FFF;
	text-align:center;
	line-height:180%;
	background-image: url(assets/images/layout/style-selector.png);
	background-color: #F00;
}
.style-selector_over { background: transparent url(../assets/images/layout/style-selector_over.png) no-repeat; width:229px; height:42px; position:absolute; left:800px; top:132px; color:#FFF; text-align:center; line-height:180%;   }
.style-selector a { color: #FFF !important; text-decoration:underline}

/**
 *  Header
 *
 */
/*#main-nav { background: url(../assets/images/layout/bg-top-menu.jpg) no-repeat; height:25px; padding-left:90px }*/
#main-nav {
	height:25px;
	padding-left:40px;
	background-color: #006;
}
#main-nav ul li {
	float:left;
	margin:4px 20px 2px 2px
}
#main-nav ul li a { color: #FFF; }
/* #main-nav ul li a img{ padding-top: 2px; } */

/**
 *  Footer
 */
#footer2 {
	background: url(../assets/images/layout/bg-footer.jpg) no-repeat center bottom;
	position: absolute;
	margin-top: 2px;
	height: 180px;
	clear:both;
	text-align: left;
	top: 1350px;
	left: 160px;
	width: 681px;
	background-image: url(../assets/images/layout/bg-footer-marina2.jpg);
}
#footer {
	background: url(../assets/images/layout/bg-footer.jpg) no-repeat center bottom;
	position: absolute;
	margin-top: 2px;
	height: 180px;
	clear:both;
	text-align: left;
	top: 2264px;
	left: 141px;
	width: 681px;
	background-image: url(../assets/images/layout/bg-footer-marina2.jpg);
	visibility: visible;
}
#footer1 {
	background: url(../assets/images/layout/bg-footer.jpg) no-repeat center bottom;
	position: absolute;
	margin-top: 2px;
	height: 180px;
	clear:both;
	text-align: left;
	top: 1500px;
	left: 160px;
	width: 681px;
	background-image: url(../assets/images/layout/bg-footer-marina2.jpg);
}
#footer4 {
	background: url(../assets/images/layout/bg-footer.jpg) no-repeat center bottom;
	position: absolute;
	margin-top: 2px;
	height: 180px;
	clear:both;
	text-align: left;
	top: 2830px;
	left: 143px;
	width: 681px;
	background-image: url(../assets/images/layout/bg-footer-marina2.jpg);
}
#footer .content { padding:6px 0;  }
#footer #main-navmain-nav {
	padding-left:390px;
	padding-top:69px;
	text-align: left;
	vertical-align: top;
}
#footer #menu-footer ul li { float:left; margin:3px 20px 2px 2px }
#footer #menu-footer ul li a {  }

#footer .logo { border-right: 1px solid #a38f66; padding-right:20px; padding-bottom:50px }

#footer-content { margin: 0 auto; width:600px; padding-top:20px; }
#contact-form { padding-top:4px }
#contact-form input, #contact-form textarea {
    background-color: #d9c89c; 
    border: 1px solid #988359; 
    font-size:11px; 
    margin-bottom:4px;    
    font-family:Arial, Helvetica, sans-serif;
    padding:2px;
    margin-right:10px;
    }
#contact-form .buttonsend { background-color:#0d2555; color:#FFF; padding:2px }

#footer .already-reserv { background: transparent url(../assets/images/layout/title-alreadyresertv.gif) no-repeat; height:24px; width:315px; text-indent: -9999px }
#footer .logo-footer { background: transparent url(../assets/images/layout/footer-logo.gif) no-repeat; height:31px; width:75px; text-indent: -9999px  }
/** 
 *  Menu Section
 *
 */
	#main-navmain-nav{
/* 		background: url(../assets/img/frame-menu.png) no-repeat; */
/* 		width: 420px; */
/* 		height: 127px; */
		margin: 0;
	}
	#food-list{
		background: url(../assets/img/division.png) no-repeat;
		padding-top: 23px;
		text-align: center;
	}
	.food-title{
	font-weight: bold;
	font-size: 12px;
	color: #113E5E;
	font-style: italic;
	text-align: left;
	}
	.food-description{
	color: #361D0E;
	text-align: left;
	}
	.lista-categorias{
		display: block;
		margin-left: 62px;
		padding-bottom: 15px;
	}
	.lista-categorias a{text-decoration: none;}
	.lista-categorias a:link{color: #6C5B3E;}
	.lista-categorias a:visited{color: #6C5B3E;}
	.lista-categorias a:hover{color: #113E5E;text-decoration: underline;}
	.lista-categorias a:focus{color: #113E5E;text-decoration: underline;}
	.lista-categorias a:active{
	color: #113E5E;
	text-decoration: underline;
	text-align: left;
}
/** 
 *  Groups
 *
 */	
#titulo-events{
/* 	margin-bottom: 50px; */
}
#parrafo{
	padding-top: 15px;
}
.evento{
	width: 394px;
	height: 2500px;
	padding-top: 10px;
	background: url(../assets/img/arena.png) no-repeat;
	text-align: left;
}
.pic-evento{
	float: left;
}
.texto-evento{
	padding-left: 10px;
	float: right;
	width: 229px;
}
.event-titulo{
	font-weight: bold;
	font-size: 12px;
	color: #361D0E;
	font-style: italic;
}

/** 
 *  Photo Gallery
 *
 */	
 	img.addmarginbottom{
 		margin-bottom: 20px;
 	}
	#panel-derecho{
		float: right;
		width: 300px;
	}
	#panel-derecho-info{
		width: 247px;
		float: right;
		padding-top: 34px;
	}
	#titulo-bcgirls{
		margin-bottom: 20px;
	}
/** 
 *  Contact Section
 *
 */
 	.banner-derecho{
 		float: right;
 	}
	strong.side{
		color: #113E5E;
	}
	span.dir{
	color: #908173;
	font-size: 10px;
	text-align: left;
	}
	span.lil-note{
		color: #361D0E;
		font-size: 10px;
	}
	#whole{
	width: 350px;
	padding-left: 30px;
	padding-top: 40px;
	height: auto;
	}
	#main-container{
	margin: 0;
	padding: 0;
	width: 350px;
	float: left;
	}
	#barra{
		float: left;
/* 		padding-right: 20px; */
	}
	#contact-datos{
	display: block;
	margin-left: 30px;
	padding-bottom: 15px;
	text-align: left;
	}
	#map{padding-top: 24px;}
	
	#right-panel{
	padding-top: 0px;
	width: 300px;
	float: right;
	vertical-align: top;
	}
	.side-title{
		margin-bottom: 9px;
		padding-left: 14px;
		}
	#titulo{
		padding-top: 20px;
		padding-left: 55px;
	}
	p#datos{padding: 0;}
	#booking-form{
		background: url(../assets/img/division.png) no-repeat;
		width: 430px;
		height: 264px;
		padding: 0;
	}
	#book-left, #book-right{
		float: left;
	}
	#book-left{
		width: 290px;
		padding-top: 12px;
	}
	#book-right{
		width: 140px;
		padding-top: 24px;
/* 		padding-left: 14px;		 */
	}
	#label {
		float: left;
		clear: left;
		padding-left:30px;
	}
	#fields{ 
		text-align: right;
		padding-right: 20px;
		color: #908173;
	} 
	input.text, textarea.text {
		width: 180px;
		margin-bottom:8px;
		background-color:#eae6d8;
		border:1px solid #D8D1B8;
		font-family:Arial,Helvetica,sans-serif;
		font-size:11px;
	}
	input.text{
		height: 16px;
	}
	a.email{
		text-decoration: none;
		color: #6C5B3E;
	}
	a.email:link{color: #6C5B3E;}
	a.email:visited{color: #6C5B3E;}
	a.email:hover{color: #113E5E;text-decoration: underline;}
	a.email:focus{color: #113E5E;text-decoration: underline;}
	a.email:active{
	color: #6C5B3E;
	text-align: left;
}

	.menu-booking a{font-size: 10px;text-decoration: none;}
	.menu-booking a:link{color: #908173;}
	.menu-booking a:visited{color: #908173;}
	.menu-booking a:hover{color: #113E5E;text-decoration: underline;}
	.menu-booking a:focus{color: #113E5E;text-decoration: underline;}
	.menu-booking a:active{color: #908173;}
/** 
 *  Utiliclases
 *
 */
 
 
.gw2 { width: 120px }
.gw3 { width: 180px }
.gw4 { width: 240px }
.gw5 { width: 300px }
.gw6 { width: 360px }

.addTopPad { padding-top:20px }

 
.inline-list li {
    list-style: none;
    display: inline
}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.textright { text-align:right }
.left { }
.centerblock {
    margin:0 auto;
    display:block
}
.column {
    display:inline;
    float:left;
}
.alineado-der{
	text-align: right;
}
#comm{
	text-align: right;
    width: 200px;
}
.bg-shadow {
	background: url(../assets/images/layout/bg-shadow.gif) no-repeat bottom left;
	padding-bottom:20px;
	margin-bottom:20px;
	text-align: left;
}

/* WEEKLY EVENTS
*/
.event-day{
	color: #908173;
	font-family: Verdana, sans-serif;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: bold;
}
.event-title{
	color: #113E5E;/* #730301; */
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-transform: uppercase;	
	font-weight: bold;
}
.menu-footer {
	position: relative;
	visibility: visible;
	height: 100px;
	width: 488px;
	top: 40px;
	left: 800;
	margin-left: 70px;
}
.menu-footer {
}
.ammenities {
	list-style-position: inside;
	position: absolute;
	height: 124px;
}
.ubicacion {
	background-position: center center;
	vertical-align: baseline;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-shadow: true;
	font-variant: normal;
	color: #FFF;
	text-align: center;
}
#footerdireccion {
	text-align: center;
}
.titulos {
	font-size: 16px;
	font-weight: bold;
	color: #003;
}
.menu {
	float: right;
	height: 800px;
	width: 350px;
	position: absolute;
	top: 450px;
	left: 600px;
}
.sidecontact{
	float: right;
	height: 800px;
	width: 350px;
	position: absolute;
	top: 470px;
	left: 580px;
}
.otherrest {
	font-size: 10px;
	font-weight: bold;
	color: #F00;
}
.rayita {
	color: #EAE6D8;
}
.ry {
	color: #EBE6D7;
	text-align: center;
}
.face {
	float: right;
	height: 900px;
	width: 280px;
}
#wrapper #section #whole div div {
	text-align: left;
}
.otherrest {
	text-align: center;
}
.sideme {
	clear: right;
	float: right;
	height: 500px;
	width: 250px;
	padding-top: 350px;
	padding-right: 10px;
	padding-left: 350px;
	position: absolute;
	left: 350px;
	top: 350px;
}