/* Add here all your CSS customizations */

.activo{
    background-color: orangered;
}

/* REDONDEADO FOTOS */

.redondeado-fotos{
    border-radius: 10% 10%!important; 
}

.content {

    background: rgb(204, 204, 204); /* Fallback for older browsers without RGBA-support */
    background: rgba(204, 204, 204, 0.5);
    background-color: transparent!important;    /*  FONDO DEL TEXTO DEL SLIDER   */
}

.texto-slider{
    font-size: 18px;
    color: #3C3C3C;
   /* font-weight: bold; */
    font-family: 'Roboto', sans-serif;
    padding: 10px;
}

/* TEXTOS MANUALES */

.texto-manual{
    font-family: 'Dancing Script', cursive;
    font-size: 26px !important;
    line-height: 34px !important;
    font-weight: bold !important;
    text-transform: capitalize !important;
    color: white !important;   /*#47250b !important; */
}


.texto-manualh1{
    font-family: 'Dancing Script', cursive;
    font-size: 50px !important;
    line-height: 10px !important;
    font-weight: bold !important;
    color: #47250b !important;
}


.texto-manualh1-movil{
    font-family: 'Dancing Script', cursive!important;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: bold !important;
    color: #47250b !important;
}


.texto-manual-productos-2{
    font-family: 'Dancing Script', cursive;
    font-size: 30px !important;
    line-height: 40px !important;
    color: black !important;
}


.borde-verde-size1{
    border-color: green;
    border-style: solid;
    border-width: 1px;
    border-top-color: green !important;
    border-radius: 10px 10px 10px 10px;
}


.borde-blanco-size1{
    border-color: white;
    border-style: solid;
    border-width: 1px;
    border-top-color: white !important;
    border-radius: 10px 10px 10px 10px;
}

.sin-borde{
   border: none !important;
}

.ancho-select{
    width: 50px;
}

.espacio-arriba20{
    margin-top: 20px;
}
.espacio-arriba30{
    margin-top: 30px;
}

.espacio-arriba-abajo30{
    padding-top: 30px!important;
    padding-bottom: 30px!important;
}

.espacio-izquierda30{
    padding-left: 30px!important;
}

.margen-arriba-negativo{
    margin-top: -10px !important;
}

.centrado{
    text-align: center !important;    
}

.justificado{
    text-align: justify;
}

.alineacion-izquierda{
    text-align: left!important;
}

.texto-grande-cabecera{
    font-size: 1.3em !important;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
    color: #1d2127;
}

.texto-mas-grande-cabecera{
    font-size: 1.8em !important;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
    color: #1d2127;
}

.texto-como-h2{
    font-size: 25px;
    letter-spacing: 0px;
    margin: 5px;
    font-family: "Open Sans", Arial, sans-serif;

}


.texto-como-h4{
    font-size: 1.4em !important;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 27px;
    margin: 0 0 14px 0;
    color:black;}

.texto-blanco-footer{
    font-size: 1.8em !important;
    font-weight: 200 !important;;
    color: white!important;;
}

.texto-negro{
    color: black !important;
}

.fondo-gris{
    background-color:#efefef !important;
}

.fondo-gris-entorno{
    background-color:#AEAEAE !important;
}

.fondo-blanco{
    background-color: white!important;
}

.fondo-granate{
    background-color: #800000;
    color: white !important;
    padding: 10px;
}

.fondo-granate-claro{
    background-color: #a11616;
    color: white !important;
    padding: 10px;
}

.fondo-azul-claro{
    background-color: #BDEDFF;
}

.fondo-azul-oscuro{
    background-color: #000564;
}


.fondo-verde{
    background-color: #1F420F !important;
}

.fondo-como-llegar{
    background-color: orangered !important;
}

.texto-rojo{
    color: red !important;
}

.texto-amarillo{
    color: yellow !important;
}

.texto-blanco{ color: white !important;}

.texto-como-lead{
    font-size: 20px!important;
    color: black;
}

.texto-manual{
    font-family: 'Dancing Script', cursive;
    font-size: 28px;
    line-height: 32px; 
    font-weight: normal;
}

