/************************* CONFIGURAÇÕES GERAIS **************************/ * {margin:0px;padding:0px;border:0px;text-decoration:none;list-style:none; color:#4B4949;} h1, h2, h3, h4, h5, h6 {font-size:1px; text-indent:-7777px; overflow:hidden;} html,body { behavior:url("./includes/js/csshover.htc"); height:100%; background:url(../imagens/bgGeral.jpg) repeat-x left top #DCD8CF; font:normal 11px Tahoma,"Trebuchet MS", Arial, Helvetica, sans-serif;} div#container { position:relative; /* necessario para o rodape */ margin:0 auto; /* centraliza MZ */ width:704px; height:auto !important; /* MZ */ height:100%; /* IE6 */ min-height:100%; /* MZ */ background-color:#EAF0EF; border-left:solid 4px #000;border-right:solid 4px #000;} /************************* CABECALHO **************************/ #cabecalho, #menuPrincipal,#menuPrincipal li,#menuPrincipal ul {float:left;}/* lista de floats */ div#cabecalho h1{ background:url(../imagens/BgCabecalho.jpg) no-repeat left top #ccc; width:704px; height:180px; text-indent:-77777px;} /* MENU */ #menuPrincipal {width:704px; height:24px; border-bottom:solid 1px black; border-top:solid 1px black; background:url(../imagens/BgMenu.jpg) repeat-x left top #ccc;} #menuPrincipal ul{height:24px; border-right:solid 1px #647B73;border-left:solid 1px #445151; position:relative; left:40px;} #menuPrincipal li{ height:24px; display:inline; text-transform:uppercase; padding:0px 20px 0px 20px; border-left:solid 1px #647B73; border-right:solid 1px #445151; line-height:24px; position:relative;} #menuPrincipal li, #menuPrincipal a {color:#EAF0EF; } #menuPrincipal li:hover {background:#2F958A; cursor:pointer; } #menuPrincipal li.ativo{background:#445151;} #menuPrincipal li.ativo:hover {background:#445151;cursor:default;} /* FORMULARIO */ #cabecalho form {float:right;position:relative; top:3px; right:20px; } #cabecalho input {font-size:80%; height:14px; width:70px;float:left;color: #306D4E;padding-top:2px; border:solid 1px #306D4E; padding-left:7px;background-color:#ECF8FF; margin-left:11px; display:block;} #cabecalho form a{ height:17px; width:25px; border:solid 1px #306D4E;float:left; text-align:center; color:white; background-color:#445151;font:bold 10px "Trebuchet MS", Arial; margin-left:11px;} /************************* CONTEUDO **************************/ #coluna1a, #coluna2a, #coluna3a, div.corpoArea, .corpoarea h2,#conteudo p,#conteudo ul { float:left;} div#conteudo { padding:10px 0px 0px 13px; clear:both; display:block; margin-bottom:80px;} #coluna1a, #coluna2a, #coluna3a { width:219px; display:inline; display:block; height:545px;background:#E2E7E3} #coluna1a, #coluna2a {margin-right:10px} #coluna3a {margin-right:0px;} div.corpoArea { width: 100%; background:#E2E7E3; padding-bottom:10px;} .corpoArea h2 { height:25px; width:100%; border-bottom:solid 5px #CFD1CE; text-indent:-7777px;} .verde { background:#3E8E75;} .vermelho { background:#A05A5A;} .moarrom { background:#9F7658;} .azul { background:#4D6AA4;} .novidades { background:url(../imagens/tituloNovidades.jpg) no-repeat 8px 7px #3E8E75;} .trabalhosRecentes { background:url(../imagens/tituloTrabalhosRecentes.jpg) no-repeat 8px 7px #3E8E75;} .nossoComercial { background:url(../imagens/tituloAssista.jpg) no-repeat 8px 7px #9F7658;} .produtoraDvp { background:url(../imagens/tituloProdutoraDvp.jpg) no-repeat 8px 7px #A05A5A;} .contato { background:url(../imagens/tituloContato.jpg) no-repeat 7px 7px #4D6AA4;} .portifolio { background:url(../imagens/tituloPortfolio.jpg) no-repeat 8px 4px #4D6AA4;} .videoFoco { background:url(../imagens/tituloVideoFoco.jpg) no-repeat 8px 4px #909133;} #coluna1a p, #coluna2a p, #coluna3a p{ padding:10px 20px 0px 20px; font:normal 11px/16px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify; width:179px;} /* COLUNA 1 */ #coluna1a ul{display:block; float:left;} #coluna1a li{float:left;display:block;} #coluna1a li:hover{ background:#EAF0EF; cursor:pointer;} #coluna1a .icone, #coluna1a .noticia {float:left; display:inline;} #coluna1a .icone, #coluna1a .noticia {border-bottom:dashed 1px #AEADAB; height:54px;margin-top:10px;} #coluna1a .icone{margin-left:5px; width:50px;display:block;} #coluna1a .noticia{ width:155px;display:block;} #coluna1a h3 {height:17px; width:17px; margin-left:15px;margin-top:8px;} #coluna1a h3.iconeNovidades { background:url(../imagens/iconeNovidades.jpg) no-repeat top left;} #coluna1a h3.iconeRecentes { background:url(../imagens/iconeRecentes.jpg) no-repeat top left;} #coluna1a .data{ font-size:9px;padding:5px;} #coluna1a .noticia em{color:#3E8E75;font:bold 11px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;} #coluna1a .noticia b{ font:normal 11px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; } /* COLUNA 2 */ #coluna2a ul {margin:20px 0px 10px 0px;} #coluna2a li { padding-left:20px; color:#A3333E; font-weight:bold;} /* COLUNA 3 */ #coluna3a .videoDvp {height:160px; width:210px; padding:5px 5px 0px 5px; display:block; } #coluna3a .tituloPort {font:bold 11px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; float:left; background:#CFD1CE; padding-bottom:2px; width:100%;} #coluna3a .tituloPort a:hover {color:#4D6AA4;} #coluna3a img { padding:1px; margin:10px 0px 0px 36px; border:solid 1px black; float:left; clear:right;} #coluna3a ul {display:block;} #coluna3a li{margin:0px 0px 0px 10px; clear:left;width:199px; display:table;} #coluna3a li.destaque { padding:0px 0px 10px 0px; } #coluna3a li:hover {background:#EAF0EF; cursor:pointer;} .maisSobre {float:left; font-weight:bold; color:#4B4949; text-align:center; width:100%; margin-top:5px; } #coluna3a p em {font:bold 11px Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;} #coluna3a p a:hover{color:#EAF0EF;background:#4D6AA4;} .maisSobreAzul a{margin:10px 0px 10px 20px; float:left; font-weight:bold; color:#A3333E;} /************************* RODAPE **************************/ div#rodape { clear:both; height:50px; position:absolute;background:#546459; width:704px; bottom:0px; text-align:center; } br.clear {clear:both;} /* menu rodape */ #rodape ul { border-bottom:solid 1px #BEC3C2;border-top:solid 1px #BEC3C2; background:#CFD1CE;} #rodape li { display:inline; text-transform:uppercase; padding:0px 15px 0px 20px;} #rodape li, #rodape a {color:#546459; } #rodape li:hover, #rodape a:hover {background:#E2E7E3; cursor:pointer; color:#ED1B24; } /* the end */ #rodape h4.tituloRodape, #rodape h4 a { font-size:12px;font-weight:normal; margin-top:8px;color:#E2E7E3; text-indent:0px;} #rodape h4.tituloRodape a:hover {background:none; cursor:pointer; color:#FFA500; }