.content { margin: 0 auto; width: 1120px; }

header { float: left; width: 100%; height: 149px; background: url('../images/layout/background.gif') top repeat-x; margin-bottom: 3px; }
header h1 { float: left; margin: 35px 0 0 0;  }
header h1 a { display: block; width: 308px; height: 107px; background: url('../images/layout/logo_camaquadistribuidora.png') no-repeat; }
header h1 a:hover {text-decoration: none; }
header h1 a span { position: relative; top: -999px; }
header #barra-menu { float: right; width: 750px; height: 40px; margin: 10px 0 0 0; }

header #barra-menu ul.menu { float: right; }
header #barra-menu ul.menu li { float: left; zoom: 1; cursor: pointer; margin: 0 0 0 5px; }
header #barra-menu ul.menu li:last-child { margin-right: 0; }
header #barra-menu ul.menu a:hover { color:#fff; } 
header #barra-menu ul.menu a:active { color: #fff; }
header #barra-menu ul.menu li a { display: block; padding: 7px; color: #fff; text-decoration: none; font-size: 1.1em; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
header #barra-menu ul.menu li:last-child a { border-right: none; }
header #barra-menu ul.menu li.hover, header #barra-menu ul.menu li:hover, header #barra-menu ul.menu li:hover > a, header #barra-menu ul.menu li a.active { background: #ED1C24; position: relative; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
header #barra-menu ul.menu ul { width: 212px; visibility: hidden; position: absolute; padding: 7px 0;  top: 100%; left: 0; background: #fff; color: #666; border: 1px solid #666; border-top: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
header #barra-menu ul.menu ul li { color: #666; float: none; font-size: 11px; border: 0; margin-left: 15px; }
header #barra-menu ul.menu ul li:hover > a { /*background: #EAE3D3;*/ background: #ED1C24 }
header #barra-menu ul.menu ul li.hover, header #barra-menu ul.menu ul li:hover { background: none; } 
header #barra-menu ul.menu ul li { /*border-bottom: 1px solid #EDEDED;*/ }
header #barra-menu ul.menu ul li:last-child { border-bottom: 0; }
header #barra-menu ul.menu ul li a { background: none; width: 168px; margin: 0; padding: 7px; display: inline-block; text-transform: none; color: #666; text-align: left }
header #barra-menu ul.menu ul ul { left: 100%; top: -1px; margin-left: 0; border-top: 1px solid #000; }
header #barra-menu ul.menu li:hover > ul { visibility: visible; }

header #barra-menu .busca { float: right; margin: 6px 0 0 20px }
header #barra-menu .busca input[type="text"] { float: left; width: 120px; padding: 5px 5px; border: 0; font-size: 0.8em; }
header #barra-menu .busca input[type="submit"] { float: left; background: #414141; color: #fff; width: 30px; height: 22px; border: 0;  font-size: 0.8em; }
header #barra-acesso { float: right; width: 750px; margin: 25px 0 0 0; }
header #barra-acesso a { float: right; display: block; color: #AAA; font-weight: 600; padding-left: 40px; padding-top: 5px; padding-bottom: 5px; font-size: 0.9em; margin-left: 65px; line-height: 1em; }
header #barra-acesso a:hover { text-decoration: none; }
header #barra-acesso a h5 { font-size: 1.4em; color: #666; font-weight: 600; line-height: 1em; }
header #barra-acesso a.extranet { background: url('../images/layout/ico_extranet.gif') left center no-repeat; }
header #barra-acesso a.boletos { background: url('../images/layout/ico_boletos.gif') left center no-repeat; }
header #barra-acesso a.fone { background: url('../images/layout/ico_fone.gif') left center no-repeat; }

