/* ATIVANDO AS DIMENSÕES DO CSS E BODY /*============================================================================================================================================*/ body{margin:0px; padding:0px; background:url(../image/layout/bg.jpg) repeat-y right top fixed; font:14px/1.5em Verdana, Arial, Serif;} .centraliza{width:970px; display:block; position:absolute; left:50%; margin-left:-475px; } /*FLASH*/ .flash_titulo{letter-spacing:2px; padding:0px; margin:0px;} .format_flash{width:733px; height:100px; float:left; background:#FFFFFF;} /* ESTILOS DE FORMATAÇÃO DO TOPO [ LOGOMARCA - LOGIN - MENU - RELÓGIO DIGITAL ] /*============================================================================================================================================*/ #topo{width:950px; height:125px; clear:both; } #topo .logomarca{width:280px; height:125px; float:left;} #topo .logomarca img{padding-top:10px;} #topo #banner_topo{width:640px; height:100px; float:right; text-align:center; margin-top:18px;} /* ESTILO DE FORMATAÇÃO DO MENU /*============================================================================================================================================*/ #menu_home{width:733px; height:30px; background:url(../image/layout/bg_menu.png) no-repeat left; float:left;} #relogio{width:215px; height:30px; text-align:right;} /* ESTILO DE FORMATAÇÃO DO MIOLO /*============================================================================================================================================*/ #miolo_left{float:left; width:733px; height:auto; display:block;} #miolo_left .format{ text-align:justify; padding:7px 0px 10px 0px; float:left; width:733px; background:#FFFFFF; } #miolo_left .format_texto{ text-align:justify; padding:0px 5px 5px 5px; float:left; width:723px; background:#FFFFFF; } #miolo_left .format_texto .img_left, #miolo_left .format .img_left{float:left; margin-right:5px; margin-bottom:2px; } #miolo_left .format_texto p, #miolo_left .format_texto td{margin:0px; padding:0px; text-indent:20px; font-family:lighter Arial, Helvetica, sans-serif; font-size:11px;} #miolo_left .format_texto li{margin-left:20px; padding:0px; text-indent:20px; font-family:lighter Arial, Helvetica, sans-serif; font-size:11px;} #miolo_left .format_texto a{color:#000066; text-decoration:none; font:small-caption;} #miolo_left .format_texto a:hover{color:#0000FF;} #miolo_left .format_texto p br{ line-height:8px;} .bg{background-color:#FFFFFF;} #miolo_right_info{float:right; width:222px; height:auto; color:#000;} #miolo_right_info span{font-family:message-box; font-size:24px; color:#000; padding-left:5px;} #miolo_right_info span a{font-family:message-box; font-size:24px; color:#000; padding-left:5px;} #miolo_right_info span, #miolo_right_info span a:hover{color:#CCCCCC;} #miolo_right{float:right; width:222px; height:auto;} #miolo_right .status_login_on, #miolo_right .status_login_off{width:219px; height:115px; margin-left:0px;} #miolo_right .status_login_on{background:url(../image/layout/bg_login_on.png) no-repeat right;} #miolo_right .status_login_off{background:url(../image/layout/bg_login_off.png) no-repeat right;} #miolo_right span, #miolo_right span a{font-family:message-box; color:#FFFFFF; padding-left:5px; font-size:.87em;} #miolo_right span, #miolo_right span a:hover{color:#CCCCCC;} #miolo_right .logado{color:#CCCCCC;} #miolo_right .logado_txt{color:#FFF;} #miolo_right .logado{line-height:15px; text-align:left; padding-left:5px; text-indent:-5px; font-size:12px;} #miolo_right .desconect{background:url(../image/icones/link_delete_pq.png) left top no-repeat; padding-left:15px; margin-left:0px;} #miolo_right .alter_login{background:url(../image/icones/replace_pq.png) left top no-repeat; padding-left:13px; margin-left:-15px;} #miolo_right .desconect a, #miolo_right .alter_login a{color:#f1f1f1; text-decoration:none;} #miolo_right .desconect a:hover, #miolo_right .alter_login a:hover{color:#990000;} #miolo_right .btn_logar{cursor:pointer;} #miolo_right #colun_search{width:221px; height:60px; background:#47ACA0; color:#F1F1F1; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-stretch:condensed; font-style:normal; font-weight:bolder;} #miolo_right #colun_search span{padding-left:3px;} #miolo_right #colun_search img{cursor:pointer;} #miolo_right #news{width:221px; background:url(../image/layout/lateral_bg.png); height:auto;} #miolo_right #news_bottom{background:url(../image/layout/lateral_bottom.png) right no-repeat; width:221px; height:28px;} #miolo_right #news .news_info_titulo{color:#8B8D76; background:url(../image/layout/bg_ponto.jpg) repeat-x left bottom; font: bold 130% Arial, Helvetica, sans-serif;} #miolo_right #news .news_info_titulo img{float:right; border:0px; cursor:pointer;} #miolo_right #news .news_titulo_interno{ background:url(../image/layout/seta_news.jpg) no-repeat left; color:#006699; font:caption; padding-left:10px;} #miolo_right #news .news_titulo_interno a{font-family:Verdana, Geneva, sans-serif; font-size:12px; text-decoration:none;} #miolo_right #news .news_titulo_interno a:hover{color:#666666; text-decoration:underline;} #miolo_right #news .news_texto{font-size:10px; font:message-box; text-align:justify; padding-left:5px; letter-spacing:0.1em; padding:5px;} .miolo{text-align:justify; letter-spacing:0.1em; background:url(../image/layout/bg_miolo.jpg) left no-repeat top; padding:5px 0px 5px 15px;} .img_topo{float:left; margin:0px; padding:0px;} /*IMGENS DO MIOLO NO RODAPÉ - UMA PARA CADA CHAMADA*/ .miolo_bottom{background:url(../image/layout/bg_miolo_bottom.jpg) left bottom no-repeat;} .miolo_bottom_lista{background:url(../image/icones/garrow.png) right bottom no-repeat;} /*li{margin-left:20px; list-style-image:url(../image/icones/button_ok_pq.png); }*/ /* ESTILO DE FORMATAÇÃO DO RODAPÉ /*============================================================================================================================================*/ #rodape{width:734px; height:85px; float:left;} #rodape #left{width:26px; height:81px; background:url(../image/layout/bottom_left.png) left top; float:left;} #rodape #center{width:733px; height:81px; background:#000345; float:left; background:url(../image/layout/bg_bottom.jpg) repeat-x left top; text-align:center;} #rodape #center img {float:right; margin:0; padding:0;display:block; margin-top:15px; width:76px;; height:65px;margin-right:25px;} #rodape #center p{width:600px; text-align:center; font:message-box; float:left;margin-top:25px;margin-left:15px;} #rodape #right{width:733px; height:24px; background:url(../image/layout/base_rodape.png) right top; float:left;} /* ESTILOS PARA OS FORMULÁRIOS EM GERAL /* Top Right Bottom Left */ /*============================================================================================================================================*/ .input_text, .input_text_grd{background:#F1F1F1; border:1px #CCC; font:menu; color:#333333;} /* Para caixas Pequenas */ .input_text_grd, .input_text_grd_search{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:18px; border:1px solid #CCCCCC;} .input_text_grd_search{background:#F1F1F1 url(../image/layout/lupa_pq.png) left no-repeat; padding-left:20px; font-size:14px; } .borda{border:none; border-bottom:1px double #016256; } .borda_bt{border:1px solid #016256; font:menu;} .texto_form{font:small-caption; color:#003333; letter-spacing:0.1em; padding: 0px 2px 0px 0px; } .bg_titulo_form{background:url(../image/layout/bg_titulo_form.png) left repeat-y; padding-left:10px; color:#F1F1F1;} .bg_bt_form{background:url(../image/layout/bg_bt_form.png) repeat-y right; margin:2px; margin-right:0px;} .bg_bt_form img, .bt_form{border:none;} .bt{cursor:pointer; border:none;} .bt_form_escuro{background:#646464; font:message-box; color:#CCCCCC; border:#666666 1px solid; margin:3px; height:25px;} /* ESTILOS PARA A SESSÃO DE USUÁRIOS /*============================================================================================================================================*/ #sts_url{width:734px; height:17px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:7px; color:#003333; background:#FFFFFF; text-transform:uppercase; text-indent:10px; letter-spacing:0.1em;} .alertas{font:small-caption; color:#990000; background:#FFFFFF; padding-left:20px; padding-bottom:3px; background:url(../image/icones/alert_pq.png) no-repeat left bottom; height:17px; margin:5px; margin-left:0px;} .alertas img{float:left;} h1, h2, h3, h4{margin:0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif;} .table_rel {color: #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; text-transform: uppercase; list-style-position: inside; background-color: #EBEBEB; vertical-align: middle; white-space: normal; } .table_dados{ color: #2D2D2D; font-weight: bolder; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px;} .table_tlt{font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; text-transform: uppercase; list-style-position: inside; background-color: #EBEBEB; vertical-align: middle; white-space: normal; } .urls_acessadas td{font:status-bar; color:#333333; padding-left:20px;} .urls_acessadas td li{float:left; list-style-image:url(../image/ultimos_links/utlimos_links_bt.jpg); margin-left:15px;} .urls_acessadas a{text-decoration:none; color:#000000; text-transform:uppercase; font-size:9px;} .urls_acessadas a:hover{text-decoration:underline; color:#003300;} #banner {margin:0px; border:none; width: 644px; height: 183px;} #contrato{width:730px; height:400px; display:block; overflow:scroll; } .txt_pq{font-size:small; margin:0px 2px 0px 2px;} .titulo{background:#F1F1F1; font-weight:bold; text-align:center; font:small-caption;} .cont{font:menu; color:#333333;} .cont td{padding-left:3px; text-transform:uppercase;} .cont img{border:none;} /* ESTILOS PARA AS GRIDS DE TABELAS /*============================================================================================================================================*/ #pageNavPosition, .grid_txt, .grid_txt_margem, .loader{color:#333333; font:small-caption; font-size:x-small;} .grid_txt_margem{padding-left:20px;} .loader{color:#990000;} .grid_input_text{background:#333333; color:#FFFFFF; font:status-bar; border:none; margin:5px; } .size{ width:250px;} .grid_tr tr :hover{background:#CCFF66; color:#333333; cursor:pointer;} .titulo_off, .titulo_on_descending, .titulo_on_ascending{font-weight:bold; text-align:left; font:small-caption; font-size:11px; cursor:pointer; letter-spacing:0.1em; padding-left:10px;} .titulo_off{background:#F1F1F1 url(../image/grid/icon-table-sort.png) no-repeat left;} .titulo_on_descending{color:#990000; background:#F1F1F1 url(../image/grid/icon-table-sort-desc.png) no-repeat left bottom;} .titulo_on_ascending{color:#990000; background:#F1F1F1 url(../image/grid/icon-table-sort-asc.png) no-repeat left top;} .over {background:#999999; color:#FFFFFF; font-weight:bolder;} /* Efeito da Coluna Ativa */ .odd, .even {font:message-box; letter-spacing:0.1em;} /* Configuração das Linhas */ .odd td, .even td { padding-left:10px; margin:0px; } /* Configuração interna das Linhas para atingir dentro da TD */ .odd{background:#F1F0F0;} /* Linha impar */ .even {background:#F8F8F8; } /* Linha par */ #pageNavPosition{float:left; padding-left:20px; margin-right:20px;} .pg-normal {color: black; font-weight: normal; text-decoration: none; cursor: pointer; } .pg-selected {color: #990000; font-weight: bold; text-decoration: underline; cursor: pointer;} /**************************************************** HOME BLOCOS *****************************************/ /* BLOCO 01 */ #bloco_01{border-bottom:1px #999999 dotted; width:732px; height:280px; } #villa_map_url{background:url(../image/blocos/bloco_vilas_02.jpg) repeat-y left;} #villa_map_url .villa_bloco_bottom{background:url(../image/blocos/bloco_vilas_08.jpg) no-repeat left; font-size:5px;} #villa_map_url .li_bloco{color:#666666; height:10px; } #villa_map_url .li_bloco li{ margin:0px; margin-left:25px; text-align:left; font:message-box; padding:0px; list-style-image:url(../image/ultimos_links/utlimos_links_bt.jpg);} #villa_map_url .li_bloco li a{text-decoration:none; color:#666666;} #villa_map_url .li_bloco li a:hover{color:#333333; text-decoration:underline;} #musical_bloco{margin:15px 0px 0px 0px;} /* BLOCO 02 */ #bloco_02{width:733px; margin-top:3px;} #calendario{width:240px; padding:0px; background:url(../image/bloco_2/calendario_bg.jpg) bottom left repeat-y; float:left; } #calendario .cal_topo{width:240px; height:33px; background:url(../image/bloco_2/calendario_topo.jpg) no-repeat left top; } #calendario .cal_bottom{width:240px; height:8px; background:url(../image/bloco_2/calendario_bottom.jpg) top left no-repeat; padding-bottom:3px; } #jornal{width:240px; padding:0px; background:url(../image/bloco_2/jornal_bg.jpg) bottom left repeat-y; float:left; } #jornal .jornal_topo{width:240px; height:69px; background:url(../image/bloco_2/jornal_topo.jpg) no-repeat left top; } #jornal .jornal_bottom{width:240px; height:166px; background:url(../image/bloco_2/jornal_bottom.jpg) bottom left no-repeat; padding-bottom:3px; } #enquete{width:240px; padding:0px; float:left; background:url(../image/bloco_2/enquete_bg.jpg) top left no-repeat; } #enquete .enquete_topo{width:240px; height:43px; background:url(../image/bloco_2/enquete_topo.jpg) no-repeat left top; } #enquete .enq_titulo{font:small-caption; color:#000000; margin:0px; padding-left:10px; text-transform:uppercase; } #enquete .enquete_miolo{width:240px; height:168px; background:url(../image/bloco_2/enquete_bg.jpg) top left no-repeat; padding-bottom:3px; padding-left:5px; } #enquete .enq_lista{font-family:arial,Tahoma, Geneva, sans-serif; font-size:.8em; color:#444; width:240px; height:20px} #enquete .enquete_bottom{width:240px; height:7px; background:url(../image/bloco_2/enquete_bottom.jpg) bottom left no-repeat; padding-bottom:3px; padding-right:5px; } #enquete .enquete_bottom span{float:right;} /* BLOCO 03 */ #newsletter{width:247px; height:285px; text-align:justify; font:message-box; color:#666666; background:url(../image/blocos/bloco_3_04.jpg) repeat-y; float:left; margin-bottom:0px; padding-bottom:0px;} #newsletter{ height/*\**/:280px\9;} .news_topo{background:url(../image/blocos/bloco_3_01.jpg) no-repeat; height:35px; width:244px;} .news_txt{ padding-right:10px; height:10px;} .news_bottom{background:url(../image/blocos/bloco_3_08.jpg) no-repeat top left; height:35px;width:244px;position:relative;} #galeria_fotos{width:483px; height:260px; text-align:center; background:url(../image/blocos/bloco_3_05.jpg) repeat-y; margin-left:5px; margin-bottom:0px; padding-bottom:0px;} .galeria_topo{background:url(../image/blocos/bloco_3_03.jpg) no-repeat; height:25px;} .galeria_fotos{text-align:center;} .galeria_fotos img{margin:0px; margin-left:2px;} .galeria_bottom{background:#FFFFFF url(../image/blocos/bloco_3_09.jpg) no-repeat left top; height:10px;} #trava{background:#FF9900 url(../image/icones/alert_pq.png) no-repeat left bottom; width:100%; height:17px; border-bottom:2px solid #FFFFFF; border-top:1px solid #FFFFFF; margin:0px; padding:0px; display:block; display:none; padding-left:17px; font:status-bar;} #trava a{text-decoration:none; color:#FFFFFF; letter-spacing:0.1em;} #trava a:hover{color:#CCCCCC; text-decoration:underline;} #lista{font:message-box; color:#333333;} #lista a{text-decoration:none; color:#333333;} #lista a:hover{text-decoration:underline; color:#003333;} /*========================= Estilo para formatação de páginas internas do portal com css semântica =================================*/ .corpo_pagina{ padding: 0 35px 35px 35px; font-family:Arial, Helvetica, sans-serif; } .corpo_pagina ul{ padding-left:25px; } .corpo_pagina li{ margin-bottom:5px; padding-left:5px; } .corpo_pagina h3{ margin-bottom:10px; margin-top:5px; } .corpo_pagina h4{ margin-bottom:8px; margin-top:5px; } .com_borda{ border:1px solid #CCC; } .com_borda_base{ border-bottom:1px solid #CCC; } .endentar{ text-indent:25px; margin-bottom:15px; } .corpo_pagina a a:link a:visited a:active{ text-decoration:none; color:#036; } .corpo_pagina a:hover{ text-decoration:none; color:#36F; }