
#cambiarCategoria{ border: solid 1px #333333; overflow: hidden; background-repeat: no-repeat; background-image: url('../img/desplegarC.svg'); } 
#cambiarCategoria select{ border: none;  background: transparent; }


#articulo h1, .contenido h3{ color: #0058B5; font-family: 'barlow_condensedbold'; } 

#articulo .presentacion{
    border-bottom: solid 2px #4D4D4D; border-top: solid 2px #4D4D4D; 
}

.encabezado .inferior{ border-bottom: solid 2px #4D4D4D; width: 100%; }
.encabezado .inferior>div:nth-of-type(1) span{ text-transform: capitalize; } 

.contenido h3{ 
    
}


.contenido ul li { 
    list-style: none;     
    background: url("../img/bineta.svg") no-repeat; 
}

#articulo .contenido *{  line-height: 25px; }
.contenido ol{ padding: 0 0 0 15px; }

@media screen and (min-width: 1200px){  
    #articulo{ width: 60vw; margin: 7.81vw auto 0px auto; padding-top: 2.4vw; }
    #cambiarCategoria{ width: 60vw; background-position: calc(57.55vw - 4px) center; background-size: 2.5vw auto; }
    #cambiarCategoria select{ width: 63vw; height: 2.92vw; padding-left: 1.4vw; }
    #articulo h1{ background-size: 3.65vw; margin-top: 0.93vw; margin-bottom: 2.08vw; background-image: url(../img/mtitulo.svg); background-repeat: no-repeat; background-position: right 2.65vw; font-size: 2.62vw;  }
    
    .encabezado .redes>div>div{ padding-left: 0.78vw; }
    
    .encabezado .redes{ padding-top: 1.42vw; padding-bottom: 0.89vw; }
    
    .encabezado>img{ width: 100%; }
    
    .encabezado .inferior>div{ padding: 1.61vw 0px; } 
    .encabezado .inferior>div:nth-of-type(1){ width: 12.76vw; padding-left: 0.7vw; }       
    .encabezado .inferior img{ height: 1.88vw; }     
    .encabezado .inferior span{ padding-left: 0.73vw; }
    
    #articulo .contenido{ margin-top: 1.8vw; }
    
    .catgoriaArticulo{ font-size: 2.6vw; margin-top: 2.92vw;  }
    
    #articulo .presentacion{ padding-top: 1.04vw; padding-bottom: 1.04vw; }
    
    #articulo .encabezado a{ width: 1.58vw; }
    #articulo .encabezado a img{ width: 1.58vw; }
    
    .encabezado .inferior{ display: table; }
    .encabezado .inferior>div{ display: table-cell; vertical-align: middle; }     
    
    .contenido h3{ font-size: 2.62vw; margin: 4vw 0 2vw 0; }
    
    .contenido ul li{ 
        padding-left: 1.5vw;
        background-size: 0.8vw;
        background-position: 0px 0.3vw;
        padding-bottom: 2vw;
    }
    
    .contenido ol li{ padding-left: calc(1.5vw - 15px); padding-bottom: 2vw; }
    

    .contenido  p + p{ margin-top: 2vw; }
}

@media screen and (max-width: 1199px){  
    #articulo{ width: 90%; margin: auto; }
    #cambiarCategoria{ width: 90vw; background-position: calc(90vw - 34px) center; background-size: 32px auto; }
    #cambiarCategoria select{ width: 110vw; height: 36px; padding-left: 6px; }
    
    
    #articulo h1{ margin-top: 0.93vw; margin-bottom: 2.08vw; font-size: 38px; line-height: 38px; }
    
    .catgoriaArticulo{ font-size: 25px; padding: 20px 0px; }
    
    #articulo .presentacion{ margin: 30px auto 5px auto; padding-top: 15px; padding-bottom: 15px;  }
    
    #articulo .encabezado a{ width: 35px; }
    #articulo .encabezado a img{ width: 35px; }
    
    .encabezado .redes>div>div{ padding-left: 20px; }    
    .encabezado .redes{ padding-top: 15px; padding-bottom: 15px; }
    
    .encabezado>img{ width: 100%; }
    
    .encabezado .inferior{ padding-bottom: 20px; }
    .encabezado .inferior>div>div{ width: 100%; }
    .encabezado .inferior>div{ padding: 15px; }
    
    .encabezado .inferior>div{ padding: 20px 0px 0px 0px;}     
    .encabezado .inferior img{ height: 30px; }         
    
    .encabezado .inferior .ico{ width: 40px; }
    
    #articulo .contenido{ padding: 30px 0px; }
    
    #articulo .contenido h3{ font-size: 38px; margin: 40px 0 20px 0; line-height: 38px; }
    
    .contenido ul li{ 
        padding-left: 20px;
        background-size: 11px;
        background-position: 0px 5px;
        padding-bottom: 25px;
    }
    
    .contenido ol li{ padding-left: 5px; padding-bottom: 25px; }
    
    .contenido  p + p{ margin-top: 25px; }
}


.catgoriaArticulo{ font-family: 'barlow_condensedbold'; color: #B4D81A; }

.encabezado .redes>div{ margin: 0px 0px auto auto; }

.contenido table{ border: none; border-spacing: 0px;  padding: 0px; margin-top: 30px; }
.contenido table td{ border-left: solid 2px #B4D81A; padding: 10px 10px;  border-top: solid 2px #B4D81A; border-right: none; border-bottom: none; }
.contenido table tr td:last-child{ border-right: solid 2px #B4D81A; }
.contenido table tr:last-child td{ border-bottom: solid 2px #B4D81A; }

.contenido a{ font-weight: bold; color: #0058B5; }

.contenido ul{ padding: 0px; }

