@import url(http://fonts.googleapis.com/css?family=Kotta+One);

body
{
    /*font-family: 'Century Gothic' , Arial, Helvetica, sans-serif;*/
	font-family: 'Kotta One', serif;
	font-size:16px;
	background-color:#DADADA;
	background:url(../../img/fondo/bg.jpg) top center;	
}

/* PAGINA MASTER  */

/*Div Link en el logo*/
	.divEncabezado
	{
		position: relative;
		margin-left: auto;
		margin-right: auto;
		left:0;
		right:0;
		margin-top:0px;
		width:240px;
		height:80px;
	}

/*Link en el logo*/
	.logoLink
	{
		width:240px;
		height:80px;
		display:block;
		background:transparent url(../img/logo/logo.png) center top no-repeat;
	}

.divGlobal {
	/*position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0px;
	right: 0;
	margin-top: 100px;
	top: 0;
	
	width:500px;
	height:500px;
	border: 1px solid black;*/	
	
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	margin-top:20px;
	height:550px;
}

.divContenido {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	width:950px;
	height:540px;
	
	float:left;		
	border:1px solid #999;
	overflow:hidden;	
}

.divContenidoGaleria {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	width:950px;
	height:630px;
	
	float:left;		
	border:1px solid #999;
	overflow:hidden;
	
}

.divContenidoRoom {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	width:950px;
	height:580px;
	
	float:left;		
	border:1px solid #999;
	overflow:hidden;
	
}

.divContenido img {
	float:left;
	position:absolute;
	left:0px;
	top:0px;
}

.divContenidoMain {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	width:950px;
	height:540px;
	
	float:left;		
	border:1px solid #999;
	overflow:hidden;
}

.divContenidoMain img {
	float:left;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
}

.divMenu {
	position: absolute;
	margin-left: auto;
	/*margin-right: 100px;
	margin-top: 30px;*/
	left:0;
	right:0;
	width:300px;
	height:540px;
	top:0;	
	/*background-color: rgba(255, 255, 255, 0.3);*/
	background:#FFF;
	opacity: .75; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: “alpha(opacity=75)”; /* ie 8 */
	filter: alpha(opacity=75); /* ie lt 7 */
	-khtml-opacity: .75; /* safari 1.x */
	-moz-opacity: .75; /* ff lt 1.5, netscape */
}

.divMenuRoom {
	position: absolute;
	margin-right: auto;
	left:0;
	right:0;
	width:56px;
	height:540px;
	top:0;		
	opacity: .85; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: “alpha(opacity=85)”; /* ie 8 */
	filter: alpha(opacity=85); /* ie lt 7 */
	-khtml-opacity: .85; /* safari 1.x */
	-moz-opacity: .85; /* ff lt 1.5, netscape */
	z-index:20;
}

.rotate {
  font-family:"Times New Roman", Times, serif;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  margin-top: 34px;
  font-size:34px;
  font-weight:bold;
  color:#FFF;
  direction:rtl;
	
	/* IE8 or less - using the "\9" CSS hack so that other browsers will ignore these lines */
	
  writing-mode: bt-lr\9; 
  filter: flipH() flipV()\9;
	
}

/*.divMenuRoom {
	position: absolute;
	margin-left: auto;
	margin-right: 100px;
	margin-top: 30px;
	left:0;
	right:0;
	width:300px;
	height:540px;
	top:0;
}*/

.divPie 
{
	position: relative;
	margin-top: 20px;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	font-size:16px;
}

.divPie img
{
	margin-top:16px;
}

.divBajo {
	position: relative;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	width:950px;
}

.divBajoRoom {
	position: relative;
	margin-top: 60px;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	width:950px;
}

.divBajoGaleria {
	position: absolute;
	margin-top: 730px;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	width:950px;
}

.divContact {

	background:#FFF;
	opacity: .75; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: “alpha(opacity=75)”; /* ie 8 */
	filter: alpha(opacity=75); /* ie lt 7 */
	-khtml-opacity: .75; /* safari 1.x */
	-moz-opacity: .75; /* ff lt 1.5, netscape */
}

/* LINKS */

a:link   
{   
	text-decoration:none;   
} 

a 
{
    color: #0060B6;
    text-decoration: none;
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}
.linkBlack
{
	color:#000;
}
		
/* SLIDER */
		
.fluid_container {
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}


/* MENU ACORDION */

/*Basic reset
* {margin: 0; padding: 0;}
*/

#accordian {
	/*background: #004050;*/
	/*width: 300px;
	margin: 100px auto 0 auto;
	color: white;
	
    position: absolute;
	width: 300px;
	height: 540px;
	z-index: 3;
	margin-left: 620px;
	text-align: center;
	color: #660000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	left: 91px;
	top: 10px;
	margin-top: 10px;	*/

	position: absolute;
	margin-left: auto;
	/*margin-right: 100px;
	margin-top: 30px;*/
	left:0;
	right:0;
	width:260px;
	height:540px;
	top:0;	
	/*background-color: rgba(255, 255, 255, 0.3);*/
	background:#FFF;
	opacity: .75; /* standard: ff gt 1.5, opera, safari */
	-ms-filter: “alpha(opacity=75)”; /* ie 8 */
	filter: alpha(opacity=75); /* ie lt 7 */
	-khtml-opacity: .75; /* safari 1.x */
	-moz-opacity: .75; /* ff lt 1.5, netscape */
}
/*heading styles*/
#accordian h3 {
	height:16px;
	margin-left:-8px;
	/*font-size: 12px;*/
	/*line-height: 34px;*/
	
	/*cursor: pointer;*/
	/*fallback for browsers not supporting gradients*/
 
	/*background: linear-gradient(#003040, #002535);*/
}
/*heading hover effect*/
#accordian h3:hover {
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
	/*font-size: 16px;
	margin-right: 6px;*/
}
/*list items*/
#accordian li {
	list-style-type: none;
	
}
/*links*/
#accordian ul ul li a {
	color: white;
	text-decoration: none;
	/*font-size: 11px;*/
	display: block;
	padding: 0 18px;
	/*transition for smooth hover animation*/
	transition: all 0.15s;
	margin: 0,0,0,0;
		margin-left:-37px;
}

/*Lets hide the non active LIs by default*/
#accordian ul ul {
	display: none;
}
#accordian li.active ul {
	display: block;
}


/* MENU PRINCIPAL DERECHA */

	#m1 
	{
	 width: 180px;
	 height:32px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	}
		.m1C
		{
			background:transparent url(../img/menu/m1.png) center top no-repeat;
		}
		.m1H
		{
			background:transparent url(../img/menu/m11.png) center top no-repeat;
		}
	
	
	#m2 
	{
	 width: 180px;
	 height:32px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	}
		.m2C
		{
			background:transparent url(../img/menu/m2.png) center top no-repeat;
		}
		.m2H
		{
			background:transparent url(../img/menu/m22.png) center top no-repeat;
		}
	
	#m3 
	{
	 width: 180px;
	 height:32px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	}
		.m3C
		{
			background:transparent url(../img/menu/m3.png) center top no-repeat;
		}
		.m3H
		{
			background:transparent url(../img/menu/m33.png) center top no-repeat;
		}
	
	#m4 
	{
	 width: 180px;
	 height:32px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	}
		.m4C
		{
			background:transparent url(../img/menu/m4.png) center top no-repeat;
		}
		.m4H
		{
			background:transparent url(../img/menu/m44.png) center top no-repeat;
		}
	
	#m5 
	{
	 width: 180px;
	 height:32px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	}
		.m5C
		{
			background:transparent url(../img/menu/m5.png) center top no-repeat;
		}
		.m5H
		{
			background:transparent url(../img/menu/m55.png) center top no-repeat;
		}
	
	#m6 
	{
	 width: 180px;
	 height:32px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	}
		.m6C
		{
			background:transparent url(../img/menu/m6.png) center top no-repeat;
		}
		.m6H
		{
			background:transparent url(../img/menu/m66.png) center top no-repeat;
		}
		
	#m7 
	{
	 width: 180px;
	 height:32px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	}
		.m7C
		{
			background:transparent url(../img/menu/m7.png) center top no-repeat;
		}
		.m7H
		{
			background:transparent url(../img/menu/m77.png) center top no-repeat;
		}

