/* - - - - - - - - - - - - - - - - - - - - -
URL : www.nativ.com.br
- - - - - - - - - - - - - - - - - - - - - */

/*div {
	border: 1px solid #000;
}*/

body {
   margin:0;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #333333 url(../imagens/bg_pagina.gif) repeat-x top;

}		

#container {
	width: 769px;
	margin:auto;
	position: relative;	
	top: 0px;
	left: 0px;
	padding:0px;
	margin-top: 0px;
	}

/* topo home */

#topo-home {
	width: 769px;
	height: 180px;
   position: relative;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#topo-home  h1{  
width: 191px;
height: 180px;
margin:0px;
left: 0px;
top: 0px; 
position: relative;
visibility: visible;
background: url(../imagens/logomarca.jpg) no-repeat;
}

#topo-home  h1 a {
position: relative;
display: block;
top: 0px;
left: 0px;
width: 191px;
height: 180px;
}

#topo-home  h1 a span {display: none;}


/* topo interna */

#topo{
	width: 550px;
	height: 180px;
   position: relative;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	z-index: 8;
	}

#topo h1{
width: 191px;
height: 180px;
margin:0px;
left: 0px;
top: 0px;  
position: relative;
visibility: visible;
background: url(../imagens/logomarca_int.jpg) no-repeat;
z-index:9;
margin-top: 0px;
}

#topo h1 a {
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 191px;
height: 180px;
z-index: 10;
}

#topo h1 a span {display: none;}

/* formatação dos itens home e contatos localizados no topo da página */

.home_topo{
	background: url(../imagens/img_menu_home_topo.gif) no-repeat left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5C5959;
	width: 0px;
	height: 11px;
	position: absolute;
	top: 4px;
	left: 598px;
	padding-left: 13px;
	z-index: 30px;
}

.home_topo a{
	text-decoration: none;
	color: #5C5959;
}

 .home_topo a:hover{
	text-decoration: none;	
}

.contato_topo{
	background: url(../imagens/img_menu_contato_topo.gif) no-repeat left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5C5959;
	width: 0px;
	height: 11px;
	position: absolute;
	top: 4px;
	left: 665px;
	padding-left: 13px;
}

.contato_topo a{
	text-decoration: none;
	color: #5C5959;
}

.contato_topo a:hover{
	text-decoration: none;	
}

.separador_topo{
	position: absolute;
	top: 4px;
	left: 653px;
}

/* fim formatação home e contato do topo */


/* menu */

#menu {
	width:349px;
	height:50px;
	top: 40px;
	left: 190px;
	position: absolute;		
	z-index: 10;
}

#menu ul{
	list-style:none;
 }
 
#menu li{
   position:absolute;
   top:0;
   height:50px;
}
 
#menu li a{
   position:relative;
   display:block;
   width:100%;
   height:100%;
   top:0;
   margin: auto;
   cursor: pointer;
}

#menu li a span{
   position:absolute;
   display:block;
   width: 100%;
   height:100%;
   top:0;
}

#quem_somos{
	width:112px;
   left: 0px;
}
#que_fazemos{
	width:116px;
   left:112px;
}
#quem_atendemos{
	width:119px;
	left:229px;
}

#quem_somos a span{
	background:url(../imagens/menu.gif) no-repeat 0 0;
}
#que_fazemos a span{
	background:url(../imagens/menu.gif) no-repeat -112px 0;
}
#quem_atendemos a span{
	background:url(../imagens/menu.gif) no-repeat -229px 0;
}

#menu ul li a:hover{
	z-index:10;
}
#quem_somos a:hover span{
	background:url(../imagens/menu.gif) no-repeat 0 -50px;
	
}
#que_fazemos a:hover span{
	background:url(../imagens/menu.gif) no-repeat -112px -50px;
}
#quem_atendemos a:hover span{
	background:url(../imagens/menu.gif) no-repeat -229px -50px;
}

