html, body {height:100%;} 

img{border: none;}

body {
	margin:0; 
	padding:0;
	background: #fff url('bgfundo.jpg') repeat-x top;
	color: #444;
	font:60%/1.4 "tahoma", Verdana, Helvetica, sans-serif;
	text-align:center;
	}
	
#tudo { 
	position:relative;/*Contexto de posicionamento*/
	width: 751px;
	/*height: 1015px;*/
	background: url('bg.jpg') no-repeat;
	border:1px #ccc;
	/*background-color:#ddd;*/
	margin:0 auto;
	text-align:left;
	min-height:100%;
	}
	
 * html #tudo {height: 100%;}
 
#conteudo {	width:460px;
			float:left;
			margin-top: 10px;
			margin-left:19px;
			text-align:justify;
			color: #111;
			background:;
			}

#conteudo2 {	width:225px;
			float:left;
			margin-top: 10px;
			margin-left:25px;
			
			/*border-left: solid #ddd 1px;
			border-right: solid #ddd 1px;
			background:pink;*/
			}

/*topo da página,
div's: menu - pesquisa - logo - data*/

#topofundo{	
	position:absolute;
	width:100%;
	height: 116px;
	float:left;
	background: url('../imagens/topo/topo.png') repeat-x  top;
	top: 0px;
	left: 0px;
	}
			
#topo {
	width:751px;
	height:145px;
	text-align:center;
	}
	
/*#logo{
	width:212px;
	height:102px;
	float:left;
	margin-left: 20px;
	border:1px black;
	}*/
	
#barrapesquisa{
	width:750px;
	height:25px;
	float:left;
	}

#pesquisa{
	width:208px;
	height:25px;
	float:left;
	margin-top:40px;
	margin-left:320px;
	color: #eee;
	font: 9px arial, "tahoma", hevetica, sans-serif;
	/*border: 1px solid #000;*/
	}

#botoes{
	width:200px;
	height:25px;
	float:left;
	margin-top:40px;
	margin-left:7px;
	/*border: 1px solid #000;*/
	}

#data{position: absolute;
	width:200px;
	height:19px;
	float:left;
	margin-top:7px;
	margin-left:550px;
	/*background: red;*/
	}
	
input	{
	background: none;
	font: 12px "verdana", arial, helvetica, sans-serif;
	border:none;
	color: #777;
	}
/* fim da div topo*/

#banner {
	width:459px;
	height: 165px;
	margin-top:0px;
	/*margin-left: 17px;*/
	float:left;
	/*background: #00FFFF url('imagens/banner/banner2.jpg') no-repeat;*/
	/*border: solid black 1px;*/
	}
	
	
/*Esta DIV contem as DIV's dos concursos da tela principal*/
#menuflutuante{
		width: 50px;
		height: 100px;
		background-color: pink;
		text-align: left;
		font: 90% arial, "tahoma", hevetica, sans-serif;
		color: red;
		}
		
#principal {
	width:;
	float:left;
	margin-top:10px;
	text-align:justify;
	background: url('imagens/principal/principal.jpg') no-repeat;
	color: #222;
	font:95%/1.4 "Verdana", Arial, Helvetica, sans-serif;
	}

#editaisabertos {
	width:458px;
	padding-top:32px;
	padding-left:15px;
	padding-right:35px;
	padding-bottom:27px;
	text-align:justify;
	background: url('imagens/principal/editaisabertos.jpg') no-repeat;
	/*border-right: solid black 1px #ddd;*/
	}

#inscricoesabertas {
	width:458px;
	float:left;
	padding-top:32px;
	padding-right:35px;
	padding-left:15px;
	padding-bottom:27px;
	background: url('imagens/principal/inscricoesabertas.jpg') no-repeat;
	/*border-right: solid black 1px #ddd;*/
	}

#concursosandamento {
	width:458px;
	float:left;
	padding-top:32px;
	padding-right:35px;
	padding-left:15px;
	padding-bottom:35px;
	background: url('imagens/principal/concursosandamento.jpg') no-repeat;
	/*border: solid black 1px #ddd;*/
	}
	
/*Aqui termina a DIV que contem as DIV's dos concursos da tela principal*/

/*Aqui Começa a DIV que contem as DIV's concluidos e enquete*/
#baixo2 {
	width:458px;
	float:left;
	background:;
	}

#concluidos {
	width:215px;
	float:left;
	padding-right: 10px;
	background: url('imagens/especial/topobaixo2.jpg') no-repeat;
	border-right: dotted #aaa 1px;
	}

#enquete {
	width:215px;
	float:left;
	margin-left: 11px;
	background: url('imagens/especial/topobaixo2.jpg') no-repeat;
	}
	
#ultimasnoticias {
	width: 225px;
	height: 190px;
	float: left;
	margin-top:0px;
	padding-top:25px;
	padding-left:10px;
	overflow: hidden;
	background: url('imagens/banner/ultimasnoticias.jpg') no-repeat;
	/*border: solid black 1px;*/
	}

#proximosconcursos {
	width: 225px;
	margin-top:10px;
	float:left;
	padding-top:35px;
	padding-left:15px;
	background:url('imagens/banner/proximosconcursos.jpg') no-repeat;
	/*border: solid black 1px;*/
	}

#especial {
	width:225px;
	float:left;
	padding-bottom:10px;
	}

#certificado {
	/*width:170px;*/
	height: 65px;
	text-align: justify;
	margin-bottom: 5px;
	padding-left: 60px;
	padding-right: 7px;
	float:left;
	background: url('imagens/Especial/certificado.jpg') no-repeat;
	}

#salaimprensa {
	/*width:170px;*/
	height: 65px;
	text-align: justify;
	margin-bottom: 5px;
	padding-left: 60px;
	padding-right: 7px;
	float:left;
	background: url('imagens/Especial/salaimprensa.jpg') no-repeat;
	}
	