.texto-manual-productos{
    font-family: 'Dancing Script', cursive;
    font-size: 20px !important;
    font-weight: normal;
    line-height: 130%!important; 
    color: black;
}

.texto-manual-productos-altura{
    font-family: 'Dancing Script', cursive;
    font-size: 20px !important;
    font-weight: normal;
    line-height: 260%!important; 
    color: black;
}

.texto-manualh1{
    font-family: 'Dancing Script', cursive;
    font-size: 68px;
    font-weight: normal;
    line-height: 130%!important; 
}

.texto-manualh2{
    font-family: 'Dancing Script', cursive;
    font-size: 42px;
    font-weight: normal;
    line-height: 130%!important; 
}

.borde-naranja{
    border: 2px solid orangered;
}

.padding10{
    padding: 10px !important;
}

.padding30{
    padding: 30px !important;
}

.padding-derecha20{
    padding-right: 20px;
}

.padding-arriba40{
    padding-top: 40px;
}

.margen-izquierda{
    margin-left: 20px !important;

}

.ovalo-texto{

  padding: 15%!important;
  background-color: #FF6408;
  color: #fff;
  border-radius: 50%!important;
  margin: 10px;
  border: solid 0px #FFFCF9;
}

.btn-accion {
    background-color: green;
    border-color: #ffffff #ffffff #ffffff;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 10px 14px -7px #cf866c;
    -webkit-box-shadow: 0px 10px 14px -7px #cf866c;
    box-shadow: 0px 10px 14px -7px #cf866c;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background:-moz-linear-gradient(top, #6E9B40 5%, #1A3D0C 100%);
    background:-webkit-linear-gradient(top, #6E9B40 5%, #1A3D0C 100%);
    background:-o-linear-gradient(top, #6E9B40 5%, #1A3D0C 100%);
    background:-ms-linear-gradient(top, #6E9B40 5%, #1A3D0C 100%);
    background:linear-gradient(to bottom, #6E9B40 5%, #1A3D0C 100%);
    background-color:#1A3D0C;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:15px 32px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;        
}

.btn-accion:hover{
    color: yellow;
}


.btn-accion-verde-mediano {
    background-color: green;
    border-color: #ffffff #ffffff #ffffff;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 10px 14px -7px #cf866c;
    -webkit-box-shadow: 0px 10px 14px -7px #cf866c;
    box-shadow: 0px 10px 14px -7px #cf866c;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background:-moz-linear-gradient(top, #6E9B40 5%, #1A3D0C 100%);
    background:-webkit-linear-gradient(top, #6E9B40 5%, #1A3D0C 100%);
    background:-o-linear-gradient(top, #6E9B40 5%, #1A3D0C 100%);
    background:-ms-linear-gradient(top, #6E9B40 5%, #1A3D0C 100%);
    background:linear-gradient(to bottom, #6E9B40 5%, #1A3D0C 100%);
    background-color:#1A3D0C;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    padding:9px 9px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;        
}

.btn-accion-verde-mediano:hover{
    color: yellow;
}





.btn-accion1 {
    background-color: orange;
    border-color: #ffffff #ffffff #ffffff;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 10px 14px -7px #cf866c;
    -webkit-box-shadow: 0px 10px 14px -7px #cf866c;
    box-shadow: 0px 10px 14px -7px #cf866c;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background:-moz-linear-gradient(top, #E53101 5%, #B82802 100%);
    background:-webkit-linear-gradient(top, #E53101 5%, #B82802 100%);
    background:-o-linear-gradient(top, #E53101 5%, #B82802 100%);
    background:-ms-linear-gradient(top, #E53101 5%, #B82802 100%);
    background:linear-gradient(to bottom, #E53101 5%, #B82802 100%);
    background-color:#073168;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    padding:13px 32px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;        
}


.btn-accion2 {
    background-color: orange;
    border-color: #ffffff #ffffff #ffffff;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 10px 14px -7px #cf866c;
    -webkit-box-shadow: 0px 10px 14px -7px #cf866c;
    box-shadow: 0px 10px 14px -7px #cf866c;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background:-moz-linear-gradient(top, #2D01CF 5%, #000564 100%);
    background:-webkit-linear-gradient(top, #2D01CF 5%, #000564 100%);
    background:-o-linear-gradient(top, #2D01CF 5%, #000564 100%);      
    background:-ms-linear-gradient(top, #2D01CF 5%, #000564 100%);       
    background:linear-gradient(to bottom, #2D01CF 5%, #000564 100%);
    background-color:#000564;
    -moz-border-radius:25px;
    -webkit-border-radius:25px;
    border-radius:25px;
    color:#ffffff;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    padding:13px 32px;
    text-decoration:none;
    text-shadow:0px 1px 0px #854629;        
}


.map-canvas{
    width: 990px; height: 500px;
}


.form-control-rutas {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.espacio-rutas-izquierda{
    margin-left: 10px;
}

.separacion-izquierda{
    padding-left: 25px;
}

#callnowbutton{display:none;}
@media screen and (max-width:770px)
{#callnowbutton{background: orangered url("../imagenes/telefono-albergue-cabrales.png") no-repeat scroll center 2px/58px 58px;
                border-bottom-left-radius:40px;border-top:2px solid orange;border-top-left-radius:40px;bottom:-20px;box-shadow:0 0 5px #888;display:block;height:80px;
                position:fixed;right:0;text-decoration:none;width:100px;z-index:9999;}
}


.borde-productos{
    border-color: green;
    border-style: solid;
    border-width: 1px;
    border-top-color: green !important;
    border-radius: 10px 10px 10px 10px;
    padding-top: 10px;
}



/*  MENÚ DE CÍRCULOS  */

ul.circulos { 
width: 100%; 
margin: 10px auto; 
text-align: center!important;
list-style-type: none; 

} 
ul.circulos li { 
display: inline; 
margin: 0;
padding: 0;
} 
ul.circulos li a { 
display: inline-block;
text-decoration: none; 
background: transparent; 
padding: 5px;
width:140px; 
height:90px; 
border-radius: 200px;
font-size:  25px!important; 
text-align: center!important;
line-height: 30px!important;
border: solid 3px orangered;
} 
ul.circulos a span { 
position: relative;
top:40%;
padding: 5px;
text-align: center!important;
} 
ul.circulos a:hover { 
background-color: #fdf2dd !important;
}

/*  COLOR CÍRCULOS   */

.color-grisf5{
    background-color: #f5f5f5 !important;
}
.color-azul{
    background-color: #C4C4C4 !important;
}


/* MENU CON IMAGEN DE FONDO  */

.fondo-imagen{
    display: inline;
    padding: 20px;
    background-image: url(../imagenes/fondo-menu-los-caserinos.png);
    background-repeat: no-repeat;
    background-position: 0 -.2em;
}

.izquierda{
    float:left!important;
    text-align: left!important;
}

/*   TABLA */ 

.room-suite-info::after {
	clear: both;
	content: "";
	display: table;
}
.room-suite-info ul {
	margin: 10px 0 30px;
	padding: 0;
	list-style: none;
}
.room-suite-info ul li {
	border-bottom: 1px solid #e9e9e9;
}
.room-suite-info ul li label {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	opacity: 0.7;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 50%;
}
.room-suite-info ul li span, .room-suite-info ul li strong {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	margin: 0 -10px 0 -5px;
	padding: 0;
	width: 50%;
	text-align: right;
}
.room-suite-info ul li strong {
	font-size: 14px;
	font-weight: 700;
	padding: 15px 0;
}
.room-suite-info ul li .room-suite-info-detail {
	float: left;
	font-size: 11px;
	margin: 7px 0 0;
	text-transform: uppercase;
}
.room-suite-info ul li .room-suite-info-book {
	float: right;
	font-size: 12px;
	margin: 7px 0 0;
	text-transform: uppercase;
	font-weight: 700;
}
.room-suite-info ul li .room-suite-info-book-now {
	float: right;
	margin: 7px 0 50px;
}
.room-suite-info ul li:last-child {
	border-bottom: 0;
}

.text-sm {
	font-size: 1.3rem !important;}