@font-face{font-family:ffb;src:url(../fonts/GOTHIC.woff)format("woff");}.ffb{font-family:ffb;line-height:1.128000;font-style:normal;font-weight:normal;visibility:visible;}
@font-face{font-family:ff5;src:url(../fonts/f5.woff)format("woff");}.ff5{font-family:ff5;line-height:1.127000;font-style:normal;font-weight:normal;visibility:visible;}


body{
    color: #ABB1B1;
    /*background: linear-gradient(to top right,gray, white);*/
    background:#434547;
    font-size: 16px;      
    font-family: ffb;
    padding-top: 20px;
}

.page{  
    background: #000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 50px;
    margin-top: 40px;
}
img{
    width: 100%;
}

.menu-title{
    margin-top: 35px;
    padding-top: 20px;
    font-family:ffb;
    color: #01386E; 
    font-size: 28px;
}

.fuente{
    font-size: 16px; 
    text-align: left !important;
    font-style: italic;
}
.fuente-right{
    font-size: 16px; 
    text-align: right !important;
    font-style: italic;
}
.center{
    text-align: center !important;
}

a{
    word-wrap: break-word;
}
a:hover{
    cursor: pointer;
}
p,li{
    text-align: justify;
}

.txt-align-left p{
    text-align: left !important;
}

.txt-align-right{
    text-align: right !important;
}



.footer{
    margin-top: 50px;    
    background: #000;
    padding: 20px 0;
    color: #ABB1B1;
    font-size: 14px;
    border-top: 2px;
    border-top-color: #FBC02D;
    border-top-style: solid;
}
.social{
    padding:50px 0 ;
    text-align: center;
}
.copyright{    
    font-size: 12px;
    padding-top: 30px;
    text-align: center;
}
.copyright span{
    padding-top: 10px;
    text-align: center;
    display: block;
}

.ico-facebook{
    color: #1A4792;
}
.ico-twitter{
    color: #00A7E7;
}
.ico-youtube{
    color: #F80000;
}
.ico-instagram{
    color: #5D5BBA;
}
.logos{

}
.logos .lp{
    width: 200px;
}
.logos .pnud{
    width: 50px;
}
.font25{
    font-size: 30px;
}

.counter{
    width: 193px;
}
.creditos-box{
    border: 1px solid #555;
    padding: 10px;
    font-size: 12px;
    color: #555;
}
.cap-box-1{
    border: 1px solid #1c3260;
    padding: 10px;
    font-size: 18px;
    color: #1c3260;
}
.cap-box-2{
    color :#1c3260;    
    font-size: 18px;
}
.cap{padding-top: 30px;}
.cap h2,.cap h4{
    color: #fff;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.cap .ilustracion{
    padding: 20px 0px;
}
.cap .ilustracion h3{
    color: #1c3260;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.cap .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-cap-color{
    color: #1c3260;
    font-weight: bold;   
}

