/*
    Desenvolvido por Artweb Design Digital
    http://www.artwebdigital.com.br/
    criacao2@artwebdigital.com.br
*/

@font-face {
    font-family: 'azoSansRegular';
    src: url('../fontes/azoSansRegular/azosans-regular-webfont.eot');
    src: url('../fontes/azoSansRegular/azosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/azoSansRegular/azosans-regular-webfont.woff2') format('woff2'),
         url('../fontes/azoSansRegular/azosans-regular-webfont.woff') format('woff'),
         url('../fontes/azoSansRegular/azosans-regular-webfont.ttf') format('truetype'),
         url('../fontes/azoSansRegular/azosans-regular-webfont.svg#azo_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'azoSansBold';
    src: url('../fontes/azoSansBold/azosans-bold-webfont.eot');
    src: url('../fontes/azoSansBold/azosans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/azoSansBold/azosans-bold-webfont.woff2') format('woff2'),
         url('../fontes/azoSansBold/azosans-bold-webfont.woff') format('woff'),
         url('../fontes/azoSansBold/azosans-bold-webfont.ttf') format('truetype'),
         url('../fontes/azoSansBold/azosans-bold-webfont.svg#azo_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'azoSansItalic';
    src: url('../fontes/azoSansItalic/azosans-italic-webfont.eot');
    src: url('../fontes/azoSansItalic/azosans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontes/azoSansItalic/azosans-italic-webfont.woff2') format('woff2'),
         url('../fontes/azoSansItalic/azosans-italic-webfont.woff') format('woff'),
         url('../fontes/azoSansItalic/azosans-italic-webfont.ttf') format('truetype'),
         url('../fontes/azoSansItalic/azosans-italic-webfont.svg#azo_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,h1,h2,h3,p,a,ul,li,select,option,input,textarea,table,th,td,blockquote,hr,button,div{
	margin:0;
	padding:0;
	font-weight:normal;
} 

body{
    font-family:'azoSansRegular', tahoma;
	background:#FFF;
}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

a{
	text-decoration: none;
}

a:hover{
	text-decoration:none;
}

img{
	border:none;
}

button{
    font-family:'azoSansItalic', tahoma;
	border:none;
	cursor:pointer;
}

.limpa{clear:both;}

.limpa20{clear:both; height:20px;}

input, select, textarea{
    font-family:'azoSansItalic', tahoma;
	font-size:16px;
	color:#333;
	background:#f0f0f0;
	border:1px solid #f0f0f0;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

/* header */
#bgHeader{
	z-index:10;
	background:url(../img/bg-menu.png) repeat-x;
	min-width:980px;
	width:100%;
	height:137px;
	position:absolute;
	left:0;
	top:0;
}

#logo{
	background:url(../img/logo-hetrios.png) no-repeat;
	width:313px;
	height:62px;
	float:left;
	margin:39px 0 0 17px;
}

#menu{
	float:right;
	margin-top:45px;
	margin-right:30px;
}

#menu a{
	line-height:90px;
    color:#FFFFFF;
    font-family: 'azoSansItalic';
	font-weight:bold;
	font-size:14px;
	padding:0 28px;
	float:left;
}

#menu a:hover{
	background:url(../img/traco-menu.png) no-repeat center bottom;
}

/* BANNER */
#caixaBanner{
	min-width:980px;
	width:100%;
	height:550px;
	position:relative;
}

#caixaBannerPaginas{
	min-width:980px;
	width:100%;
	height:335px;
	position:relative;
}

#bannerSuperior{
	width:100%;
	height:100%;
}

.bannerIndividual{
	width:100%;
	height:100%;
	display:none;
	background-position:center;
	background-repeat:no-repeat;
}

.mascaraBanner{
	width:100%;
	height:100%;
	background:url(../img/mascara-banner.png) repeat;
	position:absolute;
	left:0;
	top:0;
}

