/**********************************************
Css básico [SCREEN]
Autor: Pedro Martins
Versão: 2.0
**********************************************/


/******************************************RESET*********************************************/
* { /* reseta estas propiedades de todos os objetos */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
    outline:0;
    }
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse;}
caption, th, td {text-align:left; font-weight:normal;}
fieldset, img {border:0;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
:focus {outline:0;} /* a propiedade focus não funciona no IE*/
caption, th {text-align:left;}
a {text-decoration:none;}
a img {border:none;}

/**************************** inicio do estilo para tags padrão *****************************/
body {
	color:#000;
	background:#FFF url(../images/bg_geral.jpg) repeat-x top left;
	font-family:Helvetica, Arial, sans-serif
    }
body, input, select, textarea, table, td, th {font-size:11px;}
td img, th img {vertical-align:middle;}
a:link, a:visited, a:active, a:focus {color:#00405a;}
a:hover {text-decoration:underline; color:#00405a;}
h1 {font-size:200%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:130%;}
h5 {font-size:120%;}
h6 {font-size:110%;}


/********************************************************************************************
        						 GENERAL [contem todo o site]
********************************************************************************************/
.general {
	margin:0 auto; /* centraliza o site em todos os browsers, inclusive no IE6 e 7 */
	height:100%; /* height 100% no IE7 e FF */
	width:100%;
	_width:1024px;
	max-width:1024px;
	position:relative; /* estabelece que este é o "pai" dos objetos posicionados com "position:absolute" dentro dela */
	}
/********************************************************************************************
											HEADER
********************************************************************************************/
.header {
	clear:both;
	width:100%;
	height:267px;
	position:relative; /* estabelece que este é o "pai" dos objetos posicionados com "position:absolute" dentro dela */
	}
.menu_lateral{
	background:url(../images/bg_menu_lateral.jpg) center;
	width:259px;
	height:225px;
	text-align:center;
	margin-top:9px;
	*margin-top:10px;
	color:#666;
	font-weight:bold;
	position:relative;
	}
.entrar{
	float:left;
	margin-top:70px;
	margin-left:65px;
	font-size:18px;
	font-weight:bold;
	}
a.entrar_l:link, a.entrar_l:visited, a.entrar_l:active, a.entrar_l:focus, a.entrar_l:hover{color:#ff9600;}
.menu_lateral .senha{
	float:left;
	width:100%;
	text-align:center;
	clear:both;
	margin-top:85px;
	margin-bottom:5px;
	}
	
.menu{
	float:right;
	_float:none;
	height:80px;
	width:60%;
	_width:500px;
	margin-top:15px;
	text-align:right;
	}
.menu li{
	display:inline;
	}
/********************************************************************************************
										BODY [conteudo do site]
********************************************************************************************/
.body_site {
	clear:both;
	margin-left:10px;
	margin-right:10px;
	height:411px;
	position:relative; /* estabelece que este é o "pai" dos objetos posicionados com "position:absolute" dentro dela */
	margin-top:-1px;
	*margin-top:94px;
	_margin-top:-1px;
	_margin-left:20px;
	}
.conteudo{
	float:left;	
	background:url(../images/bg_titulo-coluna.jpg) repeat-x top left;
	color:#00405a;
	}
.conteudo h3{
	float:left;	
	padding:20px 12px 4px 12px;
	margin-bottom:5px;
	}
.conteudo li{margin-bottom:10px;}
.noticias p{
	clear:both;	
	padding:3px 0;
	}
a.noticias_l:link, a.noticias_l:visited, a.noticias_l:active, a.noticias_l:focus {color:#aeaeae;}
a.noticias_l:hover {color:#8c8c8c; text-decoration:underline}
.serv div{
	clear:both;	
	}
.serv p{
	padding:6px 0 0 0;
	}
.serv img{
	margin-right:5px;
	margin-bottom:8px;
	}
a.servl:link, a.servl:visited, a.servl:active, a.servl:focus {color:#00405a;}
a.servl::hover {color:#00405a; text-decoration:underline}
hr{
	height: 2px;
	background:#00405a;
	border:0px;
}
/********************************************************************************************
											FOOTER
********************************************************************************************/
.footer {
	clear:both;
	width:100%;
	height:20px;
	position:relative;
	padding-top:30px;
	}
.sub_footer{
	position:absolute;
	top:-22px;
	width:62%;
	margin-left:18%;
	}
.sub_footer li{
	float:left;
	text-align:center;
	}
.sub_footer li img{
	margin:0 auto;
	}
.footer a:link, a:visited, a:active, a:focus {color:#FFF;}
.footer a:hover {text-decoration:underline}
/********************************************************************************************
								CLASSES GERAIS [para todas as páginas]
********************************************************************************************/
.branco{color:#FFF;}
.cinza_01{color:#aeaeae;}
.cinza_02{color:#8c8c8c;}
.azul_01{color:#00405a;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#FFFF99;}
.added {background:#66CC66;color:#fff;}
.removed {background:#333333; color:#fff; text-decoration:line-through;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.input_txtarea { /* estilo para qualquer textarea */
	border:solid 1px #ccc;
	background:#fff;
	padding:2px;
	line-height:16px;
	}
.input_txt { /* estilo para qualquer input type="text" */
	border:solid 1px #ccc;
	background:#fff;
	padding:2px;
	line-height:14px;
	height:14px;
	}
.button { /* estilo para qualquer botão */
	padding:2px;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:#999;
	border:0;
	}
.hide { /* o objeto some */
	display:none;
	visibility:hidden;
	}
.visible { /* o objeto que está invisivel, aparece */
	display:block;
	visibility:visible;
	}
.txt_al_left, .txt_al_left td {text-align:left;} /* alinha o texto para esquerda */
.txt_al_right, .txt_al_right td {text-align:right;} /* alinha o texto para direita */
.txt_al_center, .txt_al_center td {text-align:center;} /* alinha o texto no centro */
.txt_bold, .txt_bold td {font-weight:bold;} /* deixa o texto em negrito */
.al_left {float:left;} /* alinha o objeto à esquerda */
.al_right {float:right;} /* alinha o objeto à direita */
	
.al_center {margin:0 auto;} /* alinha o objeto no centro */
.clear, .clear_bug {clear:both;}
.clear_bug { /* arruma o bug de float no FF e nos navegadores modernos */
	line-height:0px;
	height:0px;
	}
/*TABELA*/
.default_table {border:solid 1px #ccc;} /* estilo para tabelas padrão */
	
.default_table caption {
	font-weight:bold;
	font-size:120%;
	line-height:1.7em;
	}
.default_table thead th {
	background:#666;
	color:#fff;
	text-transform:uppercase;
	}
.default_table tfoot td {background:#e0e0e0;}
.default_table td, .default_table th {
	padding:3px 4px;
	border:solid 1px #ccc;
	}
.form_table, .default_table {margin:0 0 1em 0;}
.form_table td {padding:2px 4px;}
/*classes que definem as "caixas"*/
.box, .box_01, .box_02, .box_03, .box_04 {padding:.8em;border:1px solid; position:relative;}
.box {background:#FFFFFF;color:#CCCCCC;border:solid 1px;}
.box_01 {background:#CCCCCC;color:#999999;border-color:#999999;}
.box_02 {background:#999999;color:#666666;border-color:#666666;}
.box_03 {background:#666666;color:#333333;border-color:#333333;}
.box_04 {background:#333333;color:#FFFFFF;border-color:#000000;}

/*******************Cantos********************/
.ct_01{position:absolute; top:-1px; left:-1px;} /*canto superior esquerdo*/
.ct_02{position:absolute; top:-1px; right:-1px;} /*canto superior direito*/
.ct_03{position:absolute; bottom:-1px; left:-1px;} /*canto inferior esquerdo*/
.ct_04{position:absolute; bottom:-1px; right:-1px;} /*canto inferior direito*/
.ct_grd_01{position:absolute; left:-1px;}/*canto esquerdo*/
.ct_grd_02{position:absolute; right:-1px;}/*canto direito*/

/* *************************************************************************************************
										GRID 
****************************************************************************************************/
/*classes que definem a largura das colunas para formar o grid*/
.colun_01 {width:5%;}
.colun_02 {width:10%;}
.colun_03 {width:15%;}
.colun_04 {width:20%;}
.colun_05 {width:25%;}
.colun_06 {width:30%;}
.colun_07 {width:35%;}
.colun_08 {width:40%;}
.colun_09 {width:45%;}
.colun_10 {width:50%;}
.colun_11 {width:55%;}
.colun_12 {width:60%;}
.colun_13 {width:65%;}
.colun_14 {width:70%;}
.colun_15 {width:75%;}
.colun_16 {width:80%;}
.colun_17 {width:85%;}
.colun_18 {width:90%;}
.colun_19 {width:95%;}
.colun_20 {width:259px;}
/*classes que definem as margens*/
/*margem direita*/
.marg_right-01{margin-right:10px;}
.marg_right-02{margin-right:10%;}
.marg_right-03{margin-right:5%; _margin-right:4%;}
.marg_right-04{margin-right:20%;}
.marg_right-05{margin-right:25%;}
.marg_right-06{margin-right:30%;}
.marg_right-07{margin-right:35%;}
.marg_right-08{margin-right:40%;}
.marg_right-09{margin-right:45%;}
.marg_right-10{margin-right:50%;}
.marg_right-11{margin-right:55%;}
.marg_right-12{margin-right:60%;}
.marg_right-13{margin-right:65%;}
.marg_right-14{margin-right:70%;}
.marg_right-15{margin-right:75%;}
.marg_right-16{margin-right:80%;}
.marg_right-17{margin-right:85%;}
.marg_right-18{margin-right:90%;}
.marg_right-19{margin-right:95%;}
.marg_right-20{margin-right:100%;}
/*margem esquerda*/
.marg_left-01{margin-left:10px;}
.marg_left-02{margin-left:10%;}
.marg_left-03{margin-left:15%;}
.marg_left-04{margin-left:20%;}
.marg_left-05{margin-left:25%;}
.marg_left-06{margin-left:30%;}
.marg_left-07{margin-left:35%;}
.marg_left-08{margin-left:40%;}
.marg_left-09{margin-left:45%;}
.marg_left-10{margin-left:50%;}
.marg_left-11{margin-left:55%;}
.marg_left-12{margin-left:60%;}
.marg_left-13{margin-left:65%;}
.marg_left-14{margin-left:70%;}
.marg_left-15{margin-left:75%;}
.marg_left-16{margin-left:80%;}
.marg_left-17{margin-left:85%;}
.marg_left-18{margin-left:90%;}
.marg_left-19{margin-left:95%;}
.marg_left-20{margin-left:100%;}
/*margem abaixo*/
.marg_bottom-01{margin-bottom:20px;}
.marg_bottom-02{margin-bottom:10%;}
.marg_bottom-03{margin-bottom:15%;}
.marg_bottom-04{margin-bottom:20%;}
.marg_bottom-05{margin-bottom:25%;}
.marg_bottom-06{margin-bottom:30%;}
.marg_bottom-07{margin-bottom:35%;}
.marg_bottom-08{margin-bottom:40%;}
.marg_bottom-09{margin-bottom:45%;}
.marg_bottom-10{margin-bottom:50%;}
.marg_bottom-11{margin-bottom:55%;}
.marg_bottom-12{margin-bottom:60%;}
.marg_bottom-13{margin-bottom:65%;}
.marg_bottom-14{margin-bottom:70%;}
.marg_bottom-15{margin-bottom:75%;}
.marg_bottom-16{margin-bottom:80%;}
.marg_bottom-17{margin-bottom:85%;}
.marg_bottom-18{margin-bottom:90%;}
.marg_bottom-19{margin-bottom:95%;}
.marg_bottom-20{margin-bottom:100%;}
/*margem a cima*/
.marg_top-01{margin-top:36px;}
.marg_top-02{margin-top:20px;}
.marg_top-03{margin-top:15%;}
.marg_top-04{margin-top:20%;}
.marg_top-05{margin-top:25%;}
.marg_top-06{margin-top:30%;}
.marg_top-07{margin-top:35%;}
.marg_top-08{margin-top:40%;}
.marg_top-09{margin-top:45%;}
.marg_top-10{margin-top:50%;}
.marg_top-11{margin-top:55%;}
.marg_top-12{margin-top:60%;}
.marg_top-13{margin-top:65%;}
.marg_top-14{margin-top:70%;}
.marg_top-15{margin-top:75%;}
.marg_top-16{margin-top:80%;}
.marg_top-17{margin-top:85%;}
.marg_top-18{margin-top:90%;}
.marg_top-19{margin-top:95%;}
.marg_top-20{margin-top:100%;}
/*classes que definem o pading*/
/*direita*/
.padding-r_01{padding-right:10%;}
.padding-r_02{padding-right:20%;}
.padding-r_03{padding-right:30%;}
.padding-r_04{padding-right:40%;}
.padding-r_05{padding-right:50%;}
.padding-r_06{padding-right:60%;}
.padding-r_07{padding-right:70%;}
.padding-r_08{padding-right:80%;}
.padding-r_09{padding-right:90%;}
/*esquerda*/
.padding-l_01{padding-left:10%;}
.padding-l_02{padding-left:20%;}
.padding-l_03{padding-left:30%;}
.padding-l_04{padding-left:40%;}
.padding-l_05{padding-left:50%;}
.padding-l_06{padding-left:60%;}
.padding-l_07{padding-left:70%;}
.padding-l_08{padding-left:80%;}
.padding-l_09{padding-left:90%;}
/********************************************************************************************
colocar aqui toda e qualquer classe q somente deva aparecer na hora da impressão
sempre separado por uma virgula (,) -> sintaxe: .class_name, .another_class_name {}
********************************************************************************************/
.print_only
	{
	display:none;
	visibility:hidden;
	}

.padding-top-07
	{
	padding-top:70%;
	}