﻿* {
   margin: 0px;
   padding: 0px;
}
html {
   background-color: #CCEBFF;
   background-image: url(../jpgs/bg_top.jpg);
   background-repeat: repeat-x;
   background-position: left top;
   height: 100%;
}
html > body {
   min-height: 100%;
   height: auto;
}

body {
   background-image: url(../jpgs/bg_bottom.jpg);
   background-repeat: no-repeat;
   background-position: center bottom;
   height: 100%;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000; /*min-height:400px;*/
}
.clear {
   clear: both;
}
.floatLeft {
   float: left;
}
.floatRight {
   float: right;
}
img {
   border: none;
}
a {
   color: #656533;
   text-decoration: none;
}
a:hover {
   color: #27963C;
   text-decoration: none;
}
ul {
   list-style: none;
}

.color27963C {
   color: #27963C;
}
a.color27963C:link {
   color: #27963C;
}
a.color27963C:hover {
   color: #637147;
}
.colorLaranja {
   color: #FF6600;
}
.colorVermelho {
   color: #FF0000;
}
#entenda p {
   text-indent: 30px;
}
body > div {
   padding-bottom: 14px;
}
.ajaxLoading {
   background: url(../gifs/ajax-loader.gif) no-repeat;
   float: left;
   width: 300px;
   height: 20px;
   line-height: 20px;
   padding-left: 20px;
}
.textinput{
	color:#000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
	padding:5px;
}

#site {
   margin: 250px auto 7px auto;
   position: relative;
   z-index: 0;
   width: 980px;
   background-image: url(../pngs/bg_site_alpha.png);
   background-repeat: repeat-y;
   background-position: left top;
   padding-right: 9px;
   padding-left: 9px;
}
#site > span.round {
   background-image: url(../pngs/bg_site_alpha_b.png);
   background-repeat: no-repeat;
   background-position: right top;
   position: absolute;
   height: 7px;
   width: 979px;
   bottom: -7px;
   left: 0px;
}

#header {
   position: absolute;
   background-image: url(pngs/bg_header.png);
   background-repeat: no-repeat;
   background-position: left top;
   width: 999px;
   height: 263px;
   top: -245px;
   left: -11px;
}
#header > #logo {
   position: absolute;
   top: 62px;
   left: 21px;
}
#header > #logo > img {
   border: none;
}
#header > #idiomas {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 159px;
   height: 55px;
}
#header > #idiomas > #br {
   background-image: url(../pngs/bandeiras.png);
   background-repeat: no-repeat;
   background-position: left top;
   width: 19px;
   height: 19px;
   display: block;
   position: absolute;
   top: 10px;
   left: 40px;
}
#header > #idiomas > #jp {
   background-image: url(../pngs/bandeiras.png);
   background-repeat: no-repeat;
   background-position: center top;
   width: 19px;
   height: 19px;
   display: block;
   position: absolute;
   top: 10px;
   left: 69px;
}
#header > #idiomas > #en {
   background-image: url(../pngs/bandeiras.png);
   background-repeat: no-repeat;
   background-position: right top;
   width: 19px;
   height: 19px;
   display: block;
   position: absolute;
   top: 10px;
   right: 40px;
}
#header > #date {
   position: absolute;
   bottom: 57px;
   right: 21px;
}
#header > #menu {
   border-top: 1px solid #FFFFFF;
   bottom: 19px;
   height: 34px;
   left: 0;
   position: absolute;
   width: 964px;
   padding-left: 32px;
   background-color: #27963C;
}
#header > #menu > ul > li {
   background-image: url(../pngs/sep_menu_top.png);
   background-repeat: no-repeat;
   background-position: right top;
   padding: 0px 32px 0px 32px;
   float: left;
   font-family: "HGMaruGothicMPRO", Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF;
   line-height: 34px;
}
#header > #menu > ul > li > a {
   color: #FFFFFF;
}
#header > #menu > ul > li > a:hover {
   color: #FFCC00;
}

