* {margin: 0; padding: 0; line-height: 1;}
img, fieldset {border: 0;}
ul, li, ol {list-style: none;}
body {padding: 5px; font-family: arial, freesans, garuda, helvetica, verdana, sans-serif; font-size: 100%; min-width: 760px;}
a:link {text-decoration: none;}
a:visited {text-decoration:none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}
input, select {font-size: 0.75em; line-height: 1em;}
input.image {background: none;}

/* HEADER */

#header {height: 7.5em; margin-bottom: 5px; background:#279C56 url(../img/bck11.gif); position: relative; text-align: left; border-bottom: 5px solid #9d0a0e; z-index: 10;}
#header #headerBox {text-align: left; margin: 0 auto; width: 47em; height: 100%; position: relative;}
#header #logo {position: absolute; top:33px; left: 5px;}
#header #logo img {display: block;}
#header #mainNavigation {position: absolute; bottom: 0; left: 0; width: 100%; height:2.3em;} /*height:1.9375em;*/
#header #mainNavigation li {display:block; float: left; color: #FFF; font-size: 70%; padding-left: 4px; background: #000; height: 100%; margin:.4em 0 0 0;}
#header #mainNavigation li a {padding:0 9.2px 0 0; float: left; color: #FFF; height: 100%; display: table;}
#header #mainNavigation li.lastTab a {}
#header #mainNavigation li a span {display: table-cell; vertical-align: middle; white-space: nowrap;}

#header #mainNavigation li#showAll {height:2.3em; margin:0;}
#header #mainNavigation li#showAll, #header #mainNavigation li#showAll a {padding: 0; position: relative; margin-left: -2px; margin-bottom: -5px; text-decoration:none;}
#header #mainNavigation li#showAll img {display: block;}

#header #mainNavigation li#showAll #allCategories {position: absolute; top: 3.3em; width: 63em; padding: 10px; background: #FFF; color: #000; border: 3px solid #9d0a0e; z-index:10;}
#header #mainNavigation li#showAll #allCategories div {float: left; padding: 10px 26px 10px 10px; border-right: 1px solid #CCC;}
#header #mainNavigation li#showAll #allCategories div h3 {font-size: 1em; color: #900; text-transform: uppercase; padding-bottom: 6px; white-space: nowrap;}
#header #mainNavigation li#showAll #allCategories ul {display: block; float: none; padding-bottom: 5px;}
#header #mainNavigation li#showAll #allCategories ul li {display: block; float: none; background: none; font-size: 1em; padding: 3px 0; white-space: nowrap;}
#header #mainNavigation li#showAll #allCategories ul li a {float: none; background: none; color: #000; display: inline;}
#header #mainNavigation li#showAll #allCategories #menuArea5 {border-right: 0;}
#header #mainNavigation li#showAll #allCategories #menuArea6 {float: none; clear: left; border-right: 0; border-top: 1px solid #CCC; margin-top: 5px;}
#header #mainNavigation li#showAll #allCategories #menuArea6 ul {margin-left: -10px;}
#header #mainNavigation li#showAll #allCategories #menuArea6 ul li {display: block; float: left; padding: 0 10px; margin: 5px 0; border-right: 1px solid #000;}
#header #mainNavigation li#showAll #allCategories #menuArea6 ul li a {display: inline;}
#header #mainNavigation li#showAll #allCategories ul li a.menu_destaque {color:#A31010;}

#header #mainNavigation li#showAll #allCategories #menuArea5 ul li.pascoa a {padding: 5px 7px; background: #900; display: block; color: #fff; font-weight: bold;}
#header #mainNavigation li#showAll #allCategories #menuArea5 ul li.pascoa span {color:#A01111; display:block; font-size:0.95em; font-weight:bold; padding:68px 0 2px 0;}
#header #mainNavigation li#showAll #allCategories div#menuArea5 {padding: 10px 0 10px 10px; width:130px;}

