@import url(/components/Font-Awesome/css/all.min.css);
@import url(../../page/fuentes/fuentes.css);

/* fuentes */

@font-face{
    font-family: "Monserrat-Medium";
    src: url(../../page/fuentes/Montserrat-Medium.ttf);
}

@font-face{
    font-family: "Monserrat-Light";
    src: url(../../page/fuentes/Montserrat-Light.ttf);
}

@font-face{
    font-family: "Montserrat-Bold";
    src: url(../../page/fuentes/Montserrat-Bold.ttf);
}

/* fin fuentes */

/* colores */

body{
    --color-primario: #0c44a4 ;
	--color-secundario: #F5A200;
}

.texto-primario{
    color: var(--color-primario);
}

.texto-secundario{
    color: var(--color-secundario);
}


.texto-gris{
    color: var(--gris-textos);
}

.fondo-secundario{
    background-color: var(--verde-oscuro);
}

/* fin colores */


/* Generales */

*{
    font-family: 'Monserrat-Medium';

}

img {
    max-width: 100%;
}

a{
    color: var(--color-primario);
}

a:hover{
    color: var(--color-secundario);
    font-weight: 600;
	text-decoration: none;
}

.contenedor-seccion{
	padding: 40px 0px;
}

.btn-vermas{
	background-color: var(--color-secundario);
	color: #fff;
}

.btn-vermas:hover{
    color: #fff;
	background-color: var(--color-primario);
	transform: scale(1.03);
}


.dinamica {
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.caja-promociones{
    background-image: url('/images/hotwings_travel-28.png');
}

.container-reservas{
    background-image: url('/images/hotwings_travel-28.png');
}

.container-destinos{
    background-image: url('/images/HOTWINGS TRAVEL-27.png');
}

/* fin Generales */


/* Banners Internas*/

.banner-internas .fondo-imagen {
    height: 265px !important;
    padding: 0px 8rem;
    background-size: 100%;
}

.banner-internas .pub-bp-desc{
    line-height: 0px;
}

.banner-internas .pub-bp-desc{
    line-height: 0px;
}

.banner-internas .pub-bp-desc p{
    color: #fff;
    font-size: 40px;
    margin-bottom: 0px;
}

/* Fin Banners internas*/

/* seccion */

.seccion-title h2{
    color: var(--verde-oscuro);
    text-align: center;
    font-family: "Linotte-Regular";
    padding-bottom: 20px;
}

.descripcion-seccion p {
    color: var(--gris-textos);
    line-height: 8px;
    font-size: 21px;
}

/* fin seccion */

/* disenio 1 */

.disenio1 h2{
	color: var(--verde-oscuro);
	text-align: left;
    font-family: "Linotte-Regular";
}	

.disenio1 .descripcion p{
    color: var(--gris-textos);
    font-size: 20px;
}

.disenio1 hr{
    background-color: var(--verde-claro);
    display: flex;
    justify-content: center;
    height: 2px;
}

/* fin disenio 1 */

/* disenio 2 */

.disenio2 h2{
	color: #fff;
	text-align: left;
    font-family: 'Montserrat-Bold';
    font-size: 50px;
}	

.disenio2 .col-sm-4{
	display: flex;
    align-items: center;
    padding-right: 65px;
}

/* fin disenio 2 */

/* disenio 3 */

.disenio3 h2{
	color: #fff;
	text-align: center;
    font-family: 'Montserrat-Bold';
}	

.disenio3 .descripcion p{
    color: var(--gris-textos);
    font-size: 21px;
}

.disenio3 .caja-vermas{
	width: 200px;
    margin-left: auto;
    padding: 0px 18px;
}

/* disenio 3*/

/* disenio 4 */

.disenio4 h2{
	color: var(--color-primario);
    font-weight: 600;
    text-align: center;
    font-family: 'Monserrat-Light';
}

.disenio4 .imagen-contenido img{
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    width: 100px;
    
}

.disenio4 .introduccion {
    padding-top: 25px;
}

.disenio4 .descripcion p{

}

.disenio4 .btn-vermas{
    background-color: var(--color-secundario);
    color: #fff;
    border-radius: 25px;
}

.disenio4 .btn-vermas:hover{
    background-color: var(--color-primario);
    color: #fff;
    font-weight: 600;
    transform: scale(1.03);
}

.disenio4 .d4-btn-vermas{
    width: 100%;
    margin: auto;
}



/* fin disenio 4*/


/* disenio 5*/

.col-sm-6 .disenio5{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 625px; 
    padding: 53px 90px;
    display: flex;
    align-items: end;
}

.col-sm-4 .disenio5{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 481px; 
    padding: 53px 90px;
    display: flex;
    align-items: end;
}

.col-sm-6 .disenio5 .row{
    padding-top: 135px;
}

.col-sm-6 .disenio5 .content-description, .col-sm-4 .disenio5 .content-description{
    text-align: left;
    color: #fff;
}

.col-sm-6 .disenio5 .content-description p{
    font-size: 3.5em;
}

.col-sm-6 .disenio5 .content-vermas{
    border-radius: 25px;
    width: 30%;
}

.col-sm-6 .disenio5 .btn-vermas{
    background-color: var(--verde-oscuro);
    color: #fff;
    border-radius: 25px;
    margin: auto;
    font-size: 20px;
}

.col-sm-6 .disenio5 .btn-vermas:hover{
    background-color: var(--verde-claro);
    color: #fff;
    font-weight: 600;
    transform: scale(1.03);
}

.col-sm-4 .disenio5 .row {
    padding-top: 90px;
}

.col-sm-4 .disenio5 .content-image img{
    width: 40%;
}

.col-sm-4 .disenio5 .content-description p {
    font-size: 2em;
    line-height: 15px;
}

.col-sm-4 .disenio5 .content-vermas{
    border-radius: 25px;
    width: 40%;
}

.col-sm-4 .disenio5 .btn-vermas{
    background-color: var(--verde-oscuro);
    color: #fff;
    border-radius: 25px;
    margin: auto;
    font-size: 1.2em;
}

/* fin disenio 5*/


/* disenio 6 */

.disenio6 {
    border: 0.5px solid #EEEEEE;
    -webkit-box-shadow: 0px 5px 14px 0px rgb(0 0 0 / 27%);
    -moz-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.27);
    box-shadow: 0px 5px 14px 0px rgb(0 0 0 / 27%);
    margin-top: 70px;
}

