/*
* Tags utilizadas para formatação do corpo da página
*/
body {
    font:normal normal normal 11px/11px Verdana, Arial;
    line-height:1.2em;
    color:#333333;
    /* background: url(../imagens/bkgsite.gif) left top repeat-x;*/
    background-color:#005aab;  

    margin:0px;
    padding:0px;
}

/*
* Tags utilizadas para formatação de formulário
*/

form {
    margin:0px;
	
}

/*Tag q formata o agrupamento fieldset de forms */
form fieldset {
    margin:0px 0px 3px 0px;
    padding:0px;

    border:none;/*anula formatação de uma borda*/	
}	

/*Tags de formatação dos campos de formulários*/
input, textarea, select {
    border:1px solid #333333;

    font:normal normal normal 10px/10px Verdana,Arial;

    padding:2px;
}

textarea{
	width:200px;
	height:100px;
}

/* Tags utilizadas para formatações de classes */
.email, .senhaweb {
    border:1px solid #064175;
    color:#005aab;
}

.email {
    width:135px;
}

.senhaweb {
    width:106px;
}

.cnpj {
    width:173px;
}

.senha {
    width:143px;	
}

.fieldp{
	width:100px;
}

.field{
	width:200px;
}

.fieldg{
	width:270px;
}

.button {
    color:#ffffff;
    background-color:#333333;
}

.buttonweb {
    color:#ffffff;
    background-color:#064175;
}

/*
* Tags utilizadas para formatação geral
*/
a {
	color:#333333;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
    border:none;
}

p {
    margin:0px 0px 10px 0px;
}

h1 {
    font:16px/16px Arial, Verdana;
	font-weight:bold;
	

    margin:0px 0px 15px 0px;
}

h2 {
    font:normal normal normal 14px/14px Arial, Verdana;

    margin:0px 0px 15px 0px;
}

.link {
	font:normal normal normal 13px/13px Arial, Verdana;
	color:#000000;
}

.clr {
    clear:both;
}

/*
* Tags utilizadas para formatação de tabela
*/

table{
    border:none;
    border-spacing:0px;
    border-collapse:collapse;
    empty-cells:hide;	
}
	table td{
		padding:2px;	
	}
	
	.tr1 td{
		/*border-top:1px solid #b9c8d7;
		border-bottom:1px solid #b9c8d7;*/
				
		background-color:#d5dbe2;		
	}
	
	.tr2 td{
		/*border-top:1px solid #b9c8d7;
		border-bottom:1px solid #b9c8d7;
		background-color:#E0E7F0;*/
				
		background-color:#F1F4F8;
	}	


/*
* Relatório
*/

#rel {
    display:block;
    float:left;

    background:url(../imagens/fundo_relpesq.jpg) top left repeat-x;

    width:738px;
	height:401px;	

    padding:25px 15px 0px 25px;
}

	#rel_content {
		width:725px;
		height:380px;
	
		padding-right:10px;
		margin:0px 0px 10px 0px;
	
		overflow: auto; /*insere barra de rolagem*/
	}
	
	#rel table{
		border:1px solid #b9c8d7;
		border-spacing:0px;
		border-collapse:collapse;
		empty-cells:hide;
		
		width:700px;
		
		margin:0px 0px 0px 1px;
	}
		#rel td{
			padding:3px 5px;
			vertical-align:top;
		}
	
	#rel h1{
		font:16px/16px Arial, Verdana;
		font-weight:bold;
	
		margin:15px 0px 10px 0px;
	}
	#rel hr{
	   border-top:none;
	   border-bottom:solid 1px #b9c8d7;
	   height:0px;
	}

/*
* Conteúdo de todo o site
*/

/* Tags  para formatação de ids */

#geral {
    background-color:#FFFFFF;

    margin:0px auto;
    padding:0px;

    width:779px;
    height:575px;	
}

#esquerdo {
    display:block;/* define que o id conteudo deve ser exibido num bloco */
    float:left;/* direciona o bloco para esquerda*/
	
	width:328px;
}

#direito {
    display:block;
    float:right;	

    width:451px;
}

#marca {
    display: block;
    float: left;

    width: 278px;
    height: 80px;

    padding: 25px;	
}

#textoesquerdo {
    display: block;
    float: left;

    color: #005aab;

    width: 278px;
    height: 210px;
	
    padding: 20px 25px;	
}

#webmail {
    display: block;
    float: left;

    background: url(../imagens/fundo_webmail.jpg) top left repeat-x;/* linka uma imagem para ser repetida em um bloco*/

    width: 426px;
    height: 79px;

    padding: 25px 25px 0px 0px;	
}
#webmail div {
    display: block;
    float: right;

    width: 143px;
}
#webmail span {
    display: block;
    margin-bottom: 3px;	
}	