footer { float: left; width: 100%; background: #C7101A; padding: 30px 0 30px 0; color: #fff; }
footer ul.menu { float: left; width: 70%; margin-top: 20px; }
footer ul.menu li { float: left; margin-right: 20px; }
footer ul.menu li a { font-size: 1.1em; padding: 7px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
footer ul.menu li a:hover { background: #940C12; color: #fff; text-decoration: none; }
footer ul.menu li ul { display: none; }
footer .fone { float: right; width: 30%;  }
footer .fone a { float: right; display: block; color: #F7999D; font-weight: 600; padding-left: 45px; padding-top: 5px; padding-bottom: 5px; font-size: 1.05em; line-height: 1em; text-align: right; background: url('../images/layout/ico_fone.png') left center no-repeat; text-decoration: none; }
footer .fone a h5 { font-size: 1.5em; color: #fff; font-weight: 600; line-height: 1em;  }
footer #box-info { float: left; width: 100%; margin-top: 40px; }
footer #box-info .parceiro { float: left; }
footer #box-info .redes { float: right; margin-right: 80px; font-size: 1.3em; font-weight: 300; text-transform: uppercase; }
footer #box-info .redes p { padding: 0; margin: 0 0 5px 0; }
footer #box-info .redes img { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
footer #box-info .redes img:hover { -webkit-transform: scale(1.10);  -moz-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10); }
footer #box-info .copy { float: right; font-size: 1em; font-weight: 300; text-align: right; line-height: 1.4em; margin-top: 15px; }
footer #box-info .copy a { color:#fff; text-decoration: none; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
footer #box-info .copy a:hover { padding: 5px 10px; background: #1ABC9C; font-weight: 600; }
footer #box-info .copy h1 { font-size: 0.8em; font-weight: 300; margin: 15px 0 0 0; line-height: 1em; color:#fff; }
footer #box-info .copy h1 strong { font-size: 1.3em; font-weight: 300; }

#banner { float: left; width: 100%; height: 500px; }

article { float: left; width: 100%; padding: 50px 0; }
.home { float: left; width: 100%; margin: -50px 0; }

#chamada-home { float: left; width: 100%; height: 404px; margin-bottom: 50px; background: url('../images/layout/bg_box_home.png') top center no-repeat; }
#chamada-home .box { float: left; width: 270px; font-weight: 300; text-align: center; font-size: 1.1em; line-height: 1.6em; margin: 70px 52px 0 52px; }
#chamada-home .box a { color: #9A9A9A; display: block; padding: 80px 0 0 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;  }
#chamada-home .box a:hover { color: #ED1C24; text-decoration: none; }
#chamada-home .box a h2 { color: #555; font-size: 1.9em; font-style: italic; font-weight: 600; margin-bottom: 15px }
#chamada-home .box-sobre { background: url('../images/layout/ico_sobre.gif') top center no-repeat; }
#chamada-home .box-servicos { margin-left: 60px; margin-right: 60px; background:  url('../images/layout/ico_servicos.gif') top center no-repeat; }
#chamada-home .box-produtos { margin-right: 0; background: url('../images/layout/ico_produtos.gif') top center no-repeat; }

h2.title-marcas { float: left; width: 100%; color: #666666; font-size: 2.3em; font-weight: 600; margin-bottom: 25px }
#marcas { float: left; width: 100%; height: 90px; margin: 0; padding: 0; }
#marcas .item { margin-left: 30px; }
#marcas .owl-prev, #marcas .owl-next { top: 30%; width: 25px; height: 35px; position: absolute; }
#marcas .owl-prev:hover, #marcas .owl-next:hover { opacity:0.7; -moz-opacity: 0.7; filter: alpha(opacity=7); }
#marcas .owl-prev { left: 0; background: url('../images/layout/ico_prev.png') no-repeat; }
#marcas .owl-next { right: 0; background: url('../images/layout/ico_next.png') no-repeat; }

#box-rapido { float: left; width: 100%; background: #F7F7F7; margin-top: 50px; padding: 45px 0 80px 0; border-top: 1px dashed #D7D7D7; }
#box-rapido h2 { color: #666; font-size: 2.3em; font-weight: 400; }
#box-rapido h3 { color: #666; font-size: 2em; font-weight: 400; }
#box-rapido .box-area { float: left; width: 385px; }
#box-rapido .box-area img { margin: 20px 0; }
#box-rapido .box-noticia { float: left; width: 320px; margin: 0 70px 0 60px; }
#box-rapido .box-noticia img { float: left; }
#box-rapido .box-noticia a { color: #666; }
#box-rapido .box-contato { float: left; width: 285px; }
#box-rapido .box-contato form { float: left; width: 100%; margin: 0; padding: 0; }
#box-rapido .box-contato form input[type="text"], #box-rapido .box-contato form textarea { float: left; width: 263px; padding: 10px; margin: 0 0 5px 0; font-size: 0.9em; background: #FFF; border: 1px solid #DCDCDC; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; }
#box-rapido .box-contato form input#cxpalavra { width: 93px; height: 48px; padding: 0; text-align: center; }
#box-rapido .box-contato form img { float: left; margin: 0 10px 0 0; }
#box-rapido .box-contato form textarea { height: 70px;  }  
#box-rapido .box-contato form input[type="submit"] { float: right; width: 150px; margin-top: 10px; text-transform: uppercase; color: #C7101A; font-weight: 600; height: 35px; text-align: center; background: transparent; border: 1px solid #C7101A; cursor: pointer; display: inline-block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s }
#box-rapido .box-contato form input[type="submit"]:hover {  background: #C7101A; color: #FFF  }
#box-rapido .box-contato .alert { border: 1px solid; margin: 10px 0 0 0; padding: 5px 10px; text-shadow: 1px 1px 1px #fff; }
#box-rapido .box-contato .alert-error { background: #f2dede; border-color: #eed3d7; color: #c64a48; }
#box-rapido .box-contato .alert-success { background: #dff0d8; border-color: #d6e9c6; color: #468847; }


/* PAGINAS */
.artigo { font-size: 1.3em; line-height: 1.7em; font-weight: 300; }
.artigo h1.title { font-size: 3em; font-weight: 400; color: #333; }
.artigo h2 { font-weight: 300; font-size: 1.8em; line-height: 1.3em; margin: 30px 0 5px 0; color: #333; }
.artigo .barra-social { float: left; width: 100%; border-bottom: 2px solid #ddd; margin-bottom: 20px; }
.artigo .barra-social .rede { float: right; margin: -45px 0 0 0; }
.artigo .barra-social .rede p { float: right; font-size: 0.9em; color: #888; }
.artigo .barra-social .rede span { display: none; }
.artigo .barra-social .rede a { float: right; display: block; height: 28px; margin-left: 10px; }
.artigo .barra-social .rede a.twitter { width: 30px; background: url('../images/layout/rede_twitter.png') no-repeat; }
.artigo .barra-social .rede a.facebook { width: 30px; background: url('../images/layout/rede_facebook.png') no-repeat; }
.artigo .barra-social .rede a.google { width: 30px; background: url('../images/layout/rede_plus.png') no-repeat; }

.artigo .col-foto-border { float: left; width: 100%; margin-top: 20px; }
.artigo .col-foto-border img { float: left; margin: 10px; padding: 6px; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s }
.artigo .col-foto-border img:hover { border-color: #C7101A; }

/* PAGINAÇÃO */
#box-paginacao  {float:left; width:100%; border-top:1px dotted #cccccc; text-align:center; margin:20px 0 5px 0; padding:0; background:#fff; font-size: 0.7em; font-weight: 300;}
#box-paginacao ul {margin:5px 0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit; }
#box-paginacao ul li {display:inline; font-size:1.7em;font-weight:300;}
#box-paginacao ul li.link-anterior {float:left;font-weight:300;}
#box-paginacao ul li.link-proxima {float:right;font-weight:300;}
#box-paginacao ul li a  {color:#666;padding:0 0.30em; text-decoration: none;}
#box-paginacao ul li a:hover {background-color:#666;color:#FFF;text-decoration:none}
#box-paginacao ul li.link-anterior a,
#box-paginacao ul li.link-proxima a {padding:0;}
#box-paginacao ul li.link-anterior a:hover,
#box-paginacao ul li.link-proxima a:hover {background:none;color:#666;text-decoration:underline;}
#box-paginacao ul li .on {background-color:#DDD;color:#FFF;display:inline !important;padding:0 0.30em;}
#box-paginacao ul li .off {color:#CCC;display:inline !important;}

/* PRODUTOS */
.artigo .barra-linha { float: left; width: 1120px; padding: 10px 0; background: #eee; margin-bottom: 40px; margin-top: -20px; }
.artigo .barra-linha h3 { float: left; font-size: 1em; font-weight: 300; color: #333; margin: 0 0 0 10px; padding: 0; }
.artigo .barra-linha p { float: right; margin: 0 5px 0 0; padding: 0; }

.artigo ul.lista-produtos { float: left; width: 1120px; }
.artigo ul.lista-produtos li { float: left; width: 255px; text-align: center; line-height: 1.4em; margin: 0 30px 30px 0; text-transform: uppercase; font-size: 0.8em; }
.artigo ul.lista-produtos li:last-child { margin-right: 0; }
.artigo ul.lista-produtos li a { display: block; padding: 10px; min-height: 280px; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s }
.artigo ul.lista-produtos li a:hover { border-color: #C7101A; text-decoration: none; }
.artigo ul.lista-produtos li img { margin-bottom: 5px; }

/* exibe produtos */
.artigo .exibe-produto { float: left; width: 100%; }
.artigo .exibe-produto .foto { float: left; margin-right: 50px; }
.artigo .exibe-produto .foto img { padding: 10px; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s }
.artigo .exibe-produto .foto img:hover { border-color: #C7101A; text-decoration: none; } 
.artigo .exibe-produto .info { float: left; width: 648px; }
.artigo .exibe-produto .info h2 { font-weight: 300; font-size: 2.6em; border-bottom: 1px solid #eee; line-height: 1.3em; margin-bottom: 30px; }

.artigo .chama-produto { float: left; width: 100%: }
.artigo .chama-produto h1 { font-weight: 300; }
.artigo .chama-produto h4 a { font-weight: 300; }

/* ATUAÇÃO */
.atuacao { border-collapse:collapse; font-size: 1.2em; width: 100%; }
.atuacao th, .atuacao td{border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 6px 15px;}
.atuacao th{background-color:#666666; color:#ffffff; text-align: left;}
.atuacao caption { font-size: 1.4em; margin: 15px 0; color: #c91e17; }
.atuacao .off{background-color:#FFFFFF;}
.atuacao .on{background-color:#DDD;}

/* boletos */
#box-boletos { float: left; width: 100%; text-align: center }
#box-boletos p { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 5px solid #e40000;  }
#box-boletos h2 { font-size: 1.4em; font-weight: 300; margin: 20px 0 50px 0;  }
#box-boletos ul { list-style: none; margin: 0; padding: 0; }
#box-boletos ul li { float: left; width: 25%; text-align: center }

/* CLASSES CONTATO */
#contato { float: left; width: 100%; margin-top: 30px; }
#contato .form {float: left; width: 600px; }
#contato .form .edit { font-size: 0.8em; line-height: 1em; }
#contato .form .edit label { float: left; width: 100%; }
#contato .form .edit input[type="text"], #contato .form .edit textarea { float: left; width: 98%; padding: 10px 5px; border: 0; font-size: 0.8em; border: 1px solid #d5d5d5; background: #fff; margin-bottom: 8px; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#contato .form .edit input#ddd { width: 60px; margin-right: 10px; }
#contato .form .edit input#fone { width: 250px; }
#contato .form .edit input[type="submit"] { float: right; width: 150px; margin-top: 10px; text-transform: uppercase; color: #C7101A; font-weight: 600; height: 35px; text-align: center; background: transparent; border: 1px solid #C7101A; cursor: pointer; display: inline-block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s }
#contato .form .edit input[type="submit"]:hover {  background: #C7101A; color: #FFF  }
#contato .end {float: right; width: 400px; padding: 0; margin-left:20px; line-height: 1.4em;}
#contato .end h3 { font-weight: 300; margin-bottom: 25px; font-size: 2.2em; border-bottom: 2px solid #eee; }
#contato .end img { float: left; margin: 4px 5px 0 0; }
#contato .ok {float: left; width: 96%; padding: 10px; border: 1px solid #006600; background-color: #CCFFCC; color: #006600; font-weight: 300; margin: 10px 0; font-size: 0.9em; }
#contato .erro {float: left; width: 96%; padding: 10px; border: 1px solid #CC0000; background-color: #FFD5D5; color: #CC0000; font-weight: 300; margin: 10px 0; font-size: 0.9em; }

/* noticias */
#noticia { float: left; width: 750px; margin-top: 40px; }
#noticia .lista-noticia { float: left; width: 100%; border-bottom: 20px solid #F2F2F2; padding: 0 0 15px 0; margin: 0 0 75px 0;  text-align: justify }
#noticia .lista-noticia h2 { font-weight: 400; letter-spacing: -0.05em;  font-size: 2.5em; line-height: 1em; text-align: left;  }
#noticia .lista-noticia h5 { font-weight: 400; color: #B0B0B4; font-style: italic; font-size: 1em; border-bottom: 1px dotted #CCC; line-height: 1em; padding: 0 0 15px 0; margin: 0 0 35px 0; text-align: left; }
#noticia .lista-noticia img { margin: 0 0 10px 0; }
#noticia .lista-noticia p { line-height: 1.8em; padding: 0; margin: 0 0 20px 0; text-align: justify; }

/* lateral */
#lateral { float: right; width: 280px; margin-top: 40px; padding: 15px; font-size: 0.85em; background: #f5f5f5 }
#lateral ul.lista { float: left; width: 100%; }
#lateral ul.lista li { float: left; width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #E2E2E7;   }
#lateral ul.lista li a { color: #666 }
#lateral ul.lista li h2 { font-weight: 400; color: #333; font-size: 2em; line-height: 1.2em; }
#lateral ul.lista li h4 { font-weight: 300; font-size: 1.1em; line-height: 1.2em; }