/*MONTSERRAT FALTANTE*/
@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Light.eot);src:url(../fonts/Montserrat-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat-Light.woff) format('woff'),url(../fonts/Montserrat-Light.ttf) format('truetype');font-weight:300}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Bold.eot);src:url(../fonts/Montserrat-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat-Bold.woff) format('woff'),url(../fonts/Montserrat-Bold.ttf) format('truetype');font-weight:700}@font-face{font-family:Montserrat Extra;src:url(../fonts/Montserrat-ExtraBold.eot);src:url(../fonts/Montserrat-ExtraBold.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat-ExtraBold.woff) format('woff'),url(../fonts/Montserrat-ExtraBold.ttf) format('truetype');font-weight:800}@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Black.eot);src:url(../fonts/Montserrat-Black.eot?#iefix) format('embedded-opentype'),url(../fonts/Montserrat-Black.woff) format('woff'),url(../fonts/Montserrat-Black.ttf) format('truetype');font-weight:900}
/*CSS MINISITIO*/
#idMinisitio{font-family: 'Montserrat';overflow: hidden;/*margin-top: -30px !important;margin-bottom: -30px !important*/;font-size: 16px;}
sup{font-size:1.2em;top:1px;}
small{display:block;line-height:1;padding:5px 0 8px;}

/*HEADING*/
#idMinisitio #heading{position: relative; font-size: 16px; background: brown; padding: 0;}
#idMinisitio #heading p{width: 100%; background: #000; margin: 0; color: #fff; font-size: 1.125em;line-height: 1.3em; font-weight: 300; text-align: center; padding: 1em 12%;}

#idMinisitio #heading figure{}
#idMinisitio #heading figure > img{position: relative;}

#idMinisitio #heading figure figcaption{position: absolute;top: 5em;left: 0;width: 100%;text-align: center;}
#idMinisitio #heading figure figcaption h1{font-size: 3em;color: #fff;font-weight: 400;margin: 0;}
#idMinisitio #heading figure figcaption > img{max-width: 24.4em;}

/*MEDIAS QUERIES*/
@media(max-width: 1199px){
    #idMinisitio #heading figure{font-size: 13px;}
}
@media(max-width: 991px){
    #idMinisitio #heading figure{font-size: 10px;}
}
@media(max-width: 767px){
    #idMinisitio #heading figure{font-size: 8px;}
    #idMinisitio #heading p{font-size: 1em;}
}
@media(max-width: 543px){
    #idMinisitio #heading figure{font-size: 6px;}
    #idMinisitio #heading p{font-size: 0.875em;}
}

/*MAIN DIV*/
#idMinisitio #mein{text-align: center;}
#idMinisitio #mein h3{font-weight: 200; font-size: 3.75em; color: #2f2f2f;}
#idMinisitio #mein > a{font-size: 0.875em;line-height: 2.8em;text-transform: uppercase;font-weight: 600;background: none;padding: 0 1.92em;border: 0.143em solid #000;margin: 2em 0;-ms-flex-item-align: center;align-self: center;height: 3em;display: inline-block;text-decoration: none;color: #fff;border-radius: 0.3em;background: #000; transition: all 700ms ease;}
#idMinisitio #mein > a:hover{color: black; background:white}
#idMinisitio #mein article{margin-top: 30px;text-align: left;}

/* ARTICLE DIV/FIGCAPTION */
#idMinisitio #mein article div{color: #fff;padding: 0;}
#idMinisitio #mein article div > img{padding: 0;}
#idMinisitio #mein article div figcaption{height: 25em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;background: #000;}
#idMinisitio #mein article div figcaption h4{font-size: 1.875em;font-weight: 600;margin: 0 0.9em;}
#idMinisitio #mein article div figcaption p{font-size: 0.875em;font-weight: 400;margin: 0 2em;text-align: justify;}
#idMinisitio #mein article div figcaption button{font-size: 0.875em;text-transform: uppercase;font-weight: 600;background: none;padding: 0 1.92em;border: 0.143em solid;margin-top: 1.875em;-ms-flex-item-align: center;align-self: center;height: 3em; -webkit-transition:all 0.3s ease; transition: all 700ms ease;}
#idMinisitio #mein article div figcaption.huver button{color:#000; background: #fff; border-color:#fff}
#idMinisitio #mein article div figcaption a{position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;}

/*ARTICLE FIGURE*/
#idMinisitio #mein article figure{background: gray;padding: 0;height: 25em;}
#idMinisitio #mein article figure ul{background: rgba(255,255,255,0.80);height: 25em;overflow: hidden;color: #2f2f2f;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 0 2em;}
#idMinisitio #mein article figure ul h5{font-size: 0.875em; text-transform: uppercase; font-weight: 700; margin: 0;}
#idMinisitio #mein article figure ul li{font-size: 0.875em; font-weight: 200; margin-top: 0.8em;}
#idMinisitio #mein article:nth-of-type(3) figure ul li{margin-top: 0.3em;}
#idMinisitio #mein article:nth-of-type(3) figure ul h5 {margin: 0 0 5px;}
#idMinisitio #mein article figure ul li strong{font-weight: 600;}
#idMinisitio #mein article figure ul > a{font-size: 0.875em;line-height: 2.8em;text-transform: uppercase;font-weight: 600;background: none;padding: 0 1.92em;border: 0.143em solid;margin-top: 1.875em;-ms-flex-item-align: center;align-self: center;height: 3em;display: inline-block;text-decoration: none;color: #000;border-radius: 0.3em; transition: all 700ms ease;}
#idMinisitio #mein article figure ul > a:hover{color: #fff; background:#000; border-color:#000;}

/*BACKGROUND IMAGES*/
#idMinisitio #mein article:nth-of-type(1) > figure{background: url(../img/621-bg.jpg);}
#idMinisitio #mein article:nth-of-type(2) > figure{background: url(../img/650-bg.jpg);}
#idMinisitio #mein article:nth-of-type(3) > figure{background: url(../img/980-bg.jpg);}

/*MEDIA QUERIES*/
@media (max-width: 991px) {
    #idMinisitio #mein article figure ul{height: 33em;}
    #idMinisitio #mein article div figcaption{height: 15em;}
    #idMinisitio #mein article:nth-of-type(1) > figure{background: #fff;}
#idMinisitio #mein article:nth-of-type(2) > figure{background: #fff;}
#idMinisitio #mein article:nth-of-type(3) > figure{background: #fff;}

}
@media (min-width: 544px) and (max-width: 767px){
    #idMinisitio #mein article{font-size: 15px;}
    #idMinisitio #mein article figure ul{height: 33em;}
    #idMinisitio #mein article div figcaption{height: 27em}
    #idMinisitio #mein article figure{height: 33em;}
    #idMinisitio #mein article div figcaption{height: 18.5em;}
}
@media(max-width: 543px){
    #idMinisitio #mein article figure ul{height: initial;}
    #idMinisitio #mein article figure{height: initial;padding: 2em 0 0;}
}