@charset "utf-8";
/* CSS Document */

/* CUSTOMIZABLES*/
.contenedor_pie_whatsapp{display: none;}

.contenedor_comentarios{
  width:100%;
  background-color:#dcd2c6;
  min-height:410px;
  padding-top:10px;
  background-image: url(../images/bg_reviews.jpg);
  background-position: top center;
  background-repeat:no-repeat;
  background-size: cover;
}

.navbar-nav {
  margin-left: 80px;
  float: none;
}
@media (max-width: 1200px) {

  .navbar-nav {
    margin-left: 0px;
  }

  .contenedor_pie_whatsapp{
    z-index: 999;
    display: inline-block;
    width: 100%;
    min-height: 30px;
    background-color: #25d366;
    position: fixed;
    bottom:0px;
    padding: 5px;
    margin: auto;
  }

  .contenedor_comentarios{
    width:100%;
    background-color:#dcd2c6;
    min-height:590px;
    padding-top:20px;
    background-image: url(../images/bg_reviews.jpg);
    background-position: top center;
    background-repeat:no-repeat;
    /* background-size:cover; */
  }

}

.contenedor_reservas {width:100%; background:#ece0d9; padding-bottom:50px;}

.contenedor_ubicacion{width:100%; background-color:#ece0d9; padding-top:20px; padding-bottom:40px;}

.contenedor_habitaciones{width:100%; background-color:#ece0d9; padding-top:20px; padding-bottom:40px;}

.contenedor_galeria{width:100%; background-color:#FFF; padding-top:20px; padding-bottom:40px;}

.contenedor_servicios{width:100%; background-color:#FFF; margin-top:30px;}

.contenedor_video{width:100%; background-color:#000; padding:20px; padding-top:50px; padding-bottom:50px;}

.pie{width:100%; min-height:20px; background-color:#333; color:#CCC; margin-top:10px; padding-top:10px;}

.pie_copy{font-family:'Open Sans'; font-size:12px; color:#999;}

.pie_web{font-family:'Open Sans'; font-size:12px; color:#999; text-decoration:none;}

.dow, .switch {font-family: 'Open Sans';} /* Nombres Dias Calendario*/

.programa_destacado_boton{
	margin:auto;
	font-family:"Open Sans";
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	line-height:35px;
	text-align:center;

	width:160px;
	height:35px;
	border:#dcdfe0 solid 1px;

	cursor:pointer;
}

.programa_destacado_boton_rooms{
	margin:auto;
	font-family:"Open Sans";
	font-size:14px;
	text-decoration:none;
	color:#FFF;
	line-height:35px;
	text-align:center;
	width:160px;
	height:35px;
	border:#42ab49 solid 1px;
  background-color: #e3f8e0;
  color: #125417;
	cursor:pointer;
}

.ekko-lightbox{padding-top:10px;}

hr{
  border-color: #125417;
  border-width: 3px;
  max-width: 50px;
  margin-top:10px;
}

hr.light {
  border-color: white;
}


/* CUSTOMIZABLES*/



body {
    padding-top: 100px;
       /*Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

li{ /* ESTA SOLO PORQUE EL "li" ES EL ESTILO DEL MENU */
	font-family: 'Open Sans';
	color:#000;
}

p,thead{
	font-family: 'Open Sans';
	font-size:14px;
	line-height: 30px;
}

.txt_gris{
	font-family: 'Open Sans';
	font-size:14px;
}

h1{
	font-family: 'Open Sans';
	font-size:20px;
	color:#FFF;
	line-height: 30px;
}

h2{
	font-family: 'Open Sans';
	font-size:18px;
	color:#FFF;
	line-height: 30px;
}

h3{
	font-family: 'Open Sans';
	font-size:18px;
	color:#a7181e;
	line-height: 30px;
}


a, a:hover, a:active, a:link {
color:#999;
text-decoration:none;
}

td, center{
	font-family:"Open Sans";
}

.navbar-nav > li > a {
	font-family:"Open Sans";
	font-size:12px;
	color:#000;
	padding:6.5px 17px 6.5px 6.5px;
  margin-left: 15px;
}

label, button{
	font-family: "Open Sans";
	font-size:13px;
	color:#FFF;
	font-weight:300;
}

input, select, textarea{
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	font-weight:100;
}

.txt_negro_home{
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#000;
	letter-spacing: 0.2em;
	line-height: 40px;
}

.txt_negro_home_medium{
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	color:#000;
	letter-spacing: 0.1em;
	line-height: 40px;
}

.txt_nuestro_home{
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	color:#9d8a8c;
	line-height: 30px;
	letter-spacing: 0.1em;
}

.txt_contacto_home{
	font-family:"Open Sans";
	font-size:14px;
	color:#82716a;
	line-height:24px;
}

.txt_blanco{
	font-family:"Open Sans";
	font-size:13px;
	color:#FFF;
  line-height: 22px;
}

.romw-text romw-more{
	font-family:"Open Sans";
	font-size:13px;
	color:#000;
  line-height: 13px;
}

.txt1_boton{
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	color:#fff;
	letter-spacing: 0.1em;
}

.txt2_boton, a.txt2_boton, hover.txt2_boton{
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	color:#fff;
	letter-spacing: 0.1em;
	text-decoration:none;
}

.txt3_boton{
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	color:#fff;
	letter-spacing: 0.1em;
}

.titulos{
	font-family: 'Montserrat', sans-serif;
	font-size:40px;
	color:#000;
	letter-spacing: 0.1em;
}

.subtitulos{
	font-family: 'Montserrat', sans-serif;
	font-size:24px;
	color:#000;
	letter-spacing: 0.1em;
}

.txt_cocinan{
	font-family: 'Montserrat', sans-serif;
	font-size:12px;
	color:#000;
}

.txt_noticia{
	font-family: 'Montserrat', sans-serif;
	color:#000;
	line-height: 30px;
	letter-spacing: 0.1em;
	font-weight:100;
	margin-top:20px;
	margin-bottom:20px;
}

.titulos_cursiva_cocinan{
	font-family: 'Satisfy', cursive;
	color:#000;
	font-size:40px;
	letter-spacing:-1px;
	margin-top:10px;
}

.titulos_cursiva{
	font-family: 'Satisfy', cursive;
	color:#a08385;
	font-size:35px;
	letter-spacing:-1px;
	margin-top:5px;
}

.subrayado_titulos_home{
	width:125px;
	min-height:2px;
	margin:auto;
	margin-top:8px;
	background-color:#ae9e9e;
}

.subrayado_titulos_news{
	width:135px;
	min-height:2px;
	margin:auto;
	margin-top:0px;
	background-color:#ae9e9e;
}

.subrayado_subtitulos_home{
	width:80px;
	min-height:2px;
	margin:auto;
	margin-top:8px;
	background-color:#000;
}

.subrayado_titulos_noticia{
	width:100%;
	min-height:2px;
	margin:auto;
	margin-top:13px;
	background-color:#ae989a;
}

.contenedor_videos{
	width: 100%;
	min-height:550px;
	padding-top:10px;
	background-image:url(../images/bgr_videos.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-size: cover;
}

.contenedor_contacto{
	width: 100%;
	height:auto;
	margin:auto;
	padding-top:30px;
	background-image:url(../images/bgrs_contacto.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	background-size: cover;
}

.sociales{margin-left:0px; margin-top:-4px; margin-right:10px; padding-top:20px;}

.logo_mobile{display:none;}

.boton_menu_home_mobile{display:none;}

.slide_mobile{display:none;}

@media (max-width: 1200px) {
	.logo_desktop{display:none;}
	.logo_mobile{display:inline;}
	.sociales{margin-top:6px;}
  .slide_desktop{display:none;}
  .slide_mobile{display:inline;}
}

@media (max-width: 980px) {
	.boton_menu_home{display:none;}
	.boton_menu_home_mobile{display:block;}

}

@media (max-width: 991px) {
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* EFECTO OVER PARA LAS FOTOS */

#backtop {
	position: fixed;
	left:auto;right: 20px;top:auto;bottom: 20px;
	outline: none;
	overflow:hidden;
	color:#fff;
	text-align:center;
	background-color:rgba(66,171,73,0.8);
	height:40px;
	width:40px;
	line-height:40px;
	font-size:14px;
	border-radius:2px;
	cursor:pointer;
	transition:all 0.3s linear;
	z-index:999999;

	opacity:1;
	display:none;
}
#backtop:hover {
	background-color:#125417;
}
#backtop.mcOut {
	opacity:0;
}