@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700,300);

body {
	background:url(images/fondo_general.jpg) repeat-x;
	font-family:"Oxygen";
	margin:0px;
}

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

.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.margintop40{margin-top:40px;}
.marginbottom30{margin-bottom:30px;}
.marginbottom40{margin-bottom:40px;}
.escondido{text-indent:-9999;font-size:0px;}

.miboton{font:400 16px/50px "Arial";text-align:left;padding:10px 30px;
	border:1px #d0d0d0 solid;border-radius:5px;margin-left:10px;cursor:pointer;background:#f0f0f0;}
.miboton:hover{border:1px #acacac solid;background:#9ec54c;color:#ffffff;}


.tabla_principal{width:100%;float:left;text-align:center;}
.contenido{width:1100px;display:inline-block;}
.cuerpo{width:1100px;display:inline-block;}
.logotipo{display:inline-block;height:70px;  float:left;margin-top:10px;margin-left:30px;}

.mapa_portada {float: left;width: 100%;height:400px;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;}

/* menu */
.menu_top{float:right;}
.botonmenu{display:inline-block;float:left;font:400 20px/80px "Oxygen";
	color:#9ec54c;background:#ffffff;padding-left:30px;padding-right:30px;
	text-decoration:none;color:inherit;
	-webkit-transition: all .3s;    -moz-transition: all .3s;    
	-o-transition: all .3s;    transition: all .3s; 
}
.botonmenu:hover,
.botonmenu_sel{color:#ffffff;background:#9ec54c;}

.botonmenu a{color:#000000 !important;}

.consubmenu{display:inline-block;position:relative;float:left;}
	.submenu{min-width:200px;display:none;position:absolute;top:80px;left:0px;text-align:left;
		background:#ffffff;  z-index:9999;
		box-sizing:border-box;;
		-webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0);
		box-shadow: 0px 0px 15px 3px rgba(0,0,0,0);
	}
	.submenu a{width:100%;display:inline-block;text-align:left;
		padding:15px 10px;margin:0px;box-sizing: border-box;
		font:300 14px/32px "Oxygen";color:#000000;cursor:pointer;float:left;
	-webkit-transition: all .3s;    -moz-transition: all .3s;    
	-o-transition: all .3s;    transition: all .3s; 
	}
	.submenu a:hover{background:#9ec54c;color:#ffffff !important; }
.consubmenu:hover .submenu{display:inline-block;}





.banners{height:460px;overflow:hidden;}


.select-style {padding:0;margin:0;border-radius:3px;overflow: hidden;
    background-color: #fff;background: #fff url("images/arrowdown.png") no-repeat 90% 50%;}
.select-style select {padding: 5px 8px;width: 130%;border:none;box-shadow:none;background-color:transparent;background-image:none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;}
.select-style select:focus {outline: none;}

.fondoverde{background:#9ec54c;}
.gris01{background:#e9e9e9;}
.gris02{background:#bababa;}
.titulo-ligth{font:300 38px/32px "Oxygen";}
.titulo{font:700 38px/32px "Oxygen";}
.titulo2-ligth{font:300 50px/54px "Oxygen";}
.titulo2{font:700 50px/54px "Oxygen";}
.titulo_b{font:300 22px/22px "Oxygen";}
.glosa{margin-top:40px;}
.glosa2{width:60%;margin-top:40px;display:inline-block;}

/* portada */
.portada{font:400 20px/34px "Oxygen";color:#7a7a7a;margin-top:80px;}
.hornamento-01{min-height:370px;background:url(images/hornamento-01.png) right bottom no-repeat;}
.hornamento-02{min-height:370px;background:url(images/hornamento-02.png) left top no-repeat;}
.hornamento-03{min-height:370px;background:url(images/hornamento-03.png) right top no-repeat;}
.portada-leermas{font:700 14px/16px "Oxygen";color:#7a7a7a;margin-top:30px;display:inline-block;}
.portada-leermas:hover{color:#9ec54c;}
.portada-leermas:active{color:#494949;}
.carrusel{margin-bottom:40px;}
/*
.distancia img{display:none;}
.distancia:hover img{display:inline-block;}
*/
.distancia img{display:none;}
.distancia1{width:275px;height:204px;display:inline-block;float:left;background:url(images/distancias.jpg);background-position:0px 0px;}
.distancia2{width:275px;height:204px;display:inline-block;float:left;background:url(images/distancias.jpg);background-position:275px 0px;}
.distancia3{width:275px;height:204px;display:inline-block;float:left;background:url(images/distancias.jpg);background-position:550px 0px;}
.distancia4{width:275px;height:204px;display:inline-block;float:left;background:url(images/distancias.jpg);background-position:825px 0px;}

.distancia1:hover{background:url(images/distancias.jpg);background-position:0px -204px;}
.distancia2:hover{background:url(images/distancias.jpg);background-position:275px -204px;}
.distancia3:hover{background:url(images/distancias.jpg);background-position:550px -204px;}
.distancia4:hover{background:url(images/distancias.jpg);background-position:825px -204px;}

#slides {display:none;}
.slidesjs-next{width:16px;height:30px;background:url(images/arrowright.png);display:inline-block;position:relative;top:-120px;z-index:5999;float:right;}
.slidesjs-previous{width:16px;height:30px;background:url(images/arrowleft.png);display:inline-block;position:relative;top:-120px;z-index:5999;float:left;}


/* nosotros */
.nosotros{font:400 22px/34px "Oxygen";color:#7a7a7a;margin-top:80px;margin-bottom:200px;}
.nosotros2{margin-top:140px;margin-bottom:160px;}
.hornamento-04{min-height:370px;background:url(images/hornamento-04.png) left bottom no-repeat;}
.hornamento-05{min-height:370px;background:url(images/hornamento-05.png) right top no-repeat;}
.nosotros-listado{width:75%;margin-top:120px;display:inline-block;}
.nosotros-item{width:48%;display:inline-block;float:none;text-align:left;margin-bottom:35px;}
.nosotros-item-texto{font:700 17px/19px "Oxygen";color:#7a7a7a;max-width:96%;float:left;text-align:left;margin-left:10px;}

/* servicios */
.servicios{width:100%;font:700 20px/28px "Oxygen";color:#7a7a7a;float:left;}
.servicios_columnas{float:left;margin-bottom:220px;}
.hornamento-06{min-height:370px;background:url(images/hornamento-06.png) right bottom no-repeat;}
.hornamento-07{min-height:230px;background:url(images/hornamento-07.png) left top no-repeat;}
.servicios_top{width:100%;float:left;margin-top:60px;margin-bottom:90px;}
.servicios_top2{width:100%;float:left;margin-top:70px;margin-bottom:70px;}
.servicios-columna{width:33%;float:left;}
.servicios-espacio{display:inline-block;margin-top:15px;display:inline-block;}
.servicios-leermas{font:400 14px/16px "Oxygen" !important;color:#ffffff;background:#7a7a7a;margin-top:10px;display:inline-block;padding:4px;}

.servicios_cont{width:100%;max-width:800px;}
.servicios-secc-01{width:48%;display:inline-block;float:left;margin:40px 0px; }
.servicios-secc-02{width:48%;display:inline-block;float:left;margin:40px 0px; }
.servicios-secc-03{width:28%;display:inline-block;float:left;margin:40px 0px; }
.servicios-secc-04{width:40%;display:inline-block;float:left;margin:40px 0px; }
.img-recamara{width:320px;height:240px;  }
.img-sofa{width:240px;height:320px;  }
.img-cocineta{width:240px;height:320px;  }

.suites-lista{width:70%;display:inline-block;}
.suites-lista-item{width:100%;font:700 18px/20px "Oxygen";float:left;text-align:left;margin:10px 0px;}
.suites-lista-item img{width:30px;display:inline-block;float: left; vertical-align:middle;  }
	.suites-lista-texto{max-width:220px;float:left;margin-top:10px;;margin-left:10px;}
	.suites-lista-texto2{max-width:220px;float:left;margin-top:5px;;margin-left:10px;}
	.suites-lista-item img{float:left;vertical-align:middle;}

.checkinout{font:400 26px/30px "Oxygen";margin-top:50px;margin-bottom:50px;}
.checkinout_b{margin-right:100px;margin-left:100px;display:inline-block;}

/* contacto */
.contacto{width:90%;display:inline-block;}
.contacto_secc1{width:50%;font:400 18px/24px "Oxygen";color:#7a7a7a;display:inline-block;margin-bottom:60px;float:left;}
.contacto_secc2{width:45%;font:400 18px/24px "Oxygen";color:#7a7a7a;display:inline-block;margin-bottom:60px;margin-left:4%;float:left;}
.contacto_linea{width:100%;text-align:left;display:inline-block;margin-bottom:20px;}
.icono2-tel{height:51px;line-height:51px;background:url(images/iconitos-grises-tel.png) left center no-repeat;display:inline-block;padding-left:50px;}
.icono2-mail{height:51px;line-height:51px;background:url(images/iconitos-grises-mail.png) left center no-repeat;display:inline-block;padding-left:50px;}
.icono2-face{height:51px;line-height:51px;background:url(images/iconitos-grises-face.png) left center no-repeat;display:inline-block;padding-left:50px;}

.ico_whatsapp{height:51px;line-height:51px;vertical-align:middle;}
.whatsapp_pie{height:24px;line-height:35px;vertical-align:middle; }

/* pie */
.cintillodireccion{color:#ffffff;font:400 16px/30px "Oxygen";}
.cintilliportadapie{font:400 16px/20px "Oxygen";color:#537a00;margin-top:20px;margin-bottom:20px;}
.pie-renglon{display:inline-block;}
.icono-tel{width:20px;height:20px;background:url(images/iconitos.png);background-position:0px 0px;vertical-align:middle;display:inline-block;margin-left:10px;}
.icono-mail{width:25px;height:20px;background:url(images/iconitos.png);background-position:-23px 0px;vertical-align:middle;display:inline-block;margin-left:10px;}
.icono-face{width:20px;height:20px;background:url(images/iconitos.png);background-position:-52px 0px;vertical-align:middle;display:inline-block;margin-left:10px;}


/* formulario */
.input-arrowdown {background: #fff url("images/arrowdown.png") no-repeat 105% 49%;cursor:pointer;}
.select-style {
	padding:0;margin:0;border-radius:3px;overflow: hidden;
    background-color: #fff;background: #fff url("images/arrowdown.png") no-repeat 105% 50%;}
.select-style select {padding:0px;width:100%;border:none;box-shadow:none;background-color:transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;}
.select-style select:focus {outline: none;}
.form-renglon{width:100%;display:inline-block;float:left;}

#formulario-portada{width:400px;height:460px;display:inline-block;position:relative;top:-440px;right:-350px;
	background:rgba(255,255,255,0.8);text-align:center;
	}
#formulario-portada-cont{width:80%;display:inline-block;text-align:center;}

.portada_formulario{width:400px;float:right;display:inline-block;margin-left:300px;}
.form_renglon{width:100%;float:left;margin-bottom:10px;}
.form_titulo{width:100%;font:700 24px/46px "Oxygen";color:#7a7a7a;float:left;margin-top:5px;
	letter-spacing:-1px;text-align:center;}
.form_label{width:98%;font:700 16px/20px "Oxygen";color:#7a7a7a;float:left;margin-top:5px;text-align:left;}
	.form_label2{width:49%;font:400 12px/16px "Oxygen";color:#7a7a7a;float:left;text-align:center;}
	.form_label3{width:49%;font:400 12px/16px "Oxygen";color:#7a7a7a;float:left;text-align:center;float:right;}
	.form_label_ch{width:30%;}
.form_input{width:98%;height:26px;padding-left:5px;font:400 18px/30px "Oxygen";float:left;border:1px #d2d2d2 solid;margin-top:1px;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.form_input2a,
.form_input2{width:47%;height:22px;padding-left:5px;font:400 16px/26px "Oxygen";float:left;border:1px #d2d2d2 solid;margin-top:1px;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
	#date2{float:right;}	
	#ninios{float:right;}	
.form_input2b{float:right;}	
.form_input2a{width:30%;font:400 14px/30px "Oxygen";}
.form_area{width:96%;height:70px;padding-left:5px;padding-top:5px;font:normal 18px/30px "Arial";font-family:"Arial";overflow:auto;border:1px #d2d2d2 solid;margin-top:10px;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;display:inline-block;float:left;}
.btn_enviar{background:url(images/btn-enviar.png);width:104px;height:29px;border:none;display:inline-block;margin-top:5px;cursor:pointer;float:none;}
.btn_enviar:hover{background-position:0px 58px;}
.btn_enviar:active{background-position:0px 29px;}

.marcorojo{border:1px #ff3c00 solid;}
.enviandomensaje{width:99%; display:inline-block;border:1px #999999 solid;text-align:center;font:400 12px/24px "Oxygen";margin-top:5px;
	-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#ffffff;
}
.gracias{background:#8cc63e;color:#ffffff;}



::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);border-radius: 5px;}
::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: inset 0 0 6px rgba(200,200,200,0.9);}


.mostrar2{display:none;}
#slides {height:0px;overflow:hidden;margin-top:30px;}

#btn_menuresponsive{display:none;}



@media screen and (max-width:570px){/* iPhone Landsape */
.ocultar{display:none;}
.contenido{width:96%;margin-left:2%; }

#btn_menuresponsive{display:inline-block;position:fixed;top:20px;right:20px;z-index:9999;cursor:pointer;}

	#menuresponsive{width:100%;height:100%;display:none;
		background:rgba(255,255,255,0.9);position:fixed;top:0px;left:0px;z-index:9900;
		border: none;}

.primer_boton{margin-top:40px; }

.botonmenu,.botonmenu_sel,
.botonmenu_sel:hover ,.botonmenu:hover,
.submenu a,
.submenu a:hover
	{width:100%;float:none;font:400 26px/36px "Oxygen";margin-bottom:12px; 
	color:#9ec54c !important;background:transparent;padding:0px;
	text-align:center; 
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px  0px 0px rgba(0,0,0,0);
		box-shadow: 0px 0px  0px 0px rgba(0,0,0,0);

}

.submenu{display:inline-block;position:initial;
		background:#ffffff;  z-index:9999;
	}

.img-general{width:100%;height:auto;float:left;}
.banners{height:auto;}


/* index */
#carousel_1{display:none;}
#slides {height:auto;overflow:visible;}
.distancia{float:none;}


/* nosotros */
.nosotros-item{width:96%;margin-bottom:15px;margin-left:2%; }

/* servicios */
.servicios-columna{width:100%;float:left;margin-bottom:40px; }

/* suites */
.hornamento-07{min-height:auto;background-size:110px; }
.servicios_top2{width:100%;float:left;margin-top:20px;margin-bottom:20px;}
.servicios-secc-01,
.servicios-secc-02,
.servicios-secc-03,
.servicios-secc-04
		{width:86%;float:left;margin:10px 7%; }
.suites-lista-item{font:700 16px/30px "Oxygen";margin:0px;}
	.suites-lista-texto,
	.suites-lista-texto2{max-width:initial;float:left;margin:0px;
			width:calc(100% - 40px);margin-left:8px; line-height:40px; }
	.suites-lista-item img{float:left;vertical-align:middle;width:30px; }

.suites-lista{width:100%;display:inline-block;}


/* contacto */
.contacto_secc1{width:96%;float:none;}
.contacto_secc2{width:96%;float:none;margin-bottom:30px;}

.pie-renglon{width:96%;line-height:40px;  float:none;}

}/* @media screen */