@charset "UTF-8";

/*
  Projeto: Cabfort
  Desenvolvedor: Cauê Amaral
  URL: http://www.cabfort.com.br
*/

/* ----- Home ----- */
body #home{background:url(../img/apresentacao/bg-body.gif) repeat-x; }

#home #principal{ height:700px; margin:0 0 20px; }

#home #principal #banner{ background:url(../img/conteudo/banner-home-2.jpg) no-repeat 50%; height:270px !important; z-index: 10; }


#home #conteudo{ padding:240px 0 0 0; position:relative; z-index: 200; }

#home #conteudo .boxes{ height:290px; }

#home #conteudo .box{ background:url(../img/apresentacao/bg-box.gif); color:#fff; float:left; height:220px; margin:0 20px 0 0; padding:20px; position:relative; width:230px; }

#home #conteudo .box h2{ color:#fff; font-size:1.3em; }

#home #conteudo .box a{ background:url(../img/apresentacao/bg-btn-mais-vermelha.png); bottom:20px; color:#fff; display:block; float:right; height:30px; line-height:30px; position:absolute; right:20px; text-align:center; text-decoration:none; text-transform:uppercase; width:50px; }

#home #conteudo .box a:hover, #home #conteudo .box a:focus{ text-decoration:underline; }


#home #conteudo .cabefort{ background:url(../img/apresentacao/bg-borda-cabfort-home.gif) no-repeat right top; float:left; padding:0 10px; width:540px; }

#home #conteudo .cabefort h2{ color:#575757; font-size:1.5em; margin:0 0 10px 0; }

#home #conteudo .cabefort a{ background:url(../img/apresentacao/bg-btn-mais-vermelha.png); bottom:20px; color:#fff; display:block; height:30px; line-height:30px; margin:20px 0 0 0; text-align:center; text-decoration:none; text-transform:uppercase; width:50px; }

#home #conteudo .cabefort a:hover, #home #conteudo .cabefort a:focus{ text-decoration:underline; }


#home #conteudo .localizacao{ float:right; width:270px; }

#home #conteudo .localizacao h2{ color:#575757; font-size:1.5em; margin:0 0 10px 0; }

#home #conteudo .localizacao img{ display:block; margin:0 0 10px 0; }

#home #conteudo .localizacao span{ float:left; margin:0 10px 0 0; }

#home #conteudo .localizacao a{ background:url(../img/apresentacao/bg-btn-mais-cinza.png); color:#fff; display:block; float:left; height:30px; line-height:30px; text-align:center; text-decoration:none; text-transform:uppercase; width:50px; }

#home #conteudo .localizacao a:hover, #home #conteudo .localizacao a:focus{ text-decoration:underline; }



/* ----- Empresa ---- */
#empresa #principal #banner{ background:url(../img/conteudo/banner-empresa.jpg) no-repeat 50% 0; }

#empresa #conteudo .mini-box{ background:url(../img/apresentacao/bg-borda-empresa.gif) no-repeat left bottom; overflow:hidden; margin:0 0 20px 0; position:relative; }

#empresa #conteudo .mini-box p.texto-destacado{ font-size:1.3em; }

#empresa #conteudo .mini-box img{ position:absolute; left:250px; top:0; }

#empresa #conteudo .texto{ float:left; width:450px; }

#empresa #conteudo p em{ color:#000; font-style:normal; }

#empresa #conteudo p.panela{ float:right; }

#empresa #conteudo .fotos-pag-empresa{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center top; clear:both; margin:0 0 20px 0; overflow:hidden; padding:25px 0 0 0; }

#empresa #conteudo .fotos-pag-empresa p.foto{ float:left; margin:0 30px 0 0; }



/* ----- Produtos ----- */
.banner-produto #principal #banner{ background:url(../img/conteudo/banner-produtos.jpg) no-repeat 50% 0; }

#produtos #principal #banner{ background:url(../img/conteudo/banner-produtos.jpg) no-repeat 50% 0; }

#produtos #conteudo p.texto-destacado{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center bottom; font-size:1.3em; padding:0 0 10px 0; }

#produtos #conteudo .chamada-produtos{ overflow:hidden; margin:0 0 20px 0; }

#produtos #conteudo .chamada-produtos .chamada-produto{ background:url(../img/apresentacao/bg-borda-produto.gif) no-repeat right center; float:left; height:250px; margin:0 10px 0 0; width:160px; }

#produtos #conteudo .chamada-produtos .chamada-produto h2{ margin:0 0 10px 0; }

#produtos #conteudo .chamada-produtos .chamada-produto img{ display:block; margin:0 auto 10px auto; }

#produtos #conteudo .chamada-produtos .chamada-produto a.btn-mais{ background:url(../img/apresentacao/bg-btn-mais-vermelha.png); bottom:20px; color:#fff; display:block; height:30px; line-height:30px; text-align:center; text-decoration:none; text-transform:uppercase; width:50px; }


#produtos #conteudo .chamada-linhas{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center 25px; overflow:hidden; }

#produtos #conteudo .chamada-linhas span{ float:left; }