#adobe {
	/*width:170px;*/
	height: 65px;
	text-align: justify;
	margin-bottom: 5px;
	padding-left: 60px;
	padding-right: 7px;
	float:left;
	background: url('imagens/Especial/adobe.jpg') no-repeat;
	}
	
#locacao {
	/*width:170px;*/
	height: 65px;
	text-align: justify;
	margin-bottom: 30px;
	padding-left: 60px;
	padding-right: 7px;
	float:left;
	background: url('imagens/Especial/locacao.jpg') no-repeat;
	}
	
#menusbaixos{
	width: 200px;
	float:left;
	padding-left:30px;
	padding-bottom:30px;
	text-align:left;
	}	
	
#nuvemdetags{
	width: 224px;
	float:left;
	background: #fffff;}	
	
/*div menu principal*/	
#menu{
	width:505px;
	height:40px;
	float:right;
	margin-right: 3px;
	margin-top: 34px;
	}

#alinhamento{
	width:460px;
	margin-top: 20px;
	float:left;
	margin-left:19px;
	background:;
	}
	
ul.nav { 
	margin:0; 
	padding:0;
	}
	
ul.nav li {
	list-style:none;	
	display:inline;
	}
	
ul.nav li a {
	float:left;
	width:81px;
	height: 39px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: url('imagens/menus/off.jpg') no-repeat;
	color:#eee;
	text-align:center;
	text-decoration:none;
	}
	
ul.nav a:visited{
		color:#fff;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		}	
		
ul.nav a:hover{
	float: left;
	/*font-weight: bold;*/
	width: 81px;
	height: 39px;
	background: url('imagens/menus/on.jpg') no-repeat;
	color:#996600;
	}
/* fim da div menu principal*/

#rodape2 {
	width:100%;
	height:65px;
	/*position: absolute;*/
	bottom: 0px;
	text-align:right;
	background:url('imagens/principal/rodape.jpg') no-repeat;
	}
	
#rodape p {
	margin:0;
	font-weight:#;
	color:#000;
	}
	
#logosrodape{
	width: 300px;
	height: 38px;
	float: left;
	margin-top: px;
	margin-left: 36px;
	}
	
	
/*-==========================*/	
a:link {
color: #444;
text-decoration:none;
}
a:visited{
		color:#444;
		text-decoration: none;
		}
a:hover {
color:#DAA520;
text-decoration:none;
}
/*-=========================-*/

/*-=====Menus da div MENUS BAIXOS======*/	
a.l1:link {
color: #666;
font-size: 12px;
text-decoration:none;
}
a.l1:visited{
		color:#666;
		font-size: 12px;
		text-decoration: none;
		}
a.l1:hover {
color:#fff;
font-size: 12px;
background-color: #DAA520;
text-decoration:none;
}
/*-===Fim dos Menus da div MENUS BAIXOS===-*/

/*-=====Menus da div PRINCIPAL=====-*/	
a.l2:link {
color: #666;
font-size: 10px;
text-decoration:none;
}
a.l2:visited{
		color:#666;
		font-size: 10px;
		text-decoration: none;
		}
a.l2:hover {
color:#DAA520;
font-size: 10px;
text-decoration:none;
}
/*-===Fim dos Menus da div PRINCIPAL===-*/


h1, h2, h4 { 	
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#666;
	}
	
h4 {font-size:16px;}



h1.rafaell {font:10px Arial, Helvetica, sans-serif; 
		  color: #ccc;}
		
.form_botao{
 border: 1px Solid #3366CC;
 background-color:White;
 font-weight :700 ;
 Color : #3366CC;
 Width :123px;
 font-size: x-small;
 font-family: "tahoma", Arial, Helvetica, sans-serif;
    }
	
	
h1, h2, h4 { 	
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#060;
	}
	
h4 {font-size:16px;}

#nav li.um {
	margin-bottom:8px;
	text-align:center;
		}
		
#popup{
position: absolute;
top: 1%;
left: 26%;
width: 395px;
height: 590px;
padding-left: 15px;
padding-top: 15px;
/*padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;*/
background: url('imagens/diversos/natal2009.jpg') no-repeat;
display: none;
}

#conteudo3 {	width:500px;
			height:500px;
			float:left;
			padding-left: 15px;
			margin-top: 10px;
			margin-left:19px;
			text-align:justify;
			color: #111;
			background: #fff;
			}

#fotodetector {position: absolute;
			width:164px;
			height:213px;
			float:left;
			margin-top: 100px;
			margin-left:520px;
			text-align:justify;
			color: #111;
			background: #fff url('imagens/diversos/detector.jpg') no-repeat;
			}
	
/*#menuflutuante{
		width: 65px;
		height: 205px;
		background-color: black;
		text-align: left;
		background: url('imagens/flutuante/fundoflutuante.png') no-repeat 0 0;
		font: 90% arial, "tahoma", hevetica, sans-serif;
		}
	
#menuflu{
	width:42px;
	height:40px;
	float:left;
	}*/

ul.flu { 
	margin-left:7px; 
	padding:0;
	}
	
ul.flu li {
	list-style:none;	
	display:inline;
	}
	
ul.flu a {
	margin-top: 4px;
	float:left;
	width:42px;
	height: 40px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: url('imagens/flutuante/off.png') no-repeat;
	color:#eee;
	text-align:center;
	text-decoration:none;
	}
	
ul.flu a:visited{
		color:#fff;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		}	
		
ul.flu a:hover{
	float: left;
	font-weight: bold;
	width: 42px;
	height: 40px;
	background: url('imagens/flutuante/on.png') no-repeat;
	color:#996600;
	}
	

.clear {clear:both;}