@font-face {
font-family: 'DDCH regular';
src: url('ddchardware-regular-webfont.woff') format('woff'),
url('ddchardware-regular-webfont.ttf') format('truetype');
}
@font-face {
font-family: 'BNB-Unicase';
src: url('bnb-unicase-webfont.eot');
src: url('bnb-unicase-webfont.eot?#iefix') format('embedded-opentype'),
url('bnb-unicase-webfont.woff') format('woff'),
url('bnb-unicase-webfont.ttf') format('truetype'),
url('bnb-unicase-webfont.svg') format('svg');
}
/***************************GENERALES******************/
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body{
color: #372b48;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-weight: 600;
margin: 0;
background-color: #f12e10;
}
.clearfix {
overflow: auto;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
a{
color: #170a2d;
}
img{
max-width: 100%;
}
.centrar{
text-align: center;
}
#contenedor{
position: relative;
background: #e3c62c url(../img/css-bgnd.jpg) no-repeat top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0 22px;
}
.motivo{
position: absolute;
text-align: center;
width: 100%;
}
.container {
min-height: 100vh;
border-top: 22px solid #f12e10;
border-bottom: 22px solid #f12e10;
}
.container.interior{
padding: 120px 0px 40px 0;
}
@media (max-width: 425px){
    #contenedor{
        margin: 0 11px;
    }
    .container {
        border-top: 11px solid #f12e10;
        border-bottom: 11px solid #f12e10;
    }
}
/***************************HEADER******************/
header{ margin-top: -22px; }
.redes-idiomas{
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: 63.5%;
padding-top: 15px;
width: 1140px;
}
.redes,
.idiomas{
text-align: left;
width: 50%;
position: relative;
z-index: 1000;
}
.idiomas{
width: 50%;
text-align: right;
}
.redes ul{
padding-left: 0px;
}
.redes li{
display: inline-block;
margin: 0 5px;
}
.redes li a img:hover{
opacity: 0.6;
}
select.idioma{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent url(../img/flecha.png) right .4em no-repeat;
border: none;
color: #ffffff;
cursor: pointer;
margin-top: 20px;
font-size: 18px;
width: 90px;
}
select:focus.idioma{
box-shadow: none;
}
select.idioma option{
background-color: #f0d126;
padding: 5px;
}
.idiomas{
    position: relative;
    z-index: 100;
}
.idiomas{
    position: relative;
    z-index: 100;
}
.idiomas:hover{
    opacity: 0.6;
}
@media (max-width: 1024px){
    .redes-idiomas{
        max-width: 80%;
    }
}
@media (max-width: 425px){
    .redes-idiomas{
        max-width: 92%;
    }
    .redes img{
        width: 85%;
    }
    .redes li{
        margin:0;
    }
    select.idioma{
        background: transparent url(../img/flecha.png) right .3em no-repeat;
        font-size: 16px;
        width: 80px;
    }
}
@media (max-width: 320px){
    .redes-idiomas{
        padding-top: 20px;
    }
    select.idioma{
       font-size: 15px;
       width: 73px;
    }
}
h1{
    font-family: 'DDCH regular';
    font-size: 35px;
    letter-spacing: -2px;
    padding-bottom: 40px;
    margin: 0;
}
.logo{
    text-align: center;
    margin: 0 auto;
}
@media (max-width: 425px){
    h1{
        font-size: 24px;
        padding-top: 7px;
        padding-bottom: 0;
    }
    h1 img{
        width: 50%;
    }
}
/*************************MENU**************************/
.menu{
    margin: 0 auto;
    text-align: center;
    width: 85%;
}
.menu ul{
    padding-left: 0px;
}
.menu ul li {
    background-color: #f22c15;
    color: #fff;
    display: inline-block;
    font-family: 'DDCH regular';
    font-size: 20px;
    margin: 0 20px 10px 0px;
    padding: 10px 15px;
}
.menu ul li.fotos {
    background-color: #372b48;
    margin-right: 0px;
}
.menu ul li a{
    color: #ffffff;
    text-decoration: none;
}
.menu ul li a:hover{
    opacity: 0.6;
}
@media (max-width: 720px){
    .menu ul li {
        margin: 0 10px 10px 0px;
    }
}
@media (max-width: 680px){
    .menu ul li {
        margin: 0 15px 15px 0px;
    }
}
@media (max-width: 425px){
    .menu  {
        display: none;
    }
}
/***************************CONTENIDO******************/
.bloque{
    border:4px solid #f22c15;
    margin: 60px auto;
    max-width: 63.5%;
    padding: 40px 0;
}
@media (max-width: 1024px){
    .bloque{
        max-width: 80%;
    }
}
@media (max-width: 425px){
    .bloque{
       max-width: 90%;
    }
    .bloque.primero  {
       margin-top: 25px;
    }
}

