/* ++++++++++++ GERAL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ html { min-height:100%;} body { background-color:#ccc; margin:0; width:100%; min-height:100%; font-family:Arial; font-size:12px; line-height:160%; scrollbar-face-color:#C9C9C9; scrollbar-highlight-color:#C9C9C9; scrollbar-3dlight-color:#C9C9C9; scrollbar-darkshadow-color:#C9C9C9; scrollbar-shadow-color:#C9C9C9; scrollbar-arrow-color:#939393; scrollbar-track-color:#DDD; } #tudo { position: relative; min-height:100%; padding-bottom:60px; *padding-bottom:60px; _padding-bottom:60px; } .content_all { width:100%; height:460px;} .content_fix { width:1003px; height:440px; position:relative; margin:0 auto; } .clear { clear:both; } img { border:none; } /* ++++++++++++++++++++++ MENU CABEÇALHO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #barramenufundo { background:url(../images/back_menu.jpg) top left repeat-x red; height:34px} /* cor do fundo da barra do menu horizontal */ #barra { padding-left:15px;} #barra td { padding:6px 0px 6px 0px; } /* margens da coluna */ #barra a { padding:9px 10px 9px 5px; color: #fff; font-type:arial; text-decoration:none; } /* margens, cor da fonte e cor do fundo para o link */ #barra a:hover { color:#FF6600; font-weight:700;} /* quando passar o mouse - link */ #barra img { margin-bottom:-10px; *margin-bottom:-12px; _margin-bottom:-12px; margin-right:2px; padding-bottom:5px } #submenu { background-color:#2C509C; position:absolute; margin:25px 0px 0px 16px; visibility:hidden } #submenu ul { list-style:none; text-align:left; display:block; padding:0px; margin:0px } #submenu li { border-bottom:1px solid #707070; } #submenu a { color:#fff; display:block; text-decoration:none; padding:2px 8px 3px 4px} #submenu a:hover { color:#FF6600; background-color:#ccc; text-decoration:none; font-weight:normal } /* ++++++++++++ CABECALHO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #cabcor { background-color:#fff } /* cor do fundo e formatacao da fonte do slogan */ #cabdim { padding:15px 40px 40px 0; width:auto; height:100px; clear:both; } /* margens para o logotipo */ .logo { float:left; margin-right:30px;} /* cor da borda à direita do logotipo */ .slogan { margin-top:40px; border-left:1px solid #CCC; padding-left:30px; } /* ++++++++++++++++++++++ TARJA ULTIMA PUBLICACAO / CHAT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #ultimamat { background:url(../images/back_ultima.jpg) top left repeat-x ; height:24px; color:#fff; line-height:200%;} /* cor do fundo e posicionamento da tarja abaixo do cbeçalho */ #ultimamat a { color:#fff; text-decoration:none} #ultimamat a:hover { text-decoration:underline} /* +++++++++++++++ PRINCIPAL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #empresa { background:#2C509C; } #empresadim { padding:10px 15px 10px 15px; } #empresadim h1 { color:#fff; font-size:28px; padding-left:15px} #empresadim p { color:#fff; padding-left:30px} #meio {background:#CCC; height:184px; } #meio span { color:#333; text-align:justify; font-weight:700; font-size:13px; margin-left:10px } #enquete p { margin-top:0px; padding-left:20px } #noticias h1 { color:#2C509C; font-size:28px; padding-top:0px; margin-top:0px; margin-left:20px} #noticias a { color:#7e7e7e; text-decoration:none; font-size:11px} #noticias a:hover { color:#ff9900} .noticiasbt a { color:red; text-decoration:none; font-size:11px} .noticiasbt a:hover { color:#ff9900} #click {background-color:#ccc; height:150px; } #click a {color:#7e7e7e; text-decoration:none;} #click a:hover {color:#ff9900} .foto { width:700px; height:200px; margin-bottom:20px; } .fotogal { padding:5px; width:150px; height:110px; display:block; float:left; margin:0px 5px 10px 0px; text-align:center; } /* ++++++++++++ CENTRO DAS PAGINAS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #centro {margin:30px 50px 0px 50px; text-align:left; padding:0px; } #centro h1 {color:#333; font-size:28px; text-align:left; *padding-top:20px} #centro p {padding-left:20px} #centro a {color:#000; text-decoration:none; padding-left:20px} #centro a:hover {color:#2C509C} a.face { width:30px; height:30px; background:url(../images/face.png) top no-repeat; display:block; float:right; margin:10px 120px 0 0;} a:hover.face {background-position:bottom} /* ++++++++++++ RODAPE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #rodcor { position:absolute; background:url(../images/grad_rod.jpg) left repeat-x #1e1e1e; color:#fff; font-size:11px; height:45px; width: 100%; bottom:0 !important; left:0; } /* cor do fundo e da fonte */ #rodcor a { color:#fff; text-decoration:underline; } /* cor da fonte do link */ #rodcor a:hover { color:#b4b4b4; text-decoration:none} #endereco { float:left; border-right:1px solid #5f5f5f; padding-right:10px; margin:0px 10px 0px 10px} /* ++++++++++++ FORMULÁRIOS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #formquadro { background-color:#fff; border:1px solid #eaeaea; padding:0px 0px 20px 20px; margin:20px 0px 20px 0px; max-width:700px; text-align:left;} /* cores do quadro de formulario */ .campo { background-color:#EAEAEA; border:1px solid #CECECE; font-family:Arial; font-size:12px; } /* cores do campo input */ .campotitulo { color:#000; font-size:16px; font-weight:700; padding:20px 0px 20px 0px; } /* cor dos substitulos dos formularios */ .botao1 { background-color:#000066; border:1px solid #000066; color:#fff; margin:0px; } /* cores do botão Votar */ .botao2 { background-color:#2C509C; border:1px solid #2C509C; color:#fff; margin:11px 0px 0px 15px; } /* cores do botão Resultado */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++ NÃO HÁ NECESSIDADE DE ALTERAR AS PROPRIEDADES ABAIXO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .max { max-width:1003px; width:expression(document.body.clientWidth > 1003? "1003px": "auto" ); text-align:left; } /* largura máxima do do corpo do site */ form { padding:0px; margin:0px; } #indicador, #obrigacao, #enquete, #noticias {float:left; width:24%; height:184px; padding:10px 0px 10px 0px; margin:0px; text-align:left; } #video { width:220px; height:145px; padding:10px 0px 10px 0px; margin:0px; } .bar_meio {float:left; margin:15px 0 0 0; padding:0;} #position-links { position:absolute; top:262px; left:230px; } #position-links_a { width:510px; height:auto; margin:0; padding:0; } #links_a { float:left; width:165px; padding:0px; margin:0px 0px 0px 0px; text-align:left; } #links_a ul { list-style:none; } #links_b, #links_c { float:left; width:24%; padding:0px; margin:25px 0px 0px 0px; text-align:left; } #publicidade { width:24%; margin:25px 0px 0px 0px; padding:5px 10px 0 0; text-align:left; position:absolute; top:230px; right:0; } .overflow { overflow:auto; overflow-x:hidden; overflow-y:auto;text-align:left; height:174px; font-size:11px; padding-top:10px } #click ul {text-align:left; margin-top:-20px} #click li {list-style-type:none; margin-top:20px} .img {width:47px; height:30px; margin:0px 8px -10px 0px} #rodape { padding:10px 40px 0px 20px; } #galeriax {color:red; font-size:12px; text-decoration:none; font-weight:700} #galeriax a {color:red; font-size:12px; text-decoration:none} #galeriax a:hover {color:red; font-size:12px; text-decoration:none} #galeriax2 {color:red; font-size:12px; text-decoration:none; font-weight:700} #galeriax2 a {color:red; font-size:12px; text-decoration:none} #galeriax2 a:hover {color:red; font-size:12px; text-decoration:none} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++ FERRAMENTA DE NOTÍCIAS COM FOTOS +++++++++++++++ */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /*#page-wrap { width: 278px; margin: 0px; position: relative; min-height: 278px; } */ .slider-wrap { position:absolute; width:200px; height:148px; overflow:hidden; margin:0px; padding:0px; top:10px; display:block; right:50px; } .stripViewer .panelContainer .panel ul { width:200px; height:148px; overflow:hidden; text-align:left; margin:0px; padding:0px; } .panel a { margin:0px; padding:0px;} .stripViewer { position:relative; overflow:hidden; width:200px; height:148px; } .stripViewer .panelContainer { position:relative; left:0; margin-top:0px; } .stripViewer .panelContainer .panel { float:left; height:100%; position:relative; width:200px; } .stripNavL, .stripNavR, .stripNav { display: none; } .panelContainer img { border:0px; } .nav-thumb {margin-right:0px;} #movers-row { width:200px; height:39px; } #movers-row a { text-decoration:none; border:0px; display:block; } #movers-row div { width:39px; height:39px; margin-bottom:1px; float:left; } #movers-row div a.cross-link { text-decoration:none; border:0px; display:block; } .photo-meta-data-tarja { width:200px; height:39px; background:url(../images/transpBlack.png) repeat-x; position:absolute; margin-top:108px; display:block; overflow:hidden; } #photo-meta-data-tarja-index { margin-left:5px; margin-right:5px; } #photo-meta-data-tarja-index a { text-decoration:none; font-size:12px; color:#ffffff; font-family:arial } #photo-meta-data-tarja-index a:hover { color: orange} .photo-meta-data span { font-size:11px; } .photo-meta-data a { color:#ccc; } .photo-meta-data a:hover { color:#fff; text-decoration:none; } .cross-link { position:relative; display:block; height:39px; width:39px; margin-top: 0px; padding-top: 0px;} .active-thumb { background:none; margin:0px; padding:0px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++ FIM DA FERRAMENTA DE NOTÍCIAS COM FOTOS +++++++++ */ /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .informacoes_online { width:250px; height:180px; font-family:arial; color:black; overflow:hidden; overflow-y:auto; overflow-x:hidden; position:absolute; top:230px; left:0; }