#header #userNavigation {position: absolute; top: 0; right: 10em;}
#header #userNavigation li {display: inline; font-size: 0.59em; line-height: 1.5; text-transform: uppercase; border-right: 1px solid #f68787; padding: 0 5px;}
#header #userNavigation li a {color: #FFF; position: relative; bottom: 3px;}
#header #userNavigation li a img {color: #FFF; position: relative; top: 3px;}
#header #userNavigation li#myBag {border-right: 0;}
#header #userNavigation li#myBag.hasItems a {font-weight: bold; color: #FFFF00;}

#header #cartao {display:block; float:right; margin:8px 13px 8px 8px;}
#header #cartao a {line-height: 150%;color: #FFF; left: 3px; font-size: 0.7em; text-transform: uppercase;font-weight: bold;}

#header #quickSearch {position: absolute; right: 10em; top: 1.9em; text-align: right;}
#header #quickSearch * {vertical-align: middle;}
#header #quickSearch #searchString, #header #quickSearch #keyword {width: 18em; margin-left:.4em; color:#666;}
#header #quickSearch #searchSelect {color:#73736c; width:11.7em; display:inline;}
#header #quickSearch #poweredByGoogle {position: absolute; right: 0em; top: 1.9em;}

#header #tel {font-size: 0.7em; color: #fff; text-transform: uppercase; position: absolute; top: 4.7em; right: 20.5em;}
#header #tel a {color: #fff; text-transform: none;}
#header #headerBox {text-align: left; margin: 0 10px 0 5px; width: 100%; height: 100%; position: relative;}
#header #tel span.telTelevendas {color:#ffcc33;}
#header #tel span.telTelevendas span {font-weight:bold;}
#header #tel span.telAtendimento span {font-weight:bold;}

/* BANNERS */