h2{
    border-bottom: 5px solid #f22c15;
    color: #f22c15;
    font-family: 'DDCH regular';
    line-height: 1em;
    margin: 0px 6%;
    padding-bottom: 10px;
    text-align: center;
}
h2 span.titulo{
    font-size: 52px;
    font-weight: 400;
    line-height: 1em;
    margin-right: 20px;
    display: block;
}
h2.titulo-txiki{
     align-items: center;
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
    font-family: 'BNB-Unicase';
    font-size: 40px;
    font-weight: 400;
    justify-content:center;
    line-height: 1em;
    text-align: center;
}
h2.titulo-txiki span.uno{
    margin: 0 15px;
    }

h2.titulo-txiki img{
    vertical-align: bottom;
}
h2 span.dias{
    color:#ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2em;
    text-transform: uppercase;

}
@media (max-width: 600px){
    h2 {
        display: block;
        text-align: center;
    }
    h2 span.titulo{
        display: block;
        font-size: 30px;
        text-align: center;
    }
    h2 span.dias{
        font-size: 25px;
        text-align: center;
    }
}
@media (max-width: 600px){
    h2.titulo-txiki{
        font-size: 30px;
    }
}
@media (max-width: 425px){
    h2.titulo-txiki.eu{
        font-size: 25px;
        }
    h2.titulo-txiki{
        flex-direction: column;
    }
    h2.titulo-txiki span.uno,
    h2.titulo-txiki.eu span.uno{
         order: 2;
         margin: 15px 0 0 0;

    }
     h2.titulo-txiki span.dos
     h2.titulo-txiki.eu span.dos{
         order: 1;
         margin:0 0 10px 0;
    }
    }
@media (max-width: 320px){
    h2.titulo-txiki.eu{
            font-size: 19px;
        }
    }
h3{
    color: #f22c15;
    font-family: 'DDCH regular';
    font-size: 60px;
    line-height: 1em;
    margin-bottom: 35px;
}
.horario-entradas{
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
    padding: 2em 0 0 0;
    margin: 0 auto;
}
.horario, .entrada, .aviso{
    display: inline-block;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2em;
}
.horario{
    display: flex;
    flex-wrap: wrap;
    margin-right: 50px;
}
.entrada{
    display: flex;
    flex-wrap: wrap;
    margin-right: 50px;
}
.aviso{
    display: flex;
    flex-wrap: wrap;
}
.horario .icono,
.aviso .icono{
   margin: 4px 15px 0 0;
}

.entrada .icono {
    margin: 10px 15px 0 0;
}

.btn-modal {
    background-color: #FFF;
    border: 1px solid #f22c15;
    color: #f22c15;
    line-height: 1.3em;
    text-transform: uppercase;
    padding: 3px 7px;
    text-align: center;
    text-decoration: none;
    font-size: 0.75rem;
}
    .btn-modal:hover {
        background-color: #f22c15;
        color: #FFF;
    }

.modal {
    font-weight: normal;
    font-size: 18px;
    line-height: 1.4em;
}
    .modal h2 {
        margin: 0;
    }

@media (min-width: 768px) {
    .btn-cerrar-modal {
        display: none;
    }
}


  @media (max-width: 1500px){

    .aviso {
        margin-top: 20px;
    }
}



@media (max-width: 680px){
    .horario,
    .entrada {
        margin: 0 6% 30px 6%;
        width: 60%;
    }

}
 @media (max-width: 600px){
    .horario,
    .entrada, .aviso {
        margin: 0 0 30px 0;
        width: 90%;
    }
}
 @media (max-width: 400px){
    .horario,
    .entrada, .aviso {
        width:70%;
        flex-direction: column;
        text-align: center;

    }
    .horario .icono,
    .entrada .icono{
         margin: 10px auto;
    }
    .aviso h2 {
        font-size: 15px;
    }
    .aviso .popup-content {
        font-size: 14px;
        line-height: 15px;
    }
}
.marcas{
    display: flex;
    flex-wrap:  wrap;
    margin: 40px 0 0 0;
}
.marca{
    margin: 0 auto;
    text-align: center;
}
.marca:hover{
    opacity: 0.6;
}
.bloque-fotos{
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin: 0;
    padding: 0;
}
.bloque.bloque-datos{
    font-weight: normal;
    line-height: 1.8em;
    padding: 50px;
}
.bloque.bloque-datos a{
    border-bottom: 1px solid #000000;
    padding-bottom: 2px;
    text-decoration: none;
}
.bloque.bloque-datos a:hover{
    border-bottom: none;
}
.bloque-fotos .imagen{
    margin: 0;
    padding: 0;
    width: 25%;
}
.bloque-fotos .imagen img{
    display: block;
    width: 100%;
}
 @media (max-width: 1024px){
   .bloque.bloque-datos{
       padding: 25px;
    }
}
 @media (max-width: 425px){
  .marcas{
    margin: 10px 0 0 0;
}
.bloque-fotos .imagen{
    width: 100%;
}
}
/*********************ORGANIZADORES*************/
.organizadores{
    background-color: #170a2d;
    padding: 80px 0 10px 0;
}
.organizadores .bloque_contenido{
    align-content: flex-start;
    align-items:center;
    display: flex;
    margin: 0 auto;
    flex-wrap:  wrap;
    width: 80%;

}
.organizadores div{
    margin: 0 15px;
    text-align: center;
    width: 14%;
}
.organizadores h3{
    color: #f0d126;
    font-family: 'BNB-Unicase';
    font-size: 30px;
}
@media (max-width: 1024px){
    .organizadores .bloque_contenido{
        width: 95%;
    }
}
@media (max-width: 768px){
    .organizadores h3{
        width: 100%;
    }
    .organizadores div{
        width: 20%;
    }
    .organizadores{
        padding-top: 40px;
    }
}
@media (max-width: 425px){
    .organizadores div{
        margin-bottom: 40px;
        width: 100%;
    }
    .organizadores h3{
        font-size: 25px;
    }
}
/***************************FOOTER******************/
footer{
    background-color: #170a2d;
    font-weight: 300;
    font-size: 18px;
    padding-top: 3em;
    padding-bottom: 0;
}
footer .contenedor{
    border-top: 2px solid #f0d126;
    display: flex;
    flex-wrap:  wrap;
    margin: 0 auto;
    padding: 50px 0 30px 0;
    width: 80%;
}
footer h3{
    color: #f0d126;
    font-family: 'Montserrat';
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1.2em;
}
footer p,
footer p a{
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    text-decoration: none;
}
footer strong{
    font-weight: 600;
}
footer .direccion{
text-align: left;
   width: 50%;
}
footer .redes{
    text-align: right;
   width: 50%;
}
footer a.ubicacion{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 2px;
}
footer a:hover{
    border-bottom: none;
}
@media (max-width: 1024px){
    footer .contenedor{
        padding: 0;
        width: 95%;
    }
}
@media (max-width: 768px){
    footer .direccion,
    footer .redes{
        margin: 0 auto;
        text-align: center;
        width: 95%;
    }
}