@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic);

*{
	margin: 0;
	padding: 0;
	outline: none;
	font-family: 'Didact Gothic', sans-serif;
}
img, iframe{ border: none;}
input, select, a{ outline: none; }

body{ background: url(../img/fundo_corpo.png) repeat;}

input[type=text], textarea{ width: 230px; height: 25px; background: #fff; border: solid 1px #3CADE7; }
input[type=text]:hover, input[type=text]:active, textarea:hover, textarea:active{ background: #cff; }
textarea{ height: 100px; width: 300px;}
input[type=submit]{ background: #3CADE7; color: #fff; text-align: center; width: 150px; height: 30px; border: none; font-size: 20px; cursor: pointer; }

#centro{ display: block; position: relative; width: 1000px; height: 100%; margin: 0 auto;}

#topo{ display: bock; position: relative; width: 100%; height: 128px; margin-top: 30px; background: url(../img/fundo_topo.png) repeat-x top center; z-index: 50;}
#topo .logo{ display: block; position: absolute; top: 30px; left: 33px; width: 284px; }
#topo .fonetop{ display: block; position: absolute; top: -26px; left: 384px; width: 193px; }
#topo .menu{ display: block; position: absolute; top: 14px; left: 335px; height: 100px; width: 750px; overflow: hidden; clear: both; }
#topo .menu a{ display: block; position: relative; float: left; padding: 45px 44px; text-decoration: none; color: #fff; background: #0492DA; font-weight: bold; font-family: 'Josefin Slab', serif; font-weight: 400; font-size: 26px;}
#topo .menu a:hover, #topo .menu .atual{ background: #3CADE7; }

#banner{ display: block; position: relative; width: 1000px; height: 445px; margin: 0 auto; top: -160px; z-index: 40; padding-bottom: 50px; background: #fff;}
#banner .controles{ display: block; position: absolute; top: 380px; left: 30px; width: 400px; height: 42px; z-index: 20;}
#banner .controles img{ display: block; position: relative; float: left; padding: 0 4px; cursor: pointer; }
#banner .detalhes{ display: block; position: absolute; top: 445px; left: 0; width: 1000px; height: 60px; background: #0492DA; color: #fff; z-index: 20;}
#banner .detalhes b{ display: block; position: relative; margin: 7px 0 0 12px; font-size: 26px; font-weight: 400; }
#banner .detalhes p{ display: block; position: absolute; right: 10px; top: 16px; font-size: 18px; font-weight: 400; text-align: right; font-style: italic;}
#banner .imagens{
}
#banner .textinho{
	display: block; 
	position: absolute; 
	top: 420px; 
	left: 30px; 
	width: 400px; 
	height: 42px; 
	z-index: 20;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
}

#banner .imagens img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	cursor:pointer;
}
#banner .imagens .atual{
	z-index: 10;
}
#banner .imagens .prox{
	z-index: 8;
}
#corpo { display: block; position: relative; width: 1000px; height: 700px; margin: 0 auto; background: #fff; top: -170px;}
#corpo .coluna_gd{ display: block; position: relative; float:left; width: 900px; height: 340px; color: #0492D8; margin: 20px; font-size: 18px; }
#corpo .coluna{ display: block; position: relative; float:left; width: 300px; height: 340px; color: #0492D8; margin: 20px; font-size: 16px; }
#corpo .coluna h4{ display: block; position: relative; font-size: 22px; width: 100%; padding-bottom: 5px; border-bottom: solid 1px #75C2F2; margin: 10px 0; }
#corpo .links{ display: block; position: absolute; top: 30px; right: 16px; width: 320px; height: 250px; }
#corpo .links a, .linkao, .linkaoao{ display: block; position: relative; text-align: right; font-size: 22px; text-decoration: none; text-transform: uppercase; color: #0492D9; margin: 12px 0; }
#corpo .links a:hover, .linkao:hover{ text-decoration: underline; }
#corpo .minis{ display: block; position: relative; clear: both; width: 960px; height: 250px; left: 52px;}
#corpo .minis img{ display: block; position: relative; float:left; margin: 15px; width: 150px;}
#corpo .mapa{ display: block; position: absolute; top: 30px; right: 16px; width: 640px; height: 620px; }
#corpo .contato{ line-height: 41px; text-align: right; }
#corpo .endtel{ display: block; position: relative; clear: both; width: 960px; height: 250px; left: 52px; top: 80px; color: #0492D9;}
.link_cli{ display: block; position: relative; float: left; height: 200px; width: 200px; margin: 5px 12px; vertical-align: middle;}
.link_cli .logo{ display: block; width: 200px; margin: 5px 3px; position: relative; }
.link_cli .logoGrande{ width: 400px; margin-left: 40px; }

