/* CSS Document */
body { margin-left: 0px; background-color:#853142; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #313B3E; }
div#outer { width: 720px; margin: auto; height: 100%;}
div#inner { position: relative; min-height: 600px; margin-top: 5px; }
/* topo */
a#logoLnk { display:block; width:275px; height:50px; float: left; position: absolute; top:10px; left:10px; text-decoration: none; }
div#lacoDv { position: absolute; z-index: 100; top:0; right: -35px; }
div#topo { background-image: url(../images/top.jpg); height: 128px; width: 720px; background-repeat: no-repeat; }
div#tplnk1 {width: 300px; height:15px; position: absolute; top: 69px; left:7px; }
div#tplnk1 ul { display:inline; list-style: none; }
div#tplnk1 li { display:block; list-style: none; float: left; margin: 0px 10px 0px 0px; }
div#tplnk1 ul li a { display:block; width:100%; text-transform: uppercase; font-weight: bold; color: #333; }


div#tplnk2 {width: 241px; height:15px; position: absolute; top: 69px; left:485px; }
div#tplnk2 ul { display:inline; list-style: none; }
div#tplnk2 ul li a { display:block; width:100%; text-transform: uppercase; font-weight: bold; color: #333;}
div#tplnk2 li { display:block; list-style: none; float: left; }
li#btnConta, li#btnCart { margin-left: 10px; }

div#tplnk1 ul li a:hover, div#tplnk2 ul li a:hover { color:#853142; }

div#barLinks { width: 300px; height: 15px; position: absolute; top: 10px; left: 350px; }
div#barLinks ul { display:inline; list-style: none; }
div#barLinks li { display:block; list-style: none; float: left; text-align: center; }
div#barLinks ul li a { display:block; text-transform: uppercase; font-weight: bold; color: #333;}
div#barLinks ul li a:hover { color: #853142; } 
li#lcd { width: 30px; }
li#ldvd { width: 40px; }
li#lvinil { width: 50px; }


div#topbar { width:710px; height:36px;  position: absolute; top: 89px; left: 5px; border: none; margin: 0; }
div#searchbar {	position:absolute; top: 5px; left: 12px; width: 420px; height: 26px; line-height: 26px; }
a#advSearch { display: block; width: 129px; position: absolute;  top:-1px; left: 250px; color: #000; text-decoration: underline; font-size: 10px; font-variant: small-caps; }
a#advSearch:hover { color: #853142; }
.searchTitle { color: #313B3E; font-weight:bold; font-size:9px; margin-left: 5px; }
input#txtPesquisa { width: 133px; height: 15px; background-color: #FFF; border: solid 1px #A28543; font-size: 9px; }
input#btnPesquisa, .btnOk { width: 26px; height: 18px; background-color: #853142; background-image:url(../images/ok.gif); color:#FFF; border: solid 1px #FFF; margin: 0px 2px -2px 0px; }
div#cart { width: 50px; position: absolute; top:2px; left: 660px; font-size:9px; font-weight: bold; }
div#cartProds { margin-top:1px; }
div#cartValue { margin-top: 2px; }

/* central */
div#main { padding: 5px 0px 5px 0px; position: relative; min-height: 635px; }
div#mainContent { min-height: 645px; background-image:url(../images/fundoclaro.gif); width: 490px; border: solid 5px #FFF; margin-bottom: -20px; }
div#sbars { width: 205px; min-height: 100%; float: left; position: absolute; top: 5px; left: 505px; background-image:url(../images/fundoescuro.gif); border: solid 5px #FFF;  }

div#dstNovidades, div#dstPromocoes { width: 500px; min-height: 320px; background-color:#FFFFFF; }
div#dstNovContent, div#dstPromContent { margin: 5px; background-image:url(../images/fundoclaro.gif); min-height: 285px; width: 490px; }
div#dstNovidades h1, div#dstPromocoes h1 { display: block; height: 20px; margin:0; padding: 5px 0px 0px 10px; line-height: 20px;}
div#dstPromocoes { min-height: 330px; margin-top: 5px; }
div#dstPromContent { min-height: 295px; }

.dstNovLink img, .dstNovLink p { border: none; color:#313B3E;  }
.dstNovLink p { text-decoration: none; }
.dstNovLink { display: block; width: 80px; height: 122px; margin: 9px; float: left; text-decoration: none;}
.dstNovLink:hover { background-color: #CFB988; margin: 8px; border: 1px dashed #333333;text-decoration: underline; color:#313B3E;}
.dstImg { display:block; width: 80px; height: 70px; overflow: hidden; text-align: center; line-height: 80px; border: none;  }
.dstArtist, .dstTitle { display:block; position:relative; overflow: hidden; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #313B3E; font-weight: 900; text-transform: uppercase; margin:0; padding:0; border:0; width: 100%; height:13px; text-align: center;}
.dstTitle { height: 25px; font-weight:normal; text-decoration:none;}
.dstPrice { display: block; color: #831010; font-size: 10px; font-weight: 900; margin:0; padding:0; text-align: center; }


div#mnuNovidades, div#mnuPromocoes { background-color:#FFFFFF; width: 205px; min-height: 175px;}
div#mnuNovidades h1, div#mnuPromocoes h1 { display: block; height: 20px; margin:0; padding: 5px 0px 0px 10px; }
div#mnuNovContent, div#mnuPromContent { width: 205px; min-height: 145px; background-image: url(../images/fundoescuro.gif); }


.hidden { display: none; }
.spliter, .spliterBig, .spliterWithBorder { display: block; height: 5px; background-color:#853142; margin: 0px -5px 0px -5px; }
.spliterBig { border-top: solid 5px #fff; }
.spliterWithBorder { border-style: solid; border-width: 5px 0px 5px 0px; border-color: #fff; }

.pageTitle {display: block; height: 15px; margin:0; padding:0; padding: 5px 0px 5px 10px; background-color:#FFFFFF;  }



div#mnuNovContent ul, div#mnuPromContent ul, div#mnuMiscContent ul { margin:0; padding-left:25px; padding-top: 10px; border:0;}
div#mnuNovContent li, div#mnuPromContent li, div#mnuMiscContent li { list-style-image: url(../images/bul.gif); margin:0; border: 0; height: 15px; }
div#mnuNovContent li a, div#mnuPromContent li a, div#mnuMiscContent li a { display: block; width: 100%; text-transform:uppercase; color:#313B3E; font-size: 10; font-weight:bold; text-decoration:underline; }
div#mnuNovContent li a:hover, div#mnuPromContent li a:hover, div#mnuMiscContent li a:hover { color: #853142; }

div#mnuPromocoes { min-height: 135px; }
div#mnuPromContent { min-height:105px; }

div#mnuMiscContent {margin: 0px 0px 0px 0px; border-top: solid 5px #FFF;  }

div#newsBar { float: left; text-align: center; position: relative; left: 25px; top: 240px; }
.newsTxt { font-size: 9px; text-align: center; }

/* fundo */
div#dummy { clear:both; height:1px; margin:0; padding:0; }
div#footer {clear:both; text-align: center; position: relative; color: #E5D8B6; margin: 20px 0px 20px 0px; }
div#footer a { color:#E5D8B6; text-decoration: none; display: block; width: 110px; text-align:right; position: absolute; top:2px; right:5px;}
div#footer a:hover { color:#FFF; text-decoration: underline; }
div#leoDiv { padding-top: 30px; height: 70px; background-image: url(../images/leopardskin.gif); }