﻿/* CSS Renato Monteiro de Castro */

* { /* zerando tudo */
	text-decoration:none;
	margin:0;
	padding:0;
	vertical-align:baseline;
	border: none;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

/****************
fundo
*****************/
body {
	background-color: #fff;
	background-image:url(imagens/fundo_degrade.jpg);
	background-repeat:repeat-x;
}

p{
	color:#000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	line-height: 22px;
	margin-bottom: 6px;
}

a{color:#000066;}

a:hover{color:#FF0000;}

h1{
	color:#FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	padding-left:11px;
	text-align:left;
	margin-top: 12px;
	margin-bottom: 12px;
}

h2{
	color:#FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:0px;
	text-align:center;
	margin-top: 5px;

}

h3{
	color:#FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	padding-left:10px;
	text-align:left;
	margin-top: 12px;
	margin-bottom: 6px;
}

h4{
	color:#FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	padding-left:10px;
	text-align:justify;
}

h5{
	color:#000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	padding-left:0px;
	text-align:center;
}

/****************
tudo
*****************/
#geral {
	width:770px;
	height:300px;
	position:relative;
}

	/****************
	topo
	*****************/
	#topo {
		width:750px;
		height:100px;
		position:absolute;
		top:0px;
		left:10px;
	}
	
		/****************
		banner
		*****************/

		#banner {
			width:750px;
			height:100px;
			position:absolute;
			top:0px;
			left:0px;
		}
			
			#banner_flash {
				width:468px;
				height:60px;
				position:absolute;
				top:30px;
				right:60px;
			}
			
			#logo {
				width:150px;
				height:75px;
				position:absolute;
				top:15px;
				left:5px;
				background-image:url(imagens/logo_nova_nova.gif);
				background-repeat:no-repeat;
			}


	/****************
	corpo
	*****************/
	#corpo {
		width:750px;
		height:380px;
		position:absolute;
		top:100px;
		left:10px;
		background-color:#fff;
	}

		/****************
		coluna central
		*****************/
		#meio {
			width:589px;
			height:375px;
			position:absolute;
			top:2px;
			left:156px;
		}
		
			#meio p{
				padding-left:10px;
				padding-right:10px;			
			}
			
			#meio h1{
				padding-left:35px;
			}
			
			#meio h2{
				padding-left:10px;
			}
			
			#areaphoto{
				width:589px;
				height:375px;
				position:absolute;
				bottom:0px;
				left:0px;
			}
			
				#photo{
					width:587px;
					height:373px;
					position:absolute;
					top:1px;
					left:1px;
				}
			
				#photo span{
					position:absolute;
					top:0px;
					left:0px;
				}

			#onde_bh{
				width:287px;
				height:175px;
				position:absolute;
				top:27px;
				left:5px;
				background-image:url(imagens/onde_bh.jpg);
				background-repeat:no-repeat;
				background-position:bottom;
			}
			
			#onde_mc{
				width:287px;
				height:175px;
				position:absolute;
				top:27px;
				left:297px;
				background-image:url(imagens/onde_mc.jpg);
				background-repeat:no-repeat;
				background-position:bottom;
			}
			
			#onde_rj{
				width:287px;
				height:175px;
				position:absolute;
				top:202px;
				left:5px;
				background-image:url(imagens/onde_rj.jpg);
				background-repeat:no-repeat;
				background-position:bottom;
			}
			
			#onde_vr{
				width:287px;
				height:175px;
				position:absolute;
				top:202px;
				left:297px;
				background-image:url(imagens/onde_vr.jpg);
				background-repeat:no-repeat;
				background-position:bottom;
			}
				
				#onde_bh p, #onde_mc p, #onde_rj p, #onde_vr p{text-align:center;}
				
			#mapa{
				position:absolute;
				top:40px;
				left:15px;
				width:559px;
				height:260px;
				border:1px dashed #FF0000;
			}
			
	#menu_doc_01 {
		width:589px;
		height:29px;
		position:absolute;
		top:40px;
		left:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #000000;
		display: inline;
		text-align:center;
	}
		
	#menu_doc_01 ul{
		background-image: url(imagens/fundo_menu_2.jpg);
		background-repeat: repeat-x;
		text-align:center;
	}

		#menu_doc_01 ul li {display:inline;}
		
			#menu_doc_01 ul li a{
				height:29px;
				color: #000000;
				text-align:center;
				padding:0px 2px;
				line-height:29px;
				padding:5px;
			}
				#menu_doc_01 ul li a:hover{
					color:#FF0000;						
					background-color: #f9f9f9;
					background-image: url(imagens/fundo_menu_hover_2.jpg);
					background-repeat: repeat-x;
					padding:8px;
				}

	#menu_doc_02 {
		width:589px;
		height:29px;
		position:absolute;
		top:70px;
		left:0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #000000;
		display: inline;
		text-align:center;
	}
		
	#menu_doc_02 ul{
		background-image: url(imagens/fundo_menu_2.jpg);
		background-repeat: repeat-x;
		text-align:center;
	}

		#menu_doc_02 ul li {display:inline;}
		
			#menu_doc_02 ul li a{
				height:29px;
				color: #000000;
				text-align:center;
				padding:0px 2px;
				line-height:29px;
				padding:5px;
			}
				#menu_doc_02 ul li a:hover{
					color:#FF0000;						
					background-color: #f9f9f9;
					background-image: url(imagens/fundo_menu_hover_2.jpg);
					background-repeat: repeat-x;
					padding:8px;
				}
			
			#doc_texto{
				position:absolute;
				top:100px;
				left:32px;
				width:529px;
				height:280px;
			}
			
			#doc_texto p{ line-height:22px;}
			
			#doc_texto h1{padding-left:10px;}
			
				#sitemap_01{
					position:absolute;
					top:0px;
					left:0px;
					width:264px;
					height:345px;
				}
								
				#sitemap_02{
					position:absolute;
					top:0px;
					left:265px;
					width:265px;
					height:345px;
				}
					
					#sitemap_01 h2 a, #sitemap_02 h2 a{color:#FF0000;}
					#sitemap_01 h4 a, #sitemap_02 h4 a{color: #000099; font-size:9px; font-weight:bold; padding-left:5px;}
					#sitemap_01 h3, #sitemap_02 h3{font-weight:bold; margin-top:3px; margin-bottom:0px;}
					#sitemap_01 h3 a:hover, #sitemap_02 h3 a:hover{color:#FF0000; margin-top:3px; margin-bottom:0px;}
					#sitemap_01 h4 a:hover, #sitemap_02 h4 a:hover{color:#FF0000; font-size:9px; font-weight:bold; padding-left:5px;}
						
			#endereco{
				position:absolute;
				top:310px;
				left:15px;
				width:350px;
				height:60px;
			}
				
