@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700';

body, html {
  height: 100%;
}

body{
	margin:0px;
	font-family: 'Open Sans', sans-serif;
}

a{text-decoration:none;color:inherit;}
.borde{border:1px #df00ee solid !important;}
img {border:0px;}
.bco{color:#ffffff;}
.ngo{color:#000000 !important;}
.negritas{font-weight:bold;}
.cursor{cursor:pointer;}

.margintop20{margin-top:20px;}

.izquierda{float:left;}
.derecha{float:right !important;}

.fondogris{background:#dedddd;}
.fondobco{width:860px;float:left;background:#ffffff;}
.consombra{
	-webkit-box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
-moz-box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
box-shadow: 1px 1px 2px 1px rgba(166,166,166,1);
}
.consombragde{
	-webkit-box-shadow: 2px 2px 4px 2px rgba(100,100,100,1);
-moz-box-shadow: 2px 2px 4px 2px rgba(100,100,100,1);
box-shadow: 2px 2px 4px 2px rgba(100,100,100,1);
}

.tabla_principal{width:100%;float:none;display:inline-block;text-align:center;}
.contenidohtml{width:1200px;float:none;display:inline-block;}
.cuerpo{width:850px;float:left;display:inline-block;}

.logotipo{display:inline-block;margin-top:20px;}
.menu_lateral{width:340px;display:inline-block;float:left;}

/* menu_top */
.menu_top{width:740px;float:left;background:url(images/fondomenu.png);margin-top:30px;}
.menu_top .menubtn{font:normal 20px/50px "Open Sans";padding:0px 15px;color:#ffffff;float:left;}
.menu_top .menubtn:hover{font:normal 20px/50px "Open Sans";text-decoration:underline;}
.menu_top .menubtn_sel{font:700 20px/50px "Open Sans";padding:0px 15px;color:#ffffff;float:left;text-decoration:underline;}
.menu_top .finmenu{display:inline-block;vertical-align:middle;float:right;}

/* menu_pie */
.menu_pie{width:1020px;margin-top:10px;margin-bottom:20px;float:right;}
.menu_pie .separador{float:left;float:left;}
.menu_pie .separador:before{content:"|";font:normal 20px/50px "Open Sans";color:#8e8e8e;}
.logotipo-pie{display:inline-block;margin-top:10px;margin-right:60px;float:left;}

.menu_pie .menubtn{font:normal 20px/50px "Open Sans";padding:0px 15px;color:#8e8e8e;float:left;}
.menu_pie .menubtn:hover{font:normal 20px/50px "Open Sans";text-decoration:underline;}
.menu_pie .menubtn_sel{font:700 20px/50px "Open Sans";padding:0px 15px;color:#8e8e8e;float:left;text-decoration:underline;}

.azul1{color:#6db8e1 !important;}
.azul1:hover{color:#3051a1;}
.azul2{color:#3051a1 !important;}
.renglon{width:100%;display:inline-block;}
.slide-cont{width:850px;height:340px;margin-top:30px;}
.slide-cont-gde{width:850px;height:563px;margin-top:30px;}
.titulo{width:100%;font:700 22px/30px "Open Sans";text-align:left;}
.titulo2{width:100%;font:700 30px/40px "Open Sans";text-align:left;}
.grantitulo{width:100%;display:inline-block;font:700 24px/40px "Open Sans";color:#6db8e1;text-align:center;}
.glosa{width:90%;font:400 20px/24px "Open Sans";color:#636363;margin-left:5%;margin-top:20px;text-align:left;}
.columna{width:45%;float:left;}
.lista1{list-style:none;padding:0px;margin:0px;font:400 16px/22px "Open Sans";margin-top:10px;}
.lista2{list-style:none;padding:0px;margin:0px;font:400 20px/30px "Open Sans";margin-top:10px;}
.alpiedepagina{width:100%;font:normal 14px/20px "Open Sans";display:inline-block;margin-top:10px;}

/* ------- HABITACIONES -------------*/
.menu_habitaciones{width:100%;margin-top:20px;margin-bottom:20px;float:left;}
.subbtn{font:normal 20px/24px "Open Sans";padding:0px 5px;color:#6db8e1;float:left;}
.subbtn:hover{color:#3051a1;text-decoration:underline;}
.subbtn_sel{font:bold 20px/24px "Open Sans";padding:0px 5px;color:#3051a1;float:left;text-decoration:underline;}
.botones_volver{width:100%;margin-top:20px;margin-bottom:20px;float:right;}
.botones_volver a{float:right;}


.galeria_cont{width:750px;height:563px;margin-top:30px;}

/* ------- ubicacion -------------*/
.mapa_ubicacion {float:left;width:100%;height:360px;margin-bottom:20px;overflow:hidden;}
.mapa{width:100%;height:300px;overflow:hidden;position: relative;padding-bottom:15%;}
#map_canvas{ position: absolute;top:0;left:0;width: 100% !important;height: 100% !important;}


/* ------- RESERVACIONES -------------*/
.reservaahora{width:100%;background:#8e8e8e;color:#ffffff;font:400 20px/50px "Open Sans";margin-top:30px;}
.lateral_datos{width:205px;margin-left:110px;margin-top:40px;float:left;font:normal 16px/22px "Open Sans";color:#636363;}
.datos_face{background:url(images/ico_face.png) left top no-repeat;text-align:left;padding-left:25px;margin-top:7px;}
.datos_tel{background:url(images/ico_tel.png) left top no-repeat;text-align:left;padding-left:25px;margin-top:7px;}
.datos_dir{background:url(images/ico_dir.png) left top no-repeat;text-align:left;padding-left:25px;margin-top:7px;}



 /* ------- RESERVACIONES -------------*/
 #reserva_box{width:90%;display:inline-block;float:none;margin-top:20px;}
 .reserva_renglon{width:100%;font:normal 14px/20px "Open Sans";display:inline-block;}
 .reserva_renglon_ch{width:48%;display:inline-block;}
 .reserva_input{width:98%;font:normal 16px/22px "Open Sans";display:inline-block;border:1px #cdcdcd solid;
	color:#232323;margin-bottom:15px;background:#b7b6b6;}
 .reserva_select{width:98%;font:normal 16px/22px "Open Sans";display:inline-block;border:1px #cdcdcd solid;
	color:#232323;margin-bottom:15px;background:#b7b6b6;}
 .reserva_boton{font:normal 16px/18px "Open Sans";background:url(images/btn-reservar-fondo.png);color:#ffffff;display:inline-block;
	padding:5px 20px;margin-right:20px;cursor:pointer;border:none;float:right;}

::-webkit-input-placeholder {color: #747474;}
:-moz-placeholder {color: #747474;} /* Firefox 18- */
::-moz-placeholder {color: #747474;}  /* Firefox 19+ */
:-ms-input-placeholder {color: #747474;}	

 /* ------- RESERVACIONES GRACIAS ---------*/
.reserva{width:100%;float:left;text-align:center;}
.reserva_cont{width:400px;display:inline-block;float:none;}	
.reserva_tit{font:bold 26px/32px "Open Sans";}	
.reserva_txt1{font:normal 20px/26px "Open Sans";}	
.reserva_txt2{font:bold 18px/26px "Open Sans";}	
.txtrojo{color:#df0000;}