/** * @author: Masávio Agência Web - Mateus Pontes * @copyright 2009 */ /** * RESETANTO PROPRIEDADES */ * { margin: 0; padding: 0; } img {border: 0; margin: 0; padding: 0;} input[type=hidden]{ display: none !important; visibility: hidden !important; } ul, li{ list-style: none;} .clear{clear: both;} a:link, a:visited, a:active{text-decoration: none; color:#3b3b3b;} a:hover{text-decoration: underline;} h1, h2, h1 a, h1 a:visited, h2 a, h2 a:visited{font-size: 20px; color: #000;} h3, h3 a, h3 a:visited{font-size: 16px; color: #3b3b3b;} span a, span a:visited{text-decoration:none; color:#7e7e7e} /* * ******************************************************************* */ body{background: #FFF url(../images/bg.jpg) top repeat-x; font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-align: center; color:#3b3b3b;} #geral{width: 980px; margin: 10px auto 0; text-align: left;} #topo{margin-top: 20px; } #logo{width: 236px; height: 100px; margin-left: 5px; margin-top: 10px; float: left;} #logo h1{width: 235px; height:102px; background: url(../images/logo-2.jpg) no-repeat; text-indent: -9999px; color: #FFF;} #banner{width: 728px; float: right;} #supper-nav{margin: 0px 0 10px 10px; padding: 7px 0 0;} #supper-nav li {float: left;} #supper-nav li.ed-noticias, #supper-nav li.ed-esportes, #supper-nav li.ed-entretenimento, #supper-nav li.ed-sexo{padding: 7px 0; margin-right: 45px; font-size: 24px; font-weight: bold;} #supper-nav li.ed-noticias, #supper-nav li.ed-noticias a, #supper-nav li.ed-noticias a:visited{color: #000080; text-decoration: none;} #supper-nav li.ed-esportes, #supper-nav li.ed-esportes a, #supper-nav li.ed-esportes a:visited{color: #008000; text-decoration: none;} #supper-nav li.ed-entretenimento, #supper-nav li.ed-entretenimento a, #supper-nav li.ed-entretenimento a:visited{color: #FF6600; text-decoration: none;} #supper-nav li.ed-sexo, #supper-nav li.ed-sexo a, #supper-nav li.ed-sexo a:visited{color: #FF0000; text-decoration: none;} #supper-nav li.busca{ padding: 3px 0; float: right;} #supper-nav li.busca input{padding: 6px; margin: 0 2px; border: 1px solid #999; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #supper-nav li.busca input.buscar_por{width: 190px;} #nav{margin: 10px 0; border-top: 1px dotted #8f8f8f; border-bottom: 1px dotted #8f8f8f; padding: 3px 0;} #nav ul{background-color: #fdb813; color: #FFF; font: bold 13px; text-align: center; padding: 3px 0;} #nav ul li{display: inline; padding: 0 8px; border-right: 1px solid #FFF;} #nav ul li.last{border-right:none;} #nav li a, #nav li a:visited {color: #FFF; font-weight: bold;} #menu{width: 165px; float: left; margin: 5px 20px 0 0; font-size: 13px;} /**** CABEÇAS */ #menu .menu_editorias{display: block; width: 165px; height: 22px; background: url(../images/cb_menu.jpg) 0 0 no-repeat; text-indent: -9999px;} #menu .menu_blogs{display: block; width: 165px; height: 22px; background: url(../images/cb_menu.jpg) 0 -22px no-repeat; text-indent: -9999px;} #menu .menu_destaques{display: block; width: 165px; height: 22px; background: url(../images/cb_menu.jpg) 0 -44px no-repeat; text-indent: -9999px;} #menu .menu_piauihoje{display: block; width: 165px; height: 22px; background: url(../images/cb_menu.jpg) 0 -66px no-repeat; text-indent: -9999px;} #menu .menu_servicos{display: block; width: 165px; height: 22px; background: url(../images/cb_menu.jpg) 0 -88px no-repeat; text-indent: -9999px;} #menu ul{ margin: 5px 0 15px 12px;} #menu li{background: #fff url(../images/set.jpg) left 5px no-repeat; padding: 2px 0 2px 15px; border-bottom: 1px dotted #8f8f8f;} #menu li, #menu li a, #menu li a:visited{color: #333; text-decoration: none;} #menu li a:hover{color: #1A599C; text-decoration: none; font-weight: bold;} .banner-menu{margin-bottom: 10px; text-align: center;} #meio{float: left;} /* CAPA */ #m-destaques .col-1{float: left; background-color: #f4f3ea; width: 330px; padding: 10px 10px; margin-right: 10px;} #m-destaques .col-1 li span{color:#ff9304; font-size: 13px; display: block; width: 100%; padding-left: 7px; background: transparent url(../images/bg_li.jpg) repeat-y; line-height: 20px; font-weight: bold;} #capa h2, #capa h2 a, #capa h2 a:visited{color: #1a599c; text-decoration:none; line-height: 23px;} #capa p, #capa p a, #capa p a:visited{font-size: 14px; font-weight: bold;} #capa-lista-mais {margin: 10px 0;} #capa-lista-mais li{margin: 20px 0;} #capa-lista-mais li h3{font-size: 18px; color: #3b3b3b; line-height: 20px;} #capa-foto-mais li{width: 150px; float: left; margin-right: 5px;} #capa-foto-mais li.last{float: right; margin-right: 5px;} #capa-foto-mais h3{font-size: 16px; color: #3b3b3b; line-height: 18px;} .container { width:330px; height:330px; overflow:hidden; position:relative; cursor:pointer; } div.slides { position:absolute; top:0; left:0; } .not{width:330px;} ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; } div.slides > div,ul.slides li { position:absolute; top:0; width:330px; display:none; padding:0; margin:0; } #capa{position: relative;} #capa ul.pagination { list-style:none; padding:0; margin:10px 0; position: absolute; top: 185px; left: 110px;} #capa ul.pagination li { float:left; color: #fff; margin: 0px 2px; font-size: 14px; font-weight: bold; } #capa ul.pagination li a { padding:3px 6px; color: #fff; background-color: #1A599C; border: 1px solid #333;} #capa ul.pagination li a:hover{background-color: #666; padding:4px 6px;} #capa ul.pagination li.active a { background:#EE840C; color:white; } #m-destaques .col-2{float: left; width: 430px; padding: 10px 0px;} .cb_destaques{display: block; width: 132px; height: 17px; background: url(../images/cb_menu.jpg) -132px -139px no-repeat; text-indent: -9999px; margin-bottom: 5px;} #m-destaques .col-2 #das-editorias{float: left; width: 210px;} .data-hora{margin-bottom: 10px;} #m-destaques .col-2 #das-editorias li{margin-bottom: 25px;} #m-destaques .col-2 #das-editoriasv li div{color: #c4c4c4; font-size: 12px; line-height: 13px; display: block; width: 100%; padding-left: 7px; background: transparent url(../images/bg_li.jpg) repeat-y; margin-bottom: 10px;} #m-destaques .col-2 #das-editorias li p, #m-destaques .col-2 #das-editorias li p a{color: #E00000; font-size: 16px; line-height: 19px;} #m-destaques .col-2 #das-editorias li .data{color: #fdbd23; font-size: 13px; line-height: 14px;} #m-destaques .col-2 #banners-dstq{float: right; width: 210px;} .col-2 #videos{width: 422px; background-color: #f1f0f0; border: 1px solid #e7e2e2;} .cb_videos{display: block; width: 411px; height: 28px; background: url(../images/cb_menu.jpg) 0px -111px no-repeat; text-indent: -9999px; margin: 5px;} .col-2 #videos ul{padding: 3px 0 8px 8px;} .col-2 #videos ul li{width: 130px; float: left; margin-right: 8px;} .col-2 #videos ul li .last{margin-right: 0px;} .col-2 #videos li{font-size: 13px; font-weight: bold; color: #000;} #videos a, videos a:visited{text-decoration: none;} #m-mais{margin: 10px 0;} .cb_ultimas{display: block; width: 200px; height: 20px; background: url(../images/cb_menu.jpg) 0 -156px no-repeat; text-indent: -9999px; margin-bottom: 10px;} #m-mais .col-1{width: 645px; float: left;} #m-mais .col-1 img{border: 3px solid #FFF;} #m-mais .col-1 h3{color: #1a5a9c; font-size: 20px; margin-bottom: 10px;} #fullbanner{margin: 5px 0 15px;} .pub-300-capa{float: right;} #m-mais #blogs{color: #3b3b3b; font-size: 14px; font-weight: bold; line-height: 16px; float: left;} #m-mais #blogs h4{color: #1a5a9c; padding-left: 12px; background: url(../images/cb_menu.jpg) -207px -159px no-repeat;} #m-mais #blogs ul{float: left; width: 310px; position: relative; display: block;} #m-mais #blogs ul img{position: absolute; right: 0px; margin-left: 5px;} #m-mais #blogs ul p{width: 230px; display: block; padding: 5px 0; margin-bottom: 8px} #m-mais #blogs ul.last{float: right;} #m-mais #blogs ul li{margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-bottom: 5px;} #m-mais #destaques{background-color: #e0e0e0; border-top: 3px solid #fbc404; border-bottom: 3px solid #fbc404; margin: 5px 0;} #m-mais #destaques ul{margin: 8px 0;} #m-mais #destaques li{float: left; margin: 0 8px; display: block; width: 196px;} #m-mais #destaques li img{ margin-bottom: 5px;} #m-mais #destaques p{color: #3b3b3b; font-size: 15px; font-weight: bold; line-height: 18px;} #m-mais #ultimas{margin: 10px 0; width: 320px; display: block; float: left;} #ultimas p.num{float: left; width: 20px; height: 45px; font-size: 14px; font-weight: bold;} #m-mais #ultimas li{padding: 10px 0; border-bottom: 1px solid #e4e4e4;} #m-mais #ultimas li p, #m-mais #ultimas li p a{color: #66676c; font-size: 13px; line-height: 18px;} #m-mais #ultimas li .data{color: #fdbd23; font-size: 12px; line-height: 13px;} #m-mais #ultimas li .data, #m-mais #ultimas li strong{line-height: 12px;} #m-mais #mural-index{float: right; width: 310px; margin: 10px 0; text-align: center;} .cb_mural{display: block; width: 200px; height: 20px; background: #FFF url(../images/cb_menu.jpg) 0 -178px no-repeat; text-indent: -9999px; margin-bottom: 10px;} #mural-index #forum {width: 300px; height: 360px; padding: 5px; overflow: scroll; background-color: #deebee;} #mural-index #forum li{clear: both; padding: 5px 0; border-bottom: 1px solid #e4e4e4; text-align: left;} #mural-index #forum span{font-size: 13px; font-weight: bold; color: #1A599C;} #mural-index .envia_mural{margin: 10px 50px 0;width: 180px; padding: 8px; background-color:#138fa9; color: #FFF; font-weight: bold; font-size: 15px; float: right;} #mural-index .envia_mural a, #mural-index .envia_mural a:visited{color: #FFF; text-decoration: none;} #m-mais #mini-banners li{float: left;} #m-mais .col-2{width: 130px; float: right; text-align: center;} .col-2 .banner-lateral{margin-bottom: 10px; text-align: center;} .parceiros{width: 970px; margin: 10px auto; text-align: center; border-top: 1px solid #e4e4e4; padding: 10px 0;} .parceiros p{text-align: left; font-size: 14px;} #rodape{width: 100%; text-align: center; background: #eef0ed; color: #000; font-style: italic; border-top: 1px dashed #666; padding-bottom: 30px;} #rodape .contentr{width: 970px; margin: 0px auto; text-align: center; padding: 25px 0; } #rodape .logo{width: 230px; margin-left: 15px; float: left;;} #rodape .logo h1{width: 236px; height:102px; background: url(../images/logo-2.jpg) no-repeat;text-indent: -9999px; color: #FFF;} #rodape .contato{width: 400px; margin: -10px 0 0 40px; float: left; text-align: left;} #rodape .contato strong{font-size: 18px;} /* ENQUETE **********/ #enquete{color: #47423a;} #enquete form{margin: 5px 0;} #enquete .ask{color: #47423a; font-size: 14px;} #enquete input[type=radio]{border: 1px solid color: #ff9900;} #enquete form .enviar{background: url(/images/btn_enviar.gif) no-repeat; width: 50px; height: 30px; border: 0; cursor: pointer; color: #FFF; vertical-align: top;} /* ENQUETE **********/ /* * ******************************************************************* * INTERNA */ #m-mais-i{margin: 10px 0; width: 790px} #m-mais-i .col-1{width: 645px; float: left;} #m-mais-i .col-2{width: 130px; float: right;} #caminho{padding-bottom:5px; border-bottom: 1px solid #e4e4e4; font-size: 14px;} #caminho .caminho-1{font-weight:bold; color: #666;} #caminho .caminho-2{color: #1A599C;} #materia-titulo h1{color: #47423a; font-size: 28px;} #materia-titulo p{color: #666; font-size: 16px; margin: 15px 0; font-weight: bold;} #materia-dados{padding: 5px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;} #materia-dados p{color: #666; margin: 10px 0 10px; float: left; width: 450px} #materia-dados .social{color: #666; margin: 10px 0 10px; float: right;} /* Comentários */ #disqus_thread h3{font-size: 22px; margin: 5px 0;} /* EDITORIAS */ ul#editoria{} ul#editoria li{padding: 10px 0; border-bottom: 1px solid #e4e4e4; text-align: left;} ul#editoria li h2 a, ul#editoria li h2 a:visited{ text-decoration:none;} .lead{color: #666; font-size: 13px; font-weight: bold; text-align: justify;} #bannerEditoria{width: 310px; background-color: #FFF; float:right; text-align: right; padding-left: 5px; padding-bottom: 5px;} /* EDITORIAS */ #texto{ margin: 15px 0; text-align: justify; font-size: 13px;} #texto img{max-width: 645px;} #texto a, #texto a:visited{color: #990000;; text-decoration: underline;} #texto #video-id{text-align:center; margin-bottom: 10px;} a.navegacao_ant, a:visited.navegacao_ant{display: block; color: #666; padding: 5px; border: 1px solid #c39b9b; width: 120px; float: left; text-decoration: none;} a.navegacao_prox, a:visited.navegacao_prox{display: block; color: #666; padding: 5px; border: 1px solid #c39b9b; width: 120px; float: right; text-decoration: none;} .imgtopo{ margin: 10px 0;} .titulo{color: #8D0E0E; font-weight: bold; text-align: center;} .texto{color: #8D0E0E; font-weight: bold; text-align: right;} #Fcontato{text-align: left; margin: 0 auto; border-bottom: 1px solid #e4e4e4; padding-bottom: 5px; padding-left: 30px } #Fcontato input, #Fcontato textarea{border: 1px solid #333; padding: 3px; margin-bottom: 10px;} #Fcontato label{display: block;} #Fcontato strong{color: #990000;} .campoCommentP{width: 400px; border: 1px solid #c4c4c4; font-size: 13px; padding: 3px;} .campoCommentG{width: 500px; height: 100px; border: 1px solid #c4c4c4; padding: 3px; font-size: 13px;} .campoCaptcha{width: 100px; border: 1px solid #c4c4c4; font-size: 13px; padding: 3px;} #captcha{margin-bottom: 3px;} /* * ******************************************************************* */ #forum{float: left; width: 340px; margin-right: 5px;} #infoforum{float: left; width: 200px; background-color: #FFF;} #iforum{width: 340px; height: 380px; margin: 0; padding: 0; border: 0;} #form{ background-color: #FFF; text-align: left;} #form form .cmp{width: 280px; border: 1px solid #C50000; background-color: #fef4e6; padding: 2px; margin-bottom: 3px; display: block;} #form form label{color: #000; font-weight: bold;} #form form span{color: #666666; font-style: italic;} #form #resposta{width: 280px; float: left; background-color: #f0e400; border: 1px dotted #3c5d27;display: none; color: #990033; font-weight: bold;} .dados{font-size: 10px; color: #000;} .dados a{color: #f0e400;} #mensagens li{color: #666; margin-bottom: 10px; display: block; padding-bottom: 5px; border-bottom: 1px dashed #8D0E0E;} #mensagens li h3{color: #8D0E0E; line-height: 18px; margin-bottom: 3px; text-decoration: none;} /*#mensagens .txt{color: #666; margin-bottom: 10px; display: block; padding-bottom: 5px; border-bottom: 1px dashed #72ac44;} #mensagens .video{width: 250px; float: left;} #mensagens .img{width: 250px; float: left;}*/ /* * ******************************************************************* */ .TabbedPanels {margin: 5px 0px; padding: 0px; float: left; clear: none; width: 610px} .TabbedPanelsTabGroup {margin: 0px; padding: 0px;} .TabbedPanelsTab {position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 3px 0px 0px; background-color: #e5ecf1; list-style: none; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; font-size: 12px; font-weight: bold;} .TabbedPanelsTabHover {background-color: #FFF;} .TabbedPanelsTabSelected {background-color: #FFF; border-bottom: 1px solid #FFF; border-left: solid 1px #e1dfd2; border-right: solid 1px #e1dfd2; } .TabbedPanelsTab a {color: black; text-decoration: none;} .TabbedPanelsContentGroup {clear: both; background-color: #FFF; border: solid 1px #e1dfd2; } .TabbedPanelsContent {padding: 3px 3px 4px 4px; height: 380px; overflow: auto;} /** * SLIDE */ .sliderwrapper{width: 290px; /*height: 280px;*/ position: relative; /*overflow: hidden; */text-decoration: none;} .contentslide .opacitylayer{width: 290px; height: 100%;} .sliderwrapper .contentdiv{width: 290px; margin: 0;padding: 0; visibility: hidden; height: 100%;} .pagination{width: 280px; padding:1px 4px; font-weight: bold; text-align: right; color: #2f7c17; clear: both; font-size: 12px; margin-bottom: 5px;} .pagination a:link, .pagination a:visited, .pagination a:active{padding:1px 4px; margin-left: 1px; text-decoration: none; color: #2f7c17; font-weight: bold;} .pagination a:hover, .pagination a.selected{background-color: #2f7c17; height:18px; color: #FFF; } .facebook{width: 210px;height: 360px;padding:0 0 10px 0}