/* ARQUIVO DE CONFIGURA��ES CSS */
/* FONTE AKADORA */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('./fontes/bebasneue-webfont.eot');
    src: url('./fontes/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
    url('./fontes/bebasneue-webfont.woff') format('woff'),
    url('./fontes/bebasneue-webfont.ttf') format('truetype'),
    url('./fontes/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body        		{ font-size:14px !important; font-family: 'Arial', sans-serif; width: 100%; background: url('../img/fundo.jpg') #fff; color:#000; }
html        		{ width:100%; position:relative; min-width:998px; min-height:997px; height:auto; text-align:justify;  }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td 
                    { margin:0; padding:0; }
/*table       		{ border-collapse:collapse; border-spacing:0; }*/
fieldset,img		{ border:0; }
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal; }
caption,th  		{ text-align:left; }
h1,h2,h3,h4,h5,h6   { font-size:100%; font-weight:normal; }
q:before,q:after	{ content:''; }
abbr,acronym		{ border:0; font-variant:normal; }
sup,sub     		{ line-height:1px; vertical-align:text-top; }
sub         		{ vertical-align:text-bottom; }
input, textarea, select
            		{ font-family:inherit; font-size:inherit; font-weight:inherit; }
a           		{ text-decoration:none; outline:none; color:#000000;  }
LI					{ list-style:none; }
*:focus             { outline: none; }

/*BASE*/
.clr        		{ clear:both !important; }
.fl         		{ float:left !important; display:block;  }
.fr         		{ float:right !important; display:block;}
.off        		{ cursor:default; }

/*forms - inserir dinamicamente as classes nos elementos de formulario*/
input       		{ outline:none; padding:0 5px 0 5px;  border:0; margin: 0 0 5px 0; }
label       		{ vertical-align:middle; cursor:pointer; }
textarea   			{ outline:none; border:0; overflow:auto; padding:5px 0 5px 5px }
.frmChk,.frmRad  	{ width:13px; height:13px; margin:0; padding:0; cursor:pointer; vertical-align:middle; }
.frmImg				{ margin:0; padding:0; vertical-align:middle; outline:none; border:none; }

/*
At� essa parte � somente um reset de CSS apenas para tirar algumas propriedades de tags 
EX: os tamos dos H1 , H2, H3... tornando todas do mesmo tamanho para poder trabalhar elas melhor do modo que for preciso.
*/

.corpo{ width: 980px; height: auto; margin: auto; position: relative; }

/***** @TOPO *****/
.topo{ width: 980px; height: 495px; padding: 44px 0 0 0; margin-bottom: 15px; position: relative; z-index: 1; }
.logoTop{ position: absolute; z-index: 2; left: 12px; }
/***** @MENU *****/
.btnSite{ display: block; width: 109px; height: 54px; font-family: 'Calibri', sans-serif; font-size: 15px; color: #444; background: no-repeat center url('../img/btn.png'); line-height: 43px; text-align: center; }
.menu{ width: 556px; height: 109px; position: absolute; top: 44px; right: 0; margin: auto; z-index: 2;}
.menu > a{ display: block; height: 54px; font-family: 'Calibri', sans-serif; font-size: 20px; color: #666;}
.menu > .home{ width: 52px; margin-right: 10px; background: no-repeat center url('../img/btnHome.png'); float: left; }
.menu > .btnLnk{ color: #666; width: 153px; background: no-repeat center url('../img/btn2.png'); line-height: 51px; text-align: center; margin-right: 15px; float: left; }
.menu > .faleconosco{ color: #666; width: 153px; background: no-repeat center url('../img/btn2.png'); line-height: 51px; text-align: center; float: left; }
.menu > .home:hover{ margin-top: -2px;}
.menu > .btnLnk:hover{ margin-top: -2px;}
.menu > .faleconosco:hover{ margin-top: -2px;}
.menu > .carrinho{ width: 187px; height: 22px; float: right; padding: 14px 13px 18px 56px; background: no-repeat center url('../img/btnCarrinho.png'); }
.menu > .carrinho > p { width: 187px; height: 22px; line-height: 120%; }
.menu > .carrinho > p > b { color: #00AEEE; }
.busca{ width: 246px; height: 43px; padding: 3px 3px 8px 3px; background: left center no-repeat url("../img/busca.png"); position: absolute; bottom: 0; right: 0; z-index: 4;  clear: both; }
.busca > form > input[type='text']{ width: 195px; height: 43px; float: left; line-height: 43px; background: transparent; }
.busca > form > input[type='submit']{ width: 40px; height: 43px; float: right; background: transparent; }


/***** @Slide *****/
.slide{ position: absolute; bottom: 0; width: 980px; height: 327px; z-index: 2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url('public/pie/PIE.htc'); }
.cycle-slideshow{ position: absolute; overflow: hidden; background: #FFF; width: 980px; height: 262px; z-index: 3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url('public/pie/PIE.htc'); }
#cycle-prev { position: absolute; bottom: 0; right: 58px; display: block; height: 51px; width: 48px; background: no-repeat left center url('../img/btnSlide.png'); }
#cycle-next { position: absolute; display: block; bottom: 0; right: 0; height: 51px; width: 48px; background: no-repeat -48px center url('../img/btnSlide.png'); }
/***** @/Topo *****/

.content{ width: 980px; height: auto; position: relative; z-index: 1; }
/***** @Menu Lateral *****/
.menuLateral{ width: 240px; height: auto; padding-top: 1px; position: relative; z-index: 2; }
.menuLateral > nav{ display: block; width: 240px; height: auto; position: relative; z-index: 3; border-right: 1px solid #E2E2E2; border-left: 1px solid #E2E2E2; }
.menuLateral > nav > div { width: 240px; height: 46px; margin-top: -1px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; background: #F2F2F2; position: relative; z-index: 4; -webkit-box-shadow: inset rgba(0,0,0,.05) 0 0 13px ,inset #FFF 2px 2px 1px; -moz-box-shadow: inset rgba(0,0,0,.05) 0 0 13px ,inset #FFF 2px 2px 1px; box-shadow: inset rgba(0,0,0,.05) 0 0 13px ,inset #FFF 2px 2px 1px; behavior: url('public/pie/PIE.htc'); }
.menuLateral > nav > div > a{ display: block; width: 205px; height: 46px; margin-left: 10px; padding-left: 25px; line-height: 46px; font-family: 'Tahoma', sans-serif; font-size: 11px; color: #666; }
.menuLateral > nav > span { display: block; width: 240px; height: auto; margin: -1px 0 -1px -1px; border: 1px solid #E2E2E2; background: #FFF; padding: 0 0 10px 0; position: relative; z-index: 5; clear: both; -webkit-box-shadow: inset rgba(0,0,0,.05) 0 0 13px, inset rgba(255,255,255,.65) 2px 2px 1px; -moz-box-shadow: inset rgba(0,0,0,.05) 0 0 13px, inset rgba(255,255,255,.65) 2px 2px 1px; box-shadow: inset rgba(0,0,0,.05) 0 0 13px, inset rgba(255,255,255,.65) 2px 2px 1px; behavior: url('public/pie/PIE.htc'); }
.menuLateral > nav > span > ul { width: 240px; height: auto; position: relative; z-index: 6; }
.menuLateral > nav > span > ul > li{ width: 240px; height: 17px; padding-top: 10px }
.menuLateral > nav > span > ul > li > a{ display: block; width: 205px; height: 17px; margin-left: 10px; line-height: 17px; font-family: 'Tahoma', sans-serif; font-size: 11px; color: #666; }
/**********/
.comSubClasse{ background: transparent left center no-repeat url("../img/subClasseOff.png") !important; }
.comSubClasse:hover{background: transparent left center no-repeat url("../img/subClasseOn.png") !important; text-decoration: underline;}
.comSubClasseMenos{ background: transparent left center no-repeat url("../img/subClasseMenosOff.png") !important; text-decoration: underline; }
.comSubClasseMenos:hover{background: transparent left center no-repeat url("../img/subClasseMenos.png") !important; text-decoration: underline;}

/***** @Newslatter *****/
.Newsletter { width: 260px; height: auto; float: right; z-index: 3; margin-right: 15px;}
.Newsletter > h2 { width: 215px; height: 20px; padding: 0 0 0 25px; background: transparent left center no-repeat url("../img/newletter.png"); font-family: 'bebas_neueregular'; font-size: 24px; color: #666; position: relative; z-index: 4; }
.Newsletter > form > label { display: block; width: 250px; height: 20px; font-size: 11px; color: #666; font-family: 'Tahoma', sans-serif; margin-top: 5px; }
.Newsletter > form > input[type='text']{ width: 250px; height: 30px; position: relative; z-index: 4; font-family: 'Tahoma', sans-serif; font-size: 11px; color: #999; background: #FFF; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url('public/pie/PIE.htc'); }
.Newsletter > form > input[type='submit']{ width: 109px; height: 50px; position: relative; z-index: 4; cursor: pointer; line-height: 43px; text-align: center; font-family: 'Calibri', sans-serif; font-size: 15px; color: #444; background: no-repeat center url('../img/btn.png'); }

/***** @Principal *****/
h1.titulos{ width: 100%; height: 42px; line-height: 42px; font-size: 32px; color: #373334; overflow: hidden; font-family: 'bebas_neueregular'; background: transparent right center no-repeat url("../img/pata.jpg"); }
.separador{ width: 100%; height: 4px; }
.separadorTitulo{ margin-bottom: 23px; }
.separadorSubTitulo{ margin-bottom: 16px; }
.separador > .cor1 { width: 34%; height: 4px; float: left; background: #FFF212; }
.separador > .cor2 { width: 33%; height: 4px; float: left; background: #EA268E; }
.separador > .cor3 { width: 33%; height: 4px; float: right; background: #00AFEF; }
h2.subTitulos{ width: 100%; height: 40px; color: #373334; font-size: 32px; line-height: 120%; margin: 17px 0 0 0; background: transparent right center no-repeat url("../img/pata.jpg"); text-align: left; }
.principal{ width: 730px; height: auto !important; /*overflow: hidden;*/ position: relative; z-index: 2; }
.principal.qsfc{ width: 980px; min-height: 400px; }
.boxPrincipal{ width: 235px; height: 345px; border: 2px solid #E2E2E2; float: left; position: relative; z-index: 3; margin: 0 0 10px 3px; overflow: hidden; background: #F4F4F4; -webkit-box-shadow: inset rgba(0,0,0,.05) 0 0 13px ,inset rgba(255,255,255,.65) 2px 2px 1px; -moz-box-shadow: inset rgba(0,0,0,.05) 0 0 13px ,inset rgba(255,255,255,.65) 2px 2px 1px; box-shadow: inset rgba(0,0,0,.05) 0 0 13px ,inset rgba(255,255,255,.65) 2px 2px 1px; behavior: url('public/pie/PIE.htc'); }
.boxPrincipal:hover{ border: 2px solid #00AFEF; }
.divIMG{ width: 235px; height: 196px; border: 1px solid #E8E8E8; margin: -1px 0 0 -1px; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ededed 100%); background: -webkit-gradient(radial, center center,0, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#ededed)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); position: relative; }
.divIMG > img {position: absolute; top: 50%; left: 50%; margin-top: -88px; margin-left: -88px;}
.boxDetalhes{ width: 215px; height: 129px; padding: 10px; position: relative; }
.boxDetalhes > h2 { width: 215px; height: 33px; line-height: 150%; font-family: 'Tahoma', sans-serif; font-size: 11px; color: #666; font-weight: bold; }
.boxDetalhes > p { width: 215px; height: 38px; margin-top: 5px; color: #EB268E; font-size: 14px; font-weight: bold; line-height: 38px; }
.boxDetalhes > p > i { color: #666; font-style: normal; }
.btn-boxPrincipal{ display: block; width: 221px; height: 54px; line-height: 43px; text-align: center; font-family: 'Calibri', sans-serif; font-size: 20px; color: #444; background: no-repeat center url('../img/btnCompraHome.png'); }
.btn-boxPrincipal.posicaoHome{ position: absolute; bottom: 10px; z-index: 10; }

.paginator{ display: block; width: 30px; height: 28px; padding: 4px 4px 8px 4px; line-height: 28px; text-align: center; font-family: 'Calibri', sans-serif; font-size: 15px; color: #444; float: left; margin-right: 9px; background: no-repeat center url('../img/paginator.png'); }

/***** @Quem Somos *****/
.QuemSomos{ width: 560px; min-height: 350px; font-family: 'Tahoma', sans-serif; color: #666; font-size: 14px; float: left; margin-left: 17px; line-height: 140% }
.imgsQs{ width: 345px; height: auto; float: right;}
.imgsQs img{ cursor: pointer; float: left; width: 150px; height: 101px; margin: 0 20px 20px 0;}
.dogQS{ position: absolute ; z-index: 10; bottom: -21px; right: 93px; }
#prev{ display: block; width: 13px; height: 18px; margin: 26px 5px 0 0; float: left; background: transparent 0 center no-repeat url("../img/arrows.png"); }
.slideshow{ width: 262px !important; height: 63px; overflow: hidden; float: left; }
.slideshow > img, .cycle-carousel-wrap > img{ width: 83px; height: 63px; margin-right: 6px; cursor: pointer; }
#next{ display: block; width: 13px; height: 18px; margin: 26px 0 0 5px; float: left; background: transparent -13px center no-repeat url("../img/arrows.png"); }
.carouselQS{ width: 100%; height: 63px; position: absolute; bottom: 0; }
.imgBoxFotosQuem{ width: 152px; height: 103px; border: 1px solid #E8E8E8; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ededed 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#ededed)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); }
.imgBoxFotosQuem > img{ display: block; margin: auto; max-width: 150px; max-height: 101px; }
.boxPortfolioFotosQuem { display: block; width: 150px; height: 101px; overflow: hidden; float: left; position: relative; margin: 0 20px 20px 0; }
/***** @portfolio *****/
.predefineFontes{ font-family: 'Tahoma', sans-serif; font-size: 11px; font-weight: bold; color: #111; line-height: 140%; }
.boxPortfolio { display: block; width: 225px; height: 222px; float: left; position: relative; margin: 0 10px 20px 10px; }
.imgBox{ width: 223px; height: 168px; border: 1px solid #E8E8E8; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ededed 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#ededed)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); }
.imgBox > img{ display: block; margin: auto; max-width: 220px; max-height: 165px; }
.boxPortfolio > p{ width: 197px; height: 15px; position: absolute; bottom: 0; padding: 17px 14px 14px 14px; background: #E5E5E5; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.boxPortfolio:hover > p{ color: #FFF; background: #00AFEF; }
.boxPortfolioFotos { display: block; width: 225px; height: 170px; overflow: hidden; float: left; position: relative; margin: 0 10px 20px 10px; }
.imgBoxFotos{ width: 223px; height: 168px; border: 1px solid #E8E8E8; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ededed 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#ededed)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); }
.imgBoxFotos > img{ display: block; margin: auto; max-width: 220px; max-height: 165px; }
.imgHover{ position: absolute; width: 100%; height: 100%; top: 170px; left: 3px; z-index: 10; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.boxPortfolioFotos:hover > .imgBoxFotos > .imgHover{ top: 1px; }
/***** @ProdutoDetalhes *****/
.imagemPrincipal{ width: 326px; height: 270px; float: left; position: relative; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ededed 100%); background: -webkit-gradient(radial, center center,0, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#ededed)); background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#ededed 100%); background: radial-gradient(ellipse at center, #ffffff 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); }
.imagemPrincipal > img { position: absolute; top: 50%; left: 50%; margin-top: -88px; margin-left: -88px; }
.btnVoltar{ width: 110px; height: 40px; position: relative; z-index: 4; cursor: pointer; line-height: 40px; text-align: center; border: 1px solid rgba(0,0,0,.08); font-family: 'Arial', sans-serif; font-size: 13px; color: #212121; background: #F6F2EF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F2EF), to(#EFECE9)); background: -webkit-linear-gradient(#F6F2EF, #EFECE9); background: -moz-linear-gradient(#F6F2EF, #EFECE9); background: -ms-linear-gradient(#F6F2EF, #EFECE9); background: -o-linear-gradient(#F6F2EF, #EFECE9); background: linear-gradient(#F6F2EF, #EFECE9); -pie-background: linear-gradient(#F6F2EF, #EFECE9); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; -moz-box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; behavior: url('public/pie/PIE.htc'); }
.boxProdutoDetalhes{ width: 255px; height: 245px; float: left; margin-left: 15px; }
.boxProdutoDetalhes > p{ width: 255px; height: 85px; line-height: 85px; color: #373333; font-size: 18px; }
.boxProdutoDetalhes > p > span { color: #FF5D25; }
.btnPD{ display: block; width: 240px; height: 46px; position: relative; z-index: 5; margin: 22px 0; background: center no-repeat url('../img/btnCompra.png'); }
.btnLike{ width: 213px; height: 71px; clear: both; }
.produtosDescricao{ width: 731px; height: auto; font-family: 'Tahoma', sans-serif; font-size: 11px; color: #666; line-height: 140%; }
#prevPD{ display: block; width: 13px; height: 18px; margin: 26px 5px 0 0; float: left; background: transparent 0 center no-repeat url("../img/arrows.png"); }
.slideshowPD{ width: 262px !important; height: 63px; overflow: hidden; float: left; }
.slideshowPD > img, .cycle-carousel-wrap > img{ width: 83px; height: 63px; margin-right: 6px; cursor: pointer; }
#nextPD{ display: block; width: 13px; height: 18px; margin: 26px 0 0 5px; float: left; background: transparent -13px center no-repeat url("../img/arrows.png"); }
.carouselPD{ width: 100%; height: 63px; clear: both; }

/***** @Contato *****/
.contatoForm{ display: block; width: 465px; height: 570px; float: left; }
.contatoForm > label { display: block; width: 100%; height: 15px; font-family: 'Tahoma', sans-serif; font-size: 11px; color: #666; margin-bottom: 20px;  }
.contatoForm > .campos{ width: 435px; height: 17px; margin: 0 0 13px 0; border: 0; padding: 13px; position: relative; z-index: 4; font-size: 13px; color: #999; background: #F3EEEA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; -moz-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; behavior: url('public/pie/PIE.htc'); }
.contatoForm > .campoCidade{ width: 268px; height: 17px; float: left; margin: 0 0 13px 0; border: 0; padding: 13px; position: relative; z-index: 4; font-size: 13px; color: #999; background: #F3EEEA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; -moz-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; behavior: url('public/pie/PIE.htc'); }
.contatoForm > div:not(.g-recaptcha):not(.wrapp-g-recaptcha){ width: 108px; height: 15px; float: right; margin: 0 0 13px 0; border: 0; padding: 14px; position: relative; z-index: 4; font-size: 13px; color: #999; background: #F3EEEA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; -moz-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; behavior: url('public/pie/PIE.htc'); }
.contatoForm > div > select.campos{ width: 108px; height: 15px; margin:0; border: 0; padding: 0; position: relative; z-index: 5; font-size: 13px; color: #999; background: transparent; }
.contatoForm > textarea{ width: 435px; height: 123px; margin: 0 0 13px 0; border: 0; padding: 15px; position: relative; z-index: 4; font-size: 13px; color: #999; background: #F3EEEA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; -moz-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; behavior: url('public/pie/PIE.htc'); }
.contatoForm > input[type='submit']{ width: 110px; height: 40px; position: relative; z-index: 4; cursor: pointer; line-height: 40px; text-align: center; border: 1px solid rgba(0,0,0,.08); font-family: 'Arial', sans-serif; font-size: 13px; color: #212121; background: #F6F2EF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F2EF), to(#EFECE9)); background: -webkit-linear-gradient(#F6F2EF, #EFECE9); background: -moz-linear-gradient(#F6F2EF, #EFECE9); background: -ms-linear-gradient(#F6F2EF, #EFECE9); background: -o-linear-gradient(#F6F2EF, #EFECE9); background: linear-gradient(#F6F2EF, #EFECE9); -pie-background: linear-gradient(#F6F2EF, #EFECE9); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; -moz-box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; behavior: url('public/pie/PIE.htc'); }
.g-recaptcha    { display: inline-block; margin-bottom: 10px; width: auto; }
.endereco{ width: 459px; height: auto; float: left; margin: 51px 0 0 30px; color: #999; font-family: 'Arial', sans-serif; }
.rua{ width: 225px; height: 76px; font-size: 12px; line-height: 150%; padding-left: 43px; background: transparent left top no-repeat url("../img/mapPic.ico.png"); }
.telefone{ width: 130px; height: 42px; margin-top: 10px; padding-left: 43px; background: transparent left center no-repeat url("../img/telefone.ico.png"); float: left; }
.telefone > b {display: block; font-size: 18px;}
.email{ float: right; width: 234px; height: 26px; margin-top: 18px; padding-left: 46px; font-size: 18px; font-weight: bold; line-height: 115%; background: transparent left center no-repeat url("../img/envelope.ico.png"); }

/***** @Finalizar *****/
.btnCadastrar{ display: block; float: left; padding: 10px 20px; position: relative; z-index: 4; cursor: pointer; text-align: center; border: 1px solid rgba(0,0,0,.08); font-family: 'Arial', sans-serif; font-size: 13px; color: #212121; background: #F6F2EF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F2EF), to(#EFECE9)); background: -webkit-linear-gradient(#F6F2EF, #EFECE9); background: -moz-linear-gradient(#F6F2EF, #EFECE9); background: -ms-linear-gradient(#F6F2EF, #EFECE9); background: -o-linear-gradient(#F6F2EF, #EFECE9); background: linear-gradient(#F6F2EF, #EFECE9); -pie-background: linear-gradient(#F6F2EF, #EFECE9); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; -moz-box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; behavior: url('public/pie/PIE.htc'); }
form[name='login'] > input[type='text'], form[name='login'] > input[type='password']{width: 90%; height: 43px; position: relative; margin: 0 10px 10px 0; z-index: 4; font-size: 13px; color: #AAA; background: #F3EEEA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; -moz-box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; box-shadow: inset rgba(44,44,44,.31) 1px 1px 4px; behavior: url('public/pie/PIE.htc'); }
form[name='login'] > a{ display: block; width: 110px; height: 40px; position: relative; z-index: 4; margin-right: 10px; cursor: pointer; line-height: 40px; text-align: center; border: 1px solid rgba(0,0,0,.08); font-family: 'Arial', sans-serif; font-size: 13px; color: #212121; background: #F6F2EF; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F2EF), to(#EFECE9)); background: -webkit-linear-gradient(#F6F2EF, #EFECE9); background: -moz-linear-gradient(#F6F2EF, #EFECE9); background: -ms-linear-gradient(#F6F2EF, #EFECE9); background: -o-linear-gradient(#F6F2EF, #EFECE9); background: linear-gradient(#F6F2EF, #EFECE9); -pie-background: linear-gradient(#F6F2EF, #EFECE9); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; -moz-box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; box-shadow: inset rgba(255,255,255,.75) 0 1px 1px, rgba(0,0,0,.22)0 2px 4px; behavior: url('public/pie/PIE.htc'); }

/***** @Rodape *****/
.rodape{ width: 939px; height: 164px; margin-top: 35px; padding: 17px 23px 13px 18px; position: relative; background: no-repeat center url('../img/rodape.jpg'); }
.menuRDP{ width: 299px; height: 100%; float: left; position: relative; }
.menuRDP > div{position: absolute; bottom: 5px; width: 98%; margin: auto;}
.menuRDP > div > nav > a {display: block; height: 19px; line-height: 120%;color: #999;}
.enderecosRDP{ width: 299px; height: 128px; float: left; padding: 20px 0 17px 34px; border-left: 1px solid #DDD; border-right: 1px solid #DDD;}
.formasDePagamento{ padding: 6px 0 8px 31px; border-left: 1px solid #DDD; float: right; }

.fundo_produtos{ color: #000; }