﻿/*--------------------------------------------------------
zerar tags globais
--------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: Sans-Serif; font-size: 12px; color:#000000; background:#f9f6f3;}
a {font-family: Sans-Serif; font-size: 12px; color:#96212e;} a img {border:0 none}

/*--------------------------------------------------------
estrutura básica da página
--------------------------------------------------------*/
#main {width:100%;}
    #wrap {margin: 0 auto; width: 1001px;}
        #header {width:100%; min-height:129px; background:#f9f6e8 url(img/header-bg.gif) no-repeat;}
        /*#fullbanner {width:100%; height:200px; margin:0 auto;}*/
        #content-container {float:left; width:100%; background:#ffffff}
        /*#content-container {float:left; width:100%; background:transparent url(img/content-bg.gif) repeat-y;}*/
            #left { float:left; width:178px; padding-top:16px; }
            #content {float:left; width:780px; padding:27px 0 40px 22px;min-height:500px; }
            #right { display:none; }
        #footer {float:left; width:100%; height:79px; background:#f5eede url(img/footer-bg.gif) no-repeat;}

        #content-container-home { margin-top:11px;}
        #content-container-home #left {float:left; width:310px; padding:0 14px 0 21px; padding-right:14px;}
        #content-container-home #content {float:left; width:314px; border-left:#cccccc 1px solid; border-right:#cccccc 1px solid; padding:0 15px 0 12px;}
        #content-container-home #right {float:left; width:280px; display:block; padding:0 15px 0 12px;}
        
        #content-container-home #content {min-height:530px;}
        
/*--------------------------------------------------------
header
--------------------------------------------------------*/
.logo {float:left; background:transparent url(img/logo.gif) no-repeat scroll 0 0; width:163px; height:101px; margin:0; overflow:hidden; padding:0; text-indent:-999em;}
.logo a {display:block; width:163px; height:101px; }
/*.full-banner {float:left; margin-left:10px; background:transparent url(img/full-banner-bg.gif) repeat-x; width:801px; height:170px; padding:10px;}*/