#rodape{ display: bock; position: relative; width: 100%; height: 150px; background: url(../img/fundo_rodape.png) repeat-x top center; z-index: 50; top: -200px; color: #fff;}
#rodape .logo{ display: block; position: absolute; top: 40px; right: 40px; width: 284px; }
#rodape .sucursal{ display: block; position: absolute; top: 60px; left: 10px; font-size: 16px; }
#rodape .endereco { display: block; font-size: 16px; height: 25px; left: 270px; position: absolute; text-align: center; top: 73px; width: 400px;}
#rodape .telefone1{ display: block; position: relative; width: 380px; font-size: 28px; margin: 8px auto; top: 10px; text-align: center; left: -30px; }
#rodape .telefone2{ display: block; position: relative; text-align: left; top: 45px; left: 300px; font-size: 18px; }
#rodape .telefone3{ display: block; position: relative; text-align: right; top: 45px; right: 360px; font-size: 18px; }
#rodape .email{ display: block; position: relative; width: 380px; font-size: 18px; margin: 8px auto; top: 55px; left: -30px; text-align: center; color: #fff; text-decoration: none;}
#rodape .email:hover{ text-decoration: underline; }

#rodape .rodape-centro { display: block; position: relative; width: 100%; text-align: center; margin: 0 auto; font-size: 18px; top: 15px; }
#rodape .rodape-centro .big { display: block; position: relative; font-size: 28px; }
#rodape .rodape-centro a { color: #fff; text-decoration: none; }

#box{
	display: block;
	position: absolute;
	top: -1250px;
	top: -2200px;
	left: 100px;
	width: 760px;
	background: url(../img/fundo_trans.png) repeat;
	color: #fff;
	height: 560px;
	z-index: 120 !important;
	padding: 20px;
	font-size: 18px;
}
#box p{
	margin: 20px 0;
}
#box h3{
	font-size: 28px;
	margin-bottom: 20px;
	width: 700px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom: solid 1px #fff;
}
#box b{
	margin: 5px 0;
}
#box a{
	color: #fff;
	font-weight: bold;
}
#box .fechar_box{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	width: 35px;
}
.cont_cli{
	display: none;
}
.voltar{
	display: block;
	position: absolute;
	bottom: 30px;
	right: 30px;
	font-size: 28px;
	color: #0492D8;
	text-decoration: none;
}
.explica{
	display: block;
	position: relative;
	font-size: 18px;
	font-style: italic;
	color: #0492db;
	margin: 5px 20px;
}
.listacli{
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	color: #0492D8; 
	margin: 20px; 
	font-size: 18px; 
}
#corpo .servicos{ 
	display: block; 
	position: relative; 
	float:left; 
	width: 900px; 
	height: auto; 
	min-height: 380px;
	color: #0492D8; 
	margin: 20px; 
	font-size: 18px; 
}
.linkao, .linkaoao{
	text-align: left;
	text-transform: capitalize;
}
.linkaoao{ font-size: 16px; text-decoration: underline; }
.relativa{ display: block; position: relative; height: auto; }
.voltarFotos{ display: block; position: absolute; top: -30px; right: 50px; font-size: 24px; font-weight: bold; color: #0492DA; }

#topo .tradutor{
	display: block;
	position: absolute;
	top: -20px;
	right: 20px;
}