.textoBanner{
	color:#ffffff;
	right:0;
	width:685px;
	position:absolute;
	bottom:88px;
}

.alinhaBanner{
	position:relative;
	height:100%;
}

.textoBanner a{
	color:#FFF;
	border:1px solid #FFF;
	width:111px;
	height:23px;
	text-align:center;
	line-height:23px;
	font-size:12px;
	display:block;
}

.textoBanner p{
	color:#FFF;
	font-size:30px;
    font-family: 'azoSansBold';
	text-transform:uppercase;
	line-height:38px;
	margin-bottom:10px;
}

.textoBanner h3{
	line-height:52px;
	color:#FFF;
	font-size:48px;
	text-transform:uppercase;
}

.alinhaBotoes{
	position:relative;
	height:0;
}

.prevBanner{
	background:url(../img/prev-banner.png) no-repeat;
	width:11px;
	height:23px;
	position:absolute;
	left:8px;
	top:335px;
	z-index:100;
}

.nextBanner{
	background:url(../img/next-banner.png) no-repeat;
	width:11px;
	height:23px;
	position:absolute;
	right:8px;
	top:335px;
	z-index:100;
}

/* content */
#content{
	margin:0 auto;
}

#content h2{
    font-family: 'azoSansBold';
	line-height:48px;
	font-size:48px;
	color:#333333;
	margin-bottom:30px;
	text-transform:uppercase;
}

.textoSimples, .textoSimples p{
	font-size:16px;
	color:#646464;
	line-height:18px;
}

.textoSimples strong{
	font-size:18px;
	line-height:22px;
	font-weight:normal;
}

.textoSimples a{
	color:#FF0000;
}

.textoSimples a:hover{
	color:#666666;
}

.textoSimples ul li{
	list-style:url(../img/seta-lis.png) inside;
    font-family: 'azoSansItalic';
	line-height:40px;
}

#conteudoPaginas{
	padding:50px 0;
}

/* home */
#homeCima{
	padding:80px 10px 0;
	margin-bottom:60px;
}

#homeCima img{
	float:right;
	margin-left:40px;
}

#homeCima a{
	float:left;
	color:#FFF;
	font-size:13px;
	background:#ff0000;
	height:34px;
	width:164px;
	text-align:center;
	line-height:34px;
    font-family: 'azoSansBold';
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

#homeCima a:hover{
	background:#E5A400;
}

#homeMeio{
	background:url(../img/fundo-terra.jpg) repeat-x;
	height:503px;
	width:100%;
	min-width:980px;
	text-align:center;
	padding-top:90px;
	color:#ffffff;
}

#homeMeio h2{
	color:#ffffff;
	font-size:42px;
	margin-bottom:20px;
}

#homeMeio p{
	color:#ffffff;
}

#homeBaixo{
	background:#F2F2F2;
	padding:50px 0 75px;
	min-width:980px;
}

#homeBaixo img{
	float:right;
	margin-left:40px;
}

#homeBaixo a{
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
	float:left;
	color:#FFF;
	font-size:13px;
	background:#ff0000;
	height:34px;
	width:164px;
	text-align:center;
	line-height:34px;
    font-family: 'azoSansBold';
}

#homeBaixo a:hover{
	background:#E5A400;
}

#homeBaixo table{
	margin-top:10px;
}

#homeBaixo table tr td{
	width:230px;
	vertical-align:top;
}

.alinhaEquipamentos{
	margin:0 auto;
	width:1080px;
}

.equipamentoIndividual{
	width:312px;
	height:192px;
	float:left;
	border:5px solid #45260d;
	position:relative;
	overflow:hidden;
	margin:0 19px;
	text-align:center;
	background:#45260d;
}

#conteudoPaginas .equipamentoIndividual{
	margin-bottom:38px;
}

