.titulo{position:relative;width:98%;background-color:rgba(0,0,0,0.6);color:white;margin-top:0;font-family:'Oswald', sans-serif;font-size:18px;padding:1%;}
.divmain{max-width:1200px;}
.articuloContainer .articulo, .articuloContainer2 .articulo{position:relative;height:150px;background-color:rgba(0,0,0,0.5);border-radius:5px;border:3px solid #ddd;display:inline-block;}
.articuloContainer .articulo{width:400px;}
.articuloContainer2 .articulo{width:828px;}
.articuloContainer, .articuloContainer2{height:auto;display:inline-block;margin-left:2%;}
.articuloContainer{width:402px;}
.articuloContainer2{width:830px;}
.divimagen{height:100%;float:left;left:0;top:0;overflow:hidden;margin-right:5px;}
.articuloContainer .divimagen{width:50%;}
.articuloContainer2 .divimagen{width:200px;}
.articulo h3{font-size:16px;font-family:'Oswald', sans-serif;color:#f60 ;text-shadow:1px 1px 2px #000;padding-bottom:0;padding-top:0;padding-left:5px;margin-bottom:2px;}
.articuloContainer .articulo h3{left:52%;top:0;}
.articuloContainer2 .articulo h3{left:230px;top:-10px;}
.articulo p{font-size:12px;font-family:'Oswald', sans-serif;color:white;padding:0;top:30px;padding-left:5px;}
.articuloContainer .articulo p{left:52%;}
.articuloContainer2 .articulo p{left:237px;}
.articuloContainer .piearticulo, .articuloContainer2 .piearticulo{position:relative;height:70px;background-color:#f93;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:3px solid #ddd;margin-top:-5px;display:inline-block;}
.articuloContainer .piearticulo{width:400px;}
.articuloContainer2 .piearticulo{width:828px;margin-bottom:5px;}
.piearticulo p{position:absolute;font-size:12px;font-family:verdana;color:black;left:5px;display:inline-block;padding:0;}
.piearticulo p, .piearticulo p span{font-weight:bold;}
.piearticulo h4{position:absolute;font-size:12px;font-family:verdana;color:black;left:175px;display:inline-block;padding:0;font-weight:normal;}
.piearticulo .ch{top:2px;}
.piearticulo .md{top:20px;}
.piearticulo .gd{top:38px;}
.piearticulo h4.ch{top:-6px;}
.piearticulo h4.md{top:12px;}
.piearticulo h4.gd{top:30px;}
body > div.divmain.sombra2 > div:nth-child(3) > div.piearticulo > h4:nth-child(2){top:-4px;}
body > div.divmain.sombra2 > div:nth-child(3) > div.piearticulo > h4:nth-child(4){top:11px;}
.spinner{cursor:pointer;width:12px;}
.piearticulo .ch select, .piearticulo .md select, .piearticulo .gd select{width:35px;height:15px;font-size:8px;}
@media screen and (max-width:800px){.articuloContainer .divimagen,    .articuloContainer2 .divimagen{width:250px;}
.articuloContainer, .articuloContainer2{height:auto;width:100%;display:inline-block;margin-left:2%;margin-bottom:10px;}
.articuloContainer .articulo, .articuloContainer2 .articulo{width:95%;height:170px;}
.articuloContainer .articulo p, .articuloContainer2 .articulo p{top:33px;}
.articuloContainer .piearticulo, .articuloContainer2 .piearticulo{width:95%;}
.piearticulo .ch{top:1px;}
.piearticulo .md{top:22px;}
.piearticulo .gd{top:43px;}
.piearticulo h4.ch{top:-4px;}
.piearticulo h4.md{top:17px;}
.piearticulo h4.gd{top:38px;}
.piearticulo .ch p, .piearticulo .md p, .piearticulo .gd p{margin-left:100px;}
.piearticulo .ch select, .piearticulo .md select, .piearticulo .gd select{width:40px;font-size:9px;height:20px;}
.piearticulo h4{font-size:9px;}
body > div.divmain.sombra2 > div:nth-child(3) > div.piearticulo > h4:nth-child(2){top:-5px;}
body > div.divmain.sombra2 > div:nth-child(3) > div.piearticulo > h4:nth-child(4){top:17px;}
.articuloContainer .articulo h3{left:255px;top:-6px;}
.articuloContainer2 .articulo h3{left:235px;top:-6px;}
.articuloContainer .articulo p{left:255px;}
.articuloContainer2 .articulo p{left:235px;}
}
@media screen and (max-width:600px){.articuloContainer .articulo p, .articuloContainer2 .articulo p{top:27px;}
.mini{font-size:11px;}
.articulo h3.mini{font-size:11px;}
}
@media screen and (max-width:400px){.articuloContainer .divimagen,.articuloContainer2 .divimagen{width:140px;}
}