/* CSS Shoptime */

* {margin:0; padding:0; color:#828282; }
body {background:#fff; font-size:62.5%; line-height:1.25; font-family: "Trebuchet MS", Verdana, arial, freesans, garuda, helvetica, sans-serif;}
img, ul, li, ol, a, fieldset {border:0;}
ul {list-style:none;}
ol {list-style:decimal;}
a{cursor: pointer; text-decoration:none;}
a:hover {text-decoration:underline;}
p {font-size:1.1em;}
input, select{font-size: 1.1em; }

/* Componente BannersList */
.bannerList {text-align:center; margin:10px 0; }
.bannerList li { margin:10px 0px; }
.bannerList li strong { color:#ff6600; font-size:1.1em; display:block; margin-bottom:5px;  }
.bannerList li  .button1 strong { display: -moz-inline-box; margin: 0 -1px 0 0; }
.bannerList li span { color:#828282; font-size:1.1em; display:block; }
.bannerList li a span.button1 {display:-moz-inline-box; display:-khtml-inline-box;}
.bannerList li a:hover span.button1{text-decoration:none;}
.bannerList .button1 strong {color: #fff;}
.bannerList a:hover strong, .bannerList a:hover span { text-decoration: underline; }
.bannerList a:hover .button1 strong {text-decoration:none;}
.bannerList li .boxR1 .boxR12 .boxR13 .boxR14 {padding:0 4px;}


/* tipo de box*/
.box1, .box2{padding:0.5em; border:1px solid #ccc;  }
.box1 {background:#fff; overflow:hidden;}
.box2 {background: #f6f6f6;}
.boxR1{background: url(../img/bgBoxR1.gif) no-repeat left top; }
.boxR1 .boxR12{background: url(../img/bgBoxR12.gif) no-repeat right top; padding-top: 7px;}
.boxR1 .boxR12 .boxR13{background: url(../img/bgBoxR14.gif) no-repeat right bottom;}
.boxR1 .boxR12 .boxR13 .boxR14{background: url(../img/bgBoxR13.gif) no-repeat left bottom; padding: 0 7px 7px 7px; overflow: hidden;}
.boxR2{background: #f6f6f6 url(../img/bgBoxR2.gif) no-repeat left top;}
.boxR2 .boxR22{background: url(../img/bgBoxR22.gif) no-repeat right top; padding-top: 5px;}
.boxR2 .boxR22 .boxR23{background: url(../img/bgBoxR24.gif) no-repeat right bottom;}
.boxR2 .boxR22 .boxR23 .boxR24 {background: url(../img/bgBoxR23.gif) no-repeat left bottom; padding: 0 5px 5px 5px; overflow: hidden;}
.boxR4 {background: #f1f1f1 url(../img/bannerBgLeftTop.gif) no-repeat left top;}
.boxR4 .boxR42{background: url(../img/bannerBgRightTop.gif) no-repeat right top; padding-top: 0;}
.boxR4 .boxR42 .boxR43{background: url(../img/bannerBgRightBottom.gif) no-repeat right bottom;}
.boxR4 .boxR42 .boxR43 .boxR44 {background: url(../img/bannerBgLeftBottom.gif) no-repeat left bottom; padding: 0; overflow: hidden;}


/* Banner */
.fullBanner {margin-bottom: 1em; position: relative; overflow: hidden; text-align: left;}
.fullBanner img, .fullBanner embed, .fullBanner object {display:block; left:50%; position:relative; margin-left:-28.2em; width: 778px;}

.contentBanner {margin-bottom: 1em; position: relative; overflow: hidden;}
.contentBanner a{display:block; overflow:hidden; position:relative; text-align:left;}
.contentHomeBanner{overflow:hidden; position: relative; margin: 10px 0; left: 20 width: 100%;text-align:center;}

.homeBanner .contentHomeBanner .fullBanner{padding:0;}
.homeBanner .contentHomeBanner .fullBanner .fullBannerR1{background: url(../img/banner1BgLeftTop.gif) no-repeat left top;}
.homeBanner .contentHomeBanner .fullBanner .fullBannerR2{background: url(../img/banner1BgRightTop.gif) no-repeat right top;}
.homeBanner .contentHomeBanner .fullBanner .fullBannerR3{background: url(../img/banner1BgRightBottom.gif) no-repeat right bottom;}
.homeBanner .contentHomeBanner .fullBanner .fullBannerR4{background: url(../img/banner1BgLeftBottom.gif) no-repeat left bottom;}

#boxSlideShow { height: 31.5em; overflow: hidden;}
#wrapBoxSlideShow { height: 100%; overflow: auto; overflow-x: hidden; }
#boxSlideShow ul { position:relative; left:50%; margin-left:-50.2em; width:778px; height: 100%; }
#boxSlideShow ul li img { left: 0; margin-left: 100; }

#header .innerHeader{margin: 0 0 1em 13em;}
#header .boxR2{background: #f6f6f6 url(../img/bgBoxHR2.gif) no-repeat left top;}
#header .boxR2 .boxR22{background: url(../img/bgBoxHR22.gif) no-repeat right top; padding-top: 4px;}
#header .boxR2 .boxR22 .boxR23{background: url(../img/bgBoxHR24.gif) no-repeat right bottom;}
#header .boxR2 .boxR22 .boxR23 .boxR24{background: url(../img/bgBoxHR23.gif) no-repeat left bottom; padding: 0 4px 4px 4px;}


/* Home Banner */
.homeBanner { position: relative; background: #f6f6f6 url(../img/loading.gif) no-repeat 50% 50%;  overflow: hidden; width:100%; }
.homeBanner .fullBanner { margin: 0; padding: 0 10px; overflow: hidden;}
.homeBanner a {display:block; overflow: hidden; }
.homeBanner a img {display:block; width:100.4em; padding: 0; background:#F6F6F6;}
.homeBanner .homerBannerList ul { padding:4px; width: auto; overflow: hidden; }
.homeBanner .homerBannerList ul li {display:inline; background: url(../img/dotLineBg3.gif) repeat-y scroll right top; padding:0px 5px; font-size:1.3em;}
.homeBanner .homerBannerList ul .selected a {color:#FF6600;}
.homeBanner .homerBannerList ul li a {display: inline; font-weight:bold;}
.homeBanner .homerBannerList ul .last {background:none;}
.homeBanner .homerBannerList { position: absolute; z-index: 10; left: 50%; bottom: 0; background: url(../img/homeBannerListLeftTop.gif) no-repeat left top; padding-top:3px;  }
.homeBanner .homerBannerList1{ background: url(../img/homeBannerListRightTop.gif) no-repeat right top; position:relative; right:-3px;  }
.homeBanner .homerBannerList ul li a span.playButton{background: url(../img/playPauseButton.gif) no-repeat left -12px;}
.homeBanner .homerBannerList ul li a span.playButton strong, .homeBanner .homerBannerList ul li a span.pauseButton strong { height: 0; width:0; font-size:0; }
.homeBanner .homerBannerList ul li a span.pauseButton{  background: url(../img/playPauseButton.gif) no-repeat left 2px; }
.homeBanner .homerBannerList ul li a span.pauseButton, .homeBanner .homerBannerList ul li a span.playButton {padding: 0 8px 0 0; width: 8px;}
.homeBanner .homerBannerList ul li #pauseButton { text-decoration: none;}

/* Hilight News */
.hilightNews { display:block; padding:10px 0pt 0px 230px; position:relative;}
.hilightNews .productImage {float:left; margin-right:20px; position:absolute; left:0; overflow:hidden; }
.hilightNews .product strong {font-size:2.2em; display:block; margin-bottom:15px;}
.hilightNews .product .from strong { display:inline; font-size:1.9em;}
.hilightNews .product .productName {font-weight:normal;}
.hilightNews .product a:hover .from  strong span { text-decoration:none; }
.hilightNews .product a:hover .for  strong span { text-decoration:none; }
.hilightNews .product .for {display:block;}
.hilightNews .product .for, .hilightNews .product .from, .hilightNews .product .parcel, .hilightNews .product .condition {font-size:1.1em;}
.hilightNews .product .for strong {display:inline; font-size:2.2em;}
.hilightNews .product .parcel {display:block; margin:0;}
.hilightNews .product .parcel strong {display:inline; font-size:2.5em;}
.hilightNews .product .parcel .type2 { font-size:0.8em;}
.hilightNews .product .parcel .type3 { font-size:0.4em; }
.hilightNews .product a:hover .parcel .type2, .hilightNews .price a:hover .parcel .type3 {text-decoration:none;}
.hilightNews  a:hover span {text-decoration:underline;}
.hilightNews .stamp img {display:block; margin:3px 0;}


/* Hilight Products */
.hilightProducts { text-align:center; font-size:1.1em; overflow:hidden; padding:5px 0;}
.hilightProducts li {float:left; width:49.9%; background: #fff url(../img/dotLineBg3.gif) repeat-y right 0; }
.hilightProducts li a {font-weight:normal; text-align:center;}
.hilightProducts li a  img{display:inline; margin-left:0; width:auto; position: static;}
.homeBanner  .hilightProducts .last { background: #fff;}
.hilightProducts img {margin-bottom:10px;}
.hilightProducts .from {border-right:1px solid #EAEAEA; padding-right:10px;}
.hilightProducts .for {padding-left:10px;}
.hilightProducts .for strong {font-size: 1.1em;}
.hilightProducts .condition {margin-left:10px;}
.hilightProducts strong { margin-bottom:2px;}
.hilightProducts .parcel {display:block; margin-top:2px;}
.hilightProducts .parcel strong { color: #ff6600; font-size: 1.1em; }
.hilightProducts  .product .productName {font-size:1.1em; display: block; padding: 0 10px;}
.homeBanner .hilightProducts { background: #fff; width: 100%;}
.homeBanner .hilightProducts li a {font-weight:normal; text-align:center;}
.homeBanner .hilightProducts li a  img{display:block; margin:5px auto; position: static; width: 210px; height: 210px;}
.homeBanner .hilightProducts .last { background: #fff;}

.boxHilightProducts { overflow: auto; position: relative; height: 28.5em; padding: 5px 0 5px; background: #fff; }
.boxHilightProducts ul { overflow: visible !important; position: relative; height: 100%; overflow: hidden; }
.boxHilightProducts ul li { position: relative; top: 0; height: 100%; }
.boxHilightProducts ul li.first { z-index: 2; }
.scrollBox { position: relative; width: 100%; height: 22px; z-index: 3; background: #e7e7e7 url(../img/bgScrollBar.gif) repeat-x 0 0; overflow: hidden; }
.boxScrollBar { position: relative; overflow: hidden;}

.scrollBox .backButton, .scrollBox .nextButton { width: 12px; height: 22px; overflow: hidden;}
.scrollBox .backButton { float: left; margin: 0 5px 0 0; }
.scrollBox .nextButton { float: right; margin: 0 0 0 5px; }
.scrollBox .backButton a, .scrollBox .nextButton a, .scrollBox .scrollBar a { display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; }

.scrollBox .backButton { background: transparent url(../img/buttonScrollPrevious.gif) no-repeat 0 0; }
.scrollBox .nextButton { background: transparent url(../img/buttonScrollNext.gif) no-repeat 0 0; }
.scrollBox .scrollBar { overflow: hidden; position: relative; width: 57px; height: 22px;  background: transparent url(../img/scrollBar.gif) no-repeat right 0; }