.page-cap-portada{
    margin-top: 40px;
    background: #302B2A;
    padding: 100px 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.page-cap-portada h1{
    font-family: ffb;
    font-size: 40px;
    color: #fff;
    text-align: center;
    padding: 30px 0px;
}
.page-cap-portada hr{
    border-top: 1px solid #fff;
}
.page-cap-portada h5{
    color: #fff;
}


.page-image{    
    margin-top: 40px;
    padding:0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



.ods-1-box-1{
    border: 1px solid #e51f2e;
    padding: 10px;
    font-size: 18px;
    color: #e51f2e;
}

.ods-1-box-1 span{

    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-1-box-2{
    color :#e51f2e;    
    font-size: 18px;
}
.ods-1 h2,.ods-1 h4{
    color: #e51f2e !important;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-1 .ilustracion{
    padding: 20px 0px;
}
/**/
.page-cap-portada p{    
    border: 2px solid #fff;
    color: #fff;
    padding: 10px;
    margin:  10px 10px  20px 10px ;
}
.page-cap-ods span{
    color: #fff;
    margin: 10px 10px 10px 20px;
    display: block;    
}
.page-cap-ods h4{
    border-top: 2px solid #fff;
    padding: 10px 0px 0px 10px;
    color: #fff !important;
    margin-left: 20px;
}
.page-cap-ods h1{
    margin-left: 30px;   
}

.page-cap-ods h2{
    margin: 10px;
    background: #fff;
    padding: 10px;
    display: inline;
}

.page-cap-ods h1{    
    padding: 10px;    
}

.img-ico-ods{
    margin: 0 20px 20px 20px;
    width: 200px;
    border: 2px solid #fff;
}
.ilustracion p{   
    font-size: 12px;    
    text-align: center;
}

/**/
.ods-1 .ilustracion h3{
    color: #e51f2e;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-1 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-1 .page-cap-portada{
    margin-top: 40px;
    background: #e51f2e;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ods-1 .page-cap-portada h1{
    text-align: left !important;
}
.ods-1-color{
    color: #e51f2e;
    font-weight: bold;   
}



.ods-2-box-1{
    border: 1px solid #cc9c36;
    padding: 10px;
    font-size: 18px;
    color: #cc9c36;
}

.ods-2-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-2-box-2{
    color :#cc9c36;    
    font-size: 18px;
}
.ods-2 h2,.ods-2 h4{
    color: #cc9c36 ;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-2 .ilustracion{
    padding: 20px 0px;
}
.ods-2 .ilustracion h3{
    color: #cc9c36;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-2 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-2 .page-cap-portada{
    margin-top: 40px;
    background: #cc9c36;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ods-2 .page-cap-portada h1{
    text-align: left !important;
}
.ods-2-color{
    color: #cc9c36;
    font-weight: bold;   
}



.ods-3-box-1{
    border: 1px solid #27a354;
    padding: 10px;
    font-size: 18px;
    color: #27a354;
}
.ods-3-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-3-box-2{
    color :#27a354;    
    font-size: 18px;
}
.ods-3 h2,.ods-3 h4{
    color: #27a354 ;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-3 .ilustracion{
    padding: 20px 0px;
}
.ods-3 .ilustracion h3{
    color: #27a354;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-3 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-3 .page-cap-portada{
    margin-top: 40px;
    background: #27a354;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-3-title{
    margin: 0px;
    padding: 0px;
}
.ods-3 .page-cap-portada h1{
    text-align: left !important;
}
.ods-3-color{
    color: #27a354;
    font-weight: bold;   
}

/**/


.ods-4-box-1{
    border: 1px solid #c4263e;
    padding: 10px;
    font-size: 18px;
    color: #c4263e;
}
.ods-4-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-4-box-2{
    color :#c4263e;    
    font-size: 18px;
}
.ods-4 h2,.ods-4 h4{
    color: #c4263e;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-4 .ilustracion{
    padding: 20px 0px;
}
.ods-4 .ilustracion h3{
    color: #c4263e;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-4 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-4 .page-cap-portada{
    margin-top: 40px;
    background: #c4263e;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-4-title{
    margin: 0px;
    padding: 0px;
}
.ods-4-color{
    color: #c4263e;
    font-weight: bold;   
}


.ods-5-box-1{
    border: 1px solid #f04d3a;
    padding: 10px;
    font-size: 18px;
    color: #f04d3a;
}
.ods-5-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-5-box-2{
    color :#f04d3a;    
    font-size: 18px;
}
.ods-5 h2,.ods-5 h4{
    color: #f04d3a;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-5 .ilustracion{
    padding: 20px 0px;
}
.ods-5 .ilustracion h3{
    color: #f04d3a;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-5 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-5 .page-cap-portada{
    margin-top: 40px;
    background: #f04d3a;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-5-title{
    margin: 0px;
    padding: 0px;
}
.ods-5 .page-cap-portada h1{
    text-align: left !important;
}
.ods-5-color{
    color: #f04d3a;
    font-weight: bold;   
}

.ods-6-box-1{
    border: 1px solid  #10b2d9;
    padding: 10px;
    font-size: 18px;
    color:  #10b2d9;
}
.ods-6-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-6-box-2{
    color : #10b2d9;   
    font-size: 18px;
}
.ods-6 h2,.ods-6 h4{
    color:  #10b2d9;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-6 .ilustracion{
    padding: 20px 0px;
}
.ods-6 .ilustracion h3{
    color:  #10b2d9;;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-6 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-6 .page-cap-portada{
    margin-top: 40px;
    background:  #10b2d9;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-6-title{
    margin: 0px;
    padding: 0px;
}
.ods-6 .page-cap-portada h1{
    text-align: left !important;
}
.ods-6-color{
    color: #10b2d9;
    font-weight: bold;   
}

/*ods 7 fcb533*/

.ods-7-box-1{
    border: 1px solid  #fcb533;
    padding: 10px;
    font-size: 18px;
    color:  #fcb533;
}
.ods-7-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-7-box-2{
    color : #fcb533;   
    font-size: 18px;
}
.ods-7 h2,.ods-7 h4{
    color:  #fcb533;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-7 .ilustracion{
    
    padding: 20px 0px;
}
.ods-7 .ilustracion h3{
    color:  #fcb533;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-7 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-7 .page-cap-portada{
    margin-top: 40px;
    background:  #fcb533;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-7-title{
    margin: 0px;
    padding: 0px;
}
.ods-7 .page-cap-portada h1{
    text-align: left !important;
}
.ods-7-color{
    color: #fcb533;
    font-weight: bold;   
}

/* ods 8 */

.ods-8-box-1{
    border: 1px solid  #89133f;
    padding: 10px;
    font-size: 18px;
    color:  #89133f;
}
.ods-8-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-8-box-2{
    color : #89133f;
    font-size: 18px;
}
.ods-8 h2,.ods-8 h4{
    color:  #89133f;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-8 .ilustracion{
    padding: 20px 0px;
}
.ods-8 .ilustracion h3{
    color:  #89133f;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-8 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-8 .page-cap-portada{
    margin-top: 40px;
    background:  #89133f;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-8-title{
    margin: 0px;
    padding: 0px;
}
.ods-8 .page-cap-portada h1{
    text-align: left !important;
}
.ods-8-color{
    color: #89133f;
    font-weight: bold;   
}

/*ods 9 f37537*/

.ods-9-box-1{
    border: 1px solid  #f37537;
    padding: 10px;
    font-size: 18px;
    color:  #f37537;
}
.ods-9-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-9-box-2{
    color : #f37537;
    font-size: 18px;
}
.ods-9 h2,.ods-9 h4{
    color:  #f37537;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-9 .ilustracion{
    padding: 20px 0px;
}
.ods-9 .ilustracion h3{
    color:  #f37537;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-9 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-9 .page-cap-portada{
    margin-top: 40px;
    background: #f37537;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-9-title{
    margin: 0px;
    padding: 0px;
}
.ods-9 .page-cap-portada h1{
    text-align: left !important;
}
.ods-9-color{
    color: #f37537;
    font-weight: bold;   
}

/*ods  10 e21e91*/

.ods-10-box-1{
    border: 1px solid  #e21e91;
    padding: 10px;
    font-size: 18px;
    color:  #e21e91;
}
.ods-10-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-10-box-2{
    color : #e21e91;
    font-size: 18px;
}
.ods-10 h2,.ods-10 h4{
    color:  #e21e91;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-10 .ilustracion{
    padding: 20px 0px;
}
.ods-10 .ilustracion h3{
    color:  #e21e91;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-10 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-10 .page-cap-portada{
    margin-top: 40px;
    background: #e21e91;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-10-title{
    margin: 0px;
    padding: 0px;
}

.ods-10 .page-cap-portada h1{
    text-align: left !important;
}
.ods-10-color{
    color: #e21e91;
    font-weight: bold;   
}

/*ods 11 f89b38*/



.ods-11-box-1{
    border: 1px solid  #f89b38;
    padding: 10px;
    font-size: 18px;
    color:  #f89b38;
}
.ods-11-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-11-box-2{
    color : #f89b38;
    font-size: 18px;
}
.ods-11 h2,.ods-11 h4{
    color:  #f89b38;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-11 .ilustracion{
    padding: 20px 0px;
}
.ods-11 .ilustracion h3{
    color: #f89b38;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-11 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-11 .page-cap-portada{
    margin-top: 40px;
    background: #f89b38;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-11-title{
    margin: 0px;
    padding: 0px;
}
.ods-11 .page-cap-portada h1{
    text-align: left !important;
}
.ods-11-color{
    color: #f89b38;
    font-weight: bold;   
}


/*ods 12 cc8c37*/
.ods-12-box-1{
    border: 1px solid  #cc8c37;
    padding: 10px;
    font-size: 18px;
    color:  #f89b38;
}
.ods-12-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-12-box-2{
    color : #cc8c37;
    font-size: 18px;
}
.ods-12 h2,.ods-12 h4{
    color:  #cc8c37;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-12 .ilustracion{
    padding: 20px 0px;
}
.ods-12 .ilustracion h3{
    color: #cc8c37;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-12 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-12 .page-cap-portada{
    margin-top: 40px;
    background: #cc8c37;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-12-title{
    margin: 0px;
    padding: 0px;
}
.ods-12 .page-cap-portada h1{
    text-align: left !important;
}
.ods-12-color{
    color: #cc8c37;
    font-weight: bold;   
}

/*ods 13 467845*/

.ods-13-box-1{
    border: 1px solid  #467845;
    padding: 10px;
    font-size: 18px;
    color:  #467845;
}
.ods-13-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-13-box-2{
    color : #467845;
    font-size: 18px;
}
.ods-13 h2,.ods-13 h4{
    color:  #467845;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-13 .ilustracion{
    padding: 20px 0px;
}
.ods-13 .ilustracion h3{
    color: #467845;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-13 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-13 .page-cap-portada{
    margin-top: 40px;
    background: #467845;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-13-title{
    margin: 0px;
    padding: 0px;
}
.ods-13 .page-cap-portada h1{
    text-align: left !important;
}
.ods-13-color{
    color: #467845;
    font-weight: bold;   
}

/*ods 14 3db659*/

.ods-15-box-1{
    border: 1px solid  #3db659;
    padding: 10px;
    font-size: 18px;
    color:  #3db659;
}
.ods-15-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-15-box-2{
    color : #3db659;
    font-size: 18px;
}
.ods-15 h2,.ods-15 h4{
    color:  #3db659;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-15 .ilustracion{
    padding: 20px 0px;
}
.ods-15 .ilustracion h3{
    color: #3db659;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-15 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-15 .page-cap-portada{
    margin-top: 40px;
    background:#3db659;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-15-title{
    margin: 0px;
    padding: 0px;
}
.ods-15 .page-cap-portada h1{
    text-align: left !important;
}
.ods-15-color{
    color: #3db659;
    font-weight: bold;   
}

/*ods 16 1b5e91*/

.ods-16-box-1{
    border: 1px solid  #1b5e91;
    padding: 10px;
    font-size: 18px;
    color:  #1b5e91;
}
.ods-16-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-16-box-2{
    color : #1b5e91;
    font-size: 18px;
}
.ods-16 h2,.ods-16 h4{
    color:  #1b5e91;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-16 .ilustracion{
    padding: 20px 0px;
}
.ods-16 .ilustracion h3{
    color: #1b5e91;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-16 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-16 .page-cap-portada{
    margin-top: 40px;
    background:#1b5e91;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-16-title{
    margin: 0px;
    padding: 0px;
}
.ods-16 .page-cap-portada h1{
    text-align: left !important;
}
.ods-16-color{
    color: #1b5e91;
    font-weight: bold;   
}



/*ods 17 183862*/

.ods-17-box-1{
    border: 1px solid  #183862;
    padding: 10px;
    font-size: 18px;
    color:  #183862;
}
.ods-17-box-1 span{
    font-size: 14px;
    text-align: right;
    display: block;
    clear: both
}

.ods-17-box-2{
    color : #183862;
    font-size: 18px;
}
.ods-17 h2,.ods-17 h4{
    color:  #183862;
    font-family: ffb;
    line-height: 1.128000;
    font-style: normal;
    font-weight: normal;
    visibility: visible;
}
.ods-17 .ilustracion{
    padding: 20px 0px;
}
.ods-17 .ilustracion h3{
    color: #183862;
    font-size: 16px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.ods-17 .ilustracion span{
    display: block;
    color: #333333 !important;
}
.ods-17 .page-cap-portada{
    margin-top: 40px;
    background:#183862;
    padding:  0px;
    padding-top: 100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.ods-17-title{
    margin: 0px;
    padding: 0px;
}
.ods-17 .page-cap-portada h1{
    text-align: left !important;
}
.ods-17-color{
    color: #183862;
    font-weight: bold;   
}


.padding-left-20{
    padding-left: 20px;
}
.txt-bold{
    font-weight: bold;
}

.ul-ods{
    padding-left: 40px;
}



/* - - -*/

.menu{
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 1000;
    background: #000;
    color:#FBC02D;    
    zoom: 100% !important;
    width: 100%;
    font-family: ffb;
    padding: 5px;
    border-bottom: 2px;
    border-bottom-color: #FBC02D;
    border-bottom-style: solid;
}

.menu:hover{
    cursor: pointer;

}
.menu-index{
    z-index: 1010 !important;
}
.menu-main{
    margin-top: 60px;
    font-size: 28px;
    text-align: center;
    color: #ABB1B1;
    font-family: ffb;
}

.indice{
    padding: 20px 50px;
    color: #ABB1B1;
}

.indice li{
    list-style: none;
}
.indice li a{
    text-align: left;
    display: block;
}
.page-links{

}
.page-links a{
    font-size: 11px;
    font-family: ffb;

    text-decoration: none;
    color: #01386E;
    display: block;  
    padding: 10px;
    background: #fff;
    border-bottom: 0.5px;
    border-bottom-color: #ccc;
    border-bottom-style: dotted;    

}
.page-links a:hover{
    background: #000;

}
.page-links li{

    font-size: 12px;    
}
.page-links-index{
    background: #000;

}

.page-links-index a{
    font-size: 14px;
    text-decoration: none;
    color: #ABB1B1;
    display: block;  
    padding: 5px;
    background: #000;
    border-bottom: 0.5px;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    -moz-transition:all 0.8s ease;              
    -ms-transition:all 0.8s ease;                 
    -webkit-transition:all 0.8s ease;                   
    -o-transition:all 0.8s ease;
}
.page-links-index a:hover{
    background: #FEC007;
    color: #000;
}
.page-links-index li{

    font-size: 16px;    
}
.active{
    color: #000 !important;
    background: #FEC007 !important; 
}  
.home{
    background-image: url(../images/bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-size: cover;*/
}

.table-container{
    overflow: auto;
    font-size: 12px;
}
.table-container table{
    width: 100%;
}


.img-resposive{
    width: 100%;
}

#anim-lp{
    top:-150px;
    position: absolute;
    width: 500px;
    height: 150px;
    z-index: 1001
}

#anim-agenda{
    position: absolute;
    width: 500px;
    height: 150px;
    z-index: 1002;
    bottom: -150px;
}

#anim-ods {
    -webkit-animation: rotation 200s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.badge{
    color: #fff;
    background: #3E50B4 !important;
    margin: 2px;

    border-radius: 10px !important;
}
.badge:hover{
    cursor: pointer;
}

.a66-container-image {
    position: relative;
}
.a66-title-image {
    background: url(../images/fnd-trans.png);
    position: absolute;
    font-size: 14px;
    color: #000;
    padding: 15px;
    left: 20px;
    bottom: 20px;
    z-index: 10;    
}
.a66-title-image p{
    padding: 0px;
    margin: 0px;
}

.img2040{
    width: 100%;
}
.imgPortada{
    width: 100%;
}
iframe{
 border: 1px solid #000;   
}
.link-map{
    margin: 5px auto;
}
.contenido{
    font-size: 24px;
    margin: 10px;
    display: block;
    float: left
}
.title-menu{
    display: block;
    margin-top: 40px;    
}

.title-menu-part{
   font-size: 20px;    
}

@media screen and (max-width:768px) {
    .page{
        padding: 10px;
    }
    .indice{
        padding: 10px;
    }
    .page-cap-portada h1{
        font-family: ffb;
        font-size: 25px;
        color: #fff;
        text-align: center;
        padding: 30px 10px;
    }
    .page-cap-portada h5{
        padding:10px;
    }
    .img2040{
        width: 50%;    
        padding: 10px 0;
    }
    .imgPortada{
        width: 50%;
        margin: 0 auto;
        display: block;
    }
    p{
        text-align: left;
    }

}



/*Override Bootstrap*/

.modal-content{
    background: #434547 !important;
}