/* CSS3 */
/* Developed by: MrCh0n <mrchon@gmail.com> */  
/* fecha de creacion: 11/02/2013 */  
/* fecha de modificacion: 11/02/2013 */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,300,200,100,600,700,800,900);

html , body {
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	font-size: 14px;
	color:#000; 
 }

A,A:link,A:visited,A:active{
	line-height: normal;
	text-decoration: none;
}
A:hover{
	line-height: normal;
	text-decoration: underline;
	cursor:pointer;
}

#main{
	border: 0px solid #000;
	width:100%;
	padding-top:0;
	position:relative;
}
header{
	
}
FOOTER {

}
div{

}
/* =================================================================== 
 * OBJETOS DEL HEADER
 * ===================================================================*/
#header_divprincipal,#body_divmain {	
	border:0px solid #000;
	width:100%;
	display: block;	
	margin-left: auto;
	margin-right: auto;  
}
.divlogo{
	text-align:center;
	display:relative;
}
.headerlikeimg{
	height:121px;
}
.logoarriba{
	display:absolute;
	z-index:500;
}
#header_divslogan{
	width:100%;
	height:55px;
	padding-top:15px;
}
#header_divslogan div{
	height:55px;
}
.header_tel{
	text-align:center;
	padding-top:10px;
	font-size:1.1em;
	font-weight:bold;
	color:#2E499A;
}

nav{
	border:0px solid #f00;
	width:100%;
	display:block;
	padding-top:18px;
}
ul{
	border:0px solid #f00;
	margin:auto;
	padding:0;
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
	height:100%;
}
ul li{
	display:inline-block;
	float:left;
}
nav>ul>li{
	background-color:#2E499A;
}
nav>ul>li:hover{
	cursor:pointer;
	
}
/* =================================================================== 
 * OBJETOS DEL BODY
 * ===================================================================*/
#body_divmain{
	position:relative;
}

#body_sliderhotel{
	display:block;
} 
#body_sliderhotel ul{
	display:inline-block;
}

/* =================================================================== 
 * OBJETOS DEL MENU PRINCIPAL
 * ===================================================================*/
 #menu_degradadoizq,#menu_degradadoder{
 border:0px solid #000;
  height:48px;
  width:30px;
 }
#menu_degradadoizq{
  background: -webkit-linear-gradient(left, transparent 10%, #2e499a); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, transparent 10%, #2e499a); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, transparent 10%, #2e499a); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, transparent 10%, #2e499a); /* Standard syntax */
}
#menu_degradadoder{
  background: -webkit-linear-gradient(right, transparent 10%, #2e499a); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left,transparent 10%, #2e499a); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, transparent 10%, #2e499a); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to left,transparent 10%, #2e499a); /* Standard syntax */
}

.ponemenu{
	position:relative;
}
.menupaquetes{
	position:absolute;
	border:0px solid #000;
	background-color:rgb(255,255,255);
	background-color: rgba(255, 255, 255, 0.8);
	width:120%;
	z-index:1000;
	height:115px;
	display:none;
}
.menupaquetes>li{
	width:100%;
	padding:10px;
	border-bottom:1px solid #2E499A;
	clear:both;
	display:block;
	position:relative;
	font-size:1.1em;
}
.menupaquetes>li:hover{
	background-color:rgb(205,179,118);
	background-color: rgba(205,179,118, 1);
	cursor:pointer;
	color:#fff;
	font-weight:bold;
}
/* =================================================================== 
 * OBJETO Contacto Facebook
 * ===================================================================*/
