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

body{background:url(../imagens/fundobody.jpg) 0 0 no-repeat; font:normal normal 13px Verdana;color:#000;margin:0;padding:0;}
a, a:link, a:hover, a:visited{outline:none; text-decoration:none;}
a, a:link, a:visited{color:#06C;}
a:hover {color:#39F;}
.center{text-align:center;}
.just  {text-align:justify;}
input, textarea{position:absolute;padding:2px;}
.titulos{width:620px;position:absolute;left:50%;margin:0 0 0 -320px;top:0;padding:0;text-align:justify;}


#siteAT{
	width:800px;
	height:auto;
	position:absolute;
	left:50%;
	margin:0 0 100px -400px;}

#contador{
	width:71px;
	height:30px;
	padding:9px 0 30px 30px;
	position:relative;
	bottom:-50px;
	left:50%;
	margin:0 0 0 -35px;
	font:normal normal bold 10px verdana;
	color:#000;
	z-index:800;
	background:url(../imagens/contador.png) 0 0 no-repeat;}

#topo{
	width:800px;
	height:160px;
	position:absolute;
	top:0;
	left:0;
	background: url(../imagens/transparent.png) 0 0 repeat;}

#meio{
	width:800px;
	height:auto;
	min-height:500px;
	position:absolute;
	top:200px;
	left:0;
	background:url(../imagens/bgfinal.jpg) 0 bottom repeat-x #aac4f7;}

#conteudo{
	width:628px;
	min-height:400px;
	height:auto;
	position:relative;
	left:50%;
	margin:0 0 100px -325px;
	padding:0 26px;
	top:45px;
	background: url(../imagens/contMeio.png) 0 0 repeat-y;
	z-index:10;}
	
#contTop{
	width:628px;
	height:34px;
	position:absolute;
	left:0;
	margin:0;
	padding:0 26px;
	top:-34px;
	background: url(../imagens/contTop.png) 0 0 no-repeat;
	z-index:10;}

#contBot{
	width:662px;
	height:34px;
	position:absolute;
	left:0;
	margin:0;
	padding:0 26px;
	bottom:-34px;
	background: url(../imagens/contBot.png) 0 0 no-repeat;
	z-index:10;}

#baixo{
	width:800px;
	height:42px;
	position:absolute;
	bottom:-42px;
	left:0;
	background: url(../imagens/baixo.png) 0 0 no-repeat;
	z-index:2;}

#baixo p{
	width:114px;
	height:186px;
	position:absolute;
	bottom:-12px;
	left:12px;
	background: url(../imagens/flor.png) 0 0 no-repeat;
	z-index:1;}

#menu{
	width:800px;
	height:40px;
	position:absolute;
	top:160px;
	left:0;
	margin:0;
	padding:0;
	background:#5B667B;}

#menu ul {
	width:800px;
	height:28px;
	margin:0;
	padding:0;}

#menu li {
	width:157px;
	height:30px;
	list-style:none;
	float: left;
	text-align:center;
	margin:5px 1px 0 2px;}

#menu li a {
    display: block;
    color: #000;
	padding:7px 5px;
	text-decoration: none;
	outline: none;
	background: url(../imagens/menu.png) center 0 no-repeat;}

#menu li:hover, #menu li a:hover, #menu a.active{
    text-shadow: 0 0 8px #fff, 0 0 8px #fff;
	font-size:12px;
	background-position: center -45px;}

.rodape{
	font:bold 11px tahoma;
	text-align:center;
	color:#000;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:20px;
	background:#F3F3F3;
	z-index:999;}

.rodape2{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:7px;
	background:#3E82AD;
	color:#3E82AF;
	z-index:999;}

.logo{
	position:fixed;
	bottom:0;
	left:0;
	border:none;
	z-index:999;}

.logo2{
	position:fixed;
	bottom:0;
	right:0;
	border:none;
	z-index:999;}