.disenio6 .content-image img{
    width: 320px;
    height: 235px;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    margin-top: -20px;
    object-fit: cover;
}

.disenio6 .content-titulo {
    color: var(--color-secundario);
    text-align: center;
    padding-top: 10px;
}

.disenio6 .descripcion{
    padding: 0px 16px;
}

.disenio6 .descripcion p{
    text-align: center;
}

.disenio6 .descripcion span{
    text-align: center;
}

.disenio6 .content-fecha {
    padding-left: 20px;
    border-right: 0.5px solid #EEEEEE;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #999999;
    font-size: 15px;
}

.disenio6 .content-compartir{
    padding-right: 20px;
    padding-top: 10px;
}

.disenio6 .content-compartir a i {
    padding: 3px;
    display: inline-block;
    vertical-align: middle;
    background: var(--color-primario);
    color: #ffffff;
    width: 22px;
    text-align: center;
    border-radius: 5em;
}

.disenio6 .content-compartir a i:hover {
    background: var(--color-secundario);
}

/* fin disenio 6 */

/* disenio 7 */

.container-actividades{
    padding-bottom: 35px;
}

.disenio7{
    -webkit-box-shadow: 7px 10px 18px -2px #909090; 
    box-shadow: 7px 10px 18px -2px #909090;
    background-color: #fff;
    padding: 0px 0px 25px 0px;
    margin-top: 30px;
}

.disenio7 h2{
    text-align: center;
    font-size: 22px;
    color: var(--color-primario);
    font-family: "Montserrat-Bold";
}

.disenio7 hr {
    background-color: var(--color-secundario);
    display: flex;
    justify-content: center;
    height: 2px;
    width: 70%;
}

