@font-face {
    font-family: 'Brandon Text';
    src: url("/siteresources/fonts/BrandonText/BrandonText-Light.woff2") format("woff2"), url("/fonts/BrandonText/BrandonText-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Text';
    src: url("/siteresources/fonts/BrandonText/BrandonText-Regular.woff2") format("woff2"), url("/fonts/BrandonText/BrandonText-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url("/siteresources/fonts/BrandonText/BrandonText-Bold.woff2") format("woff2"), url("/fonts/BrandonText/BrandonText-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Brandon Text';
    src: url("/siteresources/fonts/BrandonText/BrandonText-Black.woff2") format("woff2"), url("/fonts/BrandonText/BrandonText-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

body{font-family: 'Brandon Text', 'helvetica', 'arial', sans-serif !important;-webkit-font-smoothing: antialiased;}
main{padding-bottom:100px;}
h1 {max-width: 90%;margin: 0 auto;text-transform: uppercase;color: white;font-size:45px;font-weight: 900;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);bottom: 70px;}
h2{font-size:35px;font-weight:900;margin-bottom:25px;}
h3{font-size:20px; margin-bottom:25px}
h4{font-size:25px; font-weight:400;position:relative;padding:32px 50px;cursor:pointer;}
h4 strong{font-weight:900}
h4:after{content:' '; position:absolute;right:50px; top:25px; width:39px;height:39px;border-radius:50%;z-index:1;}
h4:before{content:'+'; position:absolute;right:62px; top:32px;color:#fff;z-index:2;}
h5{font-size:20px; font-weight:700;margin-bottom:30px;text-transform:uppercase;}
h5 span{font-weight:400;text-transform:none}
p{font-size:20px;line-height:24px;margin-bottom:25px;}
ul{margin-left:20px;}
ul li{font-size:20px;line-height:24px;margin-bottom:25px;}
ul li:last-child{margin-bottom:0;}
.pdfWrapp{margin-bottom:50px;}
a.pdf{display:block;width:260px;color:#727272;font-size:20px;line-height:36px;border:2px solid #727272; border-radius:20px;padding-left:25px;text-decoration:none;background:transparent url('/siteresources/graphics/transparencia/layout/flecha-der.png') 210px 10px no-repeat}
a.pdf:hover{background-color:#fff;}
#asociaciones a.pdf{width:137px;background-position:84px 10px}
.mb55{margin-bottom:55px;}
.mt25{margin-top:25px;}
.layout {width: 81.875%;margin: 0 auto;}
.content{width:83.97%; margin:0 auto;}
.mainHeader{background-color:#fff; margin-bottom:15px;}
.headerTop{height:22px;background-color:#4A7C8C}
.logoHeader{position:relative;top:-5px; margin-top:0}
.contentHeader {background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.42) 67%, rgba(0, 0, 0, 0.7)), url("/siteresources/graphics/transparencia/layout/image-header.jpg");width: 100%;height: 566px;height: calc(100vw / 2.4);max-height: 800px;background-size: cover;background-position: center;position: relative;margin: auto;}
.mainContent{padding-top:70px;}
.intro{margin-bottom:65px;}
.intro p {color:#000;margin-bottom:30px;text-align:center}
.intro p:last-child{margin-bottom:0}
#profesionales{background-color:#4A7C8C; padding:79px 0px; color:#fff;margin-bottom:64px;}
#profesionales p:last-child{margin-bottom:55px;}
#profesionales h4{color:#4A7C8C;}
#profesionales h4:after{background-color:#4A7C8C;}
#profesionales .sitem h4{color:#fff; background-color:#457686;}
#profesionales .sitem h4:after{background-color:#fff;}
#profesionales .sitem h4:before{color:#4A7C8C;content:'-';right:65px;top:29px;}
.item{background-color:rgba(255,255,255,0.60);padding:0;margin-bottom:30px}
#asociaciones{background-color:#A95F55; padding:79px 0px; color:#fff;}
#asociaciones h4{color:#A95F55;}
#asociaciones h4:after{background-color:#A95F55;}
#asociaciones .sitem h4{color:#fff; background-color:#984d44;}
#asociaciones .sitem h4:after{background-color:#fff;}
#asociaciones .sitem h4:before{color:#984d44;content:'-';right:65px;top:29px;}
#profesionales .item:last-child, #asociaciones .item:last-child {margin-bottom: 0}
.itemText{padding:60px 50px;display:none;}
.itemText ul{margin-bottom:25px;}
.itemText p.legal{color:#d72316}
.sitem .itemText{display:block}
#profesionales .itemText{color:#4a7c8c}
#profesionales .itemText .sep{border-bottom:1px solid #4a7c8c; margin:50px 0px;}
#asociaciones .itemText{color:#984d44}


.logoFooter {width: 100%;display: flex;flex-direction: column;align-items: center;margin-top: 1px;border-top: 1px solid #d5d5d5;}
.logoFooter .logoFooterImg::before {content: '';position: absolute;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #d5d5d5;background: #fff;display: block;left: 27px;top: -12px;z-index: 10;}
.logoFooter .logoFooterImg {margin-top: 0;position: relative;background: #fff;width: 105px;}
.logoFooter .logoFooterImg img {z-index: 20;position: relative;width: 100%;height: auto;background-color: #fff;}
.logoFooter p.logo{font-size:13px; color:#312171;margin-top:-4px;margin-bottom:0}

.footerNav {list-style-type:none;display: flex;flex-direction: row;align-items: flex-start;justify-content: center;margin-top: 50px;padding: 12px 0;border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;}
.footerNav li{margin:16px;}
.footerNav li a {text-decoration: underline;color: #727272;font-size: 16px;font-weight: 300;transition: all 0.2s linear;display: block;text-align: center;}
.socialNet{margin:35px 0px;}
.socialNet p{font-size:18px;color:#000;text-align:center}
.socialNetNav{list-style-type:none;display: flex;flex-direction: row;align-items: flex-start;justify-content: center;}
.socialNetNav li {margin:3px;}
.socialNetNav li a {display:block;width:46px; height:46px; background:transparent url('/siteresources/graphics/transparencia/layout/social-net.png') 0 0 no-repeat;}
.socialNet li a.facebook{background-position:0 0}
.socialNet li a.instagram{background-position:-53px 0px}
.socialNet li a.twitter{background-position:-106px 0}
.socialNet li a.pinterest{background-position:-159px 0}
.socialNet li a.youtube{background-position:-212px 0}
.socialNet li a.linkedin{background-position:-266px 0}
.socialNet li a.ivoox{background-position:-319px 0}
.socialNet li a.slideshare{background-position:-372px 0}
.socialNet li a.rss{background-position:-426px 0}
.socialNet li a.semergen{background-position:-479px 0}

#panelPopUp {position: absolute;z-index: 100;width: 100%;height: 100%;top:0;left:0;box-sizing: border-box;transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.dumbBoxWrap {opacity: 0;top: -50%;visibility: hidden;}
.dumbBoxWrapShow {opacity:1;top:28%;visibility:visible} 
.dumbBox {width:65%; min-width:240px; position:relative;z-index:20; margin:20% auto 0; background-color:#fff;padding:24px}
.dumbBox p.cmod {text-align:right; margin-bottom:29px;overflow:hidden;}
.dumbBox p.cmod a{ width:26px; height:26px;display:block; float:right;text-decoration:none;position:relative;border:1px solid #000; border-radius:100%;color:#000;}
.dumbBox p.cmod a:hover{background-color:#000; color:#fff;}
.dumbBox p.cmod a:after{content:'x';position:absolute;top:-2px;left:8px;}
.dumbBox .modalTextWrapp{padding:0 24px;}
.dumbBox .modalText {padding-bottom:10px;border-bottom: 2px solid #46a1b4; margin-bottom:25px;}
.dumbBox .modalText h5{margin-bottom:20px;font-size:24px; font-weight:900; color:#46a1b4; line-height:28px;text-transform:none;text-align:center;}
.dumbBox .modalText p{font-size:15px; line-height:20px; font-weight:400; color:#000;margin-bottom:18px; text-align:center;}
.dumbBoxFoot {width:165px; margin:0 auto;font-size:15px; line-height:28px; font-weight:400; color:#000;}
#checkBoxWrapp {cursor:pointer; padding-left:30px;position:relative;}
#checkBoxWrapp:before{content:' '; height:13px; width:13px;border:1px solid #000;position:absolute;top:7px; left:7px;}
#checkBoxWrapp.selected:after{content:'x'; position:absolute;top:-2px; left:10px;}
#panelPopUp .overlay {background-color: rgba(0,0,0,.5);height: 100%;left: 0;position: fixed;top: 0;width: 100%;}

@media screen and (max-width: 678px) {
    h4 {     
        padding-bottom: 55px;
        text-align: center;
    }
    h4:after {
        right: unset;
        top: unset;
        bottom: 5px;
        left: 50%;
        margin-left: -19.5px;
    }

    h4:before {
        right: unset;
        top: unset;
        bottom: 12px;
        left: 50%;
        margin-left: -8px;
    }
    #profesionales .sitem h4::before {
        color: #4A7C8C;
        content: '-';
        right: unset;
        top: unset;
    }
    #profesionales .sitem h4::before, #asociaciones .sitem h4::before {
        right: unset;
        top: unset;
        bottom: 15px;
        left: 50%;
        margin-left: -5px;
    }    
}