#middle {
	background-image: url(../pngs/bg_shadow_menu.png);
	background-repeat: repeat-x;
   background-color: #FFFFFF;
   border-style: none solid none solid;
   border-width: 1px;
   border-color: #A3A9AD;
   width: 957px;
   padding-top: 20px;
   margin-bottom: 5px;
   position: relative;
}
#middle > span.round {
   background-image: url(../pngs/bg_site_b.png);
   background-repeat: no-repeat;
   background-position: right top;
   position: absolute;
   height: 5px;
   width: 959px;
   bottom: -5px;
   left: -1px;
}

#menuLateral {
   float: left;
   width: 210px;
   margin-right: 20px;
}
#menuLateral > .menu {
   border-style: none solid none solid;
   border-width: 2px;
   border-color: #27963C;
   width: 206px;
   position: relative;
   background-color: #F7F7F1;
   margin-bottom: 6px;
   font-family: "HGMaruGothicMPRO", Arial, Helvetica, sans-serif;
   font-size: 13px;
   color: #656533;
}
#menuLateral > .menu > span.round {
   background-image: url(../pngs/bg_menu_b.png);
   background-repeat: no-repeat;
   background-position: left top;
   position: absolute;
   height: 6px;
   width: 210px;
   bottom: -6px;
   left: -2px;
}
#menuLateral > .menu > .title {
   background-image: url(../pngs/titleMenu.png);
   background-repeat: no-repeat;
   background-position: left top;
   line-height: 30px;
   font-family: "HGMaruGothicMPRO", Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #FFFFFF;
   font-weight: bold;
   padding-left: 40px;
   display: block;
   width: 191px;
   height: 50px;
   position: absolute;
   top: 0px;
   left: -23px;
}
#menuLateral > .menu > .contentMenu {
   padding: 43px 10px 10px 10px;
}
#menuLateral > .menu > .contentMenu ul {
   list-style-type: none;
}
#menuLateral > .menu > .contentMenu ul > li {
   /*border-bottom: solid 1px #E1D9D9;    line-height: 23px;*/
   font-size: 13px;
}
#menuLateral > .menu > .contentMenu ul > li > a {
   border-bottom: solid 1px #E1D9D9;
   line-height: 23px;
   display: block;
}
#menuLateral > .menu > .contentMenu ul.submenu > li > a {
   padding-left: 5px;
}
#menuLateral > .menu > .contentMenu ul.submenu > li > a:before {
   content: "- ";
}
#menuLateral > .menu > .contentMenu a {
   color: #656533;
   text-decoration: none;
}
#menuLateral > .menu > .contentMenu a:hover {
   color: #27963C;
   text-decoration: none;
}
#menuLateral > .menu input {
   height: 13px;
   width: 172px;
   border: 1px solid #999999;
   font-size: 11px;
   padding: 5px;
   margin-bottom: 5px;
}

#content {
   float: left;
   width: 717px;
}
#content > .boxAmarelo {
   margin-bottom: 5px;
   margin-top: 30px;
   border-style: none solid none solid;
   border-width: 1px;
   border-color: #FFCC00;
   position: relative;
   width: 716px;
}
#content > .boxAmarelo > .top {
   background-image: url(../pngs/boxAmarelo.png);
   background-repeat: no-repeat;
   background-position: left top;
   line-height: 30px;
   position: absolute;
   width: 718px;
   height: 30px;
   top: -30px;
   left: -1px;
}
#content > .boxAmarelo > .top > h1 {
   display: inline;
   font-family: "HGMaruGothicMPRO", Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #656533;
   padding-left: 20px;
}

/*PRODUTOS*/
#content > .boxAmarelo > .top > #regEncontrados {
   display: block;
   position: absolute;
   top: 0px;
   right: 10px;
}
#content > .boxAmarelo > .conteudo {
   /*padding: 3px;*/
   margin: 20px 20px 0px 20px;
   padding: 10px 0;
   width: 676px;
}
#content > .boxAmarelo > .conteudo input {
   height: 13px;
   width: 300px;
   border: 1px solid #999999;
   font-size: 11px;
   padding: 5px;
   margin-bottom: 5px;
}
#content > .boxAmarelo > .conteudo select {
   /*   min-height: 10px;*/
   min-width: 120px;
   border: 1px solid #999999;
   font-size: 11px;
   padding: 5px 5px 2px 5px;
   margin-bottom: 5px;
}
#content > .boxAmarelo > .conteudo > .btnVermelho {
   margin-right: 5px;
   margin-left: 5px;
   float: left;
}
#content > .boxAmarelo > .conteudo > .itemProd {
   position: relative;
   width: 677px;
   z-index: 5;
}
#content > .boxAmarelo > .conteudo > .itemProd > .imgProd {
   display: inline;
   float: left;
   margin-right: 10px;
   padding-bottom: 10px;
   width: 60px;
   z-index: 10;
}
#content > .boxAmarelo > .conteudo > .itemProd > .imgProdDetalhe {
   display: inline;
   float: left;
   padding-bottom: 10px;
   width: 160px;
   z-index: 10;
}
#content > .boxAmarelo > .conteudo > .itemProd h1 {
   font-size: 14px;
   color: #000000;
}
#content > .boxAmarelo > .conteudo > .itemProd h2 {
   font-family: "HGMaruGothicMPRO", Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
}
#content > .boxAmarelo > .conteudo > .itemProd > .itemDescricao {
   display: block;
   width: auto;
   z-index: 20;
}
#content > .boxAmarelo > .conteudo > .itemProd > .itemDescricaoDetalhe {
   /*display:block;*/
   width: auto;
   z-index: 20;
}
#content > .boxAmarelo > .conteudo > .destaquesCategorias {
   /*margin-left: 15px;*/
   width: 676px;
}
#content > .boxAmarelo > .conteudo > .destaquesCategorias > li {
   background-color: #9FC;
   background: url(../jpgs/bg_categorias.jpg) no-repeat;
   display: inline;
   float: left;
   height: 169px;
   margin: 5px 30px;
   width: 165px;
}
#content > .boxAmarelo > .conteudo > .destaquesCategorias > li > h2 {
   color: #FFFFFF;
   font-family: "HGMaruGothicMPRO", Arial, Helvetica, sans-serif;
   font-size: 12px;
   min-height: 29px;
   margin-left: 8px;
   margin-top: 7px;
}
#content > .boxAmarelo > .conteudo > .destaquesCategorias > li > a > img {
   display: block;
   padding-left: 6px;
   margin-top: -2px;
   position: relative;
}
.strike {
   text-decoration: line-through;
}
#content > .boxAmarelo > .conteudo > .separadorItemProd {
   background-color: #656533;
   margin-bottom: 10px;
   height: 1px;
   width: 100%;
}
/*PRODUTOS*/

#content > .boxAmarelo > .top > .setaSecao {
   color: #656533;
   font-size: 14px;
   font-weight: bold;
   line-height: 30px;
   position: relative;
   top: -2px;
}
#content > .boxAmarelo > .top > h2 {
   display: inline;
   font-family: "HGMaruGothicMPRO", Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #26963B;
}
#content > .boxAmarelo > .top > h2 > a {
   font-weight: bold;
   color: #26963B;
}
#content > .boxAmarelo > .top > h2 > a:hover {
   color: #656533;
}
#content > .boxAmarelo > .top > h3 {
   display: inline;
   font-family: "HGMaruGothicMPRO", Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
}
#content > .boxAmarelo > .conteudoHome {
   padding: 3px;
}
/*#content > .boxAmarelo > .conteudo option {
   min-width: 150px;
}*/
#content > .boxAmarelo > .bottom {
   background-image: url(../pngs/boxAmarelo.png);
   background-repeat: no-repeat;
   background-position: left bottom;
   position: absolute;
   width: 718px;
   height: 5px;
   bottom: -5px;
   left: -1px;
}

#content > .boxAmarelo > .conteudo > .boxVerde {
   left: 88px;
   margin-bottom: 5px;
   margin-top: 30px;
   border-style: none solid none solid;
   border-width: 1px;
   border-color: #27963C;
   position: relative;
   width: 498px;
}
#content > .boxAmarelo > .conteudo > .boxVerde > .topVerde {
   background-image: url(../pngs/boxVerde.png);
   background-repeat: no-repeat;
   background-position: left top;
   line-height: 30px;
   position: absolute;
   width: 500px;
   height: 30px;
   top: -30px;
   left: -1px;
}
#content > .boxAmarelo > .conteudo > .boxVerde > .topVerde > h3 {
   display: inline;
   font-size: 14px;
   font-weight: bold;
   color: #FFFFFF;
   padding-left: 20px;
}
#content > .boxAmarelo > .conteudo > .boxVerde > .conteudoVerde {
   /*padding: 3px;*/
   margin-left: 25px;
   padding: 10px;
   width: 455px;
}
#content > .boxAmarelo > .conteudo > .boxVerde > .conteudoVerde input {
   height: 13px;
   width: 300px;
   border: 1px solid #999999;
   font-size: 11px;
   padding: 5px;
   margin-bottom: 5px;
}
#content > .boxAmarelo > .conteudo > .boxVerde > .bottomVerde {
   background-image: url(../pngs/boxVerde.png);
   background-repeat: no-repeat;
   background-position: left bottom;
   position: absolute;
   width: 500px;
   height: 5px;
   bottom: -5px;
   left: -1px;
}

#content .news > li {
   line-height: 30px;
   height: 30px;
   border-bottom: solid 1px #C7C3C3;
}
#content .destaques {
   margin-top: 10px;
   margin-left: 20px;
}
#content .destaques > li {
   float: left;
   width: 218px;
   color: #637147;
   font-size: 12px;
   position: relative;
   height: 125px;
}
#content .destaques > li > .separador {
   margin: 0 5px 5px 5px;
   height: 120px;
   width: 1px;
   background-color: #656533;
   font-size: 1px;
}
#content .destaques > li > img {
   float: left;
   margin-right: 5px;
}
#content .destaques > li > div > .titulo {
   font-family: "HGMaruGothicMPRO", Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #000000;
}
#content .paginacao {
   margin-top: 10px;
   height: 150px;
   position: relative;
}
#content .paginacao > div {
   position: absolute;
   top: 0px;
   right: 0px;
}
#content .paginacao > div > .next {
   margin-left: 5px;
   float: left;
}
#content .paginacao > div > .prev {
   margin-right: 5px;
   float: left;
}
#content .paginacao > div > div > .btnVerde {
   display: block;
}
#content .paginacao > div > .pager {
   float: left; /*margin-right: 15px;*/
}
#content .paginacao > div > .pager > ul > li {
   float: left;
   padding: 2px 6px 2px 6px;
   margin-top: 3px;
   font-weight: bold;
}
#content .paginacao > div > .pager > ul > li:hover {
   background-color: #27963C;
}
#content .paginacao > div > .pager > ul > li:hover > a {
   color: #FFFFFF;
}
#content .paginacao > div > .pager > ul > li.selected {
   background-color: #27963C;
   color: #FFFFFF;
}

#footer {
   padding-top: 10px;
   height: 20px;
   line-height: 20px;
   color: #26963B;
   position: relative;
}
#footer > .cw {
   position: absolute;
   top: 10px;
   right: 30px;
}
#footer > .cw > #logoCW {
   background-image: url(../pngs/logoCW.png);
   background-repeat: no-repeat;
   background-position: left top;
   width: 81px;
   height: 15px;
   display: block;
   text-indent: -99999px;
}
#footer > .cw > #logoCW:hover {
   background-position: right top;
}
.anchorTop {
   color: #27963C;
   float: right;
   font-size: 10px;
}
a.anchorTop:link {
   color: #27963C;
}
a.anchorTop:hover {
   color: #637147;
   float: right;
}