#relpesq {
    display: block;
    float: left;

    width: 450px;

    background: url(../imagens/fundo_relpesq.jpg) top left repeat-x;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #e7edf3;
}

#relatorio, #pesquisa {
    display: block;
    float: left;

    width: 194px;
    height: 138px;

    padding: 25px 15px 10px 15px;
}

#pesquisa {
    border-left:1px solid #e7edf3;
}
/* hierarquia utilizada para especificar a formatação do h1 nestes divs */
#relatorio h1 {
    margin:0px;		
}
#pesquisa h1 {
    margin:0px;		
}

/* Formatação do Layout interno */
#interna {
    display:block;
    float:left;

    background:url(../imagens/fundo_relpesq.jpg) top left repeat-x;

    width:420px;

    border-top:1px solid #ffffff;
    border-left:1px solid #e7edf3;	

    padding:25px 15px 0px 15px;
}
	.lst_v{
		margin:0px;
		padding:0px 0px 0px 15px;
	}
		.lst_v li{
			padding:5px;
			
			border-bottom:1px solid #dae4ee;	
		}
		.lst_v li:hover{
			border-left:5px solid #dae4ee;
			border-right:1px solid #dae4ee;
			background-color:#ebf0f5;	
		}
			.lst_v li ul{
				margin:0px;
				padding:0px 0px 0px 15px;		
			}
			.lst_v li ul li{
				padding:5px;
				border:none;
				border-collapse:collapse;
			}		
	
	.lst_h{
		margin:0px 0px 0px 0px;
		padding:0px 0px 10px 0px;
	}
		.lst_h li{
			display:inline;
		}	
	
#int_content{
    width:410px;
    height:390px;

    padding-right:10px;

    overflow: auto; /*insere barra de rolagem*/
}

#lst_clientes{
	display:block;
	float:left;
	
	width:450px;
	height:340px;
	
	overflow:auto;
	
	padding-right:10px;
}

#img_marca{
	display:block;
	float:right;
		
	border:1px solid #dae4ee;
		
	text-align:center;
	vertical-align:middle;	
	
	width:250px;
	
	padding:5px;
}

#img_marca_rel{
	padding:5px;
	
	background-color:#ebf0f5;	
	border:1px solid #dae4ee;
}
/*
* Rodapé (Créditos)
*/

#rodape {
    float: left;
    display: block;

    width:749px;
    height:20px;

    background-color:#ecf1f6;

    font-size:9px;
    color:#a8a6a5;
    padding:0px 15px;
}
#rod_esq {
    float: left;
    display: block;

    width: 529px;
    padding: 5px 0px 0px 0px;
}
#rod_dir {
    float: right;
    display: block;

    width: 124px;
}

/*
 * NOTÍCIAS
 */

#noticias {
    display:block;
    float:left;

    width:420px;
	height:230px;

    background:url(../imagens/fundo_noticias.gif) top left repeat-x;
    background-color:#FFFFFF;
    border-top:1px solid #e7edf3;
    border-left:1px solid #e7edf3;
	
	padding:25px 15px 0px 15px;
}

#noticias span {
    display:block;
    font-weight:bold;
    margin:0px 0px 5px 0px;
}

#marquee {
    position: relative; 
    overflow: hidden;
    clip: rect(0px, 420px, 180px, 0px);

    width:420px;
    height:180px;
	
	/*    margin-bottom: 5px;*/
}

#slide {
    position: relative;
	
    width: auto;
    height: auto;
}

/*
 * MENU
 */

#nav{
    display:block;
    float:left;
			
	list-style:none;
	background:url(../imagens/fundo_menu.gif) top left repeat-x;
	
    width:451px; 
    height:36px;
	
    margin:0px;
    padding:0px;
}
	
	#nav li {
		float:left;
	}	
	
	#nav a {
		display:block;
		
		font:12px/12px Arial, Verdana;
		font-weight:bold;
		color:#064175;
		text-decoration:none;
		
		border-left:1px solid #91abc4;
	
		padding:14px 13px 9px 12px;	
	}
	
	#nav li ul li a {
		border-right: 1px solid #91abc4;
		
		background: url(../imagens/fundo_menu.gif) top left repeat-x;
	
		width:80px;
		padding:13px 17px 9px 16px;
	}
	
	#nav a:hover{
		text-decoration:underline;
		background:url(../imagens/fundo_menu_over.gif) top left repeat-x;
	}
	
	#nav li ul {
		z-index:1;
		
		position:absolute;		
		float:left;
		
		list-style:none;
		border-bottom: 1px solid #91abc4;
		
		padding:0px;
		margin:0px;
			
		left:-999em;
		width:130px;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{
		left:-999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{
		left:auto;
	}