#body_contacto{
	width:100%;
	position:relative;
	min-height:350px;
	background-image:url(../imagenes/fondocontactcafe.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	background-color: #b88544;
	background-size: 100% auto;
/*	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
*/
}
.contacto_facebook{
	position:absolute;
	top:0;
	margin-top:-10px;
	left:10%;
}
.contacto_columnas{
	border:0px solid #000;
	float:left;
	display:inline-block;
	height:300px;
	width:32%;
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}
.contacto_info1{
	border:0px solid #000;
	margin:10px auto;
	display:inline-block;
	text-align:left;
	padding-top:80px;
}
.contacto_texto{
	font-size: 1.2em;
	font-weight:bolder;
	color:#fff;
	padding-bottom:10px;
}
.input_cotiza{
	display:block;
	margin:5px auto;
	width:80%;
	text-transform:uppercase;
	padding:5px;
}
.envia_cotiza{
	border:0px solid #000;
	width:100%;
	padding-right:10%;
	text-align:right;
}
.boton_cotiza{
	margin-top:-5px;
	padding-top:5px;
	white-space: nowrap;
	background-image:url(../imagenes/btnenviar.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	background-color: transparent !important;
	border:0;
	text-align:left;
	text-decoration:none;
	color:#fff;
	font-size:1.1em;
	font-weight:bolder;
	width:140px;
	height:40px;
}
.boton_cotiza:hover{
	text-decoration:underline;
}
/* =================================================================== 
 * Los OBJETOS extras generales
 * ===================================================================*/
.lasAds{
	border:0px solid #000;
	width:23.3%;
	float:right;
	margin-top:0;
	display:inline-block;
}

/* =================================================================== 
 * OBJETOS popup
 * ===================================================================*/
 
.white-popup {
  position: relative;
  background: #FFF;
  width:auto;
  max-width: 600px;
  margin: 20px auto;
}
.white-popupimg{
  position: relative;
  display:inline-block;
  background: #FFF;
  width:auto;
  margin: auto;
}


.info_popup{
	width:99%;
	margin:auto;
	padding:10px;
	border:1px solid #e2e0e0;
	text-align:center;
	background-color:#efefef;
}
.popup_title{
	font-size:1.5em;
	font-weight:bolder;
	color:#2e499a;
	padding-bottom:10px;
	border-bottom:1px solid #e2e0e0;
}
.popup_info>span{
	display:block;
	font-size:1em;
	font-weight:bolder;
	text-align:left;
	color:#848484;
	padding-top:10px;
	padding-bottom:10px;
}

.popup_info>ul{
	border:0px solid #000;
	display:block;
	width:100%;
}

.popup_ul{
	border:0px solid #000;
	display:block;
	width:100%;
	text-align:left;
	padding-left:10px;
	color:#848484;
}
.popup_info>ul li{
	display:block;
	clear:both;
	width:100%;
	border:0px solid #000;
	text-align:left;
	padding-left:10px;
	color:#848484;
}
.popup_precio{
	border-top:1px solid #e2e0e0;
	border-bottom:1px solid #e2e0e0;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.2em;
	font-weight:bolder;
	color:#848484;
}
.popup_nota{
	padding-top:10px;
	font-size:0.9em;
	color:#848484;
	text-align:left;
}
/* =================================================================== 
 * MENU EXTRA
 * ===================================================================*/
 #menuresponsivehide{
	display:none;
	width:100%;
	display:block;
	background-color:#fff;
}
#clicmenuhide{
	display:none;
}
 #menuresponsivehide>ul{
	display:none;
}

#menuresponsivehide>ul>li{
	clear:both;
	width:100%;
	display:block;
	text-align:center;
	border-bottom:1px solid #fff;
	background-color:#2E499A;
}
#menuresponsivehide a{
	font-size:1.2em;
	font-weight:bolder;
	color:white;
}
#menuresponsivehide a:hover{
	text-decoration:underline;
	cursor:pointer;
}
#clicmenuhide:hover{
	cursor:pointer;
}
/* =================================================================== 
 * para centrar objetos de todos los lados
 * ===================================================================*/
.centerbox{
	/*
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;


	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;


	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;


	display:box;
	box-pack:center;
	box-align:center;
	*/
}





@media only screen and (max-width : 960px) {
	#main{
		border: 0px solid #000;
		width:960px;
	}
	
	.grid_promos2>ul>li:last-child{
		display:none;
	}
	.grid_promos2>ul>li{
		width:33%;
	}
	
	.grid_playas >ul>li:last-child{
		display:none;
	}
	#divdeltiempo{
		display:none;
	}
}




@media only screen and (min-width : 768px)  {
	html { font-size: 100%; }/* 16px */
	.col {margin-left: 0.5%;}
	.col_1 { width: 2.25%; }
	.col_2 { width: 6.5%; }
	.col_3 { width: 10.75%; }
	.col_4 { width: 15.0%; }
	.col_5 { width: 19.25%; }
	.col_6 { width: 23.5%; }
	.col_7 { width: 27.75%;}
	.col_8 { width: 33.0%;}
	.col_8_1 { width: 34.0%;}
	.col_9 { width: 36.25%; }
	.col_10 { width: 40.5%; }
	.col_11 { width: 44.75%;	 }
	.col_12 { width: 49.0%; }
	.col_13 { width: 53.25%; }
	.col_14 { width: 57.5%; }
	.col_15 { width: 61.75%; }
	.col_16 { width: 66.0%; }
	.col_17 { width: 70.25%; }
	.col_18 { width: 74.5%; }
	.col_19 { width: 78.75%; }
	.col_20 { width: 83.0%; }
	.col_21 { width: 87.25%; }
	.col_22 { width: 91.5%; }
	.col_23 { width: 95.75%; }
	.col_24 { width: 100%; margin-left:0; }

}