/* 
    Document   : home
    Created on : 14/06/2010, 17:13:20
    Author     : brunoleao
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html {
    background:#e8f0ff url(../images/bg01Home.png) top center repeat-x;
}

body {
    background:url(../images/bg02Home.png) top center repeat-x;
}

#superBanner {
    width:966px;
    height:305px;
    float:left;
    background:url(../images/bannerHomeBg02.jpg) no-repeat top center;
    overflow:hidden;
}

#superBanner #opBanner {
    width:615px;
    height:265px;
    float:left;
    margin:83px 0 0 33px;
    overflow:hidden;
}

#superBanner #opBannerSec {
    float:left;
    width:265px;
    height:265px;
    overflow:hidden;
    margin:20px 0 0 20px;
}

#superBanner #opBannerMascara {
    width:940px;
    height:305px;
    top:20px;
    *top:-185px;
    margin-left:33px;
    position:relative;
    z-index:99;
    background:url(../images/homeBannerMascara.png) no-repeat top left;
}

#destaques {
    width:940px;
    height:auto;
    min-height:350px;
    float:left;
    margin:30px 13px 0;
    padding:0 0 0 0;
    background:none;
}

#siteColuna {
    position:absolute;
    display:block;
    right:28px;
}

#colunaDestaques {
    width:50px;
    height:300px;
    position:absolute;
    display:block;
    right:28px;
    background:#ccc;
}

#cadastreseHome {
    width:920px;
    height:72px;
    padding:74px 0 0 20px;
    margin:0 13px;
    background:url(../images/cadastreseHomeBg.png) no-repeat top left;
}

#sitepos #siteConteudo {
    margin:0 0 0;
}

#sitepos #siteConteudo #contCorpo #cadastreseHome span.btOk {
    width:38px;
    height:32px;
    margin:0;
    cursor:pointer;
    background:url(../images/btOk.png) top left;
    display:block;
    float:left;
}

#sitepos #siteConteudo #contCorpo #cadastreseHome span.btOk:hover {
    background:url(../images/btOk.png) bottom left;
}

#sitepos #siteConteudo #contCorpo #cadastreseHome input {
    width:169px;
    height:16px;
    padding:5px;
    border:solid 3px #bec6d4;
    margin:0 0 10px 0;
    float:left;
    margin-right:10px;
    color:#10214d;
}

#outrosDestaques {
    width:900px;
    float:left;
    margin:20px 33px 0;
}

#outrosDestaques.central {
    width:940px;
    float:left;
    margin:20px 13px 0;
    padding:0;
    background:url(../images/homeDestaqueBg.jpg);
}

#outrosDestaques.central #destaque {
    width:286px;
    margin:10px 0 0 20px;
    float:left;
}

#outrosDestaques #outrosDestaquesTop {
    width:100%;
    height:7px;
    float:left;
    background:url(../images/homeDestaqueTop.jpg);
}

#outrosDestaques #outrosDestaquesBottom {
    width:100%;
    height:7px;
    float:left;
    background:url(../images/homeDestaqueBottom.jpg);
}

#outrosDestaques #destaque {
    width:286px;
    margin:10px 0 0 0;
    float:left;
}

#outrosDestaques #destaque.destaqueCentro {
    margin:10px 1px 0 21px;
}

#outrosDestaques #destaque span.categoria {
    width:100%;
    float:left;
}

#outrosDestaques #destaque span.video {
    width:100%;
    float:left;
}

#outrosDestaques #destaque span.titulo {
    width:auto;
    height:30px;
    float:left;
    padding:10px;
}

#outrosDestaques #destaque span.titulo a {
    font-size:14px;
    font-weight:bold;
    line-height:14px;
    text-decoration:none;
    color:#02519e;
}

#outrosDestaques #destaque span.titulo a:hover {
    text-decoration:underline;
}

#outrosDestaques #destaque span.titulo span.data {
    width:100%;
    font-size:11px;
    font-weight:normal;
    line-height:12px;
    float:left;
    color:#02519e;
}

#sitepos #siteConteudo #contCorpo #outrosDestaques #destaque ul {
    padding:0;
    margin-left:10px;
}

#outrosDestaques #destaque ul li {
    list-style:none;
    margin-bottom:14px;
}

#outrosDestaques #destaque ul li a {
    list-style:none;
    color:#02519e;
    text-decoration:none;
}

#outrosDestaques #destaque ul li a:hover {
    text-decoration:underline;
}

#outrosDestaques #destaque ul li strong {
    font-size:14px;
    text-transform:capitalize;
    color:#02519e;
}

#destaqueBanner {
    width:286px;
    height:188px;
    margin:15px 0 0 21px;
    float:left;
}

#destaqueBanner #banner {
    width:286px;
    height:188px;
    float:left;
    margin:0 7px 0 0;
}

#destaqueBanner #banner.bannerCentro {
    margin:0;
}

ul.opRadioLista {
    width:100%;
    float:left;
}

ul.opRadioLista li {
    margin-bottom:5px;
}

ul.opRadioLista a {
    font-weight:bold;
}

ul.opRadioLista span.data {
    width:100%;
    font-size:11px;
    font-weight:normal;
    line-height:12px;
    float:left;
}

#sitepos #siteColuna #siteBarraVertical {
    width:298px;
    height:auto;
    min-height:100px;
    float:left;
    background:none;
    margin-right:0;
}

#sitepos #siteColuna #colBox {
    width:275px;
    float:left;
    margin:0 0 10px 12px;
}

#opBlogVis01 {
    width:286px;
    height:300px;
    margin:15px 4px 0 13px;
    float:left;
}

#opBlogVis01 #opBlogUltimas {
     height:346px;
}

#sitepos #busca {
    margin:0 0 20px 40px;
}

#sitepos #buscaResultado {
    width:615px;
    display:table;
    margin:83px 20px 0;
    float:left;
}

#sitepos #buscaResultado h1 {
    font-size:26px;
    margin-top:0;
    margin-bottom:0;
    line-height:36px;
}

#sitepos #buscaResultado h2 {
    font-size:16px;
    margin-top:0;
    margin-bottom:5px;
}

#sitepos #buscaResultado p {
    margin-left:54px;
}

#sitepos #buscaResultado span.titulo {
    width:600px;
    font-size:18px;
    color:#02519e;
    display:block;
}

#sitepos #buscaResultado span.descricao {
    font-size:14px;
    display:block;
    margin:0 0 0px 20px;
}

#sitepos #buscaResultado #sistemaNoticiaPost {
    width:100%;
    float:left;
    margin:0;
    padding-bottom:20px;
    background:url(../images/opBlogPostDivisor.gif) no-repeat bottom center;
}

#sitepos #buscaResultado ul {
    margin:0;
    padding:0;
    margin-left:20px;
}

#sitepos #buscaResultado ul li {
    list-style:none;
    font-size:15px;
    margin:20px 0 0 0;
    padding:0 0 20px 0;
    border-bottom:1px solid #d5ddeb;
}

#sitepos #buscaResultado ul a {
    text-decoration:none;
    color:#02519E;
}

#sitepos #buscaResultado ul li a:hover {
    text-decoration:underline;
}