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

/* player */
#player{ background:#cccccc; float:left; height:348px; padding:16px 15px 17px; width:623px; position:absolute;overflow:hidden;}
#player .destaques{width: 623px; height: 350px; position: absolute; overflow:hidden; z-index: 1;}

.legenda{background:url(img/legenda.gif) no-repeat ;bottom:24px;height:60px;left:24px;position:absolute;width:497px;z-index: 2;}

#player h1{color:#fff31d; font-size:28px; font-weight:bold; padding-left:7px}
#player h2{color:#fff; font-size:17px; font-weight:bold; padding-left:7px}

#thumbs{position:absolute;right:25px;z-index: 3;}
#thumbs img{ position:relative; }
#thumbs li{ margin-top:6px}

/* materias */
#materias-container{ font-weight:bold; float:left; width:652px; margin-top:-10px; clear:both}
.materia{ background:url(img/materias-fundo.gif) no-repeat; height:58px; margin:16px 0 15px -7px; width:658px;}
.materia strong{color:#000000; display:block; font-size:19px; font-weight:bold; padding:18px 0 0 34px;}
.materia em{display:block; float:left; padding:7px 12px 0 35px; font-style:normal}
.materia small{color:#464749;display:block;font-size:10px;font-weight:bold;margin:9px 0 0;}

.materias-cinza{ background:#000;  float:left; height:99px; width:319px}
.materias-rosa{ background:#000;  float:left; margin-bottom:12px; height:99px; width:319px}
.materias-cinza small, .materias-rosa small{color:#818386; font-size:10px; padding-left:6px}
.materias-cinza strong{color:#c7c9ca; font-size:22px; padding:4px 6px 0; display:block;}
.materias-rosa strong{color:#de0079;  font-size:22px; padding:4px 6px 0; display:block;}
.materias-cinza p, .materias-amarelo p, .materias-azul p, .materias-rosa p{color:#FFF; font-size:14px; padding-left:6px}
.materias-cinza img, .materias-amarelo img, .materias-azul img, .materias-rosa img{float:right;}	
.materias-amarelo { background:#818386; background:#818386; float:right; margin-bottom:12px; height:99px; width:319px}
.materias-azul { background:#818386; background:#818386; float:right; height:99px; width:319px}
.materias-amarelo strong{color:#fff31d;font-size:22px; padding:4px 6px 0; display:block;}
.materias-amarelo small, .materias-azul small {color:#4a4b4d; font-size:10px; padding-left:6px}
.materias-azul strong{color:#009ce8;font-size:22px; padding:4px 6px 0; display:block;}