#produtos #conteudo .chamada-linhas a{ background:url(../img/apresentacao/bg-btn-mais-vermelha.png); color:#fff; display:block; float:left; height:30px; line-height:30px; margin:0 0 0 10px; text-align:center; text-decoration:none; text-transform:uppercase; width:50px; }

.produto strong{ font-weight:normal; }



/* ----- Linhas ----- */
.banner-linhas #banner{ background: url(../img/conteudo/banner-linhas1.jpg) no-repeat 50% 0; }

#linhas #conteudo p.texto-destacado{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center bottom; font-size:1.3em; padding:0 0 10px 0; }

#linhas #conteudo .linha-produtos{ overflow:hidden; padding:0 0 20px 0; }

#linhas #conteudo .linha-produto{ float:left; margin:0 80px 20px 0; }

#linhas #conteudo .linha-produto h3{ font-size:1.2em; font-weight:normal; margin:0 0 10px 0; text-transform:uppercase; }

#linhas #conteudo .linha-produto p{ margin:0; }



/* ----- Personalizados ----- */
#personalizados #principal #banner{ background:url(../img/conteudo/banner-personalizados.jpg) no-repeat 50% 0 }

#personalizados #conteudo p.texto-destacado{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center bottom; font-size:1.3em; padding:0 0 10px 0; }

#personalizados #conteudo .box{ float:left; height:320px; margin:0 65px 20px 0; width:270px; }

#personalizados #conteudo .box span{ display:block; margin:0 0 20px 0; }

#personalizados #conteudo .box-tres{ margin:0; width:180px; }

#personalizados #conteudo .linhas-exclusivas{ clear:both; }

#personalizados #conteudo .linhas-exclusivas h2{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center bottom; padding:0 0 10px 0; }



/* ----- Faça Seu Pedido ----- */
#faca-seu-pedido #principal #banner{ background:url(../img/conteudo/banner-faca-seu-pedido.jpg) no-repeat 50% 0; }

#faca-seu-pedido #conteudo p.texto-destacado{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center bottom; font-size:1.3em; padding:0 0 10px 0; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido{ position:relative; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido .generica{ position: relative; display: table; clear: both; padding-top: 45px;  }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido fieldset{ width:750px; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido fieldset div{ margin:0 0 10px 0; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido .generica .img{ float: right; margin-top: -45px; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido label{ color:#000; display:block; float:left; height:20px; line-height:20px; padding:0 10px 0 0; text-align:right; width:120px; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido input{ background:#e9e9e9; border:1px solid #bbb; height:20px; padding:0 3px; width:200px; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido textarea{ background:#e9e9e9; height:150px; resize:none; width:370px; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido .cores { display: none; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido .quantidade{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center bottom; margin:0 0 20px 0; padding:0 0 30px 0; width:750px; }

#faca-seu-pedido #conteudo #frm-faca-seu-pedido input#btn-enviar{ background:url(../img/apresentacao/bg-btn-enviar.png); border:none; color:#fff; float:right; height:42px; line-height:42px; margin:5px 409px 0 0; width:72px; }



/* ----- Localização ----- */
#localizacao #principal #banner{ background:url(../img/conteudo/banner-localizacao.jpg) no-repeat 50% 0px; }

#localizacao #conteudo p.texto-destacado{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center bottom; font-size:1.3em; padding:0 0 10px 0; }

#localizacao #conteudo .mapa{ height:360px; margin:0 0 20px 0; width:800px; }

#localizacao #conteudo address{ margin:0 0 40px 0; }



/* ----- Contato ----- */
#contato #principal #banner{ background:url(../img/conteudo/banner-contato.jpg) no-repeat 50% 0px; }

#contato #conteudo p.texto-destacado{ background:url(../img/apresentacao/bg-borda-texto-destacado.gif) no-repeat center bottom; font-size:1.3em; padding:0 0 10px 0; }

#contato #conteudo #frm-contato{ float:left; width:500px; }

#contato #conteudo #frm-contato fieldset{ width:465px; }

#contato #conteudo #frm-contato div{ margin:0 0 10px 0; }

#contato #conteudo #frm-contato label{ color:#000; display:block; float:left; height:20px; line-height:20px; padding:0 10px 0 0; text-align:right; width:80px; }

#contato #conteudo #frm-contato input{ background:#e9e9e9; height:20px; padding:0 3px; width:365px; }

#contato #conteudo #frm-contato textarea{ background:#e9e9e9; height:150px; resize:none; width:370px; }

#contato #conteudo #frm-contato input#btn-enviar{ background:url(../img/apresentacao/bg-btn-enviar.png); color:#fff; float:right; height:42px; line-height:42px; width:72px; }


#contato #conteudo .endereco{ float:right; width:220px; }

#contato #conteudo .endereco address{ line-height:1.8em; text-align:right; }

#contato #conteudo .endereco img{ margin:0 0 30px 0; }

#contato #conteudo .endereco strong{ color:#ee1e21; }



/* ----- Alças ----- */
.banner-alcas #banner{ background:url(../img/conteudo/banner-produtos.jpg) no-repeat 50% 0px; }