﻿body {margin:0;border:0;background-color:#fff;font-family:Arial,verdana;font-size:13px;font-style:normal;color:#555;}
body a {color:#CE5C3A;text-decoration:none;}
body a:hover {text-decoration:underline;color:#a02b2d;}

header .topo {background-color:#980000;padding:7px 0;text-align:center;display:none;}
header .topo, header .topo a {color:#fff;}
header .nav {padding:10px 0;}
header #logo {display:inline-block;text-decoration:none;}
header #logo img {vertical-align:middle;}
header #logo span {display:block;text-align:center;color:#fff;font-size:1em;text-transform:uppercase;letter-spacing:2px;}
#menu {text-align:center;padding-top:20px;}
#menu ul {list-style-type:none;margin:0;padding:0;display:inline-block;}
#menu ul li {display:inline-block;}
#menu ul li span {display:block;font-size:.8em;padding:10px;color:#fff;font-weight:bold;text-transform:uppercase;}
#menu ul li:hover span {cursor:pointer;color:#E6C992;}

#meio {clear:both;float:left;width:100%;padding:20px 0 0 0;background-color:#fff;}  

#produtos {clear:both;float:left;width:96%;padding:15px 1% 15px 3%;border-top:2px solid #cc3300;background:url('../images/bgprod.png') no-repeat center top #000;}
#produtos #tit {clear:both;padding:10px 0 15px 10px;font-size:20px;}
#produtos #qdoCat {clear:both;float:left;width:100%;}
#produtos .qdoProduto 
{
    float:left;width:23%;height:360px;margin:0 5px;text-decoration:none!important;
    -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
}
#produtos .qdoProduto h3 {color:#fff;text-transform:uppercase;display:block;padding:0;text-align:center;font-weight:normal;height:40px;font-size:13px;}
#produtos .qdoProduto div {text-align:center;height:280px;}
#produtos .qdoProduto div img {max-width:90%;} 
#produtos .qdoProduto span 
{
    display:block;height:70px;background-color:#333;margin-top:-50px;
    -moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px; 
}
#produtos .qdoProduto:hover span {cursor:pointer;background-image:url('../images/bgTrans20.png')!important;}  
#produtos .qdoProduto:hover h3 {color:#ffff00;}

#produrtos .cAzul {border-color:#005AAB;background:url('../images/folhaCinza.png') #005AAb no-repeat center;margin-left:5px;}
#produtgos .cRosa {border-color:#A3248F;bachkground:url('../images/folhaCinza.png') #A3248F no-repeat center;} 
#produrtos .cLaranja {border-color:#CE5C3A;background:url('../images/folhaCinza.png') #CE5C3A no-repeat center;}
#produrtos .cVerde {border-color:#197b30;background:url('../images/folhaCinza.png') #197b30 no-repeat center;}
#prodrutos .cRosa div img {margin-top:30px;}

#produtos .cAzul span {background-color:#022544!important;}
#produtos .cRosa span {background-color:#46043c!important;margin-top:-100px;}
#produtos .cLaranja span {background-color:#481303!important;margin-top:-70px;}
#produtos .cVerde span {background-color:#024a29!important;margin-top:-100px;}

#produtos p {color:#fff;}

.fb-like 
{
    clear:both;float:left;width:100%;padding:10px 0;text-align:center;}

#rodape {clear:both;float:left;width:100%;background-color:#333;color:#fff;padding:20px 0 0 0;font-size:12px;text-align:center;}
#rodape ul {list-style-type:none;padding:0 0 20px 0;margin:0;}
#rodape ul li {display:block;line-height:20px;text-align:left;padding:0 5%;}
#rodape ul li span {display:block;}
#rodape ul li:hover {cursor:pointer;text-decoration:underline;}
#rodape ul .grp {text-transform:uppercase;}

#rodape #ulFB li a {display:block;background:url('../images/bcFacebook.png') no-repeat;padding-left:40px;color:#fff;line-height:34px;height:34px;}

#rodape #zarah {clear:both;width:100%;display:inline-block;text-align:center;}
#rodape #zarah p {padding:0;margin:0 0 5px 0;color:#fff;}
#rodape #zarah p:hover {cursor:pointer;}
#rodape #zarah span {display:block;padding-bottom:20px;}
#rodape div a {display:block;color:#fff;}
#rodape div a:hover {color:#fff;}

#rodape #copyRight {clear:both;float:left;width:100%;padding:15px 0 15px 0;margin-top:15px;background-color:#444;text-align:center;}
#rodape #copyRight #cr {display:inline-block;color:#fff;}

.SiteMap {clear:both;display:block;padding:10px 0;}

#pages {clear:both;float:left;width:100%;color:#000;background-color:#fff;padding:0;}
#pages p {line-height:20px;}
#pages .container h1 {font-weight:normal;padding:5px 5px 5px 0;margin:0;}

.fB {font-weight:bold!important;}
.fN {font-weight:normal!important;}
.tU {text-decoration:underline!important;}
.tUp {text-transform:uppercase!important;}
.f10 {font-size:10px!important;}
.f12 {font-size:12px!important;}
.f14 {font-size:14px!important;}
.f16 {font-size:16px!important;}
.f18 {font-size:18px!important;}
.f20 {font-size:20px!important;}
.f22 {font-size:22px!important;}
.f24 {font-size:24px!important;}  

.zk {color:#a02b2d;font-weight:bold;}

.vAT {vertical-align:top!important;}
.vAM {vertical-align:middle!important;}
.vAB {vertical-align:bottom!important;}

.btn {font-size:14px;padding:10px 20px;background-color:#F36F2F;color:#fff!important;border:0;}
.btn:hover {cursor:pointer;background-color:#cc3300;}
.none {display:none!important;}
.cG {color:#008000!important;}
.cL {color:#CE5C3A!important;}
.cB {color:#000080!important;}  
.czk {color:#a02b2d!important;}
.cb {clear:both!important;}

.tL {text-align:left!important;}
.tC {text-align:center!important;}
.tR {text-align:right!important;}

.fL {float:left;}
.fR {float:right;}

.divSeparador {clear:both;float:left;width:100%;padding:10px 0;}
.divSeparador div {clear:both;float:left;width:100%;height:1px;background:#a02b2d;}

.tblLista {width:100%;background-color:#eaeaea;width:85%;}
.tblLista td, .tblLista th {padding:7px 5px;background:url('../images/bgTrans50.png');}
.tblLista .trT td, .tblLista .trT th {font-weight:bold;background:#eaeaea;color:#cc3300;}
.tblLista .trDA td {background:url('../images/bgTrans90.png');}
.tblLista .trD:hover td {background-color:#ffffd5;}

.fb-like-box {clear:both;float:left;width:100%;background-color:#fff;}

.pages-left {float:left;width:60%;}
.pages-right {float:right;width:37%;}

@media only screen and (max-width:1024px){
.pages-left, .pages-right {clear:both;width:100%;}
}

@media only screen and (max-width:1024px){
    header {clear:both;float:left;width:100%;text-align:center;}
    header #menu li span {padding:5px;}
}