audio {border-radius:20px; background-image:none; background-color:#0080ff; border:4px ridge #ff0000; padding:5px; width:auto}
        
        div.diapositiva {display:block; margin:0px; padding:5px; padding-right:20px; width:auto}
        div.diapositiva span {display:block; margin-top:0px; padding:0px; height:auto;}
        div.diapositiva span#esco {height:0px; padding:0px; overflow:hidden}
        
        div.diapositiva span#tix {font-size:18pt; color:#048; text-shadow:2px 2px 2px #666; width:auto}
        div.diapositiva span#explica {font-size:12pt; color:#048;}
        div.diapositiva span#stamp {font-size:8pt}
        div.diapositiva span#esco {font-size:10pt; color:#444; border:0px solid #0ff}
        div.diapositiva span#esco span {font-size:14pt; color:#800; display:inline-block; padding:5px; vertical-align:bottom; vertical-align:top; border:0px solid #fcc; position:relative}
        div.diapositiva span#esco span small {font-size:10pt; color:#008; font-weight:bold}
        div.diapositiva span#esco span~span {font-size:12pt; color:#444}
        div.diapositiva span#esco span~span img {display:inline-block; width:95%; border-radius:15px; box-shadow:4px 4px 10px #444; padding:5px; border:1px solid #666; position:relative}
        div.diapositiva span#esco span.titulo {width:auto; display:block; font-size:14pt; color:#800}
        div.diapositiva span#esco span.parrafo {width:auto}
        div.diapositiva span#esco span.imagen {width:auto; width:35%}
        
        div.diapositiva span#esco span.imagen:hover{display:block; width:auto}
        div.diapositiva span#esco span.imagen:hover+span.parrafo {display:block; width:auto}
        div.diapositiva span div {font-size:18pt; color:#048; text-shadow:2px 2px 2px #666; margin:0px; padding:0px; margin-bottom:10px; margin-left:20px}
        div.diapositiva span p {font-size:14pt; color:#444; margin:0px; padding:0px; margin-bottom:5px; margin-left:40px}
        div.diapositiva span p.podcast {cursor:pointer; width:auto}
        div.diapositiva span p.podcast:hover {text-shadow:1px 1px 3px #444; color:#f00}
        div.diapositiva span p+p {font-size:10pt; color:#666; margin-left:60px; cursor:text}
        div.diapositiva span p+p~span {font-size:8pt; color:#ccc; overflow:hidden; height:0px}
        div.diapositiva span p small {font-size:7pt; color:#000}
        div.diapositiva#otros {border-radius:20px; border:1px solid #ccc; margin-left:30px; margin-right:15px}

@media screen /*telefonos*/
and (min-width:0px) 
and (max-width:510px) {
}

@media screen /*Telefonotes*/
and (min-width:511px) 
and (max-width:768px) {
}

@media screen /*Tablets*/
and (min-width:769px) 
and (max-width:1000px) {
}

@media screen /*Monitores*/
and (min-width:1001px) 
and (max-width:1200px) {
}

@media screen /*Monitores Grandes*/
and (min-width:1201px) {
}