.fixedBanner {width: 145px; float: left; border-right: 5px solid #FFF;}
.extensibleBanner {display: block; text-align: center; background: #fff;}
#faixaCond {margin-left:150px; background: #ffcc33 url(../img/d2.gif); height: 30px; text-transform: uppercase; color: #fff; font-size: 1.05em; font-weight: bold; line-height:160%; font-family: swis721 cn BT; letter-spacing: 0.1em;}
#faixaCond embed {position:relative;}


.productBannerList li {background: #eaeaea; padding: 5px 0 0 0; text-align: center; margin-bottom: 10px;}
.productBannerList a {display: block; text-align: center; font-size: 0.75em; color: #666; padding:0 5px 10px 5px; line-height: 1.2;}
.productBannerList a strong {display: block; text-transform: uppercase; font-weight: bold; padding: 5px 0 2px 0;}
.productBannerList a .price {color: #900; font-weight: bold;}

.simpleBanner {display: block; margin-bottom: 10px; text-align: center; border: 1px solid #CCC; padding:3px}

#spots2 {padding-bottom: 10px;}
#spots2 .mainSpot {height: 230px; margin-right: 220px;}
#spots2 .spot {width: 210px; float: right; height: 110px; margin-bottom: 10px; font-size: 0.7em; border:0; display:block;}
#spots2 .spot a {display:block; height:110px; overflow:hidden;}


/* TITULOS DE CAIXAS */

.boxHeader {margin-bottom: 2px; font-size: 0.7em; text-transform: uppercase; color: #FFF; text-align: center; background: #2C6863; width: 100%;}
.boxHeader strong, .boxHeader a {padding: 7px 3px; display: block;}
.boxHeader.imgTitle {margin-bottom: 0;}
.boxHeader.imgTitle strong {padding: 10px 3px;}

.boxHeader2 {font-size: 0.7em; text-transform: uppercase; color: #fff; text-align: left; background: #54b379 url(../img/boxHeader2RightBg.gif) no-repeat right top;}
.boxHeader2 strong {background: url(../img/boxHeader2LeftBg.gif) no-repeat; padding: 10px 3px 10px 10px; display: block;}
.subtitle1 {font-size: 0.75em; text-transform: uppercase; font-weight: bold; color: #fff; margin-bottom: 20px; text-align:center; padding:0 0 5px 0;}

/* CAIXAS */

.box {padding: 3px; border: 1px solid #CCC; margin-bottom: 5px; overflow: hidden;}
.boxr {padding: 3px; border: 1px solid #CCC; margin-bottom: 5px; overflow: hidden;}
* html .boxr {padding: 3px; border: 1px solid #CCC; margin-bottom: 5px; overflow: hidden; clear: left;}
.boxnoticias {padding: 3px; border: 1px solid #CCC; margin-bottom: 5px; overflow: hidden; font-size: 0.81em; }
* html .boxnoticias {height:1%;}
.boxDestaque {border: 1px solid #940a0a;}
  /* MENU DE SECAO  */
.subSectionBox {padding: 5px; background: #8d0a0b;}



ul.sectionMenu {font-size: 0.7em; text-transform: uppercase; font-weight: bold; color:#900;}
ul.sectionMenu li {margin-bottom: 15px;}
ul.sectionMenu li a {color: #900;}
ul.sectionMenu li a.text {color:#666; font-weight:normal; text-transform:none;}
ul.sectionMenu li ul {text-transform: none; font-weight: normal; padding-left: 3px;}
ul.sectionMenu li ul li {margin-bottom: 0; margin-top: 3px;}
ul.sectionMenu li ul li a {color: #666;}
ul.sectionMenu li ul li.more a {color: #900;}
ul.sectionMenu li p {text-transform: none; font-weight: normal; color: #666;}

ul.sectionMenu li p.title {color:#900; text-transform:uppercase; font-weight: bold; margin-top:8px;}
ul.sectionMenu li div.vcard {margin-top:10px;}
ul.sectionMenu li div.vcard span, ul.sectionMenu li span.generalInfo {text-transform: none; font-weight: normal; color: #666;}
ul.sectionMenu li div.vcard span.depto {display:block; margin-top:3px;}
ul.sectionMenu li div.vcard span.email {display:block; margin-top:3px;}
ul.sectionMenu li span.generalInfo {display:block;}

 /*MENU DE SUBSECAO */

ul.subSectionMenu {font-size: 0.7em; color: #fff; font-weight: bold;}
ul.subSectionMenu li {margin-bottom: 5px;}
ul.subSectionMenu li ul {text-transform: none; font-weight: normal;}
ul.subSectionMenu li ul li {margin-bottom: 0; margin-top: 6px;}
ul.subSectionMenu li ul li a {color: #fff;}
ul.subSectionMenu li ul li.more a {color: #900;}
ul.subSectionMenu li p {text-transform: none; font-weight: normal;}


/* LISTA DE PRODUTOS */

.productList {display: block; overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #666; width: 100%;}
.productList.last {border-bottom: none;}
.productList .tag {display: block; margin: 0 auto 5px auto;}
.productList li {float: left; width: 15em; text-align: center; font-size: 0.7em; display: inline; list-style-type: none;}
.productList li .productName, .productList li .from, .productList li .for, .productList li .parcel, .productList li .condition, .productList li .price, .productList li .more {padding:0 0 0 4px; width: 114px; text-align: left; margin: 0 auto;}
.productList li .productName {font-size: 1em; font-weight: bold; padding: 5px 0 10px 4px;}
.productList li .productName a {color: #666;}
.productList li .productName a span {display:block; font-weight:normal; margin:3px 0 0 0;}
.productList li .for {color: #900; padding: 2px 0 2px 4px; font-weight:bold;}
.productList li .condition {color: #666;}
.productList li .parcel, .productList li .price {color: #900; font-weight: bold; font-size: 1em; padding: 2px 0 2px 4px;}
.productList li .from {color:#666;}
.productList li .from, .productList li .for, .productList li .parcel, .productList li .condition {display:block;}
.productList li .more {color:#aa0106; display:block; padding: 2px 0;}
.productList li .more span {text-decoration:underline;}
.productList li .esgotado {color: #900; padding: 2px 0 0 0; font-weight:normal; width: 113px; text-align: left; margin: 0 auto; display:block; text-transform:none; font-size:1em;}
.productList li .esgotado strong {font-weight:normal;}
.productList li .aviseme {color: #900; padding: 6px 0 0 0; width: 115px; text-align: left; margin: 0 auto; display:block; font-size:1em; text-decoration:underline; font-weight:bold; text-transform:uppercase; line-height:1.2em; }


/* RODAPE */

#footer {text-align: center;}
#footer #footerBox{width: 47em; margin: 0 auto; text-align: left;}

#footer h3 {margin-bottom: 10px;}
#footer h4 {color: #999; font-size: 60%; text-transform: uppercase; margin-bottom: 5px;}
#footer h4 strong {padding-right: 10px; background: url(../img/redBottomArrow.gif) no-repeat right center;}

#footer .menu {font-size: 70%;}
#footer .menu li {background: url(../img/greyRightArrow.gif) no-repeat left center; padding: 1px 0 1px 10px; border-right: 1px solid #999;}
#footer .menu li a {color: #666; text-decoration: underline;}

#footer #footerLinks {float: left; width: 140px; margin-left: 5px; display: inline;}

#footer #footerLinks2 {width: 600px; float: left; margin: 52px 0 0 0px;}
#footer #footerLinks2 .menu li {display: inline; background: none; padding: 1px 10px 1px 10px;}

#footer #payMethods {width: 355px; float: left; margin-left: 10px;}
#footer #payMethods ul {border-right: 1px solid #999;}
#footer #payMethods li {display: inline;}
#footer #payMethods p {font-size: 70%; color: #666; border-right: 1px solid #999;}

#footer #partners {width: 220px; float: left; margin-left: 10px; padding-top: 1em;}
#footer #partners li {display: inline; margin-right: 5px;}



/* =========================================================================================================================================================== */
# {border:1px solid #ccc; background:#efefef;}

/* ========================================================================================================================================================================= */

/*#dhtml {
  left:50%;
  margin-left:-275px;
  margin-top:0px;
  position:absolute;
  top:140px;
  z-index:10;
}*/

#flashRecarga {
	text-align:center;
}






.boxHeader2 strong {height:10px;}

.productList.products li {padding:10px 0; height:270px; _height:285px; }
.productList.sala li{ height:320px;}
.productList.products2 li {padding:10px 0; height:150px; _height:162px; }

/************************** alteração do boxHeader2 para o novo modelo de busca ***************************************/


#boxNewSearch img{display:block;padding-left:30px;}
#boxNewSearch p{padding:7px 0px 0px 7px;}
#boxNewSearch p span{float:left;line-height:20px;}
#boxNewSearch select option{font-size:11px; padding-right:6px;}
.newSearch {overflow:hidden;}
.newSearch form * {vertical-align:middle;}
.newSearch form {display: block; text-align:right; padding:4px 10px 4px 10px;}
.newSearch form label {font-weight:normal;}
.newSearch form #SortingTypes {font-size:1em; text-transform: none; color:#73736c;}
.newSearch form #labelSorting {font-size:1em; text-transform: none; color:#73736c;}
#rightSideSerch #promoRelCol{padding-top:0px;}
/* terminam aqui as alterações do boxHeader2 para o novo modelo de busca */


.plimagem {float:right;}
.plcontaprodutos {font-size: 0.7em; line-height: 200%; 5px;}
.pllinksprodutos {font-size: 0.7em; line-height: 230%}
.plform {font-size: 0.8em; line-height: 230%; float: left; padding-right: 15px}
.textcms {font-size: 0.8em; line-height: 120%; margin: 15px; text-align: justify; }
.textcms p {font-size: 0.9em; text-indent: 4em; line-height: 150%;}
.textcms .titulo {font-size: 1em; line-height: 240%; text-indent: 3em; font-weight: bold;background: url(/site2008/img/greyRightArrow.gif) no-repeat left center; text-transform: uppercase;}



.mainSpot {height: 100%;}
.flashbanner {height: 100%;}
body {height:100%;}
object {
display: block;
}
#faixaCond {margin-left:0px; background: #ffcc33 url(../img/d2.gif); height: 30px; text-transform: uppercase; color: #fff; font-size: 1.05em; font-weight: bold; line-height:160%; font-family: swis721 cn BT; letter-spacing: 0.1em;}


.depoimento {width: 200px; margin: 10px; font-size:12px; float: left;}
.depoimento .pessoadepoimento {font-size:11px; color: #666666; line-height: 200%; }