/* SUBMENU HABITACIONES */

	#sm1
	{
	 width: 177px;
	 height:30px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	 background:transparent url(../img/menu/_babaco_i.png) center top no-repeat;
	 margin-left:-20px;
	}
		#sm1:hover 
		{
		   background-image:url(../img/menu/_babaco_o.png)
		}
	
	#sm2
	{
	 width: 177px;
	 height:30px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	 background:transparent url(../img/menu/_chirimoya_i.png) center top no-repeat;
	 margin-left:-20px;
	}
		#sm2:hover 
		{
		   background-image:url(../img/menu/_chirimoya_o.png)
		}
	
	#sm3
	{
	 width: 177px;
	 height:30px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	 background:transparent url(../img/menu/_guanabana_i.png) center top no-repeat;
	 margin-left:-20px;
	}
		#sm3:hover 
		{
		   background-image:url(../img/menu/_guanabana_o.png)
		}
	
	#sm4
	{
	 width: 177px;
	 height:30px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	 background:transparent url(../img/menu/_tomatearbol_i.png) center top no-repeat;
	 margin-left:-20px;
	}
		#sm4:hover 
		{
		   background-image:url(../img/menu/_tomatearbol_o.png)
		}
	
	#sm5
	{
	 width: 177px;
	 height:30px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	 background:transparent url(../img/menu/_maracuya_i.png) center top no-repeat;
	 margin-left:-20px;
	}
		#sm5:hover 
		{
		   background-image:url(../img/menu/_maracuya_o.png)
		}
	
	#sm6
	{
	 width: 177px;
	 height:30px;
	 display:block;
	 margin-top:1px;
	 margin-bottom:1px;
	 background:transparent url(../img/menu/_pitahaya_i.png) center top no-repeat;
	 margin-left:-20px;
	}
		#sm6:hover 
		{
		   background-image:url(../img/menu/_pitahaya_o.png)
		}
	
/*ANIMACION SUBMENUS*/

	#accordian ul ul #lsm1 a:hover {	
		border-left: 4px solid;
		border-color:#7D5624;
	}
	
	#accordian ul ul #lsm2 a:hover {	
		border-left: 4px solid;
		border-color:#0DAFAF;
	}
	
	#accordian ul ul #lsm3 a:hover {	
		border-left: 4px solid;
		border-color:#8BCBC0;
	}
	
	#accordian ul ul #lsm4 a:hover {	
		border-left: 4px solid;
		border-color:#E6A30F;
	}
	
	#accordian ul ul #lsm5 a:hover {	
		border-left: 4px solid;
		border-color: #D8CA09;
	}
	
	#accordian ul ul #lsm6 a:hover {	
		border-left: 4px solid;
		border-color: #938102;
	}

/*CAMPOS RESERVA */

.txtMulti
{
	width: 522px;	
	background: url(../../img/fondo/trans.png);
	font-family: 'Kotta One', serif;
	font-size:16px;
}

.txtNom
{
		width: 310px;
		height: 22px;
		background: url(../../img/fondo/trans.png);
		border-style:solid;
		border-color:#333;
		border-width:1px;
		font-family: 'Kotta One', serif;
		font-size:16px;	
}

.txtTelf
{
		width: 160px;
		height: 22px;
		background: url(../../img/fondo/trans.png);
		border-style:solid;
		border-color:#333;
		border-width:1px;
		font-family: 'Kotta One', serif;
		font-size:16px;
}

.txtPost
{
		width: 100px;
		height: 22px;
		background: url(../../img/fondo/trans.png);
		border-style:solid;
		border-color:#333;
		border-width:1px;
		font-family: 'Kotta One', serif;
		font-size:16px;
}

.btnContacto
{
	margin-left:408px;
	margin-top:10px;
	width:120px;
	height:34px;
}
	
.btnReserva
{
	margin-left:372px;
	width:90px;
	height:30px;
}

.bgContacto
{
	/*background-color: rgba(255, 255, 255, 0.3);*/
	background-image:url(../../img/fondo/contacto.jpg)
}
.bgReserva
{
	/*background-color: rgba(255, 255, 255, 0.3);*/
	background-image:url(../../img/fondo/reserva.jpg)
}
	
div.ui-datepicker{
	font-size:12px;
}

.check
{
	display:inline-block
	}
	
	.hbe-bws .search-filter label , #div_title_main .bws-header-line-right .bws-large-9 , .room-type-desc .bws-row , .room-type-desc .inclusions, .room-type-desc .special-offer, .bottom-func dl.bws-accordion {text-align: left;}