#conteudo_meio_home{
	width: 769px;
	left: 0px;
	top: 103px;
	float: left;
	background: #EAECE0;
}

#conteudo_meio{/*temporariamente suspenso*/
	width: 769px;
	float: left;	
	background: #42726F;	
	border: 3px solid Fuchsia;
}


#pagina {
position: absolute;
width: 769px;
left: 0px;
background: #42726F;	
top: 103px;
z-index: 1;
background: #42726F url(../imagens/bg_coluna_dir.gif) repeat-y right;

}	

#pagina h2{
	width: 549px;
	height: 140px;	
	float: left;	
	top: 0px;
	left: 0px;
	background: #EAECE0 url(../imagens/bg_tit_pagina.gif) repeat-x top;
	border-right: 1px solid #FFF;
	color: #fff;
	/*text-align: right;
	text-indent: -999em;*/
	margin:0px; 
}

#pagina h2 span {
float: right;
margin: 48px 35px 10px 0;
text-indent: -999em;
/*border: solid 2px green;*/
}
	
#pagina h2 span.tit_oque_fazemos{
background: transparent url(../imagens/tit_oque_fazemos.gif) no-repeat top;
width: 256px;
height: 46px;
text-indent: -999em;
}

#pagina h2 span.tit_quem_somos {
background: transparent url(../imagens/tit_quem_somos.gif) no-repeat top;
width: 222px;
height: 46px;
}

#pagina h2 span.tit_quem_atendemos {
background:  url(../imagens/tit_quem_atendemos.gif) no-repeat top;
width: 279px;
height: 46px;
}

#pagina h2 span.tit_contato {
background:  url(../imagens/tit_contato.gif) no-repeat top;
width: 98px;
height: 46px;
}

/* formatação das notícias da home */

#miolo_home{
	background: #EAECE0;
	width: 549px;
	float: left;
	border-top: 4px solid #a5a3a3;	
	border-right: 1px solid #FFF;
	padding: 0px 0px 0px 0px;
}

/*#box_noticia_home{
	float: left;
	margin: 4px 0px 5px 16px;
	width: 50%;
	}

/*#box_esq_noticia_home{
	float: left;
	margin: 4px 0px 5px 16px;
	_margin: 4px 0px 5px 8px;
}

#box_dir_noticia_home{
	float: right;
	margin: 4px 6px 5px 4px;
	_margin: 4px 4px 5px 4px;	
}

#noticia_home {
	background-image: url(../imagens/bg_noticia_home.gif);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 1px solid #B0AEAF;
	width:46%;
	float: right;
	margin: 5px 5px 10px 5px;
	padding: 4px
}*/

#noticia_home {
	background-image: url(../imagens/bg_noticia_home.gif);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 1px solid #B0AEAF;
	_width:265px;
	width:262px;
	float: left;
	padding-bottom: 10px;
	margin: 4px 3px 5px 1px;
}

/* 	width: 262px;
	float: left;
	padding-bottom: 10px;
	margin-right: 1px;
	_margin-right: 3px;
	background: #E8EADE url(../imagens/bg_caixa.gif) repeat-x top;
	border: 1px solid #fff;*/

#noticia_home h1{
	clear: both;
	width: 180px;
	float: left;	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #325754;
	margin: 0px 4px 0px 14px;
	_margin: 0px 2px 0px 7px;	
}

#noticia_home p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #545457;
	position: relative;
	/*margin: 0px 3px 3px 14px;*/
	margin: 94px 10px 4px 14px;
}

#noticia_home p a{
	width: 72px;
	font-size: 10px;
	float: right;
	margin: 8px 15px 0px 0px;
	_margin: 6px 0px 0px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

#noticia_home p a img{
	float: right;
	margin: -09px 8px 0px 0px;
	text-decoration: none;
	border: none;
}

#noticia_home img{
	float: left;
	margin: 10px 10px 5px 14px;
	border: 2px solid #fff;
}

