/* CSS Document */
body {
	background: #FFFFFF;
	margin: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
}
#alinha {
	margin-right: auto;
	margin-left: auto;
	width: 770px;
	position: relative;
}
#principal {
	background: #FFFFFF none;
	position: relative;
	width: 770px;
	margin-right: 0px;
	margin-left: 0px;
	float: left;
}

#logo {
	position: relative;
	height: 80px;
	width: 150px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	}

#topo {
	position: relative;
	height: 80px;
	width: 610px;
	float: left;
	}
	
#conteudo {
	float: left;
	width: 770px;
	position: relative;
	display: block;
}


#menu {
	float: left;
	width: 730px;
	padding-left: 40px;
	position: relative;
	z-index: 2;
	}

/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
	.menu-hv  { width: 770px;
				height: 26px;
				margin: 1px;
				background-color: #003399;
				position: relative;  
				padding: 0; 
				display: block; }
    .menu-hv * ,    .menu-vv * { margin: 0px; padding: 0; list-style: none}
    .menu-hv li ,   .menu-vv li { position: relative; line-height: 1.2em; vertical-align: top; }
    .menu-hv a ,    .menu-vv a { display: block; line-height: 1.2em; }
    .menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden;  }
    .menu-hv li:hover ul,  .menu-vv li:hover ul,
    .menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible; }
    .menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
    .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden; }
    .menu-hv li li:hover ul,  .menu-vv li li:hover ul,
    .menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible; }

    .menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
    .menu-hv li { float: left; }        
    .menu-hv li ul li { float: none; }
    .menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }
    
    .menu-hv li { width: 145px; background-color: #003399; }
    .menu-hv li a:hover { background-color: #999999; }
	
	
    
    /* visual */
	.menu-hv a { font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
			  text-decoration: none; 
			  color: #ffffff;
			  background-color: #003399;
			  padding: 5px 5px;
			  margin: 1px; 
			  }
	.menu-hv ul li ul {
	padding: 0px 0px 0px 0px;
	background-color:#006699;
	}
	
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html */
* html * { color: expression( (function(who){ if(!who.MXPC){
    who.MXPC = '1';
    if(who.nodeName != 'A'){
        who.onmouseenter=function(){ who.className += ' hover'};
        who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
    (who==who.parentNode.firstChild) ? who.className += ' first-child' : '';
} } )(this) , 'auto') }




h4 {
	color: #29454A;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
}
h5 {
	font-family: "Times New Roman", Times, serif;
	color: #000000;
	font-weight: normal;
}

.table{
	font-weight: bold;
	width: 750px;
	
	}

.linhaT{
	background-color:#CCCCCC;
	text-align: center;
	width: 38px;
	height: 30px;
	font-size: 9px;
	font-weight: bold;
}
.linha2{
	font-weight: bold;
	text-align: center;
	background-color:#B3D9EC;
	width: 38px;
	height: 20px;
	font-size:9px;
	}
.linha1{
	font-weight: bold;
	text-align: center;
	background-color:#FFFFFF;
	width: 38px;
	height: 20px;
	font-size:9px;
}
	
	
.l1{
	background-color: #0099FF;
	
}
.cor{
	background-color:#B3D9EC;
	text-align: center;
}
.cor2{
	background-color:#FFFFFF;
	text-align: center;
}
.corT{
	background-color:#CCCCCC;
	text-align: center;
	width: 38px;
}
#central {
	float: left;
	width: 750px;
	padding: 10px 10px 10px 10px;
	position: relative;
	z-index: 1;
	text-align:justify;
	
	}

#ContEsq {
	float: left;
	padding: 20px 0px 0px 10px;
	width: 250px;
	position:relative;	
	}
	
#ContCent {
	float: left;
	padding: 20px 0px 0px 0px;
	width: 250px;
	position:relative;	
	}
	
#ContDir {
	float: left;
	padding: 20px 0px 0px 0px;
	width: 240px;
	position: relative;
	}

#rodape {
	font-size: 10px;
	color: #333333;
	text-align: center;
	position: relative;
	width: 770px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	text-indent: 50px;
	border-top: 1px solid #000000;
	background: url(../creation/ImgConteudo.jpg) repeat
}