.disenio7 .imagen-contenido img{
    display: block;
    margin: auto;
    width: 290px;
    height: 180px;
    object-fit: cover;
}

.disenio7 .content-description{
    padding: 0px 30px;
    text-align: center;
}

.disenio7 .content-description p{
    color: var(--gris-textos);
}

.disenio7 .content-vermas{
    width: 40%;
    display: block;
    margin: auto;
}
.disenio7 .d4-btn-vermas {
    width: 100%;
    margin: auto;
}

.disenio7 .btn-vermas {
    background-color: var(--color-secundario);
    color: #fff;
    border-radius: 25px;
}

.disenio7 .btn-vermas:hover {
    background-color: var(--color-primario);
    color: #fff;
    font-weight: 600;
    transform: scale(1.03);
}

/* fin disenio 7 */

/* fin disenio 9 */

.container-actividades{
    padding-bottom: 35px;
}

.disenio9{
    -webkit-box-shadow: 7px 10px 18px -2px #909090; 
    box-shadow: 7px 10px 18px -2px #909090;
    background-color: #fff;
    padding: 25px 45px;
}

.disenio9 h2{
    text-align: center;
    font-size: 22px;
    color: var(--color-primario);
    font-family: "Montserrat-Bold";
}

.disenio9 .imagen-contenido img{
    display: block;
    margin: auto;
    width: 100px;
}

.disenio9 .content-description{
    padding: 0px 30px;
    text-align: center;
}

.disenio9 .content-description p{
    color: var(--gris-textos);
}

.disenio9 .content-vermas{
    width: 40%;
    display: block;
    margin: auto;
}
.disenio9 .d4-btn-vermas {
    width: 100%;
    margin: auto;
}

.disenio9 .btn-vermas {
    background-color: var(--color-secundario);
    color: #fff;
    border-radius: 25px;
}

.disenio9 .btn-vermas:hover {
    background-color: var(--color-primario);
    color: #fff;
    font-weight: 600;
    transform: scale(1.03);
}

.disenio9:hover{
    background-color: var(--color-primario);
    color: #fff;
    transition: 0.5s;
}

.disenio9:hover h2{
    color: #fff !important;
    transition: 0.5s;
}

.disenio9:hover .imagen-contenido img {
    filter: grayscale(1) brightness(160%);
    transition: 0.5s;
}

.disenio9:hover .btn-vermas {
    background-color: #fff;
    color: var(--color-primario);
    transition: 0.5s;
}

/* fin disenio 9 */

/* disenio 10 */

.caja-promociones .columna {
    display: initial;
    margin: initial;
}

.disenio10 {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 35px;
}

.disenio10 .imagen-contenido {
    display: table;
    width: 100%;
}

.disenio10 .imagen-contenido img {
    padding-bottom: 20px;
    width: 460px;
    height: 300px;
    object-fit: cover;
}

.disenio10 h2 {
    padding-top: 0px;
    color: var(--color-primario);
    text-align: center;
}

.disenio10 .contenido-descripcion{
    padding: 0px 45px;
}

.disenio10 .btn-vermas{
    width: 200px;
	margin: auto;
}

.btn-vermas-ahorro {
    color: #FFF !important;
    padding: 5px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 15px;
    transition: .2s ease-in;
    background-color: var(--color-secundario);
}

/* disenio 10 */

/* disenio 11 */

.detalle-reservas .contenido-titulo{
    color: var(--color-primario);
    font-weight: 600;
}

.contenido-linea {
    width: 100%;
    height: 20px;
    text-align: center;
    border-top: 4px solid;
    border-image: linear-gradient(to right, var(--color-primario) 50%, var(--color-secundario) 50%) 2;
    margin-top: 15px;
}

.detalle-reservas .contenido-fecha{
    color: var(--color-primario);
}

.caja-detail{
    border: 1px solid #E3E3E3;
}

.detalle-reservas .detalle-titulo{
    color: var(--color-primario);
}

.detalle-reservas .detalle-fecha{
    background-color: #F5F5F5;
}

.detalle-reservas .btn-vermas{
    text-align: center;
}

