button{
  cursor: pointer;
}

/* '*' estilo predeterminado para anular el predeterminado del navegador*/
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
/*
::-webkit-scrollbar {
  display: block;
}*/

html {
    width: 100%;
    position: relative;
}
.strong{
  font-weight: bold;
}

@font-face {
  font-family: letra_general;
  src: url("../fonts/letra_Segoe_UI.ttf");
}
.enlace_menu{
  color: white;
  text-decoration: none;
}

body{
  font-family: letra_general;
  margin: 0;
}

#fondo {
    margin:0;
    width: 100%;
    background-color: #ffffff;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ---------------------------------------------------- */
/*Container*/
.contenido{
  padding-top: 230px;
  padding-bottom: 160px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  margin: auto;
  min-height: calc(100vh - 108px);
}
.contenido_admin {
  padding-top: 230px;
  width: 95%;
  margin: auto;
}

.contenido_index{
  width: 100%;
  padding-bottom: 160px;
    min-height: calc(100vh - 108px);
}
.contenido_demas{
  width: 100%;
  padding-bottom: 160px;
}
.container-fluid.container_demas {
    min-height: calc(100vh - 108px) !important;
}
.contenido_texto{
  padding-left: 20px;
}

.contenido_lista_der {
    float: right;
    margin-left: 20px;
    margin-right: 20px;
    background: url("../img/calendario_prueba.png");
}
.container_index{
  margin-top: 70px;
}

/* --------------------------- HEADER ----------------------*/
header{
    width: 100%;
    position: relative;
    height: 650px;
    background: #2F7336;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #00000000, #00000000), url("../img/fotos_casa/principal2.jpg");  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #00000000, #00000000), url("../img/fotos_casa/principal2.jpg"); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    /*background-image: url("../img/fotos_casa/principal.jpg");*/
    background-attachment: fixed;
    background-position:left;
    background-size: cover;
}
.efecto{
  position:absolute;
  z-index: 10000;
  width: 100%;
  bottom: 0;
  margin-bottom: -5px;
}

