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

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

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

@font-face {
font-family: 'HeronSansLightItalic';
src: url('../fontes/heronLightItalic/fontbureau-heronsanslightitalic.eot');
src: url('../fontes/heronLightItalic/fontbureau-heronsanslightitalic.eot') format('embedded-opentype'),
url('../fontes/heronLightItalic/fontbureau-heronsanslightitalic.woff2') format('woff2'),
url('../fontes/heronLightItalic/fontbureau-heronsanslightitalic.woff') format('woff'),
url('../fontes/heronLightItalic/fontbureau-heronsanslightitalic.ttf') format('truetype'),
url('../fontes/heronLightItalic/fontbureau-heronsanslightitalic.svg#HeronSansLightItalic') format('svg');
font-weight: normal;
font-style: normal;}

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

body{
font-family:tahoma;
background:#dddddd;}

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{border:none; cursor:pointer;}
.limpa{clear:both;}

input, select, textarea{
font-family:tahoma;
font-size:16px;
color:#333;}


/** HEADER **/
#header {
width:100%;
height:155px;
margin:0 auto;
text-align:center;
background: url(../img/bg-header.png) no-repeat center;
z-index:999;
position:relative}

#logoBase{
width:940px;
height:150px;
margin:0 auto;}

#logo{
width:299px;
height:63px;
float:left;
margin-left:80px; 
margin-top:25px;
background:url(../img/logo.png) no-repeat;}

.telefone {color:#eed165; text-decoration: none; font-size:16px; font-family: 'HeronSansLightItalic', sans-serif; float:right; margin-top:65px; letter-spacing:2px}


/** MENU **/
#menu{
width:auto;
height:auto;
float:right;
margin-top:28px;
margin-right: -8px;}

.cortaMenu {width: 780px; overflow: hidden; float: right; height: 67px;}

nav a {
position: relative;
display: inline-block;
margin: 0 6px;
outline: none;
color: #FFFFFF;
text-decoration: none;
font-size:15px;
font-family: 'HeronSansLightItalic', sans-serif;}
nav a:hover{color:#e9cc61;}

.cl-effect-3 a {padding:5px;}
.cl-effect-3 a::after {
position: absolute;
z-index:999;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);}

.cl-effect-3 a:hover::after, .cl-effect-3 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
z-index:999;}

.divisorMenu {vertical-align: middle; display: inline;}


/* BANNER */
#bgBanner {background: url(../img/bg-banner.jpg) no-repeat center; width:100%; height:342px; margin-top:-33px;}

#bannerSuperior{
width:100%;
height:342px;
margin:0 auto;}

#bannerSuperior a{position: relative !important;}

.navBanner{
float:left;
margin:0 auto;
position:relative;
z-index:1000;
text-align:center}

.navBanner a {
background: url(../img/bg-bullet-banner.png) no-repeat;
width:22px;
height:9px;
display:block;
float:left;
margin-left:2px;
font-size:12px;
color:transparent;
text-align:center;
padding-top:3px;}

.navBanner a.activeSlide {background: url(../img/bg-bullet-banner-active.png) no-repeat;}
.alinhaNav {margin:-20px auto; width:910px;}

.cl-effect-3 {}


/** HOME - PRODUTOS **/
.boxProduto {width:303px; height:485px; background:#cecece; float: left; margin-right: 10px; 
opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);
-moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}

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

.boxProduto h1 {font-family: 'heronsansmedium', sans-serif; font-size: 20px; font-weight: normal; color: #000; text-align: center; text-transform: uppercase;
display: table-cell; vertical-align: middle; height: 52px; width: 292px; padding: 0px 10px}

