/* 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;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/****************
fundo
*****************/
body {
	background-color:#fff;
	background-image:url(imagens/fundo_degrade.jpg);
	background-repeat:repeat-x;
}

p{
	color: #A20206;
	font-size:11px;
	text-align:justify;
}

a{color:#BC2140;}

a:hover{color:#333333;}

h1{
	color: #BC2140;
	font-size:20px;
	text-align:left;
}

h2{
	color: #990000;
	font-size:17px;
	text-align:left;
}

h3{
	color: #990000;
	font-size:14px;
	text-align:left;
}

h4{
	color:#333333;
	font-size:12px;
	text-align:left;
}

h5{
	color: #990000;
	font-size:8px;
	text-align:left;
}

/****************
tudo
*****************/
#geral {
	width:800px;
	height:755px;
	position:relative;
	background-color:#FBFBFB;
}

	/****************
	topo
	*****************/
	#topo {
		width:780px;
		height:100px;
		position:absolute;
		top:0px;
		left:10px;
	}
	
		
		/****************
		menu
		*****************/
		#menu {
			width:100%;
			height:25px;
			position:absolute;
			top:100px;
			left:0px;
			font-size:11px;
			display: inline;
			text-align:center;
		}
		
		#menu ul {background-image:url(imagens/fundo_menu.jpg);}
		
			#menu ul li{display:inline; padding-left:10px;}

				#menu ul li a{
					color: #fff;
					text-align:center;
					padding:0px 2px;
					line-height:25px;
				}
		
					#menu ul li a:hover{
						color: #333333;						
						background-color: #FBFBFB;
						background-image: url(imagens/fundo_menu_h.jpg);
						background-repeat: repeat-x;
						padding-top: 6px;
						padding-bottom: 6px;
					}


	/****************
	corpo
	*****************/
	#corpo {
		width:780px;
		height:585px;
		position:absolute;
		top:125px;
		right:10px;
	}

		/****************
		coluna esquerda
		*****************/
		#esquerda {
			width:130px;
			height:585px;
			position:absolute;
			top:0px;
			left:0px;
		}
		
			#menu_vertical{
				width:130px;
				position:absolute;
				top:2px;
				left:0px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				text-align:left;
				background-image:url(imagens/barra_menu_vert.gif);
				background-repeat:no-repeat;
				background-position: right top;
			}
				
			
					#menu_vertical ul li a{
						color: #BC2140;
						text-align:left;
						line-height:25px;
						padding-left:5px;
					}
		
						#menu_vertical ul li a:hover{
							color:#333333;
							font-style:oblique;
						}
				
				#menu_vertical ul ul{
					width:120px;
					position:relative;
					left:10px;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:10px;
					text-align:left;
				}
				
					#menu_vertical ul ul li a{
						color:#666666;
						text-align:left;
						line-height:25px;
						padding-left:5px;
					}
		
						#menu_vertical ul ul li a:hover{
							color:#333333;
							font-style:oblique;
						}
		
			
		/****************
		coluna central
		*****************/
		#meio {
			width:520px;
			height:585px;
			position:absolute;
			top:0px;
			left:130px;
		}
			
			#colunatopo{
				width:520px;
				height:70px;
				position:absolute;
				top:0px;
				left:0px;
				text-align:center;
			}
				
				#colunatopo h1{
					text-align:center;
					position:relative;
					top:20px;
				}
			
			#textocentral{
				width:500px;
				height:515px;
				position:absolute;
				top:70px;
				left:10px;
			}
			
			#painel_01{
				width:200px;
				height:250px;
				position:absolute;
				top:75px;
				left:40px;
			}

			#painel_02{
				width:200px;
				height:250px;
				position:absolute;
				top:75px;
				left:290px;
			}
			
			#painel_03{
				width:200px;
				height:200px;
				position:absolute;
				top:350px;
				left:40px;
			}
			
			#painel_04{
				width:200px;
				height:200px;
				position:absolute;
				top:350px;
				left:290px;
			}
			
				#titulo_painel{
					width:190px;
					position:absolute;
					bottom:5px;
					left:5px;
					text-align:center;
				}

			
		/****************
		coluna direita
		*****************/
		#direita{
			width:130px;
			height:585px;
			position:absolute;
			top:0px;
			left:650px;
			text-align:center;
			background-image:url(imagens/barra_menu_vert.gif);
			background-repeat:no-repeat;
			background-position: left top;
		}
		
			#pvertical{
				width:130px;
				height:292px;
				position:relative;
				top:5px;
				left:0px;
			}
			

	/****************
	rodape
	*****************/
	#rodape {
		width:780px;
		height:45px;
		position:absolute;
		top:710px;
		left:10px;
		font-size:10px;
		display: inline;
		text-align:center;
	}
		
	#rodape p{text-align:center; color:#333333}

		#rodape ul li {display:inline;}
		
			#rodape ul li a{
				height:25px;
				color: #BC2140;
				text-align:center;
				padding:0px 2px;
				line-height:25px;
			}
				#rodape ul li a:hover{
					color:#333333;						
					background-image: url(imagens/fundo_menu_h.jpg);
					background-repeat: repeat-x;
					padding-top: 6px;
					padding-bottom: 6px;
				}