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

@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: 'asapitalic';
src: url('../fontes/asapItalic/asap-italic-webfont-webfont.eot');
src: url('../fontes/asapItalic/asap-italic-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('../fontes/asapItalic/asap-italic-webfont-webfont.woff') format('woff'),
url('../fontes/asapItalic/asap-italic-webfont-webfont.ttf') format('truetype'),
url('../fontes/asapItalic/asap-italic-webfont-webfont.svg#asapitalic') format('svg');
font-weight: normal;
font-style: normal; }

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

/*  Recaptcha  */
 
.erroFormularioCaptcha{
    text-align: center;
    color: #FF0000;
}
.caixaCampoFormulario{
    text-align: center;
}
.g-recaptcha{
   /*display: inline-block;*/
    vertical-align: top;
}

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

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


/** HEADER **/
#header {
	width:980px;
	margin:0 auto;
	text-align:center;
	height: auto;
	padding: 30px 0;
}

#logoBase{
	width:100%;
	float:left;
	text-align:center;
}

#logo{
	width: 590px;
	height: 79px;
	float:left;
	background:url(../img/logo.png) no-repeat;
}

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

#menuCentro{
	height:35px;
	float:right;
	padding-top:20px;}

#menuCentro a {
color:#003067;
text-decoration: none;
font-family:'asapitalic', calibri, sans-serif;
font-size:20px;
padding:15px 0 0 48px;}
#menuCentro a:hover{color:#231f20;}

#menuCentro .nav{list-style:none;}
#menuCentro .nav li{float:left;}
.nav li:hover {display:block;}


/* BANNER */
#bannerSuperior{
width:980px;
height:342px;
margin:0 auto;}

#azulBanner {background: url(../img/bg-banner-azul.jpg) repeat-x; height:321px;}
.azulBannerDentro {width: 980px; margin:0 auto; }
.azulBannerDentro img {vertical-align:middle; display:table-cell}


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

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

#conteudoPaginas{
width:980px;
margin-top:30px;}

#content a{color:#333;}
#content a:hover{color:#666666;}

#content h2{
font-size:35px;
font-weight:normal;
font-family:'asapitalic', calibri, sans-serif;
color:#023067;
margin-bottom:20px;
text-transform:uppercase;
line-height:40px;}

#content h3{
font-size:35px;
font-weight:normal;
font-family:'asapitalic', calibri, sans-serif;
color:#023067;
margin-bottom:40px;
text-transform:uppercase;
line-height:25px;}

#content h4{
font-size:25px;
font-weight:normal;
font-family:'asapitalic', calibri, sans-serif;
color:#023067;
margin-bottom:20px;
text-transform:uppercase;
line-height:40px;}



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

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

#footer{
background: url(../img/bg-footer.jpg) no-repeat center;
height:169px;
width:100%;
text-align: center;
font-family: 'asapitalic', calibri, sans-serif;
color: #FFFFFF;
font-size:14px;
line-height:22px;}

#footer h1 {font-family: 'asapitalic', calibri, sans-serif; color: #FFFFFF; font-size:18px; font-weight:normal; line-height:30px;}
#footer a {color: #fff;}
#footer a:hover{color:#FFFF00;}

#baseRodape{
width:980px;
margin:0px auto;
padding-top:25px;}

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

#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:-490px;
position:absolute;}


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

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

.divBox {width:490px; height:50px; position:relative;}
.divBoxMsg {width:485px; height:125px; position:relative; float:left;}
.divBoxInputMsg {width:300px; height:35px; float:left;}
.divBoxInput {width:70px; height:35px;}
.divBoxErro {color: #FF0000; display: none; float: right; font-size: 13px; margin-top: -25px; position: relative; z-index: 100; margin-right:20px;}

#formContato input{
width:460px;
height:20px;
border:1px solid #023067;
padding:10px;
background: #ffffff;
font-family: 'asapitalic', calibri, sans-serif;
font-size: 15px;}

#formContato textarea{
background:#ffffff;
width:460px;
height:100px;
padding:10px;
border:1px solid #023067;
font-family: 'asapitalic', calibri, sans-serif;
font-size: 15px;}

#formContato button{
float:left;
background:#023067;	
width:60px;
height:30px;
margin-top:10px;
border:none;
color:#ffffff;
font-family: 'asapitalic', calibri, sans-serif;
font-size: 15px;}





/** PRODUTOS **/
#conteudoEsquerda {width:245px; height:auto; float:left;}
#conteudoDireita {width:710px; float:left; overflow:hidden;}

#menuCategorias {width:180px; width:190px; height:auto;}
#menuCategoria h4 {
font-size:22px;
color:#660000;
font-weight:normal;
text-transform:uppercase;
font-family: 'asapitalic', calibri, sans-serif;
margin-bottom:5px;}

li.categoriaLateral {
list-style:none;
font-weight:normal;
font-family: 'asapitalic', calibri, sans-serif;
font-size:16px;
margin-bottom:2px;
border: 1px #023067 solid;
background: #023067;
padding:5px 0;}
li.categoriaLateral:hover {padding-left:10px; transition-duration: 0.4s; cursor:pointer; }


li.linkSubCategoria {font-size:15px; font-weight:normal; list-style: none; margin:5px 0; padding:5px 7px; color:#fff}
li.linkSubCategoria:hover {padding-left:10px; transition-duration: 0.4s; background:#e7e7e7; cursor:pointer; }

a.corSubCategoria {color:#6a6a6a !important; }
.corCategoria{color:#fff !important; padding-left:7px;}
a.corCategoria {color:#fff !important; font-size:15px; font-weight:normal; list-style: none; margin:5px 0; padding:5px 7px;}
a.corSubCategoria:hover, a.corCategoria:hover {color:#333;}
#produtosEsquerda {width:735px; float:right;}

.caixaImagemProduto {
width:580px;
height:400px;
display: table-cell;
text-align: center;
vertical-align: middle;}

.tituloProduto {
	font-weight:normal;
	font-family: 'asapitalic', calibri, sans-serif; 
	font-size:14px; 
	color:#023067; 
	text-align:center; 
	width:152px; 
	line-height:18px;
	padding-top: 10px;
	text-transform: uppercase;
}

.caixaImagemProduto * {vertical-align: middle; }
.caixaImagemProduto img {max-width:580px; max-height:400px;}
#produtoTexto {width:165px; float:right;}

.produtoIndividualHome {
width:155px;
min-height:210px;
float:left;
margin:-15px 28px 25px 0;}

.caixaImagemProdutos {
width:150px;
height:140px;
display: table-cell;
text-align: center;
vertical-align: middle;
border: 1px #ccc solid;}

.caixaImagemProdutos * {vertical-align: middle;}
.caixaImagemProdutos img {max-height:120px; max-width: 150px;}