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

body {
	background-color: #454e90;
	text-align:center;
	font-family: "Roboto", sans-serif;
}

*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
	font-family: "Roboto", sans-serif;
}
.contenedor{
	display:flex;
	flex-direction: row;
	width: 100%;
	max-width:1240px;
	justify-content: center;
	margin:auto;
}
.contenedor .contenido50 {
	padding:0px 10px 0px 10px;
	width:50%;
}
.contenedor .contenido60 {
	padding:0px 10px 0px 10px;
	width:60%;
}
.contenedor .contenido40 {
	padding:0px 10px 0px 10px;
	width:40%;
}
.contenedor .contenido50 img, .contenedor .contenido40 img, .contenedor .contenido60 img{
	max-width:100%;
}
.texto-blanco, .texto-blanco p{
	color:#ffffff;
	padding:0px 30px;
}
.texto-negro, .texto-negro p{
	color:#000000;
	padding:0px 30px;
}

.de-pruebas {
    font-size: 2rem;
    background-color: yellow;	
}

.titulo-slider1{
	font-family: "Bebas Neue", sans-serif;
	position: absolute;
	/*float: right;
	z-index: 10;*/
	top: 50%;
	right:0%;
	background-color: rgba(184, 55, 49, 0.9);
	padding: 10px 20px;
	font-size:80px;
	color:#ffffff;
}
.titulo-slider2{
	font-family: "Bebas Neue", sans-serif;
	position: absolute;
	/*float: right;
	z-index: 10;*/
	top: 70%;
	right:0%;
	background-color: rgba(184, 55, 49, 0.9);
	padding: 10px 20px;
	font-size:60px;
	color:#ffffff;
}
.titulo-contenido, .titulo-contenido span{
	font-family: "Bebas Neue", sans-serif !important;
	font-size:30px;
}
.titulo-blanco, .titulo-blanco span{
	font-family: "Bebas Neue", sans-serif !important;
	font-size:80px;
	color:#ffffff;
}
.titulo-blanco img{
	width: 80px;
	padding: 0px 20px;
	height:auto;
	vertical-align: middle;
}
.btn-amarillo{
	background-color: #eacf38;
	padding: 6px 40px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-size:40px;
	color:#454e90;
}
.titulo-rojo, .titulo-rojo span{
	font-family: "Bebas Neue", sans-serif !important;
	font-size:80px;
	color:#b83731;
}
.titulo-rojo img{
	width: 80px;
	padding: 0px 20px;
	height:auto;
	vertical-align: middle;
	color:#b83731;
}
.btn-rojo{
	background-color: #b83731;
	padding: 6px 40px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-size:40px;
	color:#FFFFFF;
}
.titulo-amarillo, .titulo-amarillo span{
	font-family: "Bebas Neue", sans-serif !important;
	font-size:80px;
	color:#e2ce48;
}
.titulo-amarillo img{
	width: 115px;
	padding: 0px 20px;
	height:auto;
	vertical-align: middle;
}
.cenefa{
	background-image: url(https://dev.reservaentradas.com/ww2/img/cenefa.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 11px;
}
/*SLIDER*/
.splide__pagination__page:hover, .splide__pagination__page.is-active{
	background: #454e90 !important;
}
.splide__pagination__page{
	background: #eacf38 !important;
}
/*FIN slider*/
/*@media (max-width: 952px){
    .enlace{
        padding-left: 20px;
    }
    nav ul li a{
        font-size: 16px;
    }
}*/

/*MENU*/
#menu{
	margin-top:80px !important;
	width:100% !important;
}
#menupie{
	margin-top:20px !important;
	width:100% !important;
}
#menu ul, #menupie ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

#menu li, #menupie li{
	display:inline-block;
	/*float: left;
	margin-right: 1px;*/
}

/*Estilo para los links*/
#menu li a {
	/*display:block;
	min-width:140px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-family:Helvetica, Arial, sans-serif;
	color: #fff;
	background: #444;
	text-decoration: none;*/
	font-family: "Bebas Neue", sans-serif;
	font-weight: 300;
    color: #fff;
    font-size: 25px;
    padding: 5px 15px;
}
#menupie li a {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 300;
    color: #454e90;
    font-size: 25px;
    padding: 5px 15px;
}

#menu li:hover a, #menupie li:hover a {
	/*background: #72d9fb;*/
}

#menu li:hover ul a, #menupie li:hover ul a#menupie li:hover ul a {
	/*background: #e1e1e1;*/
	color: #222;
	height: 35px;
	line-height: 35px;
}

/*Hover para enlaces desplegados*/
#menu li:hover ul a:hover, #menupie li:hover ul a:hover {
	/*background: #2598c3;*/
	color: #fff;
}

/*Ocultar enlaces desplegables hasta que se necesiten*/
#menu li ul, #menupie li ul {
	display: none;
}

/*Hacer vínculos desplegables verticales*/
#menu li ul li, #menupie li ul li {
	display: block;
	float: none;
}

#menu li ul li a, #menupie li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 19px;
}

/*Visualizar el menú desplegable en hover*/
#menu ul li a:hover + .hidden, .hidden:hover, #menupie ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

#bloque-menu{
	margin-right: 50px !important;
	position: relative !important;
}
/*Estilos boton desplegar menu*/
.show-menu {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 300;
    color: #fff;
    font-size: 25px;
    padding: 5px 15px;
	display: none;
}

input[type=checkbox]{
    display: none;
}

/*Mostrar menú cuando se marca la casilla de verificación invisible*/
input[type=checkbox]:checked ~ #bloque-menu{
    display: block;
	
}

