@charset "utf-8";
/* CSS Document */
/*  
Theme Name: ZATZ Empreendimentos & Participações
Theme URI: 
Description: 
Version: 1.0
Author: André Moura - andre@jota3w.com.br
Date: 01/03/2011
*/

/*
+----------------------------------------------------------------+
	Zerar CSS											
+----------------------------------------------------------------+
*/
body, h1, h2, h3, h4, h5, h6, form, dl, ul, ol, dt, dd, p, address, img, li, table, tr, td, input, select, textarea, button, a, label {
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0;
	color: #8b8b8b;
	text-decoration: none;
	vertical-align: baseline;
	line-height:18px;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
ol, ul {
	list-style:none
}
section, article, aside, header, footer, nav, dialog, figure {
	display:block;
}
/*
+----------------------------------------------------------------+
	Font Face											
+----------------------------------------------------------------+
*/

@font-face {
 font-family: 'ProvidenceRegular';
 src: url('providence-webfont.eot');
 src: url('providence-webfont.eot?iefix') format('eot'), url('providence-webfont.woff') format('woff'), url('providence-webfont.ttf') format('truetype'), url('providence-webfont.svg#webfontKMuASDfc') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*
+----------------------------------------------------------------+
	Rodapé sempre no Rodapé											
+----------------------------------------------------------------+
*/
html, body, #wrap {
	height: 100%;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
html, body, #wrap {
	height: 100%;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
/*
+----------------------------------------------------------------+
	Estrutura											
+----------------------------------------------------------------+
*/
body {
	background:url(img/bg.jpg) top center repeat-x #f2f2f2;
}
#geral {
	width:1015px;
	margin:0 auto;
}
#geral-interna {
	width:960px;
	margin:30px auto;
	background:#fff;
}
#sombra-geral {
	float:left;
	width:1010px;
	background:url(img/sombra.png) top center no-repeat;
}
body a:hover {
	text-decoration: underline;
}
h2 {
	color:#4f91cd;
	font-size:18px;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 5px 0;
}
h2.tamanho2 {
	color:#4f91cd;
	font-size:30px;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	line-height:25px;
}
h3 {
	color:#525252;
	font-size:18px;
	padding:0 0 10px 0;
	line-height:25px;
}
/*
+----------------------------------------------------------------+
	Página Estrutura											
+----------------------------------------------------------------+
*/
.foto-ampliada{ float:left; width:640px; height:300px;}
ul.galeria-fotos{ float:left; width:641px; margin:10px 0; }
ul.galeria-fotos li { float:left; margin:0 0 0 13px; width:96px; height:72px;}
ul.galeria-fotos li.MarginZero { float:left; margin:0;}
ul.listagem-textos { float:left; width:640px; }
ul.listagem-textos { list-style:inside;}
/*
+----------------------------------------------------------------+
	Home											
+----------------------------------------------------------------+
*/
.box-texto1 {
	float:left;
	width:366px;
}
.box-texto1 p {
	padding:5px 0 0 0;
}
.box-texto2 {
	float:left;
	width:288px;
	margin:0 0 0 45px;
}
.box-fornecedor {
	float:right;
	width:120px;
	text-align:center;
}
.box-fornecedor span {
	text-transform:uppercase;
	font-size:10px;
}
.box-fornecedor .img1 {
	margin:10px 0;
}
.box-fornecedor .img2 {
	margin:10px;
}
/*
+----------------------------------------------------------------+
	Internas											
+----------------------------------------------------------------+
*/
.conteudo-home {
	float:left;
	width:920px;
	padding:20px;
	margin:0 0 100px 0;
}
.conteudo-interno {
	float:left;
	width:890px;
	background:url(img/bg-conteudo-interno.jpg) repeat-x #f2f2f2;
	padding:35px;
	margin:0 0 170px 0;
}
.conteudo-esquerdo {
	float:left;
	width:190px;
}
.conteudo-esquerdo .box-fornecedor {
	float:right;
	width:190px;
	padding:10px 0 0 0;
	text-align:center;
}
.conteudo-esquerdo .box-fornecedor .img1 {
	margin:10px 0;
}
.conteudo-esquerdo .box-fornecedor .img2 {
	margin:10px;
}
.conteudo-esquerdo .box-fornecedor span {
	text-transform:uppercase;
	font-size:10px;
}
.conteudo-direito {
	float:right;
	width:640px;
}
.conteudo-direito .imagem-topo {
	float:left;
	margin:15px 0 35px 0;
}
.box-certificacoes {
	clear:both;
	width:290px;
	margin:0 auto;
	margin-top:30px;
}
.box-certificacoes .botao-iso9001 {
	clear:both;
	margin:0 auto;
	width:170px;
	margin-top:10px;
}
.box-certificacoes .botao-iso9001 img {
	float:left;
	margin:0 5px 0 0;
}
.box-certificacoes .botao-iso9001 .txt1 {
	text-transform:uppercase;
	color:#525256;
	text-align:center;
	float:left;
	padding:5px 0 0 0;
}
.box-certificacoes .botao-iso9001 .txt2 {
	text-transform:uppercase;
	color:#525252;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	line-height:10px;
	float:left;
	width:100px;
}
.mapa {
	float:left;
	width:640px;
}
.mapa span {
	text-align:center;
	font-size:22px;
	line-height:120%;
	float:left;
	clear:left;
	padding:20px 0 20px 100px;
}
/*
+----------------------------------------------------------------+
	Head											
+----------------------------------------------------------------+
*/
#head {
	height:90px;
	background:url(img/bg-head.png) no-repeat;
	width:940px;
	float:left;
	padding:10px;
}
#head .logo {
	float:left;
	margin:2px 0 0 30px;
}
#head .bloco-direito {
	float:right;
	width:310px;
}
#head .bloco-idiomas {
	float:right;
	width:140px;
}
#head .bloco-idiomas span {
	text-transform:uppercase;
	color:#8b8b8b;
	float:left;
	padding:0 10px 0 0;
	font-size:10px;
}
#head .bloco-idiomas img {
	float:left;
	padding:1px 0 0 0;
}
#head .bloco-info {
	float:left;
	width:310px;
	padding:20px 0 0 0;
}
#head .bloco-info img {
	float:left;
	padding:0 30px 0 30px;
	border-right:1px solid #f0f0f0;
}
#head .bloco-info .img-NoBorder {
	float:left;
	padding:0 30px 0 30px;
	border-right:none;
}
/*
+----------------------------------------------------------------+
	Contato											
+----------------------------------------------------------------+
*/
.box-atendimento{ float:right; width:230px; padding:100px 0 0 0;}
.box-atendimento .imgBorder{ border-bottom:1px solid #e5e5e5; padding:0 0 10px 0; margin:0 0 10px 0;}
.box-contato{ float:left; width:380px; margin:0 0 30px 0; display:inline;}
form .linha { float:left; width:380px; clear:left; margin:0 0 10px 0; display:inline; }
form span {
	float:left;
	width:52px;
	text-transform:uppercase;
	color:#4f91cd;
	font-weight:bold;
	padding:6px 0 0 0;
}
form span.span2 {
	float:left;
	width:67px;
	text-transform:uppercase;
	color:#4f91cd;
	font-weight:bold;
	padding:6px 0 0 0;
}
.bg-input-style1 {
	float:left;
	width:318px;
	height:23px;
	background:url(img/input1.png) center no-repeat;
	padding:5px 0 0 6px;
}
.bg-input-style2 {
	float:left;
	width:168px;
	height:23px;
	background:url(img/input2.png) center no-repeat;
	padding:5px 0 0 6px;
}
.bg-input-style3 {
	float:left;
	width:364px;
	height:140px;
	background:url(img/textarea1.png) center no-repeat;
	padding:10px 0 0 10px;
}
input.estilo1 {
	float:left;
	width:310px;
}
input.estilo2 {
	float:left;
	width:160px;
}
textarea.estilo3 {
	float:left;
	width:350px;
	height:125px;
}
.botao-enviar{ float:right; margin:0 10px 0 0;}
/*
+----------------------------+
	Jquery escolha o Assunto											
+----------------------------+
*/
.escolha-produtos {
	float:left;
	background:url(img/input3.png) center no-repeat;
	width: 304px;
	height: 28px;
}
.escolha-produtos span {
	font-size:11px;
	float:left;
	width:280px;
	margin:-2px 0 0 5px;
	color:#8b8b8b;
}
.jquerycssmenu ul {
	position: relative;
}
.jquerycssmenu ul li {
	position: relative;
	display: inline;
	float: left;
	z-index: 5004 !important;
	cursor: pointer;
	padding: 3px 2px 3px 2px;
	width: 304px;
	
	
}
.jquerycssmenu ul li ul {
	position: absolute;
	display: block;
	visibility: hidden;
	overflow: hidden;
	z-index: 5005 !important;
	opacity:0.96;
	-moz-opacity: 0.96;
	filter: alpha(opacity=96);
	width: 304px;
	margin:3px 0 0 0;
}
.jquerycssmenu ul li ul li {
	float: left;
	width: 304px;
	padding:0;
	text-transform: capitalize;
	background:#fff;
}
.jquerycssmenu ul li ul li a {
		color:#4f91cd;

	display: block;
	text-decoration: none;
	padding:4px;
	font-size:12px;
}
.jquerycssmenu ul li ul li a:hover {
	background-color: #4f91cd;
	color: #fff;
	text-decoration:none;
	-moz-opacity: 0.96;
	filter: alpha(opacity=96);
}

/*
+----------------------------------------------------------------+
	Rodape											
+----------------------------------------------------------------+
*/
#rodape {
	width:100%;
	float:left;
	background: url(img/rodape.png) center no-repeat;
	height:174px;
	position:relative;
	clear:both;
	margin-top:-174px;
}
#rodape .centralizar {
	width:960px;
	margin:0 auto;
	position:relative;
}
#rodape .centralizar .txt-copyright {
	position:absolute;
	color:#919191;
	left:300px;
	width:370px;
	top:60px;
	font-size:11px;
}
#rodape .centralizar .bloco-direito a {
	font-size:10px;
}
#rodape .centralizar .jota3w {
	position:absolute;
	right:70px;
	top:125px;
}
.input_error{background-color:#E5E5E5}