@import url("clear.css");

	*{margin:0; padding:0; border:0;}
	body{ background:url(../img/bg.png) repeat-x #fff; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px;}
	.face{background:#FFF; border:#000;}
	a:link, a:active, a:visited{color:#666666; text-decoration:none;} a:hover{color:#999999;}
	.twt{width:667px; height:400px; background-color:#FFF; border:#333; padding-top:15px;}
	#site{ width:1100px; height:auto; border:1px solid #fff; margin:auto; background-color:#f1f1f1; overflow:hidden; min-height:435px;}
	#barra{ width:1100px; height:5px; background:url(../img/barra.png) repeat-x;  margin:auto; }
	#topo {width:1100px; height:113px; border:1px solid #fff; margin:0px auto 0 auto;}
	#logo{width:258px; height:113px; float:left; }
	#lateral{ width:842px; height:113px; float:left; background:url(../img/bg-lateral.jpg) no-repeat top left;}
	#topo-vazio{width:412px; height:31px; float:left; padding-top:82px; line-height: 18px;  font-size:11px; }
	#menu-topo{width:412px; height:31px; float:left; padding-top:82px; line-height: 18px;  font-size:11px; }
	#menu-topo ul li { height:23px; float:left; list-style:none; background:url(../img/bg-aba-dir.png) right top; padding-right:20px; padding-top:8px; padding-left:-3px; font-weight:bold;}
	
	#menu-topo ul li a:link, a:active, a:visited{color:#3b3b3b; text-decoration:none;}
	#menu-topo ul li a:hover{color:#999999;}
	
	#acesso{width:216px; height:75px; float:right; background:url(../img/bg-acesso.png) no-repeat top; padding-top:38px; padding-left:14px; font-size:11px; }
	
	#acesso2{width:216px; height:75px; float:right; background:url(../img/bg-acesso.png) no-repeat top; padding-top:38px; padding-left:14px; font-size:11px; }
	
	.form{border:1px solid #666666; padding:1px; background:url(../img/bg-form.png) repeat-x bottom #FFFFFF; margin-top:2px}

	/*COLUNA 1*/
	#col1{width:258px; float:left;}
	
	#menu{width:258px; margin-top:6px; line-height:18px;  font-size:11px;}
	#menu ul li {width: 258px; height:23px; background:url(../img/bg-menu.png) no-repeat; list-style:none; padding-top:4px;}
	a.menu:link, a.menu:active, a.menu:visited{color:#3b3b3b; text-decoration:none; text-transform:uppercase; margin-left:24px; margin-top:8px; font-weight:bold;}
	a.menu:hover{color:#999;}
	
	#cinza2{ width:257px; padding-top:8px;  margin-top:8px; border-left:1px solid #f2f2f2; text-align:center; color:#000;}
	
	#cinza{ width:257px; padding-top:8px; margin-top:8px; border-left:1px solid #f2f2f2; text-align:center;}
	
	#branco{ width:237px; padding-top:8px; background:url(../img/Destaque.png) #FFF top right no-repeat; margin-top:8px; border-left:1px solid #f2f2f2;  padding-right:10px; padding-left:10px; text-align:justify;}
	
	#cinza img{border:0px solid #c3c3c3; margin-bottom:12px;}
	
	/*COLUNA 2*/
	#col2{ width:700px; height:auto; background:url(../img/bg-col2.png) top no-repeat; padding:10px 59px; float:left; text-align:justify; min-height:400px; line-height:18px;}
	#col2-int{ width:743px; margin-left:10px; height:auto; background:url(../img/bg-int.png) bottom ; padding:10px 19px 35px; float:left; text-align:justify; line-height:18px;}
	#tit-col2-int{ width:743px; margin-left:10px; height:10px; background: url(../img/bg-topo.png) no-repeat; padding:15px 19px 35px; float:left; text-align:justify; line-height:18px;}
	#quadro{background:url(../img/backgrond%20span.png) no-repeat; min-height:262px; min-width:723px; max-height:262px; max-width:713px; position:absolute; padding-top:10px; padding-left:10px; padding-right:30px; }
	
	
	/*COLUNA 3*/
	#col3{ width:318px; height:auto;  float:right;  }
	#col3-banner{ width:310px; height:167px; padding:4px 0 0 8px; /*background:url(../img/bg-banner.png) no-repeat top;*/}
	#enterpag{width:310; height:400px; padding:10px 15px 10px 15px; background:url(../img/bg-enterpag.png) no-repeat; margin-top:10px;}
	#gestor{ width:257px; height:105px; padding-top:5px; background:url(../img/bg-brancouser.png) #ffffff top no-repeat; margin-top:8px; border-left:1px solid #f2f2f2; text-align:center;}
	
	/*RODAPE*/
	#footer{width:1100px; height:59px; background:url(../img/bg-footer.png) no-repeat; margin:auto; clear:both; }
	.divi{ height: auto; float:left; color:#FFFFFF; font-size:11px; padding: 10px 52px 25px 15px;}
	#w3c{width:900px; height:auto; padding-bottom:20px; text-align:right;}
	
	/**FONTES**/
	.titulo{font-size:22px; color:#3b3b3b; font-weight:bold;}
	.quinze{font-size:15px; color:#3b3b3b; font-weight:bold;}
	
	#formulario{ width:550px; margin:auto; padding-top:15px;}
	
	.input{ border:2px solid #c3c3c3; padding:1px; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
	
	#formas{ width:203px; height:133px; padding-left:45px; padding-top:13px; background:url(../img/bg-contato.png) no-repeat;}
	texto{color:#666666; text-decoration:none;}
	a.texto:link, a.texto:active, a.texto:visited{color:#666666; text-decoration:none;}
	a.texto:hover{color:#318d5e;}
	
	
	
	
	/**LINHA DO TEMPO**/ 
	#timeline{position: absolute; left: 410px; top: 207px; width: 100px; height: 217px; z-index: 1;}
	.timelinelist{ display:none; list-style-type:none; margin-bottom: 2px; display:block; display:list-item; border-left: 5px solid #CCC; padding:0px 50px 0px 0px;}
	
	.quemsomos{background:url(../img/bordas.png); width:151px; height:58px;}
	#contato{position:absolute; left:680px; top:239px; width:203px; height:133px; z-index:1; background:url(../img/bg-contato.png) no-repeat; padding-left:72px; padding-top:13px}
	#formulario2{position:absolute; width:550px; margin:auto; padding-top:15px; left:630px; top:450px;}
	#textoformulario{padding-top:130px;}
	#espaco{height:300px;}
	.tab{padding-bottom:5px;}
	
	
	.alinhamento{text-align:center;}
	
	
	/**APP**/
	
	#cabecario{padding-top:10px;}