.detalle-reservas .compartir a {
    background-color: var(--color-primario);
    display: inline-flex;
    height: 25px;
    width: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}

/* fin disenio 11 */

/* accordion 1*/

.accordion1{
    padding: 50px 0px;
}

.accordion1 .imagen-contenido img{
    width: 100%;
    height: 265px;
}

.accordion1 .card-header{
    background-color: var(--verde-claro) !important;
    color: #FFF !important;
}

.accordion1 .descripcion p{
    color: var(--gris-textos);
}

/* fin accordion 1*/


/* header */

.fondo-primario {
    background-color: var(--color-primario);
    color: #fff;
}

.header-redsocial {
    border-radius: 0px 0px 25px 0px;
}

.header-8redes .fondo-primario a{
    color: #fff;
    margin-right: 15px;
}

.header-content img{
    width: 185px;
    border-radius: 17px;
}

.header-content .linea{
    position: relative;
    padding-top: 0px;
    color: var(--gris-textos);
    left: 10px;
}

.header-redes .fondo-primario i{
    color: var(--verde-claro);
    margin-right: 8px;
}

.header-redes .fondo-primario span{
    color: #fff;
    margin-left: 7px;
}

.header-redes .header-div{
    padding-left: 10%;
}

.header-contactenos{
    margin-right: 33%;
}

.btn-contactenos {
    background-color: var(--verde-claro);
    color: #fff;
    border-radius: 0px 0px 5px 5px;
    display: inline-flex;
    padding-top: 17px;
}

.btn-contactenos:hover {
    background-color: var(--verde-oscuro);
    color: #fff;
    font-weight: 600;
}

.texto-verde {
    color: var(--verde-claro) !important;
}

.header-content {
    background-color: #fff;
    border-bottom: 5px solid var(--color-primario);
}

header .header-content ul li a {
    color: var(--color-primario);
    font-weight: 100;
    font-size: 17px;
}

header .header-content ul li a:hover {
    color: var(--color-secundario) !important;
    font-weight: 600;
    transform: scale(1.03);
    transition: 0.2s;
}

header .header-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
}


ul {
	list-style:none;
}
ol{
	font-weight: 100;
}



.nav li a {

	text-decoration:none;
	padding:15px 10px;
	display:block;
}


.nav li ul {
	display: none;
    position: absolute;
    min-width: auto;
    width: 170px !important;
    height: auto;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    color: #fff;
    background-color: rgba(205, 205, 205, 0.6);
    padding: 7px 0px;
    border-radius: 0px 0px 10px 10px;
}

.nav li:hover > ul {
	display:block;
}

.nav li ul li {
	position:relative;
	display: block !important;
	text-align: left;
	height: auto !important;
	
}
.nav li ul li a{
	font-weight: 500;
	background-color: transparent;
	opacity: 1;
	padding: 0px !important;
	padding: 5px 10px !important;
    color: var(--gris-textos2) !important;
    font-weight: 100;
}
.nav li ul li:hover a{
	color: #fff !important;
	background-color: var(--verde-claro);

}
.nav li ul li ul {
	right:-140px;
	top:0px;
}

.header-sticky {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 16;
}

.idioma {
    background-color: #fff;
    padding: 7px 5px;
    border-radius: 15px;
    border: 2px solid var(--color-secundario);
    color: var(--color-primario);
}

/* fin header */

/* header responsive */

.botonera-resposive ul table {
    margin-bottom: 0px;
}

.menu-respon {
    background-color: var(--color-primario);
    z-index: 99;
    width: 100%;
    top: 0;
}

.botonera-resposive {
    display: none;
}

.botonera-resposive .item {
    list-style: none;
}

.botonera-resposive a {
    color: #FFFFFF !important;
    width: 100%;
}

.botonera-resposive .table td, .table th {
    padding-right: 0;
    padding-left: 0;
    font-size: 12px;
    text-align: center;
}

.table-striped tbody {
    text-align: center;
}

.table-striped tr:first-child td {
    border-top: none;
}

.sub-menu1>table tr {
    background-color: var(--verde-claro) !important;
}

