/*
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:100%;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 #uol {background-image:url(../img/turiti-uol.jpg)}
#menu_principal #crisoara {background-image:url(../img/turiti-crisoara.png)}
#menu_principal #piano {background-image:url(../img/turiti-piano.png)}
#menu_principal #orkut {background-image:url(../img/turiti-orkut.jpg)}
#menu_principal #youtube {background-image:url(../img/turiti-youtube.jpg)}
#menu_principal #google {background-image:url(../img/turiti-google.jpg)}
#menu_principal #msn{background-image:url(../img/turiti-msn.jpg)}
#menu_principal #yahoo {background-image:url(../img/turiti-yahoo.png)}
#menu_principal #submarino {background-image:url(../img/turiti-submarino.jpg)}
#menu_principal #gmail {background-image:url(../img/turiti-gmail.jpg)}
#menu_principal #meebo {background-image:url(../img/turiti-meebo.jpg)}
#menu_principal #receita-federal {background-image:url(../img/turiti-receita-federal.jpg)}
#menu_principal #loteria {background-image:url(../img/turiti-loteria-caixa.jpg)}
#menu_principal #ojogos {background-image:url(../img/turiti-ojogos.jpg)}
#menu_principal #jogos-de-meninas {background-image:url(../img/turiti-jogos-de-meninas.jpg)}
#menu_principal #kboing {background-image:url(../img/turiti-kboing.jpg)}
#menu_principal #google-cinema {background-image:url(../img/turiti-google-cinema.png)}
#menu_principal #google-tradutor {background-image:url(../img/turiti-google-tradutor.png)}
#menu_principal #pci-concursos {background-image:url(../img/turiti-pci-concursos.jpg)}
#menu_principal #facebook {background-image:url(../img/turiti-facebook.jpg)}
#menu_principal #twitter {background-image:url(../img/turiti-twitter.jpg)}
#menu_principal #wikipedia {background-image:url(../img/turiti-wikipedia.jpg)}
#menu_principal #globo {background-image:url(../img/turiti-globo.jpg)}
#menu_principal #imo {background-image:url(../img/turiti-imo.jpg)}
#menu_principal #ebuddy {background-image:url(../img/turiti-ebuddy.jpg)}
#menu_principal #uol-dicionario {background-image:url(../img/turiti-uol-dicionario.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;}

