/*@charset "utf-8"; */
/* CSS Document */
/************************************************* 
  zera pre formatacao dos brownsers
*************************************************/
*{
	margin: 0px;
	padding: 0px;
	list-style:none;
	text-decoration: none;	
}
ul{list-style-type:none;}
/************************************************* 
  Disposicao do layout
*************************************************/
body {
	margin:0px;
	padding:0px;
	background: #327286 url('imagens/bg.jpg') repeat-y fixed;
	background-position: top center;
	text-align: center;	
	
}	 

#topo {
   	background:#fff url('imagens/topo.jpg') no-repeat;		
	margin:0px auto;
	padding:0px;
	width:100%;
	height:315px;	
	text-align:center;
	/*border:#FF6600 1px solid;*/
	
}

#menu {
    position: relative;
	float: right;
	width: 68%;
	height: auto;
	margin-right:5px;
	margin-top:25px;
	padding:0px;
    border: 0;
	
}	
#menu_pequeno {
    position: relative;
	float: left;
	width: 16%;
	height: auto;
	margin-left:105px;
	margin-top:25px;
	padding:0px;
    border: 0;
    text-align: left;
	
}
		
#geral {   
    padding:0px;
	width:764px;
	height:auto;		
	margin:0px auto;
	/*border:#00FFCC 1px solid;*/
}

#menu_esquerdo {  
    float:left;
	width:auto;
	height:auto;
	margin:0px auto;
	padding:0px;
	}
	
#banner_topo {
    width: 470px;
    height: 70px;
   	margin-left:250px;
	margin-top:20px;
	border: 0;
}

#texto_topo{
	float:left;
	width:450px;
	height:auto;
	margin-left:242px;
	margin-top:75px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
}

#outros_servicos {
	background:url('imagens/outros_serv.jpg') no-repeat;
	float:left;
	width:520px;
	height:241px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;
	}

#rodape {	
    position:relative;	
	background-image: url(imagens/rodape.jpg);
	background-repeat: no-repeat;
	float:left;	
	width:764px;
	height:88px;
	padding:0px;
	margin: 0px auto;
}

#rodape2 {	
    position:relative;	
	background-image: url(imagens/rodape2.jpg);
	background-repeat: no-repeat;
	float:left;	
	width:764px;
	height:88px;
	padding:0px;
	margin: 0px auto;
}
/************************************************* 
 Lista texto topo 
*************************************************/		
ul.top li{   
	font:12px  Verdana, Arial, Helvetica, sans-serif;	
	list-style-type:disc;
	list-style-position: inside;
	color:#fff;
	/*display:block;*/	
	padding: 0px;
	text-align:left;
	line-height : 20px;	
	   
	}
	
ul.top li a {    
	text-decoration:none;
	color:#fff;		
	}
	
ul.top li a:active {
	color:red;		
	}
	
ul.top a:hover{
    text-decoration:underline;
	color:yellow;
	}	
/************************************************* 
 Lista menu topo
*************************************************/

/*  topo direito */
#menu ul.nav {
    width: 100%;
    margin:0; 
	padding:0;
	list-style:none;
	text-decoration:none;
    text-align: left;
	}
		
#menu ul.nav li{
    display:inline;
    font:13px  Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin:0;
    padding-bottom: 4px
 	}
	
#menu ul.nav li a {
    color:#fff;
	}
	
#menu ul.nav li a:active {
	color:red;		
	}
	
#menu ul.nav a:hover{
    text-decoration:underline;
	color:yellow;
	}
	
 /* topo esquerdo  */
  #menu_pequeno ul.navpq {
    width: 100%;
    margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
    text-align: left;
	}

#menu_pequeno ul.navpq li{
    display:inline;
    font:13px  Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin:0;
    padding-bottom: 4px
 	}

#menu_pequeno ul.navpq li a {
    color:#fff;
	}

#menu_pequeno ul.navpq li a:active {
	color:red;
	}

#menu_pequeno ul.navpq a:hover{
    text-decoration:underline;
	color:yellow;
	}
 
/************************************************* 
 classes menu esquerdo
*************************************************/
.menu_esq_bloco {
	width:230px;
	height:auto;
	margin-top:0px;
}

.menu_esq_topo {
	margin-top:0px;
	padding : 10px 2px 2px 10px;		
}

.menu_esq_titulo {    
	font:14px  Arial, verdana, Helvetica,sans-serif;
	font-weight: bold;
	color:#637B87;
	text-align:left;
	margin-top:10px;
	padding : 2px 2px 2px 10px;		
} 

.menu_esq_texto {    
	font:12px  Arial, verdana, Helvetica,sans-serif;
	font-weight: 300;
	color:#596B71;
	text-align:left;	
	padding : 2px 2px 2px 10px;	
} 

.menu_esq_link {  
    font:12px Arial, verdana, Helvetica, sans-serif;
	font-weight: 400;
	font-style:italic;	
	color:#E6910C;
	text-align:left;	
	padding : 2px 2px 2px 10px;		
} 

a.link_esq { 
    color:#e6913e;
	text-decoration:none;			
	}
	
a.link_esq:hover { 
    text-decoration:underline;
	color:#e6913e;			
	}
    
a.link_esq:active { 
    text-decoration:underline;
	color:red;			
	}

/************************************************* 
 classes conteudo meio
*************************************************/
.titulo_pagina {
    background:url(imagens/barrindo_titulos.gif) no-repeat;
    float:left;
	width:491px;
	height:19px;
	margin:0px auto;
	padding-left:5px;	
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:700;
	color:#fff;
	text-align:left;	
}	

/************************************************* 
 classes conteudo outros servicos
*************************************************/

.titulo_outros_serv {
    font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#637B87;
	text-align:left;
	padding-top:40px;
	padding-left:10px;
}
	
.texto_outros_serv {
	width:400px;
	height:auto;
	float:left;
    font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#596B71;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}

.texto_outros_link {
	width:400px;
	height:auto;
	float:left;
    font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#596B71;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
}

.bloco_link{
	width:400px;
	height:auto;
	float:left;
    font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
	color:#596B71;
	text-align:left;
	padding-top:2px;
	padding-left:10px;
	padding-bottom:10px;
}

a.outros_serv_link { 
    color:#e6913e;
	text-decoration:none;			
	}
	
a.outros_serv_link:hover { 
    text-decoration:underline;
	color:#e6913e;			
	}
    
a.outros_serv_link:active { 
    text-decoration:underline;
	color:red;			
	}

/************************************************* 
 classes rodape
*************************************************/
.link_rodape {
	width:400px;
	height:auto;
	float:left;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	color:#596B71;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	margin-top: auto;
	margin-right: 0px;
	margin-bottom: auto;
	margin-left: 240px;
	}
			
ul.link_rod li{   
	font:12px  Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;	
	list-style:none;
	display:inline;		
	text-decoration:none;	   
	}
	
ul.link_rod li a {
	color:#596B71;
	text-decoration:none;			
	}
	
ul.link_rod li a:active {
	color:red;
	text-decoration:none;
	}
	
ul.link_rod li a:hover{
    text-decoration:underline;
	color:#e6913e;
	}
