/*Desenvolvido pela Angra Sys*/

*{ margin: 0; padding: 0; }

body { background: url(../img/layout/bg_col.jpg) repeat-y; }

td {
	padding: 2px;
}

/*-------------------------------------------------------------
|                              Site                           |
-------------------------------------------------------------*/
#site {
	width: 100%;
	float: left;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/*-------------------------------------------------------------
|                           Menu Topo                         |
-------------------------------------------------------------*/
#site #menu-topo {
	width: 100%;
	float: left;
	background: url(../img/layout/bg_topo.jpg) repeat-x;
	border-top: 1px solid #222;
}
#site #menu-topo a {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none !important;
	float: left;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#site #menu-topo a:hover {
	background: #999;
}
#site #menu-topo #propa {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	float: right;
	padding: 5px 20px 0 0;
	
}
/*-------------------------------------------------------------
|                            Central                          |
-------------------------------------------------------------*/
#site #central {
	width: 980px;
	float: left;
}
/*-------------------------------Coluna Esquerda------------------------------*/
#site #central #col-esq {
	float: left;
	width: 240px;
}
/*-------------------------------Menu------------------------------*/
#site #central #col-esq ul#nav {
	float: left;
	list-style: none;
	width: 228px;
	background-color: #E5E5E5;
	padding: 5px;
}

#site #central #col-esq ul li {
	position: relative;
	margin-top: 2px;
}
 
#site #central #col-esq li ul {
	position: absolute;
	left: 228px;
	top: 0px;
	display: none;
	z-index: 1;
}
#site #central #col-esq li ul.sub li {
	width: 220px;
	color: #FFF;
	margin: 0px;
	height: auto;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0;
}
#site #central #col-esq li ul.sub li a {
	width: 220px;
	color: #FFF;
	font-size: 11px;
	height: 15px;
	padding: 5px;
	background-color: #333;
}#site #central #col-esq li ul.sub li a:hover {
	background-color: #900;
	background-repeat: repeat;
	background-position: 0 0;
}
#site #central #col-esq #nav li img {
	top: 7px;
	left: 10px;
	position: absolute;
	text-align: left;
	border: 0;
}
#site #central #col-esq ul li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	background: #999;
	padding: 5px;
	text-align: right;
	height: 28px;
	border-top: 5px solid #999;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#site #central #col-esq ul li a:hover {
	border-top: 5px solid #f90;
	color: #FC0;
}

 
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
 
 
 
#site #central #col-esq ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
}
 
#site #central #col-esq li:hover ul {
	display: block;
	width: 240px;
	height: 30px;
}
 
#site #central #col-esq li:hover ul, li.over ul {
	display: block;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


/*-------------------------------------------------------------
|                            Conteudo                         |
-------------------------------------------------------------*/
#site #central #conteudo {
	float: left;
	width: 710px;
}
#site #central #conteudo h1 {
	font: normal 25px "Century Gothic", arial;
	color: #f90;
	padding: 15px;
	float: left;
}
#site #central #conteudo h1 span.tt {
	color: #06C;
}
#site #central #conteudo #logo-w {
	float: right;
	background: url(../img/layout/logo_eweb.jpg) no-repeat;
	width: 135px;
	height: 34px;
	margin-top: 16px;
	margin-right: 30px;
}
/*-----------------------Usuario------------------------*/
#site #central #conteudo #usuario {
	width: 630px;
	float: left;
	margin: 10px 15px;
	border: 1px dashed #ccc;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
}
#site #central #conteudo #usuario #logo-cliente {
	float: left;
	width: 160px;
	height: 120px;
	border: 1px solid #999;
}
#site #central #conteudo #usuario #dados-cliente {
	float: left;
	text-align: left;
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777;
	width: 160px;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#site #central #conteudo #usuario #dados-cliente h3 {
	font: 16px "century gothic", arial;
	color: #f60;
}
#site #central #conteudo #img-usu {
	float: left;
	width: 120px;
	margin-left: 20px;
	border: 1px solid #999;
	height: 90px;
}
#site #central #conteudo #dados-usuario {
	float: left;
	padding-left: 10px;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777;
	width: 140px;
}
#site #central #conteudo #dados-usuario .cor {
	color: #f90;
}
/*-------------------------------------------------------------
|                            Suporte                          |
-------------------------------------------------------------*/
#site #central #conteudo #suporte {
	width: 97%;
	margin: 1%;
	padding: 1%;
	float: left;
	border: 1px dashed #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
}
#site #central #conteudo #suporte h1 {
	font: normal 28px "century gothic", arial;
	color: #f90;
	float: left;
}
#site #central #conteudo #suporte p {
	width: 95%;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #03c;
	float: left;
	padding: 15px;
}
#site #central #conteudo #suporte a {
	font: 13px "century gothic", arial;
	color: #f60;
}
#site #central #conteudo #suporte #navegadores {
	width: 100%;
	float: left;
	margin-left: 15px;
}





























/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 */
* html * { color: expression( (function(who){ if(!who.MXPC){
   who.MXPC = '1';
   if(who.nodeName != 'A'){
      who.onmouseenter=function(){ who.className += ' hover'};
      who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
   (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }