@charset "utf-8";
/* CSS Document */

body {
	background:#333;
	margin:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
}

.fundo {
	background:#484848;
	margin-top:25px;
	
	
}


.largura {
	width: 960px;
	margin:auto;
	
}

.largura2 {
	width: 960px;
	margin:auto;
	height:748px;
	
}
	


#menuprincipal{
	float:right;
	margin-top:45px; /* esse é o espaçamento da tarja cinza*/
	
	
}


#menuprincipal a {
	/* formata apenas o inicio*/
	color:#FFF;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-left: 30px;
		
}

#menuprincipal a:hover {
	/* comportamento do menu quando passa o mouse*/
	color:#f90;
}


#menuprincipal .ativo {
	color:#ff0;
	
}

#banner {
	margin:25px auto;

	
}


#rodape {
	text-align:right;
	color:#CEA713;
		
}
	
	
#menu-vertical {
	width:175px;
	float:left;
	
	
}

#menu-vertical a{
	text-decoration:none;
	color:#fff;
	display:block;
	line-height:27px;
}

#menu-vertical a:hover{
	text-decoration:underline;
}


#quem-somos {
	float:right;
	width:775px;
	line-height:27px;
		
		
}

.clear {
	clear:both;
}
	


h2 {
	font-size:20px;
	color:#FC0;
	font-weight:normal;
	margin:0;
}

h3 {
	font-size:16px;
	color:#FFF;
	font-weight:normal;
	margin:0;
}

#sistemas {
	
	line-height:27px;
	text-align:justify;
	
}
.clear { clear:both;}


.banner-interno {
	width:960px;
	height:150px;
	
}

.hotsites, hotsites3 {
	float:left;
	margin:0;
	width:250px;
	margin-right:98px;
	margin-bottom:50px;
				
}

.hotsites3 {
	margin-right:0;
	
}

#form-contato {
	float:left;
	width:430px;
	border:1px solid #F00;
}

#form-contato label {
	width:100px;
	display:block;
	float:left;
	margin-bottom:15px;
	margin-top:3px;
	text-align:right;
	padding-right:10px;
	
}

#form-contato input, #form-contato textarea{
	float:left;
	width:300px;
	margin-bottom:15px;
		
}

#map {
	width:250px;
	float:left;
	
}

#conteudo {
	padding:70px 0;
	
}



.bloco1 {
	background:#F00;
	width:200px;
	height:100px;
	float:left;
	
}

.bloco2 {
	float:left;
	
}

.bloco3 {
	background:#60F;
	width:200px;
	height:100px;
	float:left;
	
}


.bloco4 {
	background:#00F;
	width:600px;
	height:33px;
	float:left;
	
}

.bloco5 {
	background:#F90;
	width:300px;
	height:100px;
	float:left;
	
}

.bloco6 {
	background:#30F;
	width:300px;
	height:100px;
	float:left;
	
}

.laranja {
	background:#F60;
	width:200px;
	height:33px;
	}

.azul{
	background:#00F;
	width:200px;
	height:33px;
	}

.verde{
	background:#060;
	width:200px;
	height:33px;
	}
	
#geral {
	margin:50px 50px;
	
}

#imagem1 {
	float:left;
	
}