p.okey, p.erro {width:400px;height:20px;line-height:20px;left:50%;top:55px;margin:0 0 0 -200px;position:absolute;text-align:center;z-index:99999; font-size:15px; border:dotted 1px #090;}
.okey  {background:#ccff32;color:#000;}
.erro  {background:#cc0000;color:#fff;}


#formproposta {width:400px;height:320px;background:#EAF0FB;position:absolute;left:50%;margin:0 0 0 -200px;border:solid 1px #D2DFF7;top:70px;}
#formproposta p { width:400px;position:absolute;margin:6px 0; text-align:center;color:#900;}
input#pronome    {width:368px;left:12px;top:30px;}
input#proemail   {width:240px;left:12px;top:60px;}
input#proemail2  {width:2px;left:0px;top:60px;display:none;visibility:hidden;}
input#profone    {width:120px;left:260px;top:60px;}
input#proend	 {width:217px;left:12px;top:90px;}
input#procid     {width:140px;left:238px;top:90px;}
textarea#promens {width:368px;height:150px;left:10px;top:120px; overflow:auto;}
.enviarproposta {
	width:90px;
	height:20px;
	background:#B4C9F1;
	color: #fff;
	border: 1px solid #fff;
	font:normal normal bold 12px tahoma;
	position:absolute;
	left:50%;
	top:290px;
	margin:0 0 0 -45px;}
.enviarproposta:hover {border: 1px solid #FC0;color:#999;background:#FBF7A2;}



#formcontato {width:400px;height:320px;background:#EAF0FB;position:absolute;left:50%;margin:0 0 0 -200px;border:solid 1px #D2DFF7;top:70px;}
#formcontato p { width:400px;position:absolute;margin:6px 0; text-align:center;color:#900;}
input#nome        {width:368px;left:12px;top:30px;}
input#email       {width:240px;left:12px;top:60px;}
input#email2      {width:2px;left:0px;top:60px;display:none;visibility:hidden;}
input#telefone    {width:120px;left:260px;top:60px;padding:2px;}
textarea#mensagem {width:368px;height:120px;left:10px;top:90px; overflow:auto;}
.enviarcontato {
	width:90px;
	height:20px;
	background:#B4C9F1;
	color: #fff;
	border: 1px solid #fff;
	font:normal normal bold 12px tahoma;
	position:absolute;
	left:50%;
	top:230px;
	margin:0 0 0 -45px;}
.enviarcontato:hover {border: 1px solid #FC0;color:#999;background:#FBF7A2;}
#endereco  {width:400px;height:120px;position:absolute;left:50%;margin:0 0 0 -200px;top:335px;padding:0;text-align:center;}


.espqs {margin:-20px 0 0 200px;}
.imge{ float: left; position:relative; top:10px; padding:0 20px 0 0;}


/*Paginação*/
.paginacao {
	width:640px;
	height:30px;
	position:absolute;
	top:380px;
	left:50%;
	margin:0 0 0 -340px;
	text-align:center;}

.pgoff {
	width:22px;
	height:22px;
	font-size:11px;
	color: #000;
	background:url(../imagens/paginacaoOn.png);
	margin:0 3px;
	padding:4px;}

a.pg {
	width:42px;
	height:42px;
	font-size:11px;
	color: #fff;
	background:url(../imagens/paginacaoOff.png);
	text-decoration: none;
	margin:0 3px;
	padding:4px;}

.antOff {
	font-size:11px;
	color: #ccc;
	margin:0 3px;
	padding:4px;}

a.ant {
	font-size:11px;
	color: #06F;
	text-decoration: none;
	margin:0 3px;
	padding:4px;}

a:hover.pg {
	font-size:11px;
	color: #0066cc;
	text-decoration:underline;
	margin:0 3px;
	padding:4px;}


/*Imagens do conteudo*/
.ftserv {
	width:500px;
	height:auto;
	border:none;
	left:50%;
	top:-10px;
	margin:0 0 0 -250px;
	padding:0 0 30px 0;
	position:relative;
	text-align:center;}

.txtserv{
	width:480px;
 	left:0px;
	top:15px;
	line-height:18px;
	margin:0;
	text-align:justify;
	}

.fts {
	width:152px;
	height:140px;
	border:none;
	vertical-align:bottom;
	float:left;
	display:block;
	margin-top:20px;
	font: normal normal bold 12px Verdana #666;
	position:relative;
}

.prods {
	width:120px;
	height:122px;
	position:relative;
	border:none;
	float:left;
	display:block;
	margin:0px 2px 10px 2px;
	font: normal normal bold 12px Verdana;}
.prods a, .prods a:link, .prods a:visited{ text-decoration:none; color:#666;}
.prods a:hover{ text-decoration:none; color:#06C;}
.prods img:hover{border: 2px solid #06C;}
.centroimg {
	width:640px;
	padding:0;
	top:-18px;
	left:-12px;
	position:relative;
}
.imagens{
	width:155px;
	height:175px;
	float:left;
	text-align:center;
	margin:2px 2px;}

.voltar{
	width:75px;
	height:55px;
	background:url(../imagens/voltarmenuover.png) 0 0 no-repeat;
	position:absolute;
	display:block;
	top:-20px;
	right:-8px;
	z-index:1000;}
.voltar:hover{background:url(../imagens/voltarmenu.png) 0 0 no-repeat;cursor:pointer;}


.voltarserv{
	width:75px;
	height:55px;
	background:url(../imagens/voltarmenuover.png) 0 0 no-repeat;
	display:block;
	position:absolute;
	top:-20px;
	right:-8px;
	z-index:1000;}
.voltarserv:hover{background:url(../imagens/voltarmenu.png) 0 0 no-repeat;cursor:pointer;}