/* fim formatação notícias home*/

/* formatação dos itens da coluna direita */

#coluna_dir {
	width: 219px;
	height: 100%;
	float: right;
	margin: 0px;
	background: #42726F url(../imagens/bg_coluna_dir.gif) repeat-y left;
}

#coluna_dir .tit{
	position: relative;
	top: 0px;
	left: 5px;
	/*z-index: 30px;*/
}

.divisor_coluna_dir{
	background: url(../imagens/separador_informativo.gif) no-repeat top;
	width: 219px;
	float: left;
}

#coluna_dir .informativo {
	width: 178px;
	height: 50px;
	font-size: 10px;
	color: #fff;
	position: relative;
	top: 14px;
	padding-left: 17px;
}

#coluna_dir .informativo input {
	width: 158px;
	height: 12px;
	background-color: #325754;
	font-size: 10px;
	color: #fff;
	margin: 0px 0px 5px 5px;
	border: none;	
}

#coluna_dir .informativo fieldset {
	border: none;
	width: auto;
	margin: auto;
}

#coluna_dir .informativo .enviar {
	width:46px;
	height: 17px;
	top: 6px;
	float: right;
	position: relative;
	background-color: transparent;
	border: none;
	margin: 0px 8px 0px 0px;
}

#box_texto {
	float: relative;
	margin: 90px 0px 0px 0px;
	_margin: 18px 0px 0px 0px;	
}

#texto_col_dir{
	background: url(../imagens/bg_box_texto.gif) no-repeat top;
	width: 219px;
	/*position: relative;*/
	float: left;
	margin: -10px 0px 0px 0px;
	_margin: -11px 0px 13px 0px;
	text-align: left;
}

#texto_col_dir p{
	font-size: 10px;
	color: #FFF;
	margin: 5px 0px 10px 5px;	
	float: left;
}

#box_texto img{
	float: left;
	margin: 9px 0px 0px 8px;
}

#coluna_dir .foto{
	border-left: 1px solid #365d5b;
	border-top: 1px solid #365D5B;
	position: relative;
	/*top: 45px;
	_top: 50px;*/
	margin-top: 150px;
	left: 13px;
}

/* SUBMENU*/

/* Navigation */
#submenu {
	color: #fff;
	background-color: #42726F;; 
	margin-top: 0px;
	margin-left: 0px;
	float: left;
		}


#submenu ul{
margin:0;
padding-left: 0;
list-style-type: none;			
float: left;
width: 214px;
} 

#submenu a {
color:#fff;
display: block;
padding: 4px 0px 4px 0px;
width: 214px;
border-left: 5px solid #2E4F4D;  
border-bottom: 1px solid #365D5B;
border-top: 1px solid #487D7A;
z-index: 10;
}

#submenu  a:hover {
text-decoration: none;	
color:#fff;
background-color: #3A6461;
border-left: solid 5px #365D5B; 
border-bottom: 1px solid #707070;
}




/*.submenu li a:visited, .submenu li a:active , .submenu li a:link{
display: block;
color: #FFFFFF;
padding: 3px  3px  3px  5px;
background: #42726F;
border-left: 5px solid #2E4F4D;  
border-bottom: 1px solid #365D5B;
border-top: 1px solid #487D7A;
text-decoration: none;
list-style: none  none;
margin: 1px 0 0 0;
}*/

/*.submenu li a:hover{
padding: 3px  3px  3px  5px;
list-style: none  none;
text-decoration: none;
color: #FFFFFF;
background-color: #3A6461;
border-left: solid 5px #365D5B; 
border-bottom: 1px solid #707070;
}/*



/* fim formatação da coluna direita */

#rodape	{	
	clear: both;
   width: 769px;	
	height: 75px;
	background-color: #BFC1B6;
	color: #3F3E3E;
	text-align: left;	
	border-top: 4px solid #DDDED8;
	font-size: 10px;
	position: relative;
	top: 0px;
	left: 0px;
	}