.botonera-resposive .table td, .table th {
    padding-right: 0;
    padding-left: 0;
}

.sub-menu1, .sub-menu2 {
    margin-bottom: -13px !important;
    padding-left: 0px !important;
}

.botonera-resposive ul {
    padding-top: 12px;
    margin-bottom: 0px;
}

/* fin header responsive */

/* botones flotantes */

.pqr-app {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 999;
    width: 85px;
}

.pqr-app .app {
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 8px;
}

.pqr-app .app:hover {
    transform: scale(1.03);
}

.pqr-app a {
    text-decoration: none;
}

.pqr-app p {
    font-size: 11px;
    color: #000;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    font-weight: 600;
}

.pqr-app img {
    width:60px;
}

.app-118 img{
    width: 175px;
    max-width: 150%;
    position: relative;
    right: 60px;
}

/* fin botones flotantes */

/* Mapa*/

#map {
    width: 100%;
    height: 400px;
    z-index: 0;
}

/* fin mapa */

/* banner principal */

.fondo-imagen{
	position: relative;
	display: block;
	width: 100%;
    height: 560px;
	background:  no-repeat center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

#carouselprincipal1 .pub-bp-img {
    margin: auto auto auto 125px;
    border-radius: 18px;
    padding: 30px;
}

.enlaces-reservas{
    background-color: var(--color-primario);
    padding: 10px 0px;
    border-bottom: 4px solid var(--color-secundario);
}

.enlaces-reservas .columnn-reservas{
    width: 10%;
}

.enlaces-reservas .columnn-reservas img{
    width: 60px;
    display: block;
    margin: auto;
    filter: grayscale(1) brightness(4.5);
    border: 2px solid #fff;
    border-radius: 35px;
    height: 60px;
}

.enlaces-reservas .columnn-reservas:hover img{
    transform: scale(1.08);
}

.enlaces-reservas .titulo-reservas{
    color: #fff;
    text-align: center;
    margin-top: 7px;
    font-size: 17px;
}

/* fin banner principal */

/* home */

.columna{
    display: block;
    margin: auto;
}

#box-463 h2{
    text-align: left;
}

#box-468 .disenio5 .descripcion{
    margin-bottom: 40px;
}

#box-468 .disenio5 .descripcion p{
    line-height: 35px;
}

#box-481 .disenio4 .descripcion p {
    padding: 0px;
    line-height: 15px;
    margin: 0px;
}

#box-481 .disenio4 .descripcion h2 {
    text-align: left;
}

.content-527 h2{
    text-align: center;
    font-family: "Montserrat-Bold";
}

#archor-532{
    display: block;
    position: relative;
    top: -260px;
    visibility: hidden;
}

/* fin home */

/* carrusel datos curiosos */

#carouselsimple547 img{
    height: 400px;
    width: 100%;
    object-fit: cover;
}

/* fin carrusel datos curiosos*/

/* noticias */

.container-notices hr{
    background-color: var(--color-secundario);
    display: flex;
    justify-content: center;
    height: 2px;
}

.container-notices .compartir a {
    background-color: var(--color-secundario);
    display: inline-flex;
    height: 25px;
    width: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}

.container-notices .btn-vermas2 {
    background: var(--color-primario);
    color: #FFFFFF;
    border-radius: 25px;
}

.home-noticias .columna:hover{
    transform: scale(1.03);
}

.home-noticias .descripcion{
    padding: 0px 16px;
}    

.detalle-noticias .compartir a {
    background-color: var(--color-primario);
    display: inline-flex;
    height: 25px;
    width: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}

.btn-volver {
    background-color: var(--color-primario);
    color: #FFF;
    border-radius: 50rem;
}

.btn-volver:hover {
    background-color: var(--color-secundario);
    color: #FFF;
}

/* fin noticias */

/* nosotros */

#box-489 h2{
    color: var(--verde-oscuro) !important;
}

#box-489 .descripcion p{
    line-height: 26px;
}

#box-491 hr{
    display: none;
}

