/*
Desenvolvido por: 
Hephesto Tecnologia da Informacao - http://www.hephesto.com
Te peguei fuçando hein? Não esqueça que o plágio é a forma mais sincera de admiração :-)
*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color:#FFFFFF;
}

img { border:0;}

#conteudo{
	margin:auto;
	padding:0;
	text-align:center;
	width:95%;
}

#superior{
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	width:100%;

}

#superior ul
{
	
	background-color:#FF0000;
}

#superior li.esquerda
{
	float:left;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;	
}

#superior li.direita
{
	float:right;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0; 
	margin-right: 5px;
}



#superior li a
{	
	color:#999999;
	text-decoration:underline;
}

#superior li a:hover
{
	color:#000000;
	text-decoration:underline;
}

#logotipo
{
float:left;
margin-top:10px;
	margin-bottom:10px;
	width:300px;
	text-align:left;
}

#logotipo h2
{
float:left;
margin:0;
padding:0;
font-size:13px;
margin-left:10px;
}

#logotipo h1
{
float:left;
margin:0;
padding:0;
font-size:30px;
margin-left:10px;
}



/* estilo para o topo da pagina onde fica o logo*/
#topo
{
	float: left;
	clear: both;
	padding: 0;
	margin: 0;	
	height: 80px;
	width: 100%;		
	text-align: center;
	border-bottom: inset 2px #999999;

}


#topo form
{

	float: right;
	font-size:12px;
	margin:0;
}



/* estilo do miolo da página */
#miolo
{
	float:left;
	width: 100%;		
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #FFFFFF;
}

/* estilo do rodape */
#rodape
{
	float: left;
	clear: both;
	padding: 0;
	padding-top: 5px;
	margin: 0;	
	width: 100%;		
	border-top: inset 2px #999999;
	text-align: center;
}

#rodape li
{
	float:left;
	display: inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	margin-left:10px;
	padding-left:5px;
}

#rodape li.certificado
{
	float:right;
	padding-left:5px;
	margin-right:5px;
}

#noticias{width:19%; margin:0; float: right; padding:0;text-align:center; border:#CCCCCC thin dotted; border-top:0; background-color:#F2F2F2}

#noticias h4{text-align:center; background-color:#FF6600; width:100%; margin:0; padding:0; font-size:15px; border:thin outset; line-height:20px; padding-bottom: 5px;color:#FFFFFF}
#noticias h4 span{text-align:center; font-size:20px; color:#FFFFFF}

#info{width:100%; margin:0; float: right; padding:0;text-align:center}
#info ul {list-style-type:none; margin:0; padding:0; margin-left:5px; margin-top:5px;}
#info ul li{font:11px/20px Arial, Helvetica, sans-serif; font-weight:normal;margin-bottom:10px; padding:0; text-align:left; line-height:12px;}
#info ul span{height:20px; display:block; margin:0; padding:0;}

#aviso { background-color: #FFFFFF; border:0; padding:2px; margin:2px}
#aviso img a{ max-width:50%; max-height:50%}


/*-- menu principal --*/
#menu_principal{width:80%;float:left; margin:0; padding:0;text-align:center; background-color:#FFFFFF; line-height:13px;}

#menu_principal form
{

	padding-bottom: 10px;
	font-size:16px;
}

#menu_principal .menu_item {
	float:left;
	width:120px;
	height:115px;
	margin:0 auto;
	margin-bottom:5px; 
	padding:2px;
	background-position:25px 5px;
	background-repeat:no-repeat;
	font-size:11px;
	text-align:center;
}

#menu_principal #agrega {background-image:url(../img/agrega.png)}
#menu_principal #msn{background-image:url(../img/msn.png)}
#menu_principal #google {background-image:url(../img/google.jpg)}
#menu_principal #gmail {background-image:url(../img/gmail.jpg)}
#menu_principal #gtalk {background-image:url(../img/gtalk.jpg)}
#menu_principal #google-cinema {background-image:url(../img/google-cinema.jpg)}
#menu_principal #google-tradutor {background-image:url(../img/google-tradutor.jpg)}
#menu_principal #orkut {background-image:url(../img/orkut.jpg)}
#menu_principal #youtube {background-image:url(../img/youtube.jpg)}
#menu_principal #batepapouol {background-image:url(../img/batepapo-uol.jpg)}
#menu_principal #g1 {background-image:url(../img/g1.jpg)}
#menu_principal #yahoo {background-image:url(../img/yahoo-br.jpg)}
#menu_principal #meebo {background-image:url(../img/meebo.jpg)}
#menu_principal #folha {background-image:url(../img/folha.jpg)}
#menu_principal #hotmail {background-image:url(../img/hotmail.jpg)}
#menu_principal #msn {background-image:url(../img/msn.png)}
#menu_principal #kboing {background-image:url(../img/kboing.jpg)}
#menu_principal #ojogos {background-image:url(../img/ojogos.jpg)}
#menu_principal #loteria {background-image:url(../img/loteria.jpg)}
#menu_principal #coca-cola-zero {background-image:url(../img/coca-cola-zero.png)}
#menu_principal #receita-federal {background-image:url(../img/receita-federal.png)}
#menu_principal #pci-concursos {background-image:url(../img/pci-concursos.jpg)}
#menu_principal #submarino {background-image:url(../img/submarino.jpg)}
#menu_principal #cifras {background-image:url(../img/cifras.jpg)}
#menu_principal #jogos-de-meninas {background-image:url(../img/jogos-de-meninas.jpg)}

#menu_principal .titulo {float:left; width:120px; height:5px; position:relative; margin:0 auto; padding:0; top: 40px; left:0; text-align:center; font-size:12px; font-weight:bold; margin-bottom:0; line-height:12px;}

#menu_principal .paragrafo {float:left; width:120px; height:30px; position:relative; margin:0; padding:0; top: 55px; left:0; text-align:center;font-size:11px;}

#menu_principal a{text-decoration:none; color:#0000FF; }
#menu_principal a:hover{background-color:#E1ECFE; text-decoration:underline; color:#0000FF;}