body{margin:0;font-family:'Open Sans';color:#001739;}
img{max-width:100%;}
a img:hover{opacity:0.8;}
a{text-decoration:none;color:inherit;}
a:hover{color:#2151f6;}


h1,h2,h3,h4,h5,h6{font-family:'Poiret One';color:#2151f6;}
h1{}
h2{text-transform:uppercase;font-size:40px;margin:0.83em 0 0.5em 0;}
h3{font-size:30px;margin:1em 0 0.5em 0;}
h4{font-size:25px;margin:1.2em 0 0.5em 0;}
h5{}
h6{}

.content-boxed{max-width:90%;width:1050px;margin: 0 auto;}


.azul-oscuro{color:#001739 !important;}
.azul-claro{color:#2151f6 !important;}
.oculto{display:none;}
.visto{display:block;}


#height-fixed-box{height:60px;}
#fixed-full{height:60px;position:fixed;margin:0 auto;width:100%;z-index:3;}


#header-wrapper{height:265px;position:relative;background-image:url('../images/fondo-header-2300.jpg');background-size:cover;background-position:center;
/*background: -moz-radial-gradient(center, ellipse cover, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(33,83,246,1)), color-stop(100%, rgba(0,23,57,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);
background: radial-gradient(ellipse at center, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);*/}
#header-images{text-align:center;position:absolute;width:100%;height:100%;top:0;display:flex;justify-content:center;align-items:center;}
#header-campaign-logo{display:inline-block;}
#header-campaign-logo img{width:525px;}
#header-hat{display:inline-block;}
#header-hat img{width:391px;}

/*MENU*/
#menu-wrapper{display:none;}
#device-header-bar{display:flex;justify-content:flex-end;align-items:center;height:60px;width:100%;margin:0;position:relative;z-index:2;text-align:center;background-color:transparent;}
#navbar-modal-open{position:absolute;left:0px;top:13px;color:#fff;font-size:37px;cursor:pointer;}
#navbar-modal-open:hover{color:#2151f6;}
#device-header-bar img{width:110px;}
#device-header-rrss ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;align-items:center;}
#device-header-rrss li{margin-right:15px;font-size:20px;color:#fff;}
#device-header-rrss li:last-child{margin-right:0;}
#navbar-modal{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;max-width:280px;z-index:101;overflow:hidden;}
#navbar-modal-content{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;background:#001739;}
#navbar-modal-close{position:absolute;top:10px;right:15px;cursor:pointer;font-size:26px;color:#fff;}
#navbar-modal-close:hover{color:#2151f6;}
#navbar-modal-logo img{width:100%;max-width:100%;margin:40px 0% 0 0%;}
#navbar-modal-content nav{height:auto;margin-top:20px;}
#navbar-modal-menu{display:table;position:relative;width:100%;text-align:center;}
#modal-menu-item{display:block;height:auto;vertical-align:middle;margin:5px 0;}
#navbar-modal-menu a{font-size:23px;line-height:30px;padding:15px 0;width:100%;display:block;color:#fff;}
#navbar-modal-menu a:hover{color:#2151f6;text-decoration:none;}
#modal-overlay{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);z-index:100;}
#navbar-modal-gepac{width:40%;margin:30px auto 30px auto;}
#modal-logo-aeal{text-align:center;margin:40px 0 30px 0;}
#modal-logo-aeal img{width:120px;}
#modal-logo-aeal p{margin:0 0 10px 0;color:#fff;}
/* width */
#navbar-modal ::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#navbar-modal ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
#navbar-modal ::-webkit-scrollbar-thumb {
  background: #2151f6; 
}

/* Handle on hover */
#navbar-modal ::-webkit-scrollbar-thumb:hover {
  background: #001739; 
}

/*MAIN*/
#index-content{text-align:center;}
#index-content h2{font-weight:100;font-size:42px;}
#index-content h2:before{content:"";width:160px;height:20px;background-image:url("../images/esquirla-superior.png");display:block;margin:0 auto 10px auto;background-size:cover;background-repeat:no-repeat;}
#index-content h2:after{content:"";width:160px;height:20px;background-image:url("../images/esquirla-inferior.png");display:block;margin:10px auto 0 auto;background-size:cover;background-repeat:no-repeat;}
#index-content #boxes-wrapper{margin:45px 0;}
#index-content #boxes-wrapper p{color:#fff;font-family:'Poiret One';text-transform:uppercase;position:absolute;bottom:30px;left:30px;text-align:left;margin:0;}
#index-content .box-50{display:inline-block;width:50%;position:relative;background-size:cover;overflow:hidden;}
#index-content .box-25{display:inline-block;width:25%;position:relative;}
#index-content .big-box{/*height:525px;*/}
#index-content .small-box{/*height:262.5px;*/}
#index-content .box-overlay-big{position:absolute;height:100%;width:100%;}
#index-content .box-overlay-small{position:absolute;height:100%;width:100%;}
#index-content .box-title-big{font-size:40px;}
#index-content .box-title-small{font-size:30px;}
.caja1{background-image:url('../images/cuadrado1.png');transition:0.4s;}
.caja1:hover{transform:scale(1.05);}
.caja2{background-image:url('../images/cuadrado2.png');transition:0.4s;}
.caja2:hover{transform:scale(1.05);}
.caja3{background-image:url('../images/cuadrado3.png');transition:0.4s;}
.caja3:hover{transform:scale(1.05);}
.caja4{background-image:url('../images/cuadrado4.png');transition:0.4s;}
.caja4:hover{transform:scale(1.05);}
.caja5{background-image:url('../images/cuadrado5.png');transition:0.4s;}
.caja5:hover{transform:scale(1.05);}

#index-sign-box{height:190px;padding:50px;background-image:url("../images/fondo-inscripcion.png");color:#fff;display:flex;align-items:center;margin:60px 0;}
#index-sign-box p:first-child{color:#7999f1;font-size:40px;font-weight:100;margin:0;}
#index-sign-box p:nth-of-type(2){margin:30px 0;}
#index-sign-box button{width:285px;background-color:#fff;color:#2151f6;height:45px;border:none;border-radius:22px;font-size:18px;}
#index-sign-box button:hover{color:#001739;cursor:pointer;}

.more-info-box{margin:50px 0;text-align:left;}
.more-info-box .more-info-box-inner{display:flex;justify-content:space-between;align-items:center;width:90%;margin:0 auto;}
.more-info-box hr:nth-of-type(1){border:1px solid #001739;}
.more-info-box hr:nth-of-type(2){border:1px solid #2151f6;}
.more-info-box img{margin-right:50px;}
.more-info-box h4{font-size:34px;font-weight:100;margin:15px 0;}
.more-info-box span{color:#2151f6;}


/*FOOTER*/
.sponsor{display:inline-block;width:25%;}
.sponsor div{margin:5px;}
#footer-wrapper{height:500px;color:#fff;display:flex;align-items:center;margin-top:50px;background-image:url('../images/fondo-footer-2300.jpg');background-size:cover;background-position:center;
/*background: -moz-radial-gradient(center, ellipse cover, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(33,83,246,1)), color-stop(100%, rgba(0,23,57,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);
background: radial-gradient(ellipse at center, rgba(33,83,246,1) 0%, rgba(0,23,57,1) 100%);*/}
#footer-wrapper .content-boxed{display:flex;justify-content:space-between;}
.foto-box{width:400px;max-width: 80%; margin:0 auto;}
#footer-wrapper a:hover{color:#fff;text-decoration:underline;}
#footer-campaign-logo{margin:0 0 20px 0;}
#copyright{display:flex;align-items:center;}
#logo-gepac-footer{margin-right:25px;}
#right-box hr{border:1px solid #2b56ed;}
#footer-wrapper h6{font-size:31px;text-transform:uppercase;color:#fff;font-weight:100;margin:0 0 0 0;}
#footer-wrapper ul{list-style:none;padding:0;}
#rrss-footer ul{display:flex;align-items:center;justify-content:center;}
#rrss-footer li{margin-right:15px;}
#rrss-footer li:last-child{margin-right:0;}
#rrss-footer{margin:40px 0 0 0;}


/*PAGES*/
/*ENTREGA PREMIOS*/
.map-wrapper{width:800px;max-width:90%;position:relative;margin:50px auto;}
.map-wrapper div{position:relative;padding-bottom:47%;}
.map-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


/*CONCURSO RELATOS*/
/*FORMULARIO*/
#concurso #form-box-wrapper{display:flex;justify-content:center;width:100%;margin:0 auto;text-align:center;}
#concurso #form-box{width:50%;}
#concurso #form-box i{font-size:2em;color:#001739;}
#concurso #form-box input{font-size:1em;font-family:'Open Sans';}
#concurso #form-box input:focus{outline:none;border:2px solid #2151f6 !important;}
#concurso #form-box input[type="text"], #form-box input[type="email"], #form-box input[type="tel"]{width:85%;height:45px;padding:10px;background:transparent;border:2px solid #001739;border-radius:10px;color:#001739;}
#concurso #form-box input[type="text"]::-webkit-input-placeholder, #concurso #form-box input[type="email"]::-webkit-input-placeholder, #concurso #form-box input[type="tel"]::-webkit-input-placeholder{font-size:1em;color:#001739;}
#concurso .input-form-book{text-align:center;width:65% !important;margin:0 auto;}
#concurso .naranja{color:#ff8017 !important;}
#concurso .file-upload{position:relative;overflow:hidden;margin:10px;}
#concurso .btn-primary{color:#fff;background-color:#001739;border-color:#ff8017;}
#concurso .btn-primary:hover{background-color:#2151f6;}
#concurso .file-upload:hover .icon-upload{color:#001739 !important;}
#concurso .btn{
    display: inline-block;
    padding: 10px 15px;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
}
#concurso .file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 44px;
}
#concurso input[type="file"]{display:block;}
#concurso #uploadFile{height:25px;font-size:15px;background-color:transparent;border:2px solid #001739;border-radius:5px;padding:5px;}
#concurso #uploadFile::-webkit-input-placeholder{color:#001739;}
#concurso #uploadFile:disabled{color:#001739;}
#concurso #file-box{text-align:center;}
#concurso #file-box i{font-size:2.5em;position:relative;top:10px;color:#001739;margin-right:20px;}
#concurso #send-box, #concurso #solicitud{width:70%;margin:0 auto;}
#concurso #send-box{position:relative;z-index:2;}
#concurso #solicitud label{font-weight:400 !important;color:#001739;}
#concurso .titulo-menores{/*font-family: Knockout;*/font-weight:400 !important;font-size:1.7em !important;color:#001739;margin:25px 0 -5px 0;}
#concurso .form-input-menor{width:100%;height:40px;border:2px solid #001739;border-radius:7px;margin-top:10px;/*font-family: Roboto;*/color:#001739;font-size:0.9em;padding:10px;background-color:transparent;}
#concurso .form-input-menor:focus{outline:none;border:2px solid #2151f6 !important;}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@-webkit-keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}  
@keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}
#concurso .solicitud{display:none;opacity:0;-webkit-animation:fadeOut 1s;animation:fadeOut 1s;}
#concurso .show{display:block;opacity:1;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;}
#concurso input[type="submit"]{width:80%;height:60px;font-family:'Open Sans';background-color:#001739;border:none;border-radius:10px;color:#fff;font-size:1.3em;margin:20px 0;}
#concurso input[type="submit"]:hover{cursor:pointer;background-color:#2151f6;}
#concurso #formulario-aceptacion .boton-volver a{color:#fff;text-decoration:none;}
#concurso #formulario-aceptacion .boton-volver a:hover{color:#22bdb6;}
#concurso p.boton-volver{text-align:center;font-size:1.3em;margin-top:40px;}
#concurso .confirmation-message{width:800px;max-width:96%;margin:0 auto;padding:20px 2% 20px 2%;background-color:rgba(255, 255, 255, 0.1);border:3px solid #fff;border-radius:20px;}


/*INSCRIPCION*/
/*form{background-color:#0d0e10;width:550px;margin:0 auto;}*/
#inscripcion-section #form-box-wrapper{
    text-align: left;
    max-width: 665px;
    margin: 70px auto;
    padding: 38px;
    background: #fff;
    /*border: 3px solid transparent;
    border-color: #6a4f28;
    -moz-border-image: -moz-linear-gradient(top,#6a4f28 0,#b78c3d 100%);
    -webkit-border-image: -webkit-linear-gradient(top,#6a4f28 0,#b78c3d 100%);
    border-image: linear-gradient(to bottom,#b78c3d 0,#6a4f28 100%);
    border-image-slice: 1;*/
    position: relative;
}
#inscripcion-section #form-box-wrapper:before {
    display: block;
    content: '';
    border: 1px solid #f0e6d2;
    opacity: .15;
    position: absolute;
    top: 7px;
    right: 7px;
    bottom: 7px;
    left: 7px;
    z-index: 1;
}
#inscripcion-section #form-box-wrapper ul{color:#001739 !important;padding:0 20px;}
#inscripcion-section #form-box-wrapper p{color:#001739 !important;}
#inscripcion-section form{position:relative;z-index:2;}
#inscripcion-section .titulo-candidatura{font-family:'Poiret One';font-size:28px;font-weight:600;text-align:center;margin:10px 0 30px 0;text-transform:uppercase;}
#inscripcion-section .titulos-formulario{font-family:'Poiret One';font-size:20px !important;font-weight:600;text-transform:uppercase;margin:25px 0 0 0;text-transform:uppercase;}
#inscripcion-section .c-input-container {
    margin-top: 10px;
}
#inscripcion-section .c-input-container label{color:#001739;text-transform:uppercase;font-size:14px;font-family:'Open Sans';}
#inscripcion-section .c-input-container label, #inscripcion-section .c-input-container>input {
    display: block;
}
#inscripcion-section .c-input-container label+input {
    margin-top: 6px;
}
#inscripcion-section .c-input-container label+select {
    margin-top: 6px;
}
#inscripcion-section .c-input-container:not(.is-modified) .c-input:focus {
    border-color: #2151f6;
    background: transparent;
    outline: 0;
}
#inscripcion-section .c-input-container:not(.is-modified) .c-input:focus+.c-input-help {
    color: #2151f6;
    opacity: 1;
    max-height: 200px;
}
#inscripcion-section .c-input {
    background: transparent;
    border: 1px solid #001739;
    /*box-shadow: 0 3px 5px rgba(1,10,19,.5) inset;*/
    padding: 8px 30px 8px 10px;
    border-radius: 0;
    width:100%;
    height:40px;
    font-size:16px;
    color:#001739;
}
#inscripcion-section .c-input-help {
    font-size: 12px;
    opacity: 0;
    min-height: 16px;
    margin-top: 4px;
    max-height: 0;
}
#inscripcion-section #form-box-files p{line-height:30px;margin:15px 0 0 0;font-size:18px;}
/*Corrección errores*/
#inscripcion-section .file-correcto{color:#1e825a;font-size:0.8em;line-height:1;}
#inscripcion-section .file-erroneo{color:#be1e37;font-size:0.8em;line-height:1;}
#inscripcion-section #ok-archivo1, #inscripcion-section #nok-archivo1, #inscripcion-section #ok-archivo2, #inscripcion-section #nok-archivo2, #inscripcion-section #ok-archivo3, #inscripcion-section #nok-archivo3{margin:3px 0;}
#inscripcion-section #ok1-archivo1, #inscripcion-section #nok1-archivo1, #inscripcion-section #ok1-archivo2, #inscripcion-section #nok1-archivo2, #inscripcion-section #ok1-archivo3, #inscripcion-section #nok1-archivo3{margin:5px 0;}
#inscripcion-section input[type="submit"]{
    padding: 15px;
    background-color: transparent;
    border: 2px solid #001739;
    position: relative;
    font-weight: 400;
    font-size: 20px;
    /*letter-spacing: 1.2px;*/
    color: #001739;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .4s ease;
    margin-top: 30px;
}
#inscripcion-section input[type="submit"]:hover{
    /*background-color: #202f3e;*/
    color: #2151f6;
    cursor:pointer;
    border: 2px solid #2151f6;
}