#rodape a {	
	display: inline;
	text-decoration: none;
	color:  #325754;
}

#rodape p {	padding-left: 25px;
padding-top: 5px;
	color:  #3F3E3E;
	
}

#rodape p a {	
	color:  #3F3E3E;
	display: inline;
	text-decoration: none;
}

#rodape ul {
position: relative;
top: 12px;
left: 25px;
padding: 0;
margin: auto;
list-style: none;
text-align: left;
color:  #325754;
}
#rodape ul a {
	padding-top: 8px;
	width: auto;
	color:  #325754;
}
#rodape li {
   padding-top: 10px;
	display: inline;
	margin: auto;
	padding: 0;
	color: #325754;
}	

#nativ {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D3D7D9;
	background-color: #333;
	position: relative;
	margin: 0px 0px 0px 0px;	
	padding: 5px 0px 2px 25px;
}
#nativ a {
	text-decoration: none;
	color: #D3D7D9;
}

/* formatação do formulário de contato */

fieldset {
	padding: 0px;
	border: none;
}

#miolo_contato{
	background: #EAECE0;
	width: 549px;
	height: 459px;	
	float: left;
	border-right: 1px solid #FFF;
	padding: 0px 0px 0px 0px;
}

.contato {
	margin: 0;
	color: #545457;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.contato label {
	display: block;
	width: 100px;
	height: 13px;
	float: left;
	margin: 5px 0 0 60px;
	_margin: 5px 0 0 30px;	
}

.contato textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595759;
	margin: 4px 0;
	background: #C7C8BE;
	padding: 3px;
	width: 200px;
	border: 1px solid #acacac;
	height: 70px;
} 

.contato input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595759;
	margin: 4px 0;
	background: #C7C8BE;
	padding: 3px;
	width: 200px;
	border: 1px solid #acacac;
}

.contato .inputradio1 {	
	margin: 6px 0 0 5px;
	width: auto;
	float:left;
	position:relative;
	/*left: 55px;*/
}

.contato .inputradio2 {	
	margin: 6px 0 0 5px;
	width: auto;
	float:left;
	position:relative;
	/*left: 13px;*/
}

.contato .inputradio3 {	
	margin: 6px 0 0 5px;
	width: auto;
	float:left;
	position:relative;
	/*left: -38px;	*/
}

.contato .inputradio4 {	
	margin: 6px 0 0 5px;
	width: auto;
	float:left;
	position:relative;
	/*left: -88px;*/
}

.contato .labelradio1 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595759;
	width:auto;
}

.contato .labelradio2 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595759;
	width:auto;
	position: relative;
	/*left: -45px;*/
}

.contato .labelradio3 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595759;
	width:auto;
	position: relative;
	/*left: -93px;*/
}

.contato .labelradio4 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595759;
	width:auto;
	position: relative;
	left: 308px;
	/*top: -20px;*/
}

.contato .inputddd {	
	width: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #595759;
	margin: 4px 0;
	/*background: transparent url(../imagens/input_bg.jpg) no-repeat 0 0;*/
	background: #C7C8BE;	
	padding: 3px;
	border: 1px solid #acacac;
}


.contato .inputtel {	
	width: 149px;
	font-family: Verdana, Arial, Helvetica, sans-serif
	font-size: 11px;
	color: #595759;
	margin: 4px 0;
	/*background: transparent url(../imagens/input_bg.jpg) no-repeat 0 0;*/
	background: #C7C8BE;
	padding: 3px;
	border: 1px solid #acacac;
} 

input:hover, textarea:hover {
background: #C7C8BE;	
}

input:focus, textarea:focus {
background: #C7C8BE;
	
}
.submit { 
	background-color: #3F515C;
	color: #fff;
	text-align: center;
	border: 0; 
	width: auto; 
	float: right;
	text-align: center; 
	}
	