/*FIN MENU*/

@media (max-width: 980px){
	
	.contenedor{
		flex-direction: column;
	}
	.contenedor .contenido50, .contenedor .contenido40, .contenedor .contenido60{
		width:100%;
		padding: 10px 0px;
	}
	.titulo-blanco, .titulo-blanco span{
	font-size:40px;
}
	.titulo-rojo, .titulo-rojo span{
	font-size:40px;
}
	.titulo-amarillo, .titulo-amarillo span{
	font-size:40px;
}
	#menu{
	margin-top:20px !important;
}
	/*MENU*/
	#menu ul, #menupie ul {
		/*position: static;*/
		display: none;
		position: absolute;
		/*display: block;*/
		float: right;
		z-index: 999;
		top: 0px;
		padding-top:20px;
		background-color: #454e90;
		height: 540px;
		width: 100%;
		left: 0px;
	}
	/*Crear espacio vertical*/
	#menu li, #menupie li {
		margin-bottom: 1px;
	}
	/*Todos los enlaces del menú de ancho completo*/
	#menu ul li, li a, #menupie ul li, li a {
		width: 100%;
		font-size: 80px;
		line-height: 32px;
		text-align: center;
		
	}

	.show-menu {
		display:block;
		cursor:pointer;
	}
	.titulo-slider1{
	top: 40%;
	right:0%;
	padding: 10px 20px;
	font-size:40px;
}
.titulo-slider2{
	top: 70%;
	right:0%;
	padding: 10px 20px;
	font-size:20px;
}
	#bloque-menu{
	margin-right: 0px !important;
	position: relative !important;
}
	#menupie{display:none;}
	
	/*FIN MENÚ*/
	
}


@media (min-width:981px) and (max-width: 1350px){
	
	.contenedor{
		/*flex-direction: column;*/
	}
	
	/*MENU*/
#menu{
	margin-top:80px !important;
	width:100% !important;
}
#menupie{
	margin-top:20px !important;
	width:100% !important;
}
#menu ul, #menupie ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

#menu li, #menupie li{
	display:inline-block;
	/*float: left;
	margin-right: 1px;*/
}

/*Estilo para los links*/
#menu li a {
	/*display:block;
	min-width:140px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-family:Helvetica, Arial, sans-serif;
	color: #fff;
	background: #444;
	text-decoration: none;*/
	font-family: "Bebas Neue", sans-serif;
	font-weight: 300;
    color: #fff;
    font-size: 26px;
    padding: 5px 5px;
	/*transition: all 0.5s ease-out;
	transition: 200ms linear 50ms;*/
}
#menupie li a {
	font-family: "Bebas Neue", sans-serif;
	font-weight: 300;
    color: #454e90;
    font-size: 26px;
    padding: 5px 5px;
}

#menu li:hover a, #menupie li:hover a {
	/*background: #72d9fb;*/
}

#menu li:hover ul a, #menupie li:hover ul a#menupie li:hover ul a {
	/*background: #e1e1e1;*/
	color: #222;
	height: 35px;
	line-height: 35px;
}

/*Hover para enlaces desplegados*/
#menu li:hover ul a:hover, #menupie li:hover ul a:hover {
	/*background: #2598c3;*/
	color: #fff;
}

/*Ocultar enlaces desplegables hasta que se necesiten*/
#menu li ul, #menupie li ul {
	display: none;
}

/*Hacer vínculos desplegables verticales*/
#menu li ul li, #menupie li ul li {
	display: block;
	float: none;
}

#menu li ul li a, #menupie li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 10px;
}

/*Visualizar el menú desplegable en hover*/
#menu ul li a:hover + .hidden, .hidden:hover, #menupie ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

	
}


/*.splide__slide img {
	width: 85%;
}*/


/*
.header
{
    background-color: var(--green);
    box-shadow: 1px 1px 5px 0px var(--grey);
    position: sticky;
    top: 0;
    width: 100%;
}

.logo
{
    display: inline-block;
    color: var(--white);
    font-size: 60px;
    margin-left: 10px;
}

.nav
{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: var(--green);
    overflow: hidden;
    max-height: 0;
    transition: max-height .5s ease-out;
}

.menu a
{
    display: block;
    padding: 30px;
    color: var(--white);
}

.menu a:hover
{
    background-color: var(--green-light);
}

.hamb
{
    cursor: pointer;
    float: right;
    padding: 40px 20px;
}


.hamb-line 
{
    background: var(--white);
    display: block;
    height: 2px;
    position: relative;
    width: 24px;
    
}

.hamb-line::before,
.hamb-line::after
{
    background: var(--white);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.hamb-line::before
{
    top: 5px;
}

.hamb-line::after
{
    top: -5px;
}

.side-menu 
{
    display: none;
}

.side-menu:checked ~ nav
{
    max-height: 100%;
}

.side-menu:checked ~ .hamb .hamb-line 
{
    background: transparent;
}

.side-menu:checked ~ .hamb .hamb-line::before 
{
    transform: rotate(-45deg);
    top:0;
}

.side-menu:checked ~ .hamb .hamb-line::after 
{
    transform: rotate(45deg);
    top:0;
}*/

@media (min-width: 768px)
{
   /* .nav
    {
        max-height: none;
        top: 0;
        position: relative;
        float: right;
        width: fit-content;
        background-color: transparent;
    }

    .menu li
    {
        float: left;
    }

    .menu a:hover
    {
        background-color: transparent;
        color: var(--green-light)
    }

    .hamb
    {
        display: none;
    }*/
}