/*** Estilo: Foto Santa Cruz **** Criado por: Francisco Arisa Junior **** Desenvolvido: Macrolink Multimidia - todos direitos reservados ****/ * { padding: 0; margin: 0; text-decoration: none; list-style: none;} body { text-align: center; font: normal .76em arial, verdana, sansans-serif;} #geral {text-align: left; margin: 0 auto; width: 960px;} img {behavior: url(img/iepngfix/iepngfix.htc);} a,a:visited,a:active { color: #000;} /**** TOPO ****/ #topo { width: 960px; height: 20px; background: url('../img/topo.jpg') no-repeat;} #menuh {width: 960px;height: 28px;background: url('../img/back_mnu.jpg') repeat-x} #menuh ul {width: 960px;padding-left: 40px;_width: 920px;} #menuh ul li {float: left;display: inline;height: 28px;padding-top: 10px;background: url('../img/l_mnu.jpg') no-repeat right top;} #menuh ul li a {color: #fff;font-weight: bold;text-transform: uppercase; padding: 10px 10px 5px 10px;font-size: 0.9em;} /**** SUBPAINEL ****/ #subpainel {width: 960px;height: 99px;background: url('../img/subpainel.jpg') no-repeat;} #subpainel #logo {float: left;width: 550px;height: 78px;padding-left: 40px;} #subpainel #logo h1 a { width: 550px;height: 78px;margin-top: 10px; background: url('../img/logo.jpg') no-repeat;text-indent: -5000px;display: block;overflow: hidden;} #subpainel #texto {float: right;padding-top: 60px;margin-right: 40px;color: #0786bd;font-weight: bold;font-size: 1.1em;_padding-left: 40px;} #subpainel #texto h2 {font-size: 18px;_font-size: 17px;} /**** PAINEL ****/ #painel {float: left;width: 960px;height: 380px;background: url('../img/l_vertical.jpg') repeat-x;} #painel #pnl {width: 880px;height: 380px;margin: 0 auto;_margin-left: 4%;overflow: hidden;} #painel ul li a img {border: none;margin-bottom: 4px;} #painel ul li { width: 880px;height: 380px;} #painel #nav {margin: 0;} /* 4 imagens */ /**** PAINEL INTERNO****/ #painel_interno {float: left;width: 960px;height: 284px;background: url('../img/l_vertical.jpg') repeat-x;} #painel_interno #pnl {width: 886px;height: 284px;margin: 0 auto;_margin-left: 4%;overflow: hidden;} #painel_interno #pnl ul li a img {border: none; margin-bottom: 4px;_margin-bottom: -4px;} #painel_interno #pnl ul li {width: 886px;height: 284px;} #painel_interno #pnl #nav {margin: 0;} /* 4 imagens */ /**** CONTEUDO ****/ #conteudo {float: left; width: 960px;min-height: 235px;background: url('../img/detalhe.jpg') no-repeat;} #conteudo .conjunto {float: left;margin-left: 40px;} #conteudo .conjunto .box {float: left;width: 204px;height: 152px;background-color: transparent;margin: 30px 7px;border: none;} #conteudo .conjunto .box img {border: none;} #conteudo .conjunto .box h3 {margin-top: 10px;} /**** CONTEUDO INTERNO****/ #conteudo_interno {float: left;width: 960px;min-height: 400px;background: url('../img/detalhe.jpg') no-repeat;} #conteudo_interno .materia {float: left;width: 886px;margin: 53px 40px 40px 35px;_margin: 53px 40px 40px 18px;background: url('../img/meio.jpg') repeat-y;} #conteudo_interno .materia .sup {float: left;width: 886px;height: 24px;background: url('../img/sup.jpg') no-repeat left;} #conteudo_interno .materia .inf {clear: both;width: 886px;height: 24px;background: url('../img/inf.jpg') no-repeat left;} #conteudo_interno .materia h1,#conteudo_interno .materia h2,#conteudo_interno .materia h3,#conteudo_interno .materia h4,#conteudo_interno .materia h5,#conteudo_interno .materia h6 {margin: 20px;color: #12A3E4;font-weight: bold;} #conteudo_interno .materia p {margin: 20px;} #conteudo_interno .materia ul { margin: 20px 40px;} #conteudo_interno .materia ul li { list-style-type: disc;margin: 2px;} #conteudo_interno .materia a {color: #12A3E4;text-decoration: underline;font-weight: bold;} #conteudo_interno .materia .video {width: 870px;text-align: center;} #conteudo_interno .materia .videobox {float: left;width: 280px;text-align: center;margin: 5px;} #conteudo_interno .materia .videobox img {border: none;} #conteudo_interno .materia .grupo_fotos {display: block;text-align: center;margin: 0 auto;width: 750px;} #conteudo_interno .materia .grupo_fotos .galeria {float: left;width: 110px;height: 125px;margin: 7px 7px;_margin: 5px 5px;padding-top: 3px;background-color: #12A3E4;} #conteudo_interno .materia .grupo_fotos .galeria a img {border: none;} #conteudo_interno .materia .grupo_fotos .galeria span {color: #fff;} /********* REVELAÇÃO ********/ #conteudo_interno .materia ul.revelacao li{padding:5px 0 ;} #conteudo_interno .materia ul.reveleja li {padding:5px 0;list-style-type: none;} #conteudo_interno .materia ul.reveleja li a, #conteudo_interno .materia ul.reveleja li a:visited{background-color:#12A3E4;padding:10px 30px;color:#fff;text-decoration:none;text-transform:uppercase;border:1px solid #000;} #conteudo_interno .materia ul.reveleja li a:hover{border:1px solid #12A3E4;background-color:#FFF;color:#12A3E4;} /********* LISTAR REVELACAO ********/ #conteudo_interno .materia ul.listar_img li{float:left;width:100px;padding:5px; list-style-type:none;border:1px solid #000;display:block;overflow:hidden;margin:5px 9px;} #conteudo_interno .materia ul.listar_img li span{width:100px;} #conteudo_interno .materia .processa {width:850px;margin:10px;text-align:center;} #conteudo_interno .materia .processa h4{width:850px;text-align:center;float:left;} /********* GALERIA DE FOTOS ********/ #conteudo_interno .materia .grupo {width: 700px;text-align: center;margin: 0 auto;_margin-left: 10%;} #conteudo_interno .materia .grupo .galeria {float: left;width: 220px;height: 170px;background: url('../img/bk_galeriafto.jpg') no-repeat;margin: 10px 60px; _margin: 10px 40px;} #conteudo_interno .materia .grupo .galeria h2 {font-size: 12px; font-weight: bold;width: 195px;text-align: left;} #conteudo_interno .materia .grupo .galeria p { font-size: 10px;font-weight: bold;width: 195px;margin-top: 5px;} /********* FORMULARIO **************/ #conteudo_interno .materia .frm {text-align: center;margin: 0 auto;width: 700px;} #conteudo_interno .materia .frm form {text-align: left; margin: 0 auto;width: 700px;} #conteudo_interno .materia .frm fieldset.ftitulo {border:none;width:700px;} #conteudo_interno .materia .frm fieldset {float:left;padding: 5px 5px;width:700px;border:none;} #conteudo_interno .materia .frm legend {margin: 0 center;} #conteudo_interno .materia .frm form label,#conteudo_interno .materia .frm form label {float:left;margin:2px 0;} #conteudo_interno .materia .frm form label{text-align:left;width:60px;} #conteudo_interno .materia .frm form input,#conteudo_interno .materia .frm form select,#conteudo_interno .materia .frm form input,#conteudo_interno .materia .frm form textarea {float:left;margin:2px 5px; border:1px solid #13a3e8;background-color:#c1e8f8;padding:2px;} #conteudo_interno .materia .frm form input.in1 {width:617px;} #conteudo_interno .materia .frm form input.in2 {width:470px;} #conteudo_interno .materia .frm form input.in3 {width:70px;} #conteudo_interno .materia .frm form input.in4 {width:100px;} #conteudo_interno .materia .frm form select.in5 {width:120px;} #conteudo_interno .materia .frm form input.in6 {width:105px;} #conteudo_interno .materia .frm form input.in7 {width:70px;} #conteudo_interno .materia .frm form input.in8 {width:270px;} #conteudo_interno .materia .frm form input.in9 {width:270px;} #conteudo_interno .materia .frm form input.in10 {width:617px;} #conteudo_interno .materia .frm form textarea {width:617px;} #conteudo_interno .materia .frm form label.error {display:block;color:red;width: 700px;} #conteudo_interno .materia .frm form input.botao{display:block;width: 140px;margin-left:70px;} #conteudo_interno .materia .frm form input.limpar{display:block;width: 140px;margin-left:10px;} /* opacity:0.65;-moz-opacity: 0.65;filter: alpha(opacity=65);border: 1px solid #e1e1e1; */ /**** RODAPE ****/ #rodape {clear: both;width: 960px;height: 109px;background: url('../img/back_rodape.jpg') repeat-x;} #rodape .back_lb {float: left;width: 222px;height: 27px;padding: 20px 0 0 40px;} #rodape address {float: left;color: #000;width: 600px;height: 27px;padding: 30px 0 0 30px;font-style: normal; font-weight: bold;} #rodape .prop_esq {float: left;width: 90px;height: 40px;margin-left: 40px; _margin-left: 20px;} #rodape .prop_esq img { float: left;border: none;} #rodape .prop_dir {float: right;width: 90px;height: 40px;margin-right: 40px;} #rodape .prop_dir img {margin-left: 20px;border: none;} #rodape .prop_esq p,#rodape .prop_dir p {font-size: 9px;color: #000;} #rodape span {float: left;width: 670px;text-align: center;margin: 20px auto;}