.boxProdutoDentro {width:286px; height:410px; background:#e9e9e9; margin: 8px auto;}
.boxProdutoDentro .titulo {height: 145px; }
.boxProdutoDentro h3 {font-family: 'heronsansmedium', sans-serif; font-size: 26px; font-weight: normal; color: #000; text-align: center; text-transform: uppercase;
display: table-cell; vertical-align: middle; height: 145px; width: 292px; padding: 0px 10px; line-height: 30px;}

.boxImagem {width: 292px; height: 265px; background: #fff; overflow: hidden; vertical-align: middle; display: table-cell;}
.boxImagem img {max-width: 286px; max-height:260px; margin:0 auto; display:block;}


/** HOME - PROJETOS REALIZADOS E VIDEOS **/
.projetosRealizados {float: left; width: 460px; margin-top: 30px; }
.videos {float: right; width: 460px; margin-top: 30px; margin-right: 10px}

.videoHome {
overflow:hidden;
display:block;
width:460px;
height:282px;
position:relative;
float:right;}

.videoHome img {width:460px;}

.mascaraVideo {
background:url(../img/bt-play.png) no-repeat center;
width:460px;
height:287px;
position:absolute;
left:0;
z-index:100;}


/** HOME - NOTICIAS **/
#noticiasHome {width:475px; float:left; margin-bottom:30px; margin-top:30px; margin-right: -5px;}
#noticiasHome h1 {font-family: 'asapregular', sans-serif; text-align: center; color: #000; font-size:13px; font-weight:normal; margin-bottom:5px;}

.tituloNoticiasHome {background: url(../img/bg-titulo-noticias.png) no-repeat center; width:524px; height:55px; margin-bottom:25px; }
.tituloNoticiasHome p{color:#fff !important; font-family: 'asapItalic', sans-serif !important; font-size:25px !important; padding-left:27px; padding-top:12px}

.notIndividualHome {width: 143px; float:left; overflow:hidden; margin-right:15px;}
.notIndividualHome img {max-width:210px; text-align:center; margin:0 auto}
.caixaImgHome {width:143px; height:143px; overflow:hidden;}


/** HOME - DEPOIMENTOS **/
.depoimentosHome {float: right; width: 465px; margin-top: 30px; margin-right: 5px}

.depoimento {
width:402px;
height:auto;
margin:0px auto;
color:#000;
font-size:14px;
font-family: 'asapregular', sans-serif;}

.depoimentosHome a {color:#000 !important; font-size:13px !important; text-transform:uppercase !important; padding-left:30px;}
.depoimento p {width:360px; margin:0 auto; display:inline-block; text-align:justify; padding-left:20px;}

.autorHome{
height:auto;
float:right;
margin-top:-30px;
color:#000;
font-family: 'asapregular', sans-serif;
font-weight: bold;
width:140px;
text-align:center}



/** CONTENT **/
#content {
margin:0 auto;
width:940px;}

#conteudoPaginas, #conteudoPaginas p{
font-size:15px;
color:#3b3b3b;
text-align:justify;
font-family: 'asapregular', sans-serif;
line-height:22px;}

#conteudoPaginas{
width:930px;
margin-top:50px;
margin-bottom: 50px;}

#content a{color:#c69e2d;}
#content a:hover{color:#3b3b3b;}

#content h2{
font-family: 'heronsansmedium', sans-serif;
letter-spacing: 3px;
font-size: 30px;
font-weight: normal;
color: #000;
text-transform: uppercase;
margin-bottom: 20px;
line-height:35px;}


/** EMPRESA **/
.empresaLeft {float:left; width:470px;}
.depoimentosEmpresa {float:right; width:435px;}



/** VÍDEOS - PÁGINA **/
.eachvideo {float: left; margin-right: 10px; margin-bottom: 10px;}

.videoPagina {
overflow:hidden;
display:block;
width:455px;
height:282px;
position:relative;
float:left;}

.videoPagina img {width:455px;}


/** PRODUTOS - PAGINA **/
.boxProdutoPagina {width:303px; height:485px; background:#cecece; float: left; margin-right: 7px; margin-bottom: 10px;
opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);
-moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}

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

.boxProdutoPagina h1 {font-family: 'heronsansmedium', sans-serif; font-size: 20px; font-weight: normal; color: #000; text-align: center; text-transform: uppercase;
display: table-cell; vertical-align: middle; height: 52px; width: 292px; padding: 0px 10px}


/** CATALOGO **/
.fotoIndividual {float:left; margin-right:10px; margin-bottom:10px;}
.fotoCatalogo {width:300px; height:200px; overflow:hidden; margin-right:10px; margin-bottom:10px; background:#fff; vertical-align:middle; display:table-cell;}

.fotoCatalogo {opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);
-moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;}

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



/** NOTICIAS **/
.descricaopagenot {
float: left;
width: 665px;
height:140px;
overflow:hidden;
padding-right:20px;
margin-top: 25px;
text-align: justify;
font-size:14px;
vertical-align:middle;}

.descricaopagenot h1 {
font-family: 'heronsansmedium', sans-serif;
letter-spacing: 3px;
font-size: 20px;
font-weight: normal;
color: #c79f31;
text-transform: uppercase;
margin-bottom: 20px;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;}

.descricaopagenot h1:hover {color:#b48c20;}

.imagemNoticiaHome{
max-height:175px;
width: 235px;
float:right;}

.caixaimg {
height: 150px;
width: 235px;
overflow: hidden;
margin-bottom:20px;
margin-top:45px;}

.imagemNoticia {
max-width: 400px;
float: right;
padding-left:20px;}


/* CLIENTES */
#parceiros {width:100%;}

.parceiroIndividualDentro {
background:#fff;
width:177px;
height:97px;
float:left;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin:0 9px 9px 0;}

.espacoparceiro {
width:177px;
height:97px;
margin:0 auto;
display: table-cell;
text-align: center;
vertical-align: middle;}

.espacoparceiro img {
max-width:155px;
max-height:97px; }


/** DEPOIMENTOS **/
.depoimentoInd{
width:auto;
height:auto;
margin:0px auto;
padding:40px;
color:#fff;
background: #1C1C1C;
font-size:16px;
font-family: 'asapRegular', sans-serif;}

.recadoAutor{
width:100%;
height:auto;
float:left;
text-align:right;
margin-top:15px;
color:#E6C450;
font-family: 'HeronSansLightItalic', sans-serif;}


/** DEPOIMENTO - FORM **/
#formularioRecado{
width:470px;
height:auto;
text-align:left;
padding:10px;}

