@charset "utf-8";
/* CSS Document */

/* materia */
#materia{float:left; width:652px }
#materia p{margin-bottom:31px;font-size:14px}
#materia small{ color:#838383;display:block;font-size:12px; font-weight:bold; margin-bottom:11px;margin-top:11px;text-transform:uppercase}

#titulo{ background:#000;bottom:8px;height:62px;width:652px; margin-top:11px; clear:both }
#titulo strong{color:#FFFF00;font-size:30px;font-weight:bold; display:block;padding-left:9px;} 
#titulo h1{color:#FFFFFF; float:left;font-size:18px;font-weight:bold;margin-right:13px;padding-left:9px;}
#titulo small{color:#818386;font-size:11px;font-weight:bold;margin-top:7px; text-transform:none; display:block} 


/* player */
#player{ background:#cccccc; float:left; height:348px; padding:15px; width:623px; position:relative; margin-bottom:11px;}
#legenda{ background:#000;bottom:23px;height:62px;left:28px;position:absolute;width:598px;}
#legenda strong{color:#FFFF00;font-size:30px;font-weight:bold; display:block;padding-left:9px;} 
#legenda h1{color:#FFFFFF; float:left;font-size:18px;font-weight:bold;margin-right:13px;padding-left:9px;}
#legenda small{color:#818386;font-size:11px;font-weight:bold;margin-top:7px; text-transform:none; display:block} 

/*materias relacionadas */
#materias-relacionadas-countainer{ width:290px; float:right; margin-top:11px;}
#materias-relacionadas-countainer h1{ background:#000;color:#FFFFFF;font-size:12px;font-weight:bold;line-height:22px;padding-left:6px;}
.materias-relacionadas{ background:#d2d2d2; height:52px; margin-top:6px;padding-left:7px;padding-top:5px;width:283px;}
.materias-relacionadas-2{ background:#fff; height:52px; margin-top:6px;padding-left:7px;padding-top:5px;width:283px;}
.materias-relacionadas small,.materias-relacionadas-2 small{ color:#838383; font-weight:bold; font-size:8px; display:block}
.materias-relacionadas strong,.materias-relacionadas-2 strong{ font-size:20px; font-weight:bold}
.materias-relacionadas p,.materias-relacionadas-2 p{font-weight:bold; font-size:12px}
.materias-relacionadas a, .materias-relacionadas-2 a{color:#000}

/* rodape */
#rodape{background:#000;}

#capa-revista{ float:left; right:-1px}