/*
Desenvolvimento Weblink informatica www.wl.com.br// Soluções para Web
*/
.table_principal {
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	color: #333333;
	background: #FFFFFF;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	
}
.td_conteudo {
	padding: 2px;
	vertical-align: top;
	text-indent: 20px;
	display: block;
	font-size: 12px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #FFFFFF;
}
.td_menu {
	vertical-align: top;
	width: 80px;
}

/*Cabecalho ----------------------------------------------------------------*/
.cabecalho {
	background: url(../images/qualidade_topo_fundo.gif) repeat-x;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.cabecalho_menu{
	margin: -15px auto auto;
	width: 980px;
	text-align: right;
}
.cabecalho_menu ul {
	padding:0px;
	margin:0px;
}
.cabecalho_menu ul li{
	display:inline;
	list-style:none;
}
.cabecalho_menu ul li a{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #666;
	padding: 0px 15px 0px 16px;
	margin: 0px;
	
}
.cabecalho_menu ul li a:hover{
	background: #CC3333;
	color: white;
}
/*------------- MENU--------------------*/ 
.menu {
	float:left;
	clear:both;
	width: 139px;
	margin: 0px;
}
.menu ul {



}
.menu ul li{
	margin: 0px 0px 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	list-style:none;
}
.menu ul li h6{
	background: #31588F url(../images/assefev2_orelha_menu.jpg) no-repeat;
	padding: 7px;
	color: #FFFFFF;
	
	
}
.menu ul li a{
	display:block;
	font-size: 10px;
	color: #333333;
	padding: 5px 20px 5px 8px;
	background: #f6f6f6;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	border-bottom: 1px solid #e2e2e2;
	border-left: 0px solid #FFFFFF;
	text-decoration:none;
}
.menu ul li a:hover{
	background: #0588b8;
	color: white;
}
/*DROP DOWN*/
.menu ul .menu_drop_down{	margin: -20px 0px 0px 120px;	}
.menu ul .menu_drop_down li a{
	padding: 3px;
	width: 100px;
}
.menu ul .pop_up a{
	background: #f6f6f6 url(../images/seta.png) no-repeat 120px 0px;
}

/* sub class menu*/
.menu_subclass{	border: 0px solid white !important;}
.menu_subclass ul{	width:105px;padding: 5px 0px 5px 10px!important;}
.menu_subclass_titulo{	margin-left:-10px !important;}

/*-------------------------------------------------Rodape----------------------------------------*/
.rodape {
	background: #F7F7F7 repeat-x;
	text-align: center;
	padding: 15px 10px 10px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #e4e4e4;
	border-left: 1px solid #FFFFFF;
	width: 980px;
	margin: 0px auto;
	
	
	
	
	
}
/*-------------------------------------------------fecha Rodape----------------------------------------*/

/*----------------------------------------PADRÕES------------------------------*/
.msg {
	color: #FF0000;
	background-color: #FFFFCC;
	text-align: center;
	padding: 8px;
	border: 1px solid #FFCCCC;
}
/*----------------------------------------Fecha Padrões------------------------------*/

*{
	font-family:  Verdana, Arial;
	font-size: 12px;
}
body, div, h6, ul{	margin: 0px;	padding: 0px;}/* H6 é especial pois é o utilizado no menu*/
a{color: #0066FF;}
a:hover{	color: #009900;	background: #F2F2F2;}

/*------------------------------HEADERS--------------------------------------------------*/
h1, h2, h3, h4, h5{	margin: 0px;	padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 {
	padding: 6px 8px 7px 16px;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px 0px 10px;
	background: #97ABD0 url(../images/qualidade_h1.jpg) no-repeat;
}
h2 {
	padding: 5px 5px 5px 25px;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px 0px 10px;
	background: #A6B8DC;
}
h3 {
	background-color: #f3f3f3;
	padding: 5px 5px 5px 30px;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 10px;
}
h4 {
	background-color: #f3f3f3;
	padding: 3px 3px 3px 45px;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 10px;
}
h5 {
	background-color: #F0F8FF;
	padding: 3px 3px 3px 55px;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 10px;
}
/*------------------------------FIM  HEADERS--------------------------------------------------*/
/*------------------------------A: Links    --------------------------------------------------*/
a{
	color: #0757f6;
}
a:hover{
	color: #117c6e;
	background:#F8F8F8;
}
/*------------------------------Fim links--------------------------------------------------*/
/*------------------------------FORMS--------------------------------------------------*/
.formulario label{	font: bold 12px Verdana, Arial, Helvetica, sans-serif;	color: #0066CC;	clear: both;}

.formulario_li_horizontal{padding:0px; margin:0px; width:auto !important}
.formulario_li_horizontal li {
	
	display: table;
	float: left;
	width:auto !important;
	padding: 2px;
	margin: 0px !important;
}

.formulario input, .formulario select {	float: left;}

/*Noticia ------------- */
.noticia {
	margin: 0px 0px 0px 5px;
	width: 197px;
}
.noticia#artigo h1{
	background: #D71D1D url(../images/alesfe_orelha_fundo_noticia.gif);
	border: 1px solid #D61919;
}
.noticia h1{
	margin: 0px 0px 0px !important;
	padding: 0px !important;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	
	background: none;
}
.noticia ul {
	list-style: none;
	margin: 0px 0px 5px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
}
.noticia ul li{
	margin: 3px 0px 8px;
	padding: 4px 16px;
}
.noticia ul li a{
	color: #333333;
	text-decoration: none;
}
/* WL login padrao*/
.wl_login{}
.wl_login ul{}
.wl_login ul li{
	list-style: none;
}
.wl_login ul li label{}
.wl_login  ul  li  div{
	width: 40px;
	float: left;
}
.wl_login ul li input{
}
.wl_login .botao{}
/*.formulario ul {width: 450px;border: 1px solid #ffffff;}
.formulario li {display: table;float: left;width: 550px;margin: 5px;}*/
/*------------------------------FORMS--------------------------------------------------*/
/*------------------------------DATAGRID--------------------------------------------------*/

.w_DG_datagrid, .div_datagrid table {
	border-collapse:collapse;
	border-top: 1px solid #d9e8fb;
	border-right: 1px solid #99bbe8 ;
	border-bottom: 1px solid #99bbe8;
	border-left: 1px solid #99bbe8;
}
.w_DG_datagrid table{
border-collapse:collapse;
}
.w_DG_datagrid caption, .div_datagrid table caption{
	border: 1px solid #99bbe8;
	padding: 4px 4px 4px 20px;
	text-align: left;
	background: #B8CFEE url(../css/aqua_dg_caption_fundo.gif) repeat-x;
	font-weight: bold;
	color: #555555;
}
/* Estilo aplicado as tds do cabecalho da tabela*/
.w_DG_datagrid th, .div_datagrid table th{
	
	color: #666666;	
	padding: 4px;
	text-align: left;
	background: #f0f0f0 url(../css/aqua_dg_th_fundo.gif) repeat-x;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	border-left: 1px solid #FFFFFF;
	border-collapse:collapse;
}
/* Estilo aplicado as tds da tabela*/
	.w_DG_datagrid td,  .div_datagrid table td {
		padding: 7px;
		border: 1px solid #E4E4E4;
		
	}
	/* Cor alternativa da row(linha) da tavela*/
	.w_DG_datagrid .tabela_alternate {background-color: #F9FDFF;	}
	.w_DG_datagrid tbody tr:hover {
		background-color: #FFCC99;
	}
/* Estilo aplicado ao rodape na tabela da tabela*/
.w_DG_datagrid tfoot td, .w_DG_datagrid .tabela_rodape td {
	background-color: #f3f3f3;
	padding: 7px;
	border: 1px solid #EEEEEE;
}
/*------------------------------FIM Table--------------------------------------------------*/

/*------------------------------DATAGRID--------------------------------------------------*/
.wl_table {
	border-collapse:collapse;
}
.wl_table caption{
	background-color: #e7e7e7;
	border: 1px solid #ECE9D8;
	padding: 4px 4px 4px 20px;
	text-align: left;
}
/* Estilo aplicado as tds do cabecalho da tabela*/
.wl_table th, .wl_table .tabela_cabecalho th, .tabela_cabecalho td {
	background-color: #F0F8FF;
	padding: 4px;
	border: 1px solid #BBBBBB;
	text-align: left;
}
/* Estilo aplicado as tds da tabela*/
	.wl_table td {
		padding: 7px;
		border: 1px solid #E4E4E4;
	}
	/* Cor alternativa da row(linha) da tavela*/
	.wl_table .tabela_alternate {
	background: #F4F4F4;
}
	/*.wl_table tbody tr:hover {
		background-color: #FF9966;
	}*/
/* Estilo aplicado ao rodape na tabela da tabela*/
.wl_table tfoot td, .wl_table .tabela_rodape td {
	background-color: #f3f3f3;
	padding: 7px;
	border: 1px solid #EEEEEE;
}
/*------------------------------FIM Table--------------------------------------------------*/
/*-------------------Paginação e data grid------------------------------------------------*/
.w_DG_paginacao{text-align: left;}
.w_DG_paginacao a{
	font-weight: bold;
	color: #CC6600;
	margin-right: 5px;
	margin-left: 5px;
}
.w_DG_paginacao a:hover {	
	text-decoration:underline;
	color:#006600;
	margin-right: 5px;
	margin-left: 5px;
}
.w_DG_paginacao_atual  {
/*pra fazer funcionar aqui usar o !important no final*/
	color: #FF0000 !important;
	text-decoration:underline !important;
}
.texto {
	line-height: 18px;
	text-align: justify;
}



/*ANEXOS*/
	
	.anexo a[href $=".DOC"],.anexo a[href $=".doc"],.anexo a[href $=".docx"], .anexo a[href $=".DOCX"] {padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_word.png) no-repeat 5px 50%;}
	.anexo a[href $=".PDF"],.anexo a[href $=".pdf"]{padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_acrobat.png) no-repeat 5px 50%;}
	.anexo a[href $=".XLS"],.anexo a[href $=".xls"]{padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_excel.png) no-repeat 5px 50%;}
	.anexo a[href $=".ZIP"],.anexo a[href $=".zip"]{padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_zip.png) no-repeat 5px 50%;}
	.anexo a[href $=".ppt"],.anexo a[href $=".PPT"],.anexo a[href $=".pptx"],.anexo a[href $=".PPTX"]{padding: 6px 4px 6px 25px; background: url(../css/css_images/page_white_powerpoint.png) no-repeat 5px 50%;
	}
	
	/*WL collors, para ser usado em datagrid*/
	.wl_colors .n1{color:#039;}
	.wl_colors .n2{color: #063;}
	.wl_colors .n3{color:#C30;}
	.wl_colors .n4{color:#663;}
	.wl_colors .n5{color:#060;}
	.wl_colors .n6{color:#AC29AF;}
	.wl_colors .n7{color:#06C}
	.wl_colors .n8{color:#C06}
	.wl_colors .n9{color:#333}
	.wl_colors .n10{color:#F60}
	.wl_colors .n11{color:#633}
	.wl_colors .n12{color:#690}
	.wl_colors .n13{color:#306}
	
    /*MODAL WINDOW*/
	.wl_foto{}
	#modal-window {	position: absolute;	display: none;	padding: 10px;	background: #FFFFFF url(../css/css_images/ajax-loader.gif) no-repeat center center;	border: 1px solid #ccc;	z-index: 9999;
}

#modal-window-mask {position: absolute;	display: none;	top: 0;	left: 0;	height: 100%;	width: 100%;	background: grey;	z-index: 9998;}
#modal-window-content {	background: #FFFFFF;}