.equipamentoIndividual img{
	height:100%;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.hoverEquipamentos{
	display:none;
	background:url(../img/mascara-hover.png) no-repeat center;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.tituloEquipamentos{
	background:url(../img/hover-titulos.png) repeat;
	line-height:20px;
	padding:8px 0;
	text-align:center;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	font-size:14px;
	color:#a89b6c;
	-moz-opacity: 0.00;
	-khtml-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);
}

.equipamentoIndividual:hover .hoverEquipamentos{
	display:block;
}

.equipamentoIndividual:hover img{
	-moz-opacity: 0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	filter:alpha(opacity=50);
}

.equipamentoIndividual:hover .tituloEquipamentos{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
}

#homeMeio a.todosEquipamentos{
	color:#FFF;
	background:#ff0000;
	width:164px;
	height:34px;
	text-align:center;
	line-height:34px;
	font-size:12px;
	display:block;
	margin:10px auto 0;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

#homeMeio a.todosEquipamentos:hover{
	background:#E5A400;
}

/* obras */
.obraIndividual{
	width:330px;
	height:320px;
	float:left;
	margin:0 35px;
}

.imagemObras{
	position:relative;
	width:330px;
	height:230px;
	overflow:hidden;
}

.imagemObras img{
	height:230px;
}

.obraIndividual h3{
	font-size:24px;
	color:#646464;
    font-family: 'azoSansItalic';
	text-align:center;
	line-height:24px;
	margin-top:20px;
}

.hoverObras{
	background:url(../img/botao-ver-obra.png) no-repeat center;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	-moz-opacity: 0.00;
	-khtml-opacity: 0.00;
	opacity: 0.00;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.obraIndividual:hover .hoverObras{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
}

/* footer */
#rodapeFixo{
	padding-bottom:336px;
}

#rodapeTodo{
	background:url(../img/bg-rodape.jpg) no-repeat center;
	width:100%;
	min-width:980px;
	height:336px;
	margin-top:-336px;
	position:relative;
	clear:both;
}

#footer{
	height:291px;
}

#footer h3{
	color:#ffffff;
	font-size:16px;
	margin-bottom:26px;
}

#footer p {
    color:#bebebe;
	font-size:14px;
	line-height:17px;
    font-family: 'azoSansItalic';
}

#footer a{
    color:#bebebe;
	font-size:14px;
	line-height:17px;
    font-family: 'azoSansItalic';
}

#footer a:hover{
	color:#ffb600;
}

#rodapeEsquerda{
	float:left;
	width:285px;
	text-align:center;
	margin-top:98px;
}

#logoRodape{
	background:url(../img/logo-hetrios-rodape.png) no-repeat;
	width:120px;
	height:92px;
	display:block;
	margin:0 auto;
}

.separaRodapeEsquerda{
	background:url(../img/logo-baixo-rodape.png) no-repeat center;
	width:100%;
	height:2px;
	margin:20px 0 8px;
}

#footer a.linkFacebook{
	font-size:12px;
	color:#ffb600;
    font-family: 'azoSansItalic';
}

#menuRodape{
	float:left;
	width:270px;
	margin-top:68px;
}

#menuRodape a{
	display:block;
	background:url(../img/seta-rodape.png) no-repeat center left;
    font-family: 'azoSansItalic';
	padding-left:12px;
	margin-bottom:7px;
}

#newsRodape{
	float:left;
	width:395px;
	margin-top:68px;
}

#newsRodape input{
	background:#3e3e3e;
	border:1px solid #525252;
	width:238px;
	height:26px;
	padding:5px 20px;
	color:#999;
	float:left;
	margin:15px 0 6px;
}

#newsRodape button{
	background:url(../img/botao-rodape.png) no-repeat;
	width:116px;
	height:32px;
	float:left;
	font-size:12px;
	color:#fdfdf9;
}

#mensagemNews{
	color:#FFF;
	font-size:14px;
}

#contatoRodape{
	float:right;
	width:248px;
	margin-top:68px;
}

.emailRodape{
	display:block;
	margin:20px 0;
}

