.titulo a:hover h2{ text-decoration: underline; }
#listadoArticulos .lista .elemento{ display: block; }


#listadoArticulos .lista .elemento h3 span{ display: block; }

.frm1 input{ background-color: transparent; }

#listadoArticulos .titulo{ border-bottom: solid 2px #4D4D4D; }
#listadoArticulos .lista{ border-top: solid 2px #4D4D4D; display: table; }

#destacados .info>div{ position: absolute; opacity: 0; }
#destacados .info>div.activo{ opacity: 1; }

@media screen and (min-width: 1200px) {
     
    #listadoArticulos>section{ width: 60vw; margin: auto;}
    
    .menu {
        height: 7.81vw; background-color: #333333; 
    }
    
    #listadoArticulos{ margin-bottom: 4.16vw; }    
    
    .titulo h2, .titulo h2 *{ font-family: 'barlow_condensedmedium'; text-transform: uppercase; font-size: 1.3vw; }
    
    #listadoArticulos .titulo{ padding-bottom: 0.94vw; padding-top: 2.34vw; }
    #listadoArticulos .lista{ margin-top: 0.31vw; }
    #listadoArticulos .lista>div{ display: table-cell; vertical-align: top; }
    #listadoArticulos .lista>div:nth-of-type(1), #listadoArticulos .lista>div:nth-of-type(3){ width: 17.3vw; }
    #listadoArticulos .lista .elemento{ width: 17.3vw; margin: auto; padding-top: 1.15vw; padding-bottom: 0.94vw;  }
    #listadoArticulos .lista .elemento img{ width: 100%; }
    #listadoArticulos .lista{ width: 60vw; }
    
    #listadoArticulos .lista .elemento h3 { margin-top: 1.71vw; margin-bottom: 0.94vw;  }
    #listadoArticulos .lista .elemento h3 span{font-family: 'barlow_condensedmedium'; text-transform: uppercase; font-size: 1.3vw;  }
    
    #listadoArticulos .lista .elemento>span{ padding-top: 1.46vw; font-family: 'myriad_probold'; padding-bottom: 1.2vw; }
    #listadoArticulos .lista .elemento p{ display: block; } 
    
    .frm1 .campo{ margin-top: 1.3vw; }
    .frm1{ width: 21.09vw; margin: 0px 0px auto auto; }
    .boton1{ margin: 1.61vw 0px auto auto; } 
    
    #destacados{ 
        width: 60vw; margin: 10.26vw auto 2.45vw auto;
    }
    
    #destacados .categoria{ margin-top: 1.72vw; margin-bottom: 1.3vw; font-size: 1.73vw; }
    
    #destacados .info>div{ display: table; width: 100%; }
    #destacados .info>div>div{ display: table-cell; vertical-align: top; }
    
    #destacados .info .b, #destacados .info .b img{ width: 22vw; }
    
    
    #destacados .mb{ width: 4.36vw; margin-top: 1.25vw; }
    
    #destacados .navegacion{ padding: 1.7vw 0px; }
    
    #destacados .navegacion>div{ margin: 0px 0px 0px auto; }
    #destacados .navegacion>div>div{ width: 2.34vw; height: 0.73vw; }
    #destacados .navegacion>div>div span{ height: 0.73vw; width: 0.73vw; margin: 0px 0px 0px auto; }
    
    #destacados .resumen{ width: 33vw; font-size: 0.86vw; line-height: 1.56vw; margin-top: 1.82vw; }
    #destacados h3{ width: 33vw; }
    #destacados h3 a{ font-size: 2.62vw; }
}

#destacados .navegacion>div>div span{ background-color: #333; cursor: pointer; }
#destacados .navegacion>div>div span.activo{ background-color: #B4D81A; }
#destacados .navegacion{ border-bottom: solid 2px #333333; }
#destacados .navegacion>div{ display: table; }
#destacados .categoria{ color: #B4D81A; font-family: 'barlow_condensedbold'; }
#destacados h3{ display: table; }
#destacados h3 a{ color: #0058B5; font-family: 'barlow_condensedbold'; }

#destacados .navegacion>div>div{ display: table-cell; }

@media screen and (max-width: 1199px){    
    .boton1{ margin-top: 30px; }
    .frm1 .campo{ margin-top: 25px; } 
    
    .frm1{ width: 90%; margin: auto; }
    .boton1{ margin: 30px auto 0px auto; }
    
    #destacados{ 
        width: 90%; margin: 50px auto;
    }
    
    #listadoArticulos .titulo{ padding: 10px 0px; }
    #listadoArticulos .lista{ margin-top: 5px; }
    
    #destacados .categoria{ margin-bottom: 20px; font-size: 25px; }
    
    #destacados .info .b img{ width: 80%; margin: auto; } 
    
    #destacados .mb{ display: none; }
    
    #destacados .navegacion{ padding: 32px 0px; }
    
    #destacados .navegacion>div{ margin: auto; }
    #destacados .navegacion>div>div{ width: 45px; height: 14px; }
    #destacados .navegacion>div>div span{ height: 14px; width: 14px; }
    
    #destacados h3 a{ font-size: 38px; line-height: 38px; }
    
    #destacados .resumen{ margin: 30px auto; }
    
    #destacados .navegacion>div>div span{ margin: auto; }
    
    #listadoArticulos .lista .elemento{ padding: 10px 0px 0px 0px; margin-bottom: 40px; }
    
    #listadoArticulos .lista .elemento>span{ margin-top: 1.46vw; padding-bottom: 1.2vw; }
    
    #listadoArticulos{ width: 90%; margin-left: 5%; }
    
    #listadoArticulos h3{ padding: 15px 0px; }
    
    #listadoArticulos .elemento>p{ margin-bottom: 20px;  }
}

#listadoArticulos .lista .elemento>span{ text-transform: capitalize; font-family: 'myriad_probold'; border-bottom: solid 2px #4D4D4D; display: block; }
#destacados .navegacion>div>div span{ display: block; }