* { margin:0; padding:0; border:none; outline:none;}
html, body {height:100%;}
 body {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#000; background:url(../imagens/bg-fundo.fw.png) repeat-x;}

/*inicio topo*/
#topo{height:140px; width:100%; position:absolute top;0}
#topo #centro{margin:0 auto 0 auto;width:1000px;height:140px;}
#topo #centro #logo{ margin:0 0 0 5px; height:100px; width:290px; float:left;}
#topo #centro #logo .logo{ margin:0 0 0 0px; float:left;}

#topo #centro #bandeiras{ margin:0 0 0 5px; height:70px; width:695px; float:left; position:relative}
#topo #centro #bandeiras img {margin:2px 0 0 10px;float:right;}

#topo #centro #redes{ margin: 0 0 0 0; height:30px; width:695px; float:right; position:relative}
#topo #centro #redes img {margin:0 0 0 5px;float:right;}
/*fim topo*/

/*inicio menu principal*/
#topo #centro #menu{ margin:0 auto 0 auto;height:30px; width:1050px; float:left; position:relative; z-index: 30}
#topo #centro #menu ul {margin:5px 0 0 0px;padding: 0;z-index: 30;}
#topo #centro #menu ul li {margin: 0;padding: 0;list-style: none;float: left;font: bold 14px arial}
#topo #centro #menu ul li a {display: block;	margin: 0 0px 0 0;padding: 1px 10px;width: auto;background: #00CCFF;color: #000000;text-align: center;text-decoration: none;border: 1px solid #66FF66}
#topo #centro #menu ul li a:hover {background:url(Significado-das-Cores.jpg)}
#topo #centro #menu ul div{	position: absolute;	visibility: hidden;	margin: 0;padding: 0;background: #FFFFFF;border: 0px solid #66FF66}
#topo #centro #menu ul div a{position: relative;display: block;	margin: 0;padding: 5px 10px;width: auto;white-space: nowrap;text-align: left;text-decoration: none;background: #FF6000;color: #000000;font: 12px arial}
#topo #centro #menu ul div a:hover{	background:url(Significado-das-Cores.jpg)-10px;color: #0000FF}
/*fim menu pricipal*/

#site{ margin:0 auto 0 auto; float:center; height:800px;width:1000px; min-height:0%;background:url(../imagens/borda2.png);}
#site #conteudo{ margin:10px auto 0 auto; position: relative; top:20%; height:523px; width:760px; overflow: auto;}

#site #barra-titulos{ margin: 5px 5px 0 20px; height:70px; width:730px; float:left; background:url(../imagens/barra_titulos.png);}
#site #barra-titulos h2{ margin:20px 10px 0 0; text-align:center;}

#site #conteudo #missao{margin:20px 0 0 20px; float:left; width: 721px; background: #fff; border: 0px solid #d5d7d1; box-shadow: 1px 1px 2px rgb(11, 11, 11, 0.35); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
#site #conteudo #missao h2{margin:5px 5px 5px 5px; text-align:center;}

#site #conteudo #fundo{margin:20px 0 0 20px; float:left;width: 721px; background: #fff; border: 0px solid #d5d7d1; box-shadow: 1px 1px 2px rgb(11, 11, 11, 0.35); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
#site #conteudo #fundo img{margin: 10px 0 10px 10px;}
#site #conteudo #fundo p{ padding:10px; text-align:justify;font-family:Verdana, Geneva,sans-serif; font-size:16px; text-indent:100px;}
#site #conteudo #fundo h2{padding:10px; text-align:center}

#site #conteudo #fundo .p{margin-left:135px; padding:1px;font-family:Verdana, Geneva,sans-serif; font-size:16px;}

#site #conteudo #galeria {margin: 20px auto 0 auto; float:left positin:relative;}
#site #conteudo #galeria img {display: block;float: left;margin-top: 2px;margin-right: 2px;margin-bottom: 0px;
margin-left: 0px;border: 1px solid #1472A1;}

#site #conteudo #adobe{ margin: 10px 0 0 0;  text-align:center; font-size:10px;}
#site #conteudo #relatorio{margin:50px auto 0 auto; width: 460px; background: #fff; padding:11px; border: 0px solid #d5d7d1; box-shadow: 1px 1px 2px rgb(11, 11, 11, 0.35); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}

#site #conteudo #balanco{margin:50px auto 0 auto;width: 252px; background: #fff; padding:11px; border: 0px solid #d5d7d1; box-shadow: 1px 1px 2px rgb(11, 11, 11, 0.35); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
#site #conteudo #balanco a.balanco{text-decoration:none; color:#000}
#site #conteudo #balanco a:hover{text-decoration:underline;}

#site #conteudo #atas{margin:50px auto 0 auto;width: 400px; background: #fff; padding:11px; border: 0px solid #d5d7d1; box-shadow: 1px 1px 2px rgb(11, 11, 11, 0.35); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}

/*inicio formulario*/
#site #conteudo #contactform { margin:50px auto 0 auto;width: 500px; padding: 20px; background: #fff; overflow:auto;
 
/* Border style */
border: 0px solid #d5d7d1; box-shadow: 1px 1px 2px rgb(11, 11, 11, 0.35); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }


#site #conteudo label {font-family: Arial, Verdana; display: block; float: left; margin-right:15px; font-weight: bold; margin-right:10px; text-align: right; width: 120px; line-height: 25px; font-size: 15px;}
#site #conteudo .input{ margin:5px 0 5px 0; font-family: Arial, Verdana; font-size: 15px; padding: 5px; border: 1px solid #b9bdc1; width: 300px; color: #000;}
#site #conteudo .hint{display:none;}

.field:hover .hint {position: absolute; display: block; margin: -30px 0 0 455px; color: #fff; padding: 7px 10px;   background: rgba(0, 0, 0, 0.6);-moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px;}
	
#site #conteudo #contactform .button{float: right; margin-left:15px; margin:10px 55px 10px 0; font-weight: bold; line-height: 1; padding: 6px 10px; cursor:pointer; color: #111; text-align: center;
    
/* Background gradient */
background: #000; background: -moz-linear-gradient(top, #fff 10%, #0cf 81%); background: -webkit-gradient
(linear, 0% 0%, 0% 100%,from(#a5b8da), to(#7089b3));

/* Border style */
border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;

/* Box shadow */
-moz-box-shadow: inset 0 0 0 0 #fff; -webkit-box-shadow: inset 0 0 0 0 #aec3e5; box-shadow: inset 0 0 0 0 #aec3e5;}
/*fim formulario*/

#site #conteudo #menu2{ margin:10px auto 0 10px;height:30px; width:730px; float:left;}
#site #conteudo #menu2 ul {margin:5px 0 0 0px;padding: 0;z-index: 30;}
#site #conteudo #menu2 ul li {margin: 0;padding: 0;list-style: none;float: left;font: bold 14px arial}
#site #conteudo #menu2 ul li a {display: block;	margin: 0 0px 0 0;padding: 1px 10px;width: auto;background: #00CCFF;color: #000000;text-align: center;text-decoration: none;border: 1px solid #66FF66}
#site #conteudo #menu2 ul li a:hover {background:url(Significado-das-Cores.jpg)}

#site #conteudo .coordenacao{margin:20px 0 40px 20px; float:left;width: 721px;background: #edf4dc; border: 0px solid #d5d7d1; box-shadow: 1px 1px 2px rgb(11, 11, 11, 0.35); -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
#site #conteudo .coordenacao img{ margin:5px 5px 5px 5px; float:left}
#site #conteudo .coordenacao p{ margin:5px 5px 5px 5px; text-align:justify;}
#site #conteudo .h2{margin:0 0 0 20px}
#site #conteudo .coordenacao h3{margin:10px 0 0 5px}

#rodape{height:180px; width:100%; float:left; background:url(../imagens/Rodape.png) bottom no-repeat;bottom:0;}