#endereco h4{
					color:#000066;
				}
			
			#contato{
				width:589PX;
				height:375PX;
				position:absolute;
				top:0px;
				left:0px;
			}
			
				#contato h1{padding-left:15px;}
				
				#contato h3{padding-left:15px;}
			
				p.nombre{
					position:absolute;
					top:43px;
					left:15px;
				}
				
				#nome2{
					position:absolute;
					top:45px;
					left:85px;
				}
				
				p.endress{
					position:absolute;
					top:83px;
					left:15px;
				}
				
				#endereco2{
					position:absolute;
					top:85px;
					left:85px;
				}
				
				p.city{
					position:absolute;
					top:123px;
					left:15px;
				}
				
				#cidade{
					position:absolute;
					top:125px;
					left:85px;
				}
				
				p.phone{
					position:absolute;
					top:163px;
					left:15px;
				}
				
				#telefone{
					position:absolute;
					top:165px;
					left:85px;
				}
				
				p.mail{
					position:absolute;
					top:203px;
					left:15px;
				}
				
				#email{
					position:absolute;
					top:205px;
					left:85px;
				}
				
				p.message{
					position:absolute;
					top:40px;
					left:300px;
				}
				
				#mensagem{
					position:absolute;
					top:61px;
					left:310px;
				}
				
				#envia{
					position:absolute;
					top:245px;
					left:85px;
					width:70px;
					height:30px;
				}
				
				#limpa{
					position:absolute;
					top:245px;
					left:185px;
					width:70px;
					height:30px;
				}

		/****************
		colun	a esquerda
		*****************/
		#esquerda {
			width:150px;
			height:375px;
			position:absolute;
			top:2px;
			left:0px;
			background-image:url(imagens/fundo_esquerda.jpg);
			background-repeat: no-repeat;
		}

			#menu {
				width:150px;
				position:absolute;
				top:10px;
				left:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				text-align:left;
			}
			
				#menu a{color:#000000;}
				
				#menu a:hover{color: #FF0000;}
				
					#link_01, #link_02, #link_03, #link_04, #link_05, #link_06{
						position:absolute;
						left:5px;
						width:140px;
						background-image:url(imagens/fundo_menu_3.jpg);
						background-repeat:no-repeat;
						background-position:bottom;
						padding-bottom:5px;
						font-weight:bold;
					}
				
						#submenu_01, #submenu_02, #submenu_03, #submenu_04, #submenu_05{
							position:absolute;
							left:5px;
							width:130px;
							padding-left:10px;
						}
				
							#subsubmenu_01, #subsubmenu_02, #subsubmenu_03, #subsubmenu_04, #subsubmenu_05, #subsubmenu_06,  #subsubmenu_07, #subsubmenu_08, #subsubmenu_09, #subsubmenu_10, #subsubmenu_11{
								position:absolute;
								left:20px;
								width:120px;
								padding-left:10px;
								font-size:10px;
								font-style:italic;
							}


	/****************
	rodape
	*****************/
	#rodape {
		width:750px;
		height:39px;
		position:absolute;
		top:480px;
		left:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		display: inline;
		text-align:center;
	}
		
	#rodape ul{
		background-image: url(imagens/fundo_menu_novo.jpg);
		background-repeat: repeat-x;
	}

		#rodape ul li {display:inline;}
		
			#rodape ul li a{
				height:29px;
				color: #000000;
				text-align:center;
				padding:0px 2px;
				line-height:29px;
			}
				#rodape ul li a:hover{color:#FF0000;}