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

/*   ---------     NUEVO SLIDER & TOP BAR ---------  */
#white, #g-header{background: #ffffff;}
#g-header #slider-1 .g-content{top:0; margin-bottom: 0;}
#sppal .slideshow-caption h3.g-slideshow-title{color:#000000;}
#sppal h3 .g-slideshow-title{color:#000000;}
#sppal .uk-overlay-active .uk-active>.uk-overlay-fade{ left:12.5%;
    padding-top: 150px;
    padding-bottom: 45px;
    padding-right: 50px;
    padding-left: 50px;
    width: calc(100% / 2.4);
    height: calc(100% / 3);
    display: block;
}
#sppal .uk-overlay-active .uk-active>.uk-overlay-fade .uk-overlay-background{
    padding-top: 45px;
    padding-bottom: 45px;
    padding-right: 50px;
    padding-left: 50px;
}
#sppal .uk-overlay-active .uk-active>.uk-overlay-panel h3{color:black !important; font-size: 30px; margin-top: 0;}
#sppal h2.demo{color: #000000 !important;}
#sppal .btn-fs{
    color:#ffffff; 
    background-color: #fd5a1a !important; 
    font-size: 15px; 
    padding-left: 25px; 
    padding-right: 25px; 
    padding-top: 15px; 
    padding-bottom: 15px;
    font-family: "SiemensSlab", "Siemens Slab", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.045em;
    white-space: nowrap;
    position: absolute;
    left:70%;
    margin-top: 20px;
}
#g-header .uk-slidenav{background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); border-radius: 0; height: 75px; width: 38px;}
#g-header .uk-slidenav:before{ font-size: 35px; line-height: 70px; color:#ffffff; }
#g-header .g-main-nav .g-toplevel > li.grey > .g-menu-item-container{color:#8ca3af;}
#g-header .g-main-nav .g-toplevel > li.grey:hover > .g-menu-item-container{color:#5f6a6f;}



#g-navigation{background-color: #ffffff; background-image: none;}
#g-navigation .shadow > .g-content{box-shadow: none;}
#g-header .g-main-nav .g-toplevel > li > .g-menu-item-container{line-height: 48px;}
.gantry-logo img {  width: 248px; }
#g-header .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover{background: #ffffff;}

#g-header .uk-slidenav-position .uk-slidenav-previous{left: 0;}
#g-header .uk-slidenav-position .uk-slidenav-next{right: 0;}
/* ---------------------  ------------------- */ 
#CLOGO-home{ background: #009999; padding: 0.45rem;}
#CLOGO-home a, #ENERGY-home a, #EMPOWER a{ color:#ffffff;  font-family: 'Bree Serif', serif; font-weight: normal;}
#CLOGO-home a:hover, #ENERGY-home a:hover{color:#efefef;}

#ENERGY-home{ background: #7da4b1; padding: 0.45rem;}
#EMPOWER{ background: #9ac6d5; padding: 0.45rem;}

#CLOGO-home, #ENERGY-home, #EMPOWER{color:#efefef; font-family: "SiemensSlab", "Siemens Slab", Arial, sans-serif;}

#Donaciones{background-color:#efefef; padding-top:10px; color:#2c3378; font-size:15px;}
#Donaciones a{font-size:16px; color:#2c3378;  }

#covid {color: black; font-family: "SiemensSlab", "Siemens Slab", Arial, sans-serif; padding: 20px 0 30px 50px; letter-spacing: 0.035em;}
#covid strong{color: black;}
#covid p {margin: 0;}
#covid h1{color: black; font-size: 26px !important; line-height: 36px !important; margin: 0 0 27px 0 !important;}
#covid .uk-width-3-10 a {
    background-color: #fd5a1a;
    padding: 1rem;
    color: #fff;
    display: block;
    text-align: center;
    margin-top: -20px;
}

#area_1 .g-content, #area_2 .g-content, #area_3 .g-content, #area_4 .g-content{ margin:10px; position: relative; font-family: "SiemensSlab", "Siemens Slab", Arial, sans-serif;}
#caption-area{position: absolute; bottom: 0; background: #f55; padding: 1em; width: 100%; color: #ffffff; text-align: center;}

#area_1 #caption-area{background: rgba(0, 153, 153, .85);}
#area_2 #caption-area{background: rgba(125, 164, 177, .85);}
#area_3 #caption-area{background: rgba(113, 135, 55, .85);}
#area_4 #caption-area{background: rgba(99, 10, 53, 0.6) !important}

/* ---------    RESPONSIVE ------------- */

@media only all and (max-width: 30rem){
    .gantry-logo img{margin-left: 20px;  }
    .gantry-logo{background-color: rgb(255, 255, 255, 0.8); height: auto; width: 100%;}
    #g-header .g-content{margin:0; padding: 0;}
     
    #g-header div#white:nth-child(4){display: none;}


    #sppal .uk-overlay-active .uk-active>.uk-overlay-fade{padding: 0; position: absolute; left:0; top:300px; width: 100%;}

    #sppal .uk-overlay-active .uk-active>.uk-overlay-fade .uk-overlay-background {
    padding-top: 20px;
    padding-bottom: 60px;
    padding-right: 40px;
    padding-left: 40px;
}	
	#sppal .uk-overlay-active .uk-active>.uk-overlay-panel h3{font-size: 1.65em;}
    #sppal .btn-fs{left: 0; margin: 10px calc(100% /3.5);}