.submit:hover, .submit:active { border:0;}

.buttons {
	color: #fff;
	text-align: center;
	border: 0; 
	width: auto; 
	float: right;
	text-align: center;
	margin-right: 177px;
	_margin-right: 62px;
}    

.buttons input {
	/*background: transparent url(../imagens/input_bg.jpg) no-repeat 0 0;*/
	background: #42726F;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*height: 17px;*/
	width: 47px;
	text-align: center;
	border: none;
	/*margin-top: 15px;*/
} 
.buttons input:hover {
	background: #acacac;
}

textarea {
	border-right: 1px solid #acacac;
}	


#box_home{
		margin: 4px 4px 3px 12px;
		_margin: 4px 4px 3px 6px;
}

/* box com borda arredondada na home */

#caixa {
	width: 262px;
	float: left;
	padding-bottom: 10px;
	margin-right: 1px;
	_margin-right: 3px;
	background: #E8EADE url(../imagens/bg_caixa.gif) repeat-x top;
	border: 1px solid #fff;
	/*border-right: 1px solid #fff;*/
}

#caixa h1 {
/*background: #C9CBC1 url(../imagens/acima.gif) no-repeat top;*/
font-size: 13px;
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 65px 0 0 10px;
/*padding: 0;
/*color: #545457;*/
color: #325754;
}

/*#caixa h2 {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px 8px 2px 160px;
color: #42726F;
}*/

#caixa p {
/*margin:0px;*/
padding: 0;
margin: 5px 0 3px 10px;
/*padding: 3px 8px 5px 160px;*/
color: #545457;
font-size: 10px;
}

#caixa img {
float: left;
margin: 5px 0 3px 10px;
border: 2px solid #fff;
/*margin: 8px 2px 0px 30px;*/
}

#caixa a{
	width: 72px;
	font-size: 10px;
	float: right;
	margin-right: 15px;
	/*position: relative;
	left: 280px;*/
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

#caixa a img{
	float: right;
	margin: -09px 7px 0px 0px;
	position: relative;
	text-decoration: none;
	border: none;
}

/* internas */


#miolo{
	background: #EAECE0;
	width: 549px;
	float: left;
	border-right: 1px solid #FFF;
	padding: 0px 0px 0px 0px;
}

#miolo h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	text-align: left;
	font-weight: bold;
	color: #325754;
	margin: 30px 15px 0px 60px;
}

#miolo h4{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #325754;
	margin: 3px 30px 0px 60px;
	
}

#miolo p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #545457;
	line-height: 15px;
	margin: 10px 15px 10px 60px;
}

#miolo ul, ol{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #545457;
	margin: 10px 15px 10px 60px;
	_margin: 10px 15px 10px 85px;
}

#miolo .box{
	background: url(../imagens/bg_noticia_esq.gif) repeat-x top;
	border: 1px solid #42726F;
	padding: 5px;
	clear: both;
	width: 458px;
	position: relative;
	margin: 0px 3px 10px 60px;
	_margin: 0px 0px 10px 60px;
}

#miolo img{
	border: 2px solid #fff;
	margin: 6px 0px 0px 0px;
}

/*link's*/
a:link {	text-decoration: none;	color: #545457;}
a:visited {text-decoration: none; color: #545457;}
a:active {text-decoration: none; color: #545457;}
a:hover {text-decoration:underline; color: #545457;}

a.link-branco:link {	text-decoration: none;	color: #FFF;}
a.link-branco:visited {text-decoration: none; color: #FFF;}
a.link-branco:active {text-decoration: none; color: #FFF;}
a.link-branco:hover {text-decoration:underline; color: #FFF;}

a.link-verde:link {	text-decoration: none;	color: #42726F;}
a.link-verde:visited {text-decoration: none; color: #42726F;}
a.link-verde:active {text-decoration: none; color: #42726F;}
a.link-verde:hover {text-decoration:underline; color: #42726F;}

/