
article h1, article .detalle h2{ font-family: 'latobold'; color: #049A8B; }
article .detalle>div:nth-of-type(2n+2){background-color: #E6E6E6;}
article .detalle{margin-top: 20px;}

article .detalle section{ width:90%; max-width: 630px; margin: auto; } 


.certificados .carrusel img{ width: 180px; height: 140px; }
.certificados .miniaturas img{ width: 52px; height: 40px; }

@media screen and (min-width:850px){     
    .bloque1 .img, .bloque1 img{ width: 350px; }
    .bloque1 .txt{padding-right: 30px;}
    .bloque1{width: 90%; margin: auto;}
    article h1{ font-size: 35px; padding: 0px 5%; line-height: 35px; margin-top: 45px; margin-bottom: 17px; }
    article .bloque1>div{vertical-align: top;}    
    article .detalle>div div{width: 175px;}
    article .detalle section>*{vertical-align: top; padding: 25px 0px;}    
    article .detalle h2{ font-size: 25px; }
    .certificados .info{width: 750px;  margin: auto; margin-top: 20px;}      
    .certificados .cnt{width: 845px; display: table;}                
    .certificados .cnt{height: 210px;} 
    .certificados .carrusel img:hover{ width: 275px; height: 210px; margin-top: 0px; }
    .certificados .carrusel img{margin-top: 35px;}    
    .certificados .carrusel img + img{ margin-left: 10px; }
    .texto1 section{ width: 430px; bottom: 50px;  }
}

.certificados .info{ overflow: hidden;}

@media screen and (min-width:450px) and (max-width:849px){  
    .certificados .cnt{ width: 380px; display: table; margin: 10px auto; }  
    .certificados .carrusel img:nth-of-type(2n){ margin-left: 10px; }
}

@media screen and (max-width:849px){  
    .certificados .carrusel img{margin-top: 10px;}    
}

@media screen and (min-width:450px){     
    .certificados img{float: left;}                           
}

@media screen and (max-width:449px){  
    .certificados img{ margin: 0px auto 20px auto; }    
}

@media screen and (max-width:849px){          
    article .detalle section{ padding: 15px 0px; }    
    article .detalle section h2{margin-bottom: 10px; font-size: 16px;}
    article h1{text-align: justify; width: 90%; margin: 20px auto 10px auto;}
    article .bloque1{width: 90%; margin: auto;}
    article .bloque1 img{ margin: 20px auto; width: 90%; max-width: 354px; }    
    .certificados .cnt{overflow: hidden;} 
}



.certificados .miniaturas{display: table; margin: 14px auto;}
.certificados .miniaturas img + img{margin-left: 5px; }
.certificados img{cursor: pointer;}

.certificados{background: #E6E6E6; padding-top: 30px; }
.certificados h3{ color: #049A8B; font-family: 'latobold'; font-size: 35px; margin: 0px auto 15px auto; text-align: center; }