.caja{
  z-index: 10000;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 200px;
  color: white;
}
/* imagen header*/
.logo_info {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
.logo_info2 {
    display: block;
    margin-left: 25px;
}
.ico_web {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
/*textos principales con icono (todas las paginas)*/
/*icono inicio de sesion*/
.iniciar_sesion {
  cursor: pointer;
  font-size: 20px;
  float: right;
  position: relative;
  padding: 7px;
  border-radius: 50px;
  text-decoration: none;
  color: white;
  background-color: #1D0B01;
  margin: 5px;
}
.iniciar_sesionPrin {
  cursor: pointer;
  font-size: 15px;
  position: relative;
  text-decoration: none;
  color: #1D0B01;
}

.iniciar_sesion:hover{
  color: #1D0B01;
  background-color: white;
  text-decoration:none;
}
.iniciar_sesionPrin:hover {
  font-style: italic;
  text-decoration: none;
  color: #2F7336;

}

.titulo {
    margin-top: 5px;
    color: #573b27;
}
.ico_titulo{
  font-size: 40px;
}

.img_inicio{
  width: 100%;
  margin-top: -15px;
}

.info{
  padding-left: 4%;
  padding-right: 4%;
}
.texto_negrita_aum{
  font-weight: bold;
  font-size: 25px;
  color: #573B27;
}
.texto_negrita{
  font-weight: bold;
  color: #041e0a;
}
.info .titulo3{
  font-weight: bold;
  color: #ffc400;
}

.li_info {
  margin-top: 5px;
  display: block;
  font-size: 20px;
  text-decoration: none;
  font-weight: bold;
  color: #041e0a;
  font-style: italic;

}
.li_info:hover{
  color: grey;
  font-style: normal;
  transition: all .5s ease;}

/*------------------------------ SECTION GALERIA -----------------------------------------*/
.galeria{
  margin-left: 10%;
  width: 80%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 10px;
  overflow: hidden;
}

.galeria > div {
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.galeria div:hover img{
  transform: rotate(10deg) scale(1.3);
  filter: grayscale(0%);
}
.img_galeria{
  width: 100%;
  vertical-align: top;
  height: 300px;
  object-fit: cover;
  transition: transform 0.5s;
  filter: grayscale(35%);
}
.img_cl{
  cursor: pointer;
}
.show{
  display: none;
  z-index: 999999;
}
.salir_img {
    position: absolute;
    /* float: right; */
    width: 100%;
    padding: 2px;
}
.cerrar_img {
    float: right;
    color: #573b27;
    /* background-color: #573b27; */
    padding: 7px;
    border-radius: 25px;
    margin: 5px;
    cursor: pointer;
}
/* (Fondo imaginario alrededor de la img para salir de la foto) */
.overlay {
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 0%);
    position: absolute;
    top: 0;
    left: 0;
}

.light-box{
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  transition: transform 0.3s ease-in-out;
  width: 100%;
  height: 100vh;
  z-index: 10000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img-show {
    z-index: 1;
    position: relative;
}
.light-box img {
    width: 70vw;
    max-height: 90vh;
    border-radius: 10px;
    margin-bottom: 5px;

}
.img_article{
  width: 100%;
}
/*columna derecha del index*/
.col-sm-4{
  margin-top: 10px;
}

.enlace_img{
  cursor: pointer;
}
.zoom:hover{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}
.pr_img {
    overflow: hidden;
}
h5.texto_centrado {
    margin: auto;
    color: #703C14;
}
/***********************************  GENERAL PARA TODAS LAS PAGINAS*************/
.bt_info{
  background-color: #00ffff00;
    border: white;
    color: white;
    padding: 5px;
}
.bt_info:focus{
  outline: none !important;
}
.sombra{
  text-shadow: 5px 0px 9px rgba(0, 0, 0, 1);
  -webkit-text-shadow: 5px 0px 9px rgba(0, 0, 0, 1);
}

iframe{
  width: 100%;
}
a.pointer{
  cursor: pointer;
}
a.pointer:hover{
  text-decoration:none;
}
.titulo:hover{
  color:#252F20;
}

.button_green {
  color: #1e7e34;
  padding: 5px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid #1e7e34 2px;
  text-decoration: none;
}
.button_green:hover {
  background: #1e7e34;
  color: white;
  text-decoration: none;
}
.button_dark {
  color: #ffffff;
  background-color: #1d1d1d;
  padding: 5px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid #1d1d1d 2px;
  text-decoration: none;
}
.button_dark:hover {
  background: #ffffff;
  color: #1d1d1d;
  text-decoration: none;
}
.button_blue {
  color: #004985;
  padding: 10px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid #004985 2px;
  text-decoration: none;

}
.button_blue:hover {
  background: #004985;
  color: white;
  text-decoration: none;
}

hr {
    border-color: #722900 !important;
}
i.iconbig {
  padding: 20px;
  font-size: 40px;
    background-color: #1e7e34;
    border-radius: 70px;
    color: white;
    margin: 10px;
}
.infocasa{
  margin-top: 50px;
  margin-bottom: 40px;
}

.row.col-sm-12.ds-block-content {
  align-items: center;
}

.hideme, .hideme2, .hideme3, .hideme4{
  opacity:0;
}
/*boton scroll*/
.ir-arriba {
	display:none;
	padding:20px;
	background:#321505;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100000;
  border-radius: 50px;
}
/********************************** INDEX **************************************************/
.bloque_color {
  background-color: #dbffcb;
  padding: 3%;
  text-align: center;
}
div#columnas {
    margin-top: 10px;
}
.col_form{
  background-color: #dbffcb;
}

#res_contacto_si, #res_contacto_no{
  display: none;
}

/********************************** LA CASA ************************************************/
.margen50 {
    margin-top: 50px!important;
}
.servicios{

}

.servicios img{
  padding: 5px;
}
.row.col-sm-12 {
    padding-left: 15px;
}

.alojamiento{
  padding: 10px;
}

div#columnas_lacasa{
  padding-left: 0 !important;
  padding-right:0 !important;
}
.fondo_galeria{
  background-color: #DBFFCB;
  /*   background-color: #f7dfc5; */
}

.div_galeria{
  padding: 15px;
}

.bt_reserva{
  margin: 12px;
}
.gira{
  display: none;
}
/*********************** TURISMO **********************/
img.img_demas{
  width: 100%;
}

.iframe_vd{
  width: 100%;
  height: 360px;
}

/***************** LOGIN ****************/
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");

#fondo_login{
  background: #252F20;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #C79056, #252F20);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #C79056, #252F20); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.login-block{
  float:left;
  width:100%;
  padding : 50px 0;
}
.banner-sec{
  background:url("../img/fotos_casa/crlf2_desf.jpg")
  no-repeat left bottom; background-size:cover;
  min-height:500px;
  border-radius: 0 10px 10px 0;
  padding:0;
}
.container{background:#fff; border-radius: 10px; box-shadow:15px 20px 0px rgba(0,0,0,0.1);}
.carousel-inner{border-radius:0 10px 10px 0;}
.carousel-caption{text-align:left; left:5%;}
.login-sec{padding: 50px 30px; position:relative;}
.login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;}
.login-sec .copy-text i{color:#C79056;}
.login-sec .copy-text a{color:#252F20;}
.login-sec h2{margin-bottom:30px; font-weight:800; font-size:30px; color:#C79056;}
.login-sec h2:after{content:" "; width:100px; height:5px; background:#28a745; display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto}
.banner-text{width:70%; position:absolute; bottom:40px; padding-left:20px;}
.banner-text h2{color:#fff; font-weight:600;}
.banner-text h2:after{content:" "; width:100px; height:5px; background:#FFF; display:block; margin-top:20px; border-radius:3px;}
.banner-text p{color:#fff;}

.row_calendar{
  padding-left: 5% !important;
  padding-right: 5% !important;
  padding-top: 2.5% !important;
  padding-bottom: 2.5% !important;
}
.section_off{
  display: none;
}
/***********************************************************/
div#modal_cal {
    background-color: #000000b5;
}
div#modal_info {
    background-color: #000000b5;
}