#telefoneRodape{
    color:#bebebe;
	font-size:14px;
    font-family: 'azoSansItalic';
}

#telefoneRodape span{
	float:left;
	margin-top:5px;
}

#telefoneRodape strong{
	margin-left:5px;
	float:left;
	font-size:20px;
	font-weight:normal;
}

#rodapeBaixo p{
	margin-left:18px;
	float:left;
	line-height:44px;
	font-size:12px;
	color:#656565;
    font-family: 'azoSansItalic';
}

.artweb{
	margin-top:20px;
    display: block;
    height:13px;
    width:50px;
	float:right;
	text-align:left;
	overflow:hidden;
}

/* contato */
#contatoEsquerda{
	float:left;
	width:570px;
}

#contatoDireita{
	float:right;
	width:560px;
	height:390px;
}

#contatoDireita iframe{
	width:560px;
	height:390px;
}

#formContato{
	margin-top:30px;
}

#contatoEsquerda input{
	height:22px;
	padding:5px 20px;
	width:233px;
	float:left;
	margin-bottom:15px;
}

#contatoEsquerda input#telefoneC{
	float:right;
}

#contatoEsquerda input#emailC{
	width:528px;
}

#contatoEsquerda textarea{
	width:528px;
	padding:5px 20px;
	height:142px;
	margin-bottom:15px;
}

#contatoEsquerda button{
	color:#FFF;
	background:#dd0000;
	width:194px;
	height:38px;
	float:left;
	text-align:center;
	line-height:38px;
	font-size:12px;
	display:block;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

#contatoEsquerda button:hover{
	background:#E5A400;
}

#contatoEsquerda input:focus, #contatoEsquerda textarea:focus{
	border:1px solid #DDD;
	-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
}

.caixaContatoBaixo{
	position:relative;
	width:372px;
	height:72px;
	background:#f7f7f7;
	text-align:center;
	float:left;
	margin:108px 14px 0;
    font-family: 'azoSansItalic';
	font-size:16px;
	line-height:18px;
	color:#000000;
	padding-top:82px;
}

.iconeContatoBaixo{
	position:absolute;
	left:97px;
	top:-35px;
	width:178px;
	height:56px;
	padding:16px 0;
	border:1px solid #e8e8e8;
	background:#FFF;
	text-align:center;
}

/* tamanhos tamanhos */
.tamanhoTela{
	width:1200px;
	margin:0 auto;
}

@media(max-width: 1230px) {
	.tamanhoTela{width:980px;}
	#logo{margin:36px 0 0;}
	#menu{margin-right:0;}
	#menu a{padding:0 14px;}
	.textoBanner{width:585px;}
	.textoBanner h3{font-size:40px; line-height:44px;}
	.textoBanner p{font-size:22px; line-height:30px;}
	#content h2{font-size:42px;}
	#homeCima img, #homeBaixo img{max-width:55%; height:auto !important; margin:0 0 0 30px;}
	.alinhaEquipamentos{width:980px;}
	.equipamentoIndividual{width:310px; border:4px solid #45260d; margin:0 4px;}
	#rodapeEsquerda{width:240px;}
	#menuRodape{width:170px;}
	#newsRodape{width:300px;}
	#contatoRodape{width:220px;}
	.obraIndividual{margin:0 10px; width:305px;}
	.imagemObras{width:305px; height:215px;}
	.imagemObras img{height:215px;}
	.obraIndividual h3{font-size:20px;}
	#contatoEsquerda{width:500px;}
	#contatoDireita{width:460px;}
	#contatoEsquerda input{width:200px;}
	#contatoEsquerda input#emailC, #contatoEsquerda textarea{width:458px;}
	#contatoDireita iframe{width:460px;}
	.caixaContatoBaixo{margin:108px 10px 0; width:306px; font-size:15px;}
	.iconeContatoBaixo{width:140px; left:82px;}
}