#formRecados {
width:470px;
height:auto;
text-align:left;
padding:10px;}

.inputRec{
color: #000;
width:450px;
height:15px;
border-bottom:3px solid #d6b046;
border-right: none;
border-left: none;;
border-top: none;
padding:10px;
background: none;
font-family: 'HeronSansLightItalic', sans-serif;
font-size: 15px;
text-transform: uppercase;}

#textoRec{
background: none;
width:450px;
height:130px;
padding:10px;
border-bottom:3px solid #d6b046;
border-right: none;
border-left: none;;
border-top: none;
font-family: 'HeronSansLightItalic', sans-serif;
font-size: 15px;
text-transform: uppercase;}

#autorRec{margin-right:10px;}

input.enviarForm{
width:auto;
height:35px;
line-height:35px;
float:right;
text-align:center;	
background:#1C1C1C;
border:none;
font-family:'asapRegular', sans-serif;
color:#fff;
padding:0px 10px;
border-radius:5px;
cursor:pointer;
font-size:14px;
margin-top:10px;}



/** FOOTER **/
#rodapeFixo{
padding-bottom:367px;}

#rodapeTodo{
width:100%;
height:367px;
margin-top:-367px;
position:relative;
clear:both;}

#footer{
background: url(../img/bg-footer.png) center repeat-x;
height:367px;
width:100%;
font-family: 'asapregular', sans-serif;
text-align: left;
color: #3b3b3b;
font-size:13px;
line-height:23px;}

#footer a {color: #d6b046;}
#footer a:hover{color:#e9cc61;}

#baseRodape{
width:960px;
margin:0px auto;
padding-top:20px;}

.footerLeft {float: left; width:420px; margin-right:15px; line-height:28px;}
.footerCenter {float: left; width:225px;}
.footerRight {float: right; width:250px; margin-top: 15px; margin-right: 20px;}

#fimFooter {
font-family: 'asapregular', sans-serif;
width:850px;
margin:62px auto 0;
font-size:15px;
color: #6b6b6b;
text-align:center;
text-transform: uppercase;
letter-spacing: 2px;}

#assinaturaArtweb{
height:13px;
margin-top:-25px;
width:100%;
position:relative;}

#assinaturaArtweb .artweb{
background:url(../img/criacao-sites-artweb.png) no-repeat center top;
display: block;
height:13px;
overflow: hidden;
text-indent: -99999px;
width:50px;
right:50%;
margin-right:-460px;
position:absolute;}


/** CONTATO **/
#contatoleft{width:470px; float:left; }

#contatoright{
float:right;
margin-top: -5px;
color: #333331;
font-family: calibri, verdana;
font-size: 14px;
width:250px;}
#contatoright h1 {color: #990000; font-size: 15px; font-weight: normal; }
#contatoright a {color:#0071bf;}

.divBox {width:450px; height:40px; position:relative;}
.divBoxMsg {width:580px; height:150px; position:relative; float:left;}
.divBoxInputMsg {width:300px; height:35px; float:left;}
.divBoxInput {width:70px; height:35px;}
.divBoxErro {color: #c09829; display:none; float:right; font-size:13px; margin-top:-25px; position:relative; z-index:100; font-family: 'HeronSansLightItalic', sans-serif;}
.mensagemContato {margin-top: 10px; color:#906d0c !important; font-size:17px !important; font-family: 'HeronSansLightItalic', sans-serif !important;}

#formContato input{
color: #000;
width:450px;
height:15px;
border-bottom:3px solid #d6b046;
border-right: none;
border-left: none;;
border-top: none;
padding:10px;
background: none;
font-family: 'HeronSansLightItalic', sans-serif;
font-size: 15px;
text-transform: uppercase;}

#formContato textarea{
background: none;
width:450px;
height:130px;
padding:10px;
border-bottom:3px solid #d6b046;
border-right: none;
border-left: none;;
border-top: none;
font-family: 'HeronSansLightItalic', sans-serif;
font-size: 15px;
text-transform: uppercase;}

#formContato button{
float:left;
background:#000;	
width:100%;
height:40px;
margin-top:10px;
border:none;
color:#d6b046;
font-family: 'HeronSansLightItalic', sans-serif;
text-transform: uppercase;
font-size: 15px;}