/*
Desenvolvimento Weblink informatica www.wl.com.br// Soluções para Web
*/
.table_principal {
	font-family:Trebuchet, Verdana, Tahoma, Arial;
	font-size: 12px;
	color: #333333;
	background: #FFFFFF;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	
}
.div_principal {
	margin: 0px auto;
	width: 770px;
}

.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 #CCCCCC;
	border-left: 1px solid #FFFFFF;
}
.td_menu {
	vertical-align: top;
	width: 80px;
}

/*Cabecalho ----------------------------------------------------------------*/
.cabecalho {
	background: #FFFFFF url(../images/eacademia_topo.gif) no-repeat;
	text-align: left;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	float: left;
	width: 190px;
	height: 745px;
}
.cabecalho_menu{
	margin: 1px auto 5px;
}
.cabecalho_menu ul {}
.cabecalho_menu ul li{
	display:inline;
}
.cabecalho_menu ul li a{
	font: bold 11px/25px Arial, Verdana, Helvetica, sans-serif;
	color: #b2b2b2;
	float: left;
	padding: 4px 15px 0px;
	height: 25px;
	width: 145px;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #b2b2b2;
	border-left: 1px solid #FFFFFF;
}
.cabecalho_menu ul li a:hover{
	background: #CC3333;
	color: white;
}
/*

.cabecalho {
	background: url(../images/qualidade_topo_fundo.gif) repeat-x;
	text-align: left;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	clear: both;
}
.cabecalho_menu{
	margin: 50px auto 5px;
	width: 200px;
	float: left;
}
.cabecalho_menu ul { padding:0px; margin:0px;}
.cabecalho_menu ul li{
	display:inline;
	list-style:none;
}
.cabecalho_menu ul li a{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #333333;
	float: left;
	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 3px 0px 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: 760px;
	margin: 0px auto;
	
	
	
	
	
}
/*-------------------------------------------------fecha Rodape----------------------------------------*/

/*----------------------------------------PADRÕES------------------------------*/
.msg {
	color: #FF0000;
	background-color: #FFFFCC;
	text-align: center;
	padding: 8px;
	border: 1px solid #FFCCCC;
}
.central {
	display: block;
	margin: 5px 0px 0px 5px;
	float: left;
	width: 560px;
}

/*----------------------------------------Fecha Padrões------------------------------*/

*{
	font: 11px "Trebuchet MS", Trebuchet, Arial, Verdana;
}
body{background:#e5e5e5;}
body, div, h6, ul{	margin: 0px;	padding: 0px;}/* H6 é especial pois é o utilizado no menu*/
a{color: #0066FF;}
a:hover{
	color: #009900;
	background: #E0E0E0;
}

/*------------------------------HEADERS--------------------------------------------------*/
h1, h2, h3, h4, h5{
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana;
}
h1 {
	padding: 10px 8px 9px 16px;
	color: #666666;
	margin: 0px 0px 5px;
	background: no-repeat;
	font: bold 11px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #b2b2b2;
	border-left: 1px solid #FFFFFF;
}
h2 {
	padding: 5px 5px 5px 25px;
	font-size: 11px;
	color: #D98D00;
	margin: 0px 0px 10px;
}
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 5px 0px 0px;
	width: 185px;
}
.noticia#artigo h1{
	background: #D71D1D url(../images/alesfe_orelha_fundo_noticia.gif);
	border: 1px solid #D61919;
}
.noticia h1{
	background: #ABABAB url(../images/assefev2_orelha_noticia.jpg) no-repeat;
	margin: 1px 1px 0px;
	padding: 6px 4px 5px 10px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #157A50;
}
.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;
	height: 155px;
}
.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;
}