@charset "utf-8";
body {	font-family:Georgia, "Times New Roman", Times, serif;  font-size:13px; color: #333333; background-color:#58BCA8; margin: 0px; padding: 0px; background-image:url(../images/layout/bgpattern.png)}

/* LAYOUT WRAPPER */
#headwrapper { position:relative; height:330px; }
#menuwrapper{  height:56px; background: url(../images/layout/bgmenubar.png) no-repeat; width:860px; margin:auto; }
#contentwrapper {  position:relative; 	}
#footerwrapper { height:120px;  margin:auto; width:830px; }

/* ----- HEADER ----- */
#header { width:830px; height:330px; position:relative; z-index:10; margin:auto;}
#logocontainer { width:180px; height:330px; position:relative; background:url(../images/layout/bglogo.jpg) no-repeat; float:left;}
#logo {	position:absolute;	left: 18px;	top: 22px;	width: 145px;	height: 130px;}
#imagehomecontainer { height:330px; width:650px; float:left; position:relative;}
#lang {	position:absolute;	font-size:11px;	left: 46px;	top: 157px;	width: 114px;	height: 22px;}

/*Slideshow home*/
	.imageSlideshowHolder,.imageSlideshowHolder_left{ width:650px; height:331px; position:relative;}
	.leftFloatingDiv{}
	.imageSlideshowHolder img{ position:absolute; left:0px; top:0px;}

/* header páginas interiors */
#headwrappercontent { position:relative; height:200px;}
#headercontent { width:830px; height:200px; position:relative; z-index:10; margin:auto;}
#logocontainercontent { width:180px; height:200px; position:relative; background:url(../images/layout/bglogo.jpg) no-repeat; float:left;}
#headercontainercontent { height:200px; width:650px; float:left; position:relative;}	
#imagecontentcontainer { height:135px; position:relative; z-index:10; margin:25px 0 40px 0;}
/*#language {	position:absolute; left: 702px;	top: 92px; width: 134px; height: 19px;}*/

/* MENU */
#menu { height:41px; width:830px; background: url(../images/layout/bgmenu.jpg) repeat-x; margin:auto;}
.menu {	margin:0;	padding: 0;	list-style: none;}
.menu li {	padding: 0;	margin:  1px 0 0 0;	height: 40px;	list-style: none;	background-repeat: no-repeat;}
.menu li a, .menu li a:visited {	display: block;	text-decoration: none;	text-indent: -10000px;	height: 40px;	background-repeat: no-repeat; overflow:hidden;}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.quienes {background-image: url(../images/menu/quienesSomos_f2.jpg); width: 139px;}
	.quienes a {background-image:url(../images/menu/quienesSomos.jpg);}
	.habitaciones {background-image: url(../images/menu/habitaciones_f2.jpg); width: 128px;}
	.habitaciones a {background-image: url(../images/menu/habitaciones.jpg);}
	.reservaciones {background-image: url(../images/menu/reservaciones_f2.jpg); width: 139px;}
	.reservaciones a {background-image: url(../images/menu/reservaciones.jpg);}
	.servicios {background-image: url(../images/menu/servicios_f2.jpg); width: 98px;}
	.servicios a {background-image: url(../images/menu/servicios.jpg);}
	.esquinahuesped {background-image: url(../images/menu/esquinadelhuesped_f2.jpg); width: 184px;}
	.esquinahuesped a {background-image: url(../images/menu/esquinadelhuesped.jpg);}
	.contacto {background-image: url(../images/menu/contactenos_f2.jpg); width: 138px;}
	.contacto a {background-image: url(../images/menu/contactenos.jpg);}	
/* english menu*/	
	.quienes-en {background-image: url(../images/menu/en/quienesSomos_f2.jpg); width: 109px;}
	.quienes-en a {background-image:url(../images/menu/en/quienesSomos.jpg);}
	.habitaciones-en {background-image: url(../images/menu/en/habitaciones_f2.jpg); width: 94px;}
	.habitaciones-en a {background-image: url(../images/menu/en/habitaciones.jpg);}
	.reservaciones-en {background-image: url(../images/menu/en/reservaciones_f2.jpg); width: 149px;}
	.reservaciones-en a {background-image: url(../images/menu/en/reservaciones.jpg);}
	.servicios-en {background-image: url(../images/menu/en/servicios_f2.jpg); width: 104px;}
	.servicios-en a {background-image: url(../images/menu/en/servicios.jpg);}
	.esquinahuesped-en {background-image: url(../images/menu/en/esquinadelhuesped_f2.jpg); width: 153px;}
	.esquinahuesped-en a {background-image: url(../images/menu/en/esquinadelhuesped.jpg);}
	.contacto-en {background-image: url(../images/menu/en/contactenos_f2.jpg); width: 136px;}
	.contacto-en a {background-image: url(../images/menu/en/contactenos.jpg);}				
			
/* ----- MAIN CONTENT ----- */
.shadowtop { width:830px; height:33px; background:url(../images/layout/shadowtop.jpg) no-repeat; margin:auto;}

/* ----- 2 col ------ */
#content { width:530px; float: left; /*padding-left:30px*/}
#homeModulesWrapper {  width:800px; margin:auto; overflow:auto; background-color:#FFFFFF; padding:10px 0 0 30px;}
.left{ float:left; width:270px; /*margin-left:30px;*/}
.right{	 float: left; width: 230px; margin-left: 20px; }

/* ----- FOOTER ----- */
#footer { padding:15px;height:110px; z-index:10; background:url(../images/layout/footer.png) no-repeat; position:relative; margin:auto; font:11px Arial, Helvetica, sans-serif; color:#666666;}
#footertextcontact {position:absolute; width:300px; height:79px; top: 27px;}
#footertext2 { position:absolute; width:400px; height:34px; left: 414px; top: 33px; text-align:right;}
.shadowbottom {width:830px; height:13px; background:url(../images/layout/shadowbottom.jpg) no-repeat; margin:auto;}

/* SUBMENU */
#submenuContainer { display:block; margin:0 0 10px 0; padding-bottom:10px; height:35px; width:560px; background:url(../images/layout/bgsubmenu.jpg) no-repeat;}	
#submenu {  padding-bottom:20px;}
#subthicktabs { margin: 2px 0 0 12px;	padding: 0;	float: left; font-size: 0.9em; }
#subthicktabs li {	display: inline; }
#subthicktabs li a { float: left; color:#333333; padding: 5px;  text-decoration: underline; margin-right:2px; font-weight:normal;}
#subthicktabs li a:visited { color: #666666;}
#subthicktabs li a:hover { color:#000000; }

/* ----- TEXT AND LINKS ----- */
h2, h3  {font-weight:normal;  }
h2	{ margin:3px 0 12px 0; font-size:23px;  color:#000000; }
h3	{ margin:3px 0 5px 0; font-size:18px; line-height:1.2em; fclear:both; color:#333333;}
h4	{ margin:3px 0 5px 0;	font-size:14px; line-height:1em; color:#666666; font-weight:normal; clear:both; border-bottom:1px solid #E5E5CF; padding-bottom:6px;}

.italictext {font-size:16px; font-style:italic;}
.smallText {font-size:11px;}
.smallgrayText {font-size:11px; font-style:italic; color:#666666; }

p {	margin:.5em 0 1.4em 0; line-height:1.4em;}
	
a:link { color: #51AC9A; text-decoration: none;}
a:visited {	color: #51AC9A;	text-decoration: none;}
a:hover { color: #333333; text-decoration: underline;}
a:active {	color: #000000; text-decoration: underline;}

.whiteLink:link { color: #333333; text-decoration: none;}
.whiteLink:visited { color: #666666; text-decoration: none;}
.whiteLink:hover { color:#000000; text-decoration: underline;}
.whiteLink:active {	color: #000000; text-decoration: underline;}

.footer:link { color: #357165;	text-decoration: none;}
.footer:visited { color: #3571656; text-decoration: none;}
.footer:hover { color: #333333; text-decoration: underline;}
.footer:active { color: #333333; text-decoration: underline;}

/* ----- LISTS ----- */
ul { margin-top:0 ;}
li { list-style-image: url(../images/bullets/bulletSmall.gif);}

/* ----- Gallery list ----- */
.gallery ul { margin:0; padding:0;}
.gallery ul li {list-style: none; display: inline; float: left; margin: 10px 12px 10px 3px;}
.gallery img { margin-bottom:10px;  border:4px solid #E5E5CF;}

/* ----- FORMS ------ */
/*label,input { display: block; float: left; margin-bottom: 10px;}
.inputBox { background-color:#f2f2f2; color:#333333; border:1px solid #cccccc; font: bold 14px Arial, Helvetica, sans-serif;	padding:5px; }
label {	text-align: right;	width: 190px; padding-right: 7px;}*/
.br {clear: left;}

select, option{
    font-size:13px;
}

ol.phpfmg_form{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

ol.phpfmg_form li{
    margin-bottom:5px;
    clear:both;
    display:block;
    overflow:hidden;
	width: 100%
}


.form_field, .form_required{
    font-weight : bold;
}

.form_required{
    color:red;
    margin-right:8px;
}

.field_block_over{
}

.form_submit_block{
    padding-top: 3px;
}

.text_box, .text_area, .text_select {
    width:300px;
}

.text_area{
    height:80px;
}

.form_error_title{
    font-weight: bold;
    color: red;
}

.form_error{
    background-color: #F4F6E5;
    border: 1px dashed #ff0000;
    padding: 10px;
    margin-bottom: 10px;
}

.form_error_highlight{
    background-color: #F4F6E5;
    border-bottom: 1px dashed #ff0000;
}

div.instruction_error{
    color: red;
    font-weight:bold;
}

hr.sectionbreak{
    height:1px;
    color: #ccc;
}


/* ---- CONTENT ITEMS ---- */
.fotoborder { border:4px solid #E5E5CF; }
.buttons { margin:25px 0 12px 0; clear:both;}
.bannerimage { float:left; margin:5px 12px 3px 0;}
.separator { clear:both; margin:10px auto; background:url(../images/content/separator.gif) no-repeat; width:220px; height:30px;}
.newsimg { float:left;	margin: 0 10px 15px 0; border:4px solid #E5E5CF; }	
.serviceimg-left { float:left;	margin: 0 15px 10px 0; border:4px solid #E5E5CF; }	
.serviceimg-right { float:right;	margin: 0 0 15px 10px; border:4px solid #E5E5CF; }	

table, td {    border-color: #C6ECE4;    border-style: solid;}
table {    border-width: 0 0 1px 1px;    border-spacing: 0;    border-collapse: collapse;}
td {    margin: 0;    padding: 4px;    border-width: 1px 1px 0 0;}
.altrow {    margin: 0;    padding: 4px;    border-width: 1px 1px 0 0;    background-color: #E9F8F5;}
th	{    margin: 0;    padding: 4px;    border-width: 1px 1px 0 0;    background-color: #D4F1EB; color:#333333;	font-size:13px; text-align:left;}

/*Slideshow home*/
#minislideshow { height:195px; width:240px; float:left; position:relative;}
	.imageSlideshowHolder,.imageSlideshowHolder_left{ width:225px; height:195px; position:relative;}
	.leftFloatingDiv{}
	.imageSlideshowHolder img{ position:absolute; left:0px; top:0px;}

/* PNG FIX */
/*#logo {behavior: url( '/files/scripts/iepngfix/iepngfix.htc' );}
*/

/* the div that holds the date picker calendar */
.dpDiv {}

/* the table (within the div) that holds the date picker calendar */
.dpTable {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center;color: #505050;background-color: #ece9d8;border: 1px solid #AAAAAA;}
.dpTR {	}
.dpTitleTR {}
.dpDayTR {}
.dpTodayButtonTR {}
.dpTD {border: 1px solid #ece9d8;}
.dpDayHighlightTD {background-color: #CCCCCC;	border: 1px solid #AAAAAA;	}
.dpTDHover {background-color: #aca998;	border: 1px solid #888888;cursor: pointer;	color: red;}
.dpTitleTD {}
.dpButtonTD {	}
.dpTodayButtonTD {	}
.dpDayTD {	background-color: #CCCCCC;	border: 1px solid #AAAAAA;	color: white;	}
.dpTitleText {	font-size: 12px;	color: gray;font-weight: bold;}
.dpDayHighlight {	color: #4060ff;	font-weight: bold;	}