#box-491 h2{
    background-color: var(--verde-oscuro);
    border-radius: 12px;
    color: #ffff;
    width: 300px;
    margin-bottom: 25px;
    display: block;
    margin: auto;
    margin-bottom: 25px;
    padding: 5px 0px;
    font-size: 28px;
}


#box-491 .descripcion{
    padding: 0px 65px;
}

#box-491 .descripcion p{
    line-height: 26px;
}

#box-494 h2{
    color: var(--verde-oscuro) !important;
}

#box-494 .descripcion p{
    line-height: 26px;
}

#box-497 .disenio4 .descripcion p {
    padding: 0px; 
    color: var(--gris-textos);

}

#box-497 h2{
    color: var(--verde-oscuro) !important;
}

#box-497 .descripcion p{
    line-height: 26px;
}


/* fin nosotros */

/* Servicios */

.container-servicios .contenedor-seccion{
    padding: 0px;
}

/* Fin Servicios*/


/* contactanos */

.contactenos {
    margin-top: 30px;
}


.contactenos h1{
    color: var(--color-primario);
}

.contactenos .contact-info{

}

.contactenos {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.contactenos .contact-img img{
    display: block;
    margin: auto;
}

.contactenos .contact-text{
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 28px;
}

.contactenos .form-contactenos{
    padding: 56px 0px;
}

.contactenos-fondo{
    background-image: url('/skins/page/images/fondo-blanco2.png');
    background-size: cover;
}

.contactenos input{
    background-color: #fff;
    color: #000;
}


.contactenos textarea {
    background-color: #fff;
    color: #000;
}


.contactenos .contact-info h5 {
    font-weight: 600;
}

.contactenos hr {
    background-color: #000;
    display: flex;
    justify-content: center;
    height: 0px;
    width: 100%;
}

.contactenos .contact-info p {
    line-height: 16px;
}

.contactenos .contact-info p span {
    font-size: 14px !important;
}

.contactenos .contact-info .contact-item {
    font-size: 14px !important;
}

/* fin contactanos */

/* footer */

.fondo-gris{
    background-color: var(--color-primario);
    color: #fff;
    padding: 55px 0px;
}

.fondo-gris .footer-logo{
    position: relative;
    bottom: 15px;
}

.fancy-border {
    width: 80px;
    height: 20px;
    text-align: center;
    border-top: 3px solid;
    border-image: linear-gradient(to right, #FFF 50%, var(--color-secundario) 50%) 2;
}

.fondo-gris .address-footer{
    font-weight: 600;
    color: #fff;
}

.fondo-gris .redes-footer i {
    padding: 6px;
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF;
    width: 30px;
    text-align: center;
    border-radius: 5em;
    font-size: 18px;
}

.titulo-footer {
    margin-bottom: 15px;
    opacity: 0.9;
    font-size: 18px;
}

.fondo-gris .enlaces ul li a{
    opacity: 0.8;
    font-size: 18px;
}

.fondo-gris .desc-footer{
    opacity: 0.8;
    font-size: 18px;
    margin-top: 15px;
    line-height: 21px;
}

.fondo-gris .redes-footer {
    display: flex;
}

ul {
    list-style: none;
}

.derechos-footer .redes-footer i:hover{
    color: var(--verde-claro);
    transform: scale(1.03);
}

.derechos-footer .div-derechos{
    opacity: 0.8;
    font-size: 18px;
}

.enlaces ul{
    margin-top: 15px;
}

.enlaces ul li{
    line-height: 21px;
}

/* fin footer  */




/* sistema index */

.titulo-seccion {
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 10px;
    margin-top: 20px;
    background-color: var(--verde-oscuro);
    padding: 10px;
    border-radius: 18px;
}

.caja-login {
    max-width: 100%;
    display: inline-block;
    margin-top: 80px;
    margin-bottom: 60px;
    background: #EEEEEE;
    padding: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
    width: 720px;
}

/* fin sistema index */

/* sistema panel */

.content-sistema .descripcion{
    text-align: center;
    margin-top: 15px;
}

.btn-perfil {
    background: var(--verde-oscuro);
    color: #FFF;
    border: 1px solid var(--verde-oscuro);
}

.btn-perfil:hover {
    background: var(--verde-claro);
    color: #FFF;
    border: 1px solid var(--verde-claro);
}

.botones-secundarios {
    display: flex;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: center;
}



.botones-secundarios .boton-secundario .imagen {
    height: 170px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.botones-secundarios .boton-secundario .imagen .caption {
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.botones-secundarios .boton-secundario:hover .imagen .caption {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.botones-secundarios .boton-secundario:hover h2 {
    color: var(--verde-claro);
    transform: scale(1.03);
    font-weight: 600;
}

.botones-secundarios .boton-secundario h2 {
    color: var(--verde-oscuro);
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.botones-secundarios .boton-secundario h2:hover {
    color: var(--verde-claro);
    transform: scale(1.03);
    font-weight: 600;
}

/* fin sistema panel */

/* sistema perfil */

.caja-perfil {
    background: #EEEEEE;
    padding: 20px;
    border: 1px solid #e2e2e2;
    margin-bottom: 40px;
}

.caja-perfil label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: var(--verde-oscuro);
}

.caja-perfil .campo-perfil {
    color: var(--verde-claro);
}

/* fin sistema perfil */

/* sistema formatos */

.contenido-normatividad .normatividad-imagen {
    display: flex;
    justify-content: center;
}

.contenido-normatividad .normatividad-titulo {
    text-align: center;
    background: var(--verde-oscuro);
    color: #fff;
    font-size: 24px;
    margin: 5% 14%;
    border-radius: 25px;
    font-weight: 600;
    padding: 2% 0%;
}

.contenido-normatividad .normatividad-caja {
    margin: 0% 14%;
}

.contenido-normatividad .normatividad-descripcion-uno i {
    font-size: 35px;
    padding: 3% 0% 0% 3%;
}

.contenido-normatividad .normatividad-descripcion-uno {
    background-color: var(--verde-claro);
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

.contenido-normatividad .normatividad-descripcion-dos {
    background-color: var(--verde-claro);
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 2% 0%;
    margin-bottom: 7%;
}

/* fin sistema formatos */

/*Afiliaciones*/

.afiliaciones{
	font-size: 18px;
}
.afiliaciones label{
	color: var(--newblue);
	font-size: 18px;
}
.afiliaciones .form-control{
	background-color: #f2f2f2;
	border-radius: 20px;
	border:none;
}

/*Fin Afiliaciones*/

/* actividades */

.detalle-actividades img {
    border-radius: 20px;
}

.detalle-actividades img:hover {
    transform: scale(1.03);
    transition: 0.5s;
}

.detalle-actividades hr {
    background-color: var(--color-primario);
    display: flex;
    justify-content: center;
    height: 2px;
    width: 100%;
}

.detalle-actividades .btn-vermas {
    padding: 5px 40px;
    font-size: 18px;
    border-radius: 30px;
}

/* fin actividades */

/* form-home */

.form-home{
    background-color: #fff;
    width: 85%;
    display: block;
    margin: auto;
    padding: 40px 55px;
}

.btn-buscar{
    background-color: var(--color-secundario);
    color: #fff;
    border-radius: 25px;
    text-align: center;
    width: 125px;
    padding: 5px 10px;
    display: block;
    margin-left: auto;
}

.disenio8 h2{
    font-family: "Montserrat-Bold";
}

.disenio8 form{
    background-color: #fff;
    display: block;
    margin: auto;
    border: 1px solid #000;
    width: 55%;
    padding: 25px 25px;
    margin-top: 60px;
}

.disenio8 input{
    background-color: #E2E2E2;
}

.disenio8 input::placeholder{
    color: #000;
}

#box-463 .disenio4 img{
    width: 100%;
}

.categorias-home{
    position: relative;
    top: 125px;
    left: 165px;
}

.it-uno{
    background-color: #0c44a4;
    display: flex;
    align-items: center;
    width: 122px;
    border-radius: 11px;
    padding: 5px 13px;
    cursor: pointer;
}

.red {
    border: var(--color-secundario) solid 2px;
    color: var(--color-secundario);
    border-radius: 30px;
    margin-left: 20px;
    padding: 7px 14px !important;
}

.red2 {
    border: var(--color-secundario) solid 2px;
    color: var(--color-secundario);
    border-radius: 30px;
    margin-left: 20px;
    padding: 7px 12px !important;
}

.red i {
    color: var(--color-secundario);
}

.red2 i {
    color: var(--color-secundario);
}

.red:hover {
    border: var(--color-primario) solid 2px;
}

.red2:hover {
    border: var(--color-primario) solid 2px;
}

.red:hover i {
    color: var(--color-primario);
}

.red2:hover i {
    color: var(--color-primario);
}

.redes-footer a{
    font-size: 18px;
    margin-left: 17px !important;
    display: block;
    margin: auto;
}

.derechos-footer .red:hover{
    border: #fff solid 2px;
}

.derechos-footer .red2:hover{
    border: #fff solid 2px;
}

.derechos-footer .red:hover i {
    color: #fff;
}

.derechos-footer .red2:hover i {
    color: #fff;
}

/**/


/* responsive */
/* Responsive small screen */
@media screen and (max-width: 320px) and (min-width: 0px) {

}
@media screen and (max-width: 470px) and (min-width: 320px) {
    .contenedor-general {
        margin-top: 52px !important;
    }

    .disenio4 {
        margin-bottom: 40px;
    }

    .disenio4 .descripcion{
        text-align: center;
    }

    .col-sm-6 .disenio5 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 440px;
        padding: 0px 0px;
        display: flex;
        align-items: center;
    }

    .col-sm-6 .disenio5 .row {
        padding-top: 0px;
    }

    .footer-logo img{
        display: block;
        margin: auto;
    }

    .enlaces{
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .titulo-footer {
        text-align: center;
        margin-top: 55px;
    }

    .fondo-gris .desc-footer {
        text-align: center;
    }

    .fondo-gris .desc-footer {
        padding: 0px 10px;
    }

    .fondo-gris .address-footer {
        display: flex;
        justify-content: center;
    }

    .slider-testimonios .slider-simple .bansimple-image img {
        display: block;
        margin: auto;
        filter: opacity(0.1);
    }

    .carousel-caption {
        bottom: 115px;
    }

    .botonera-resposive {
        position: fixed;
        background-color: var(--color-primario) !important;
        color: #fff;
        width: 276px;
        height: 100%;
        overflow: auto;
        top: 0;
        z-index: 9999;
        right: 0;
        display: none;
        -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
        box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
    }

    #box-491 .descripcion {
        padding: 0px 25px;
    }

    #box-494 img{
        display: block;
        margin: auto;
    }

    .disenio1 .descripcion p {
        text-align: center;
    }

    .contactenos {
        background-size: cover;
    }
    
    .contactenos .contact-info p{
        text-align: center;
    }

    .botones-contacto {
        margin-bottom: 45px;
    }

    .div-redes-footer{
        justify-content: center !important;
        margin-top: 12px;
    } 
    
    .enlaces-reservas .columnn-reservas {
        width: 20%;
        margin-bottom: 10px;
    }
    
    .enlaces-reservas .titulo-reservas {
        font-size: 10px;
        margin-top: 5px;
    }
    
    .disenio8 form {
        width: 100%;
    }
    
} 

@media screen and (max-width: 570px) and (min-width: 470px) {
    .contenedor-general {
        margin-top: 90.38px !important;
    }
}

@media screen and (max-width: 750px) and (min-width: 570px) {
}


/* End Responsive small screen */


/* Responsive medium screen */
@media screen and (max-width: 920px) and (min-width: 750px) {

}
@media screen and (max-width: 1024px) and (min-width: 920px) {

}
/* End Responsive medium screen */


/* Responsive big screen */
@media screen and (max-width: 1500px) and (min-width: 1024px) {

}
@media screen and (max-width: 2000px) and (min-width: 1500px) {

}
@media screen and (max-width: 2500px) and (min-width: 3000px) {

}
/* End Responsive big screen */

/* fin responsive */