/*--------------------------------------------------------
newsletter
--------------------------------------------------------*/
.newsletter {float:right; background:transparent url(img/newsletter-tit.gif) no-repeat scroll 0 5px; width:215px; height:30px; padding-left:145px; margin-top:22px;}
.newsletter .textbox {border:#dfb996 1px solid; height:18px; float:left; margin: 5px 2px 0 0;}
.newsletter .btn {margin-top:6px;}

 /*--------------------------------------------------------
menu principal
--------------------------------------------------------*/
.menu-principal {float:left; width:800px; height:19px; margin:15px 0 0 30px;}
.menu-principal ul {margin:0; padding:0;}
.menu-principal li {list-style:none; display:inline; list-style-position:outside; float:left;}

/*home*/
.menu-principal .home a {float:left; background:transparent url(img/menu/home.jpg) no-repeat; width:46px; height:19px;}
.menu-principal .home a:hover {background:transparent url(img/menu/home-on.jpg) no-repeat;}
.menu-principal .home a.active {background:transparent url(img/menu/home-on.jpg) no-repeat;}

/*a pnc*/
.menu-principal .pnc a {float:left; background:#ffffff url(img/menu/pnc.jpg) no-repeat; width:61px; height:19px;}
.menu-principal .pnc a:hover {background:transparent url(img/menu/pnc-on.jpg) no-repeat;}
.menu-principal .pnc a.active {background:transparent url(img/menu/pnc-on.jpg) no-repeat;}

/*programa*/
.menu-principal .programa a {float:left; background:#ffffff url(img/menu/programa.jpg) no-repeat; width:129px; height:19px;}
.menu-principal .programa a:hover {background:transparent url(img/menu/programa-on.jpg) no-repeat;}
.menu-principal .programa a.active {background:transparent url(img/menu/programa-on.jpg) no-repeat;}

/*colunas*/
.menu-principal .colunas a {float:left; background:#ffffff url(img/menu/colunas.jpg) no-repeat; width:71px; height:19px;}
.menu-principal .colunas a:hover {background:transparent url(img/menu/colunas-on.jpg) no-repeat;}
.menu-principal .colunas a.active {background:transparent url(img/menu/colunas-on.jpg) no-repeat;}

/*video*/
.menu-principal .video a {float:left; background:#ffffff url(img/menu/video.jpg) no-repeat; width:116px; height:19px;}
.menu-principal .video a:hover {background:transparent url(img/menu/video-on.jpg) no-repeat;}
.menu-principal .video a.active {background:transparent url(img/menu/video-on.jpg) no-repeat;}

/*galeria*/
.menu-principal .galeria a {float:left; background:#ffffff url(img/menu/galeria.jpg) no-repeat; width:116px; height:19px;}
.menu-principal .galeria a:hover {background:transparent url(img/menu/galeria-on.jpg) no-repeat;}
.menu-principal .galeria a.active {background:transparent url(img/menu/galeria-on.jpg) no-repeat;}

/*blog*/
.menu-principal .blog a {float:left; background:#ffffff url(img/menu/blog.jpg) no-repeat; width:102px; height:19px;}
.menu-principal .blog a:hover {background:transparent url(img/menu/blog-on.jpg) no-repeat;}
.menu-principal .blog a.active {background:transparent url(img/menu/blog-on.jpg) no-repeat;}

/*parceiros*/
.menu-principal .parceiros a {float:left; background:#ffffff url(img/menu/parceiros.jpg) no-repeat; width:79px; height:19px;}
.menu-principal .parceiros a:hover {background:transparent url(img/menu/parceiros-on.jpg) no-repeat;}
.menu-principal .parceiros a.active {background:transparent url(img/menu/parceiros-on.jpg) no-repeat;}

/*contatos*/
.menu-principal .contatos a {float:left; background:#ffffff url(img/menu/contatos.jpg) no-repeat; width:66px; height:19px;}
.menu-principal .contatos a:hover {background:transparent url(img/menu/contatos-on.jpg) no-repeat;}
.menu-principal .contatos a.active {background:transparent url(img/menu/contatos-on.jpg) no-repeat;}

/*--------------------------------------------------------
submenu
--------------------------------------------------------*/
.panel-menu .submenu {float:left; width:100%; height:30px;}
.panel-menu .submenu ul {margin:0; padding:0;}
.panel-menu .submenu li {float:left; list-style:none; display:inline; list-style-position:outside; padding:10px 26px 10px 0;}
.panel-menu .submenu li a { font-size: 13px; text-decoration:none;}

/*--------------------------------------------------------
migalha
--------------------------------------------------------*/
.migalha {height:31px; color:#6a6b6b; font-size:14px; line-height:30px;}
.migalha a {color:#6a6b6b; font-size:14px; text-decoration:none;}

/*--------------------------------------------------------
box-conteudo
--------------------------------------------------------*/
.box-conteudo {padding: 5px 0 0;}
.box-conteudo h3 {font-size:16px; font-weight:bold; margin:0; padding:0;}
.box-conteudo h4 {margin:0; padding-top:10px;}
.box-conteudo .materia-texto {text-align:justify; line-height:20px;}

.box-conteudo .conteudo-lista-titulo {font-weight:bold; line-height:20px;}
.box-conteudo .conteudo-lista-texto {font-size:12px; line-height:20px; text-align:justify;}

/*--------------------------------------------------------
video-home
--------------------------------------------------------*/
.video-home h2 {background:transparent url(img/video-tit.gif) no-repeat; margin:10px 0 18px 0; padding:0; width:188px; height:22px;}
.video-home img {border:0px;}

/*--------------------------------------------------------
colunas-home
--------------------------------------------------------*/
.colunas .conteudo { text-align: justify;padding-bottom:10px; }
.colunas h2 {background:transparent url(img/coluna-tit.gif) no-repeat; margin:10px 0 18px 0; padding:0; width:188px; height:22px;}
.colunas h3 {padding:0; text-transform:uppercase; color:#728e80;}
/*--------------------------------------------------------
galeria-home
--------------------------------------------------------*/
.galeria-home h2 {background:transparent url(img/galeria-tit.gif) no-repeat; margin:10px 0 18px 0; padding:0; width:188px; height:22px;}

/*--------------------------------------------------------
banner-lateral
--------------------------------------------------------*/
.banner-lateral {margin-top:20px; margin-bottom:30px;}
.banner-lateral h2 {background:transparent url(img/banner-tit.gif) no-repeat; margin:10px 0 18px 0; padding:0; width:188px; height:18px;}
.banner-lateral .banner { padding:4px;}

/*--------------------------------------------------------
menu-lateral
--------------------------------------------------------*/
.menu_tree {width:90%}

#facebook { margin-left:685px;margin-top: 35px; width: 74px; height: 32px; position: absolute; cursor: pointer; }

#twitter { margin-left:760px;margin-top: 35px; width: 68px; height: 32px; position: absolute; cursor: pointer; }

/*banner flutuante*/
#popup {position: absolute;top: 60%;left: 40%;width: 430px;height: 444px;padding: 20px 20px 20px 20px;background:transparent;}