/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body {
	background-color:#004653;
	font:62.5% Arial,'Times New Roman',serif;
	letter-spacing:2;
	text-align: center;
	background-image: url(../images/back.png);
	background-repeat: repeat;
}

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header {
	height:450px;
}
.headerimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:450px;
	position:absolute;
	left: 0px;
	top: 0px;
}
.pieWhatsapp {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #6FBAD7;
}
#CajaPromo {
    height: 210px;
    position: relative;
    top: 30px;
    background-color: #FFFFFF;
    opacity: 0.8;
    filter: alpha(opacity=40);
    width: 340px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #C74E2E;
    right: -55%;
    padding-top: 8px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 2px;
}
.Promocion {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #C74E2E;
	background-color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	margin: 10px;
	padding: 5px;
}
.TitPromocion {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #0097AC;
	background-color: #FFFFFF;
	text-align: left;
	font-weight: normal;
	margin: 5px;
	padding: 2px;
}

.CampoMail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	border: 1px solid #999;
	width: 300px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	height: 20px;
	margin: 3px;
}
.botonEnviar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #0097AC;
	border: 1px none #D27B4A;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 35px;
	text-align: right;
}


/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); }

#navigation { height:100px; width:960px; margin:0 auto; background-image:url("../images/logo.png"); background-position:top left; background-repeat:no-repeat; }


/* SEARCH */
#search { background-color:#051733; float:right; width:220px; padding:10px; }
#searchtxt { padding:3px; width:150px; }
#searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; }

/* MENU */
#menu {
	position:relative;
	top:0px;
	left:110px;
	font-family: 'Carrois Gothic SC', sans-serif;
}

#menu ul { list-style:none; }
#menu ul li { display:inline; /*font-variant:small-caps;*/ font-size:15px; }
#menu ul li a { color:#00BAD5; text-decoration:none; font-weight:normal; padding-right:20px; }
#menu ul li a:hover { text-decoration:underline; }

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline { background-image:url("../images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }

.pictured {
	background-color:#333333;
	color:#FFF;
	font-size:12px;
	text-transform:uppercase;
	float:left;
	display:block;
	clear:both;
	margin-top:200px;
	padding-top: 9px;
	padding-right: 16px;
	padding-bottom: 9px;
	padding-left: 16px;
}

.pictured a { font-size:16px; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }


/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }

/* CONTENT */
#content {
	align: center;
	color:#fff;
	background-color:#0097AC;
	width:960px;
}
.tablacontenido {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: normal;
	line-height: 30px;
	text-align: left;
}
.pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	background-color: #4E4E4E;
	padding: 10px;
	text-align: left;
}
.textoSilla {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #999;
	background-color: #404040;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-weight: bold;
}

.textoContacto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	padding: 10px;
	text-align: left;
}

.pie2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	background-color: #444;
	text-align: left;
}



#content p { padding:10px 20px; font-size:16px; width:290px; margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }
.contenido {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #004653;
	width: 100%;
	height: 350px;
	line-height: 18px;
	text-align: center;
	padding-top: 35px;
}
.contenidoUbicacion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #004653;
	width: 100%;
	height: 445px;
	line-height: 18px;
	text-align: center;
	padding-top: 35px;
}
.contenidoTarifas {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #004653;
	width: 100%;
	height: 780px;
	line-height: 18px;
	text-align: center;
	padding-top: 35px;
}
.contenidoHabitaciones {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #004653;
	width: 100%;
	height: 640px;
	line-height: 18px;
	padding-top: 35px;
}

.contenidoContacto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #004653;
	width: 100%;
	height: 320px;
	line-height: 18px;
	text-align: center;
	padding-top: 35px;
}
.contenidoGallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-color: #004653;
	width: 100%;
	height: 1000px;
	line-height: 18px;
	text-align: left;
	padding-top: 35px;
}

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00C4E6;
	background-color: #006071;
	border: 1px solid #00869D;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}




.textoContenido {
	text-align: left;
	padding-bottom: 10px;
}
.textoContenidocentro {
	text-align: center;
	padding-bottom: 10px;
}

.tablatarifas {
	border: 1px solid #015069;
}
/*HABITACIONES*/
	.photo {
		position:relative;
		font-family:arial;	
		overflow:hidden;
		/*border:3px solid #26373A;*/
		width:316px;
		height:238px;
	}	
	.photoChica {
		position:relative;
		font-family:arial;	
		overflow:hidden;
		/*border:3px solid #26373A;*/
		width:236px;
		height:171px;
	}	
		
		.photo .heading, .photo .caption {
	position:absolute;
	background:#000;
	height:35px;
	width:316px;
	opacity:0.6;
	left: 0;
		}
			.photoChica .headingChica, .photoChica .captionChica {
	position:absolute;
	background:#000;
	height:35px;
	width:236px;
	opacity:0.6;
	left: 0px;
		}
		
		.photo .heading {
	top:-37px;
	height: 35px;
		}
		
		.photoChica .headingChica {
	top:-56px;
	height: 35px;
		}

		.photo .caption {
	bottom:-302px;
	left:-651px;
	height: 56px;
		}
		
		.photoChica .captionChica {
	bottom:-78px;
	left:0;
	height: 56px;
		}
		
		.photo .heading span {
			color:#26c3e5;	
			font-size:16px;
			top:-50px;
			font-weight:bold;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photoChica .headingChica span {
			color:#26c3e5;	
			font-size:16px;
			top:-50px;
			font-weight:bold;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photo .caption span{
	color:#CCC;
	font-size:12px;
	display:block;
	line-height: 16px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3;
	padding-left: 10px;
		}
		
		.photoChica .captionChica span{
	height: 65px;
	color:#CCC;
	font-size:11px;
	display:block;
	line-height: 15px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3;
	padding-left: 10px;
		}

.tdDetalles {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FFF;
	background-color: #23221F;
	height: 54px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #EB6B2E;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 610px;
}

/*HABITACIONES
	.photo {
		position:relative;
		font-family:arial;	
		overflow:hidden;
		width:316px;
		height:238px;
	}	
	.photoChica {
		position:relative;
		font-family:arial;	
		overflow:hidden;
		border:0px
		width:236px;
		height:171px;
	}	
		
		.photo .heading, .photo .caption {
	position:absolute;
	background:#000;
	height:35px;
	width:316px;
	opacity:0.6;
	left: 0;
		}
			.photoChica .headingChica, .photoChica .captionChica {
	position:absolute;
	background:#000;
	height:35px;
	width:236px;
	opacity:0.6;
	left: 0;
		}
		
		.photo .heading {
	top:-37px;
		}
		.photoChica .headingChica {
	top:-37px;
		}

		.photo .caption {
	bottom:-78px;
	left:0;

		}
		.photoChica .captionChica {
	bottom:-74px;
	left:0;

		}
		
		.photo .heading span {
			color:#26c3e5;	
			font-size:16px;
			top:-50px;
			font-weight:bold;
			display:block;
			padding:5px 0 0 10px;
		}
		.photoChica .headingChica span {
			color:#26c3e5;	
			font-size:16px;
			top:-50px;
			font-weight:bold;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photo .caption span{
	color:#CCC;
	font-size:12px;
	display:block;
	line-height: 16px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3;
	padding-left: 10px;
		}
		
	.photoChica .captionChica span{
	height: 65px;
	color:#CCC;
	font-size:11px;
	display:block;
	line-height: 15px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3;
	padding-left: 10px;
		}*/
.resaltado {
	color: #00D5F2;
}