/*GENÉRICO*/
body{margin:0;font-family:;font-size:21px;font-family:'Homemade Apple';overflow-x:hidden;}
h1, h2, h3, h4, h5, h6{font-family:'Homemade Apple';font-weight:500;}
h1{font-size:42px;color:#fff;}
h2{font-size:40px;text-align:center;margin-top:10px;margin-bottom:5px;color:#0caae3;}
h3{font-size:32px;text-align:center;margin-top:15px;margin-bottom:10px;color:#0caae3;}
h4{font-size:25px;margin-bottom:-5px;margin-top:5px;color:#0caae3;}
h5{font-size:;color:;}
h6{font-size:;color:;}
a{text-decoration:none;color:#ec6951;}
a img:hover{opacity:0.8;}
.center{margin:0 auto;}
.center-text{text-align:center;}
.left-text{text-align:left;}
.right-text{text-align:right;}
.marginv{margin:30px auto !important;}
.marginh{margin:0 30px;}
.paddingv{padding:30px 0 !important;}
.paddingh{padding:0 30px;}
img{max-width:100%;display:block;}
.content-boxed{width:1150px;max-width:85%;margin:0 auto;padding:30px 5px;}
.content-boxed p{line-height:45px;color:#2129a7;}
p{}
p a:hover{text-decoration:underline;}
ul{}
li{}
nav ul{display:flex;list-style:none;justify-content:center;margin:0;padding:0;}
nav li{margin:0 20px;align-self:center;line-height:1;}
nav a{color:#fff;font-family:'Homemade Apple';font-size:18px;}
nav a:hover{color:#2129a7;}
.oculto{display:none;}
.flotante{float:left;}
.noflotante{float:none;}


/*COLORS*/
.resaltado-azul-claro{color:#58cac8;}
.resaltado-azul{color:#0caae3;}
.resaltado-azul-oscuro{color:#2129a7;}
.resaltado-verde{color:#01c199;}
.resaltado-amarillo{color:#f9da3d;}
.resaltado-rojo{color:#cd1125;}


/*MENU-BAR*/
nav{background-color:#58cac8;padding:5px 0;position:fixed;width:100%;z-index:4;-webkit-box-shadow: 0px 1px 35px 1px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 35px 1px rgba(0,0,0,0.4);box-shadow: 0px 1px 35px 1px rgba(0,0,0,0.4);}
nav .fa{font-size:20px;}
#logo-menu{width:90px;margin:0;}
.rrss-header{width:30px;}


/*SUBHEADER*/
#subheader{position:relative;top:55px;}


/*MAIN*/
main{margin-top:90px;}
.section-wrapper{float:left;width:33.333333%;margin:10px 0;}
.section-inner{width:90%;margin:0 5%;line-height:30px;}
#section{padding-top:1px;}
#pincel-verde{margin-top:90px;margin-bottom:40px;}
#pincel-amarillo{margin-top:80px;margin-bottom:40px;}
#pincel-rojo{margin-top:100px;margin-bottom:40px;}
#pincel-azul{margin-top:100px;margin-bottom:40px;}
.content-images{display:initial;}


/*  GOOGLE API MAP KEY: AIzaSyCZ404h4m2IBomEIpwEv7RUZ9smQ74JvyA  */
#map{height: 400px;width:100%;}


/*SPONSORS*/
#sponsors-wrapper{text-align:center;margin-top:10px;}
#sponsors-wrapper h2{color:#4b112f;}
#sponsors-wrapper img{display:initial;max-width: 200px;}
#sponsors2-inner{display:flex;justify-content:center;margin-top:30px;}
#sponsors2-inner div{flex:1;}


/*FOOTER*/
footer{background-image:url(../images/textura-footer-supervivientes-2017-gepac.png);background-blend-mode:multiply;padding-top:60px;background-color:rgba(226,226,226,0.3);}
footer a{color:#fff;text-decoration:none;}
footer a:hover{color:#2129a7;}
#footer-logo-wrapper{text-align:center;}
#footer-logo-wrapper img{display:initial;width:45%;max-width: 605px;}
#footer-logo{text-align:center;align-self:center;margin:0 15px;}
.logo-division{flex:5;}
.logo-gepac{flex:3;}
#footer-logo img:hover{opacity:0.8;}
#footer-info-wrapper{background-image:url('../images/footer-pinturas-supervivientes-2017-gepac.png');background-repeat:no-repeat;background-position:center;background-position:50% 100%;padding-bottom:140px;}
#footer-info-inner{display:flex;justify-content:center;padding:50px 0;}
#footer-info-inner a{color:#2129a7;}
#footer-column{flex:1;align-self:flex-start;display:flex;justify-content:center;}
#icon-column{margin-right:15px;}
#icon-column img{width:70px;}

#footer-2{background-color:#58cac8;font-size:15px;font-family:'Homemade Apple';display:flex;-webkit-box-shadow: 0px 1px 35px 1px rgba(0,0,0,0.4);-moz-box-shadow: 0px 1px 35px 1px rgba(0,0,0,0.4);box-shadow: 0px 1px 35px 1px rgba(0,0,0,0.4);}
#footer-2 div{color:#fff;align-self:center;}
#footer-copyright{text-align:center;width:25%;}
#footer-menu{width:50%;margin:0 auto;text-align:center;}
#footer-menu ul{padding:0;}
#footer-menu li{display:inline-block;margin:0px 5px;}
#footer-menu a{text-decoration:none;color:#fff;}
#footer-menu a:hover{color:#2129a7;}
#footer-rrss{text-align:center;width:25%;font-size:1.4em;}
#footer-rrss ul{margin:0;padding:0;}
#footer-rrss li{display:inline-block;margin:0px 15px;}
#footer-rrss img{width: 32px;}


/*SECCIONES*/
#pages-content{/*padding-bottom:30px;*/color:#8b4d6d;}
#pages-content p{line-height:35px;}
#pages-content li{margin: 10px 0;}
#subheader-pages{height:400px;/*background-image:url('../images/fondo-subheader.jpg');*/background-position:51.2% 50%;position:relative;top:35px;}
#page-logo{position:relative;margin-top:-115px;}
#page-logo img{width: 305px;}
/*Acción complementaria*/
.subheader-element-accion{background-image:none !important;}
.subheader-accion{background-image:url('../images/cabecera-int-accion-cancer-melanoma-gepac.jpg');}
#map-container{max-height:380px;}
#map-inner-container{position:relative;padding-bottom:20%;height:0;overflow:hidden;}
#map-inner-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
/*Cáncer de piel y melanoma*/
.subheader-element-cancerpiel{background-image:none !important;}
.subheader-cancerpiel{background-image:url('../images/cabecera-int-division-cancer-melanoma-gepac.jpg');}
/*Consejos*/
.subheader-element-consejos{background-image:none !important;}
.subheader-consejos{background-image:url('../images/cabecera-int-consejos-cancer-melanoma-gepac.jpg');}
#abcde-list img{width:50px;float:left;position:relative;top:-14px;margin-right:10px;}
#abcde-list li{min-height:50px;}
/*El evento*/
.subheader-element-evento{background-image:none !important;}
.subheader-evento{background-image:url('../images/cabecera-int-event-cancer-melanoma-gepac.jpg');}
/*Jornada informativa*/
.subheader-element-jornada{background-image:none !important;}
.subheader-jornada{background-image:url('../images/cabecera-int-jornada-cancer-melanoma-gepac.jpg');}
/*Webinarios*/
.subheader-element-webinarios{background-image:none !important;}
.subheader-webinarios{background-image:url('../images/cabecera-int-webinarios-cancer-melanoma-gepac.jpg');}


/*MENU RESPONSIVE*/
/* Clearfix */
.clear:before, .clear:after{content:" ";display:table;}
.clear:after{clear:both;}
.clear{*zoom: 1;}
a#pull{display:none;}
@media screen and (max-width: 650px) {
    #menu{background-color:#58cac8;}
    nav{border-bottom:0;height:auto;color:#000;}
    nav ul{display:none;height:auto;width:100%;padding:0;}
    nav li{width:48%;float:left;position:relative;margin:15px 1% !important;text-align:center;}
    nav a{text-align:left;width:100%;padding:10px;color:#fff;font-size:24px;text-decoration:none;}
    nav a#pull{display: block;/*background-color: #666;*/width:95%;position:relative;padding:5px 25px;font-size:20px;}
    nav a#pull:hover{color:#fff;}
    nav a#pull:after {content:"";background-image:url('../images/nav-icon.png');background-size:contain;background-repeat:no-repeat;width:20px;height:20px;display:inline-block;position:absolute;right:40px;top:17px;}
    /*PARA LOS LINKS DEL MENU QUE SE OCULTAN EN MOVIL O TABLET*/
    .hide-on-tablet{display:none;}
    /*PARA LOS LINKS DEL MENU QUE OCUPAN EL 100% EN MOVIL O TABLET*/
    .tablet-100{width:100% !important;}
    /*PARA LOS ICONOS DE COMPARTIR DEL MENU*/
    nav .fa{font-size:30px;}
}


/*BOTON SUBIR*/
.button-up {
    display:none;
    padding:20px;
    font-size:20px;
    color:#fff;
    cursor:pointer;
    position: fixed;
    bottom:-10px;
    right:-10px;
    font-family: IcoMoon-Free;
    border-radius: 10px;
}
.button-up:before{
    content: "\ea3a";
    float: left;
}
.button-up-shadow {
    background: #634368;
    opacity: 0.6;
    width: 60px;
    height: 60px;
    position: relative;
    top: -20px;
    left: -20px;
    border-radius: 10px;
    z-index: -1;
}
.button-up-shadow:hover {
    opacity: 1;
}