@import url("interna.css");
@import url("paginacao.css");
@import url("ads.css");

* { 
    padding: 0; 
    margin: 0;
    list-style: none;
    text-decoration: none;
    border: none;
}

body {
    background: #000 url(../../images/cabecalho-bg.jpg) no-repeat top center;
} 

#site { 
    width: 1000px; 
    margin: 0 auto; 
} 

#cabecalho {
    float: left;
    width: 1000px;
    height: 218px;
    background: #000 url(../../images/cabecalho.jpg) no-repeat;
}

#cabecalho #logo {
    float: left;
    width: 371px;
    height: 159px;
}

#cabecalho #logo a {
    float: left;
    width: 330px;
    height: 115px;
    margin: 23px 0 0 15px;
}

#cabecalho #lado-direito {
    float: left;
    width: 629px;
    height: 159px;
}

#cabecalho #lado-direito #busca {
    float: left;
    width: 629px;
    height: 89px;
}

#cabecalho #lado-direito #formulario {
    float: left;
    width: 554px;
    height: 61px;
    margin: 16px 0 0 29px;
}

#cabecalho #lado-direito #formulario .input-txt-search {
    float: left;
    width: 410px;
    height: 23px;
    font: 15px Arial;
    color: #2e9dff;
    margin: 19px 0 0 55px;
    background: transparent;
}

#cabecalho #lado-direito #formulario .btn-search {
    float: right;
    width: 74px;
    height: 40px;
    margin: 10px 10px 0 0;
}

#cabecalho #lado-direito #botoes {
    float: left;
    width: 629px;
    height: 70px;
}

#cabecalho #lado-direito #botoes #feed-rss {
    float: left;
    width: 193px;
    height: 70px;
}

#cabecalho #lado-direito #botoes #feed-rss a {
    float: left;
    width: 193px;
    height: 70px;
    background: url(../../images/btn-rss.png) 0 5px no-repeat;
}

#cabecalho #lado-direito #botoes #feed-rss a:hover {
    background: url(../../images/btn-rss.png) 0 1px no-repeat;
}

#cabecalho #lado-direito #botoes #favoritos {
    float: left;
    width: 224px;
    height: 70px;
}

#cabecalho #lado-direito #botoes #favoritos a {
    float: left;
    width: 224px;
    height: 70px;
    background: url(../../images/btn-favoritos.png) 0 5px no-repeat;
}

#cabecalho #lado-direito #botoes #favoritos a:hover {
    background: url(../../images/btn-favoritos.png) 0 1px no-repeat;
}

#cabecalho #lado-direito #botoes #contato {
    float: left;
    width: 210px;
    height: 70px;
}

#cabecalho #lado-direito #botoes #contato a {
    float: left;
    width: 210px;
    height: 70px;
    background: url(../../images/btn-contato.png) 0 5px no-repeat;
}

#cabecalho #lado-direito #botoes #contato a:hover {
    background: url(../../images/btn-contato.png) 0 1px no-repeat;
}

#cabecalho #menu {
    float: left;
    width: 1000px;
    height: 59px;
}

#cabecalho #menu ul {
    float: left;
    height: 20px;
    margin: 22px 0 0 25px;
}

#cabecalho #menu ul li {
    float: left;
    height: 20px;
    padding: 0 0 0 19px;
    background: url(../../images/btn-seta.png) 0 2px no-repeat;
}

#cabecalho #menu ul li a {
    float: left;
    height: 20px;
    font: bold 14px Arial;
    color: #fff;
}

#cabecalho #menu ul li a:hover {
    color: #ccc;
}

#conteudo {
    float: left;
    width: 1000px;
}

#conteudo #esquerdo {
    float: left;
    width: 220px;
}

#conteudo #esquerdo .menu {
    float: left;
    width: 204px;
    margin: 20px 0 0 12px;
}

#conteudo #esquerdo .menu h1 {
    float: left;
    width: 204px;
    height: 56px;
    margin: 0 0 2px 0;
}

#conteudo #esquerdo .menu ul {
    float: left;
    width: 204px;
}

#conteudo #esquerdo .menu ul li {
    float: left;
    width: 203px;
    height: 30px;
    background: url(../../images/fundo-menu.png) no-repeat;
}

#conteudo #esquerdo .menu ul li a {
    float: left;
    width: 203px;
    height: 30px;
    font: bold 13px/30px Arial;
    color: #2b90ff;
}

#conteudo #esquerdo .menu ul li a:hover {
    color: #fff;
}

#conteudo #esquerdo .menu ul li a span {
    float: left;
    color: #fff;
    margin: 0 8px 0 15px;
    line-height: 27px;
}

#conteudo #esquerdo .menu #cima {
    float: left;
    width: 204px;
    height: 15px;
    background: url(../../images/tag-cima.png) no-repeat;
}

#conteudo #esquerdo .menu #baixo {
    float: left;
    width: 204px;
    height: 15px;
    background: url(../../images/tag-baixo.png) no-repeat;
}

#conteudo #esquerdo .menu #hot-tags {
    float: left;
    width: 204px;
    background: url(../../images/tag-meio.png) repeat-y;
}

#conteudo #esquerdo .menu #hot-tags div {
    float: left;
    width: 194px;
    margin: 5px 10px;
}

#conteudo #esquerdo .menu #hot-tags div a {
    float: left;
    font-family: 'Trebuchet MS';
    color: #2483d8;
    margin: 3px;
}

#conteudo #esquerdo .menu #hot-tags div a:hover {
    text-decoration: underline;
}

#conteudo #direito {
    float: left;
    width: 780px;
}

#conteudo #direito .chamada-videos {
    float: right;
    width: 769px;
    height: 73px;
    margin: 13px 0 0 0;    
    background: url(../../images/chamada-videos-bg.png) no-repeat;
}

#conteudo #direito .chamada-videos h1 {
    float: left;
    font: 18px/73px Arial;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 0 75px;
}

#conteudo #direito .videos {
    float: right;
    width: 769px;
    margin: 5px 0 0 0;
}

#conteudo #direito .videos .post {
    float: left;
    width: 182px;
    background: #000;
    margin: 10px 4.5px;
}

#conteudo #direito .videos .post .titulo {
    float: left;
    width: 182px;
    height: 34px;
    overflow: hidden;
}

#conteudo #direito .videos .post .titulo a {
    float: left;
    height: 34px;
    font: bold 14px/16px Arial;
    color: #0d74ff;
}

#conteudo #direito .videos .post .titulo a:hover {
    text-decoration: underline;
}

#conteudo #direito .videos .post .imagem {
    float: left;
    width: 182px;
    height: 135px;
    margin: 4px 0 0 0;
}

#conteudo #direito .videos .post .imagem img {
    width: 182px;
    height: 135px;
    border: solid 1px #fff;
    opacity: .8;
}

#conteudo #direito .videos .post .imagem img:hover {
    opacity: 1;
}


#conteudo #direito .videos .post .info {
    float: left;
    width: 182px;
    margin: 5px 0 0 0;
}

#conteudo #direito .videos .post .info .duracao {
    float: left;
    width: 90px;
    height: 16px;
    font: bold 12px/16px Arial;
    color: #7c8395;
}

#conteudo #direito .videos .post .info .estrelas {
    float: left;
    width: 92px;
    height: 16px;
}

#conteudo #direito .videos .post .info .views {
    float: left;
    width: 90px;
    height: 20px;
    font: 11px/20px Arial;
    color: #5f6982;
}

#conteudo #direito .videos .post .info .data {
    float: left;
    width: 92px;
    height: 20px;
    text-align: right;
    font: 11px/20px Arial;
    color: #5f6982;
}

#rodape {
    float: left;
    width: 100%;
    height: 126px;
    margin: 30px 0 0 0;
    background: url(../../images/rodape-bg.jpg) no-repeat top center;
}

#rodape #centro {
    width: 1000px;
    height: 126px;
    margin: 0 auto;
    background: url(../../images/rodape.jpg) no-repeat;
}

#rodape #centro #links {
    float: left;
    width: 1000px;
    height: 57px;
}

#rodape #centro #links a {
    float: left;
    font: bold 14px/57px Arial;
    color: #fff;
}

#rodape #centro #links span {
    float: left;
    font: bold 14px/57px Arial;
    color: #fff;
    margin: 0 15px;
}

#rodape #centro #copyright {
    float: left;
    width: 1000px;
    height: 69px;
    font: bold 15px/69px Georgia;
    color: #2b90ff;
}

#hardlinks {
 float: left;
 width: 100%;
 text-align: center;
 margin: 30px 0 0 0;
}

#hardlinks a {
 color: #fff;
 font: 9px Arial;
 line-height: 20px;
 letter-spacing: -1px;
}

#hardlinks a:hover {
 text-decoration: underline;
}

#todaoferta-top {
    background : #fffbcc;
    border-top : 1px solid #e6db55;
    border-bottom : 1px solid #e6db55;
    height : 28px;
    line-height : 28px;
    z-index : 100;
    top : 0;
    left : 0;
    width : 100%;
    overflow : auto;
    position : fixed;
    text-align : center;
    font-size : 12px;
    font-weight : bold;
}

#todaoferta-top a {
    text-decoration : none;
}

#todaoferta-top a:hover {
    text-decoration : underline;
}