﻿/*** Reset ***/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
a, img, label, pre, form, input, textarea, fieldset, table, th, td {border:0; font-family:Tahoma, Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif; margin:0; outline:0; padding:0; text-decoration:none}
ol, ul {list-style:none}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal} 
fieldset,img {border:0} 
del,dfn,legend,sub,sup,tt,var {}
abbr,acronym,address,big,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal} 
em {font-style:italic; text-decoration:underline}
:focus {outline:0}
a:link, a:visited, a:active {border:none; outline:0}
a:hover {text-decoration:underline}
img {border:none} /* clear border the img */
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0}
/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}
.a1 {color:#000}
.a2 {color:#f00}
.a3 {color:#555}
.a4 {color:#fff}
.a5 {color:#000}
.red {color:#f00}
.font1 {font-size:1em !important}
.font95 {font-size:0.95em !important}
.font9 {font-size:0.9em !important}
.font85 {font-size:0.85em !important}
.font8 {font-size:0.8em !important}
.font75 {font-size:0.75em !important}
.font7 {font-size:0.7em !important}
.bold {font-weight:bold}
.center {display:block; margin:0 auto; text-align:center}
.inpBig {width:400px !important}
.inpMed {width:150px !important}
.inpLit {width:70px !important}
.inpLit2 {width:100px !important}
.inpMic {width:30px !important}
.inpMic2 {width:50px !important}
.fLeft {float:left !important}
.fRight {float:right !important}
.clear {clear:both !important}
.white {color:#fff !important}
.upperCase {text-transform:uppercase !important}
.right {text-align:right !important}

html, body {background:#000; height:100%}
#wrapper {background:#000; display:block; height:100%; margin:0 auto; min-height:100%; width:990px}

* html #wrapper {height:100%}

/* BOX LEFT */
#boxLeft {background:#1d1d1d; border-left:5px solid #464646; border-right:5px solid #464646; display:block; float:left; margin:0; min-height:100%; padding:0; position:relative; width:212px}
    .logo a {background:url(../img/logo.png) no-repeat; display:block; height:163px; margin:10px auto; overflow:hidden; text-indent:-9999em; width:200px}
    #menuLeft {}
    #menuLeft li {background:url(../img/mnLeftRisk.png) 0 top no-repeat; display:block; height:20px; margin:0; padding:2px 0; width:212px}
    #menuLeft li a {background:url(../img/mnLeftIcon.png) left 1px no-repeat; color:#fff; display:block; font-size:0.8em; height:20px; line-height:150%; margin:0; padding:0 0 0 25px; width:187px}
    .menuLeftEnd {border-bottom:5px solid #464646; display:block; height:1px; margin:0 auto; padding:0; width:100%;}
/* BOX RIGHT */
#boxRight {border-right:5px solid #464646; display:block; float:left; margin:0 auto; padding:0; position:relative; width:754px; _width:733px}
    .txtContent {color:#fff; font-size:0.8em; margin:10px auto; text-align:justify; width:98%}
    .left10 {margin-left:10px}
    #boxTop {width:100%}
    .horario {color:#fff; float:left; font-size:0.7em; padding:4px 0 5px 10px; width:260px}
    .televendas {background:url(../img/imgTelevendas.png) no-repeat; float:left; height:36px; margin:17px 0 0; overflow:hidden; text-indent:-9999em; width:96px}
    .orkut {background:url(../img/logo-orkut5.png) no-repeat; cursor:pointer; float:left; height:25px; margin:19px 0 0 80px; overflow:hidden; text-indent:-99999em; top:20px; width:70px}
    #boxTopRight {display:block; float:right; position:relative; width:200px}
    
    #boxTopRight fieldset  {float:right; display:block; margin:0; width:200px}
    #boxTopRight #myCart {background:url(../img/meuCarrinho.png) no-repeat; float:left; height:37px; margin:5px 0 0; width:134px;}
    #myCart .basket {color:#000; cursor:pointer; display:block; font-size:0.75em; font-weight:bold; height:37px; margin:18px 0 0 41px !important; width:134px}


#boxTopRight fieldset .pesquisa {background:url(../img/imgSearch.png) no-repeat; float:left; height:22px; margin:10px 0 0; padding:0; overflow:hidden; text-indent:-9999em; width:20px}
#boxTopRight fieldset input {color:#555; float:left; display:block; font-size:0.7em; height:17px; line-height:1.8em; margin:11px 0 0; padding:3px 0 0; position:relative}
#boxTopRight fieldset .btnOk {height:22px; margin:10px 0 0; padding:0}
    #mnTop {background:url(../img/mnTopBkg.png) no-repeat; clear:both; height:51px;
        list-style:none; margin:0 auto; width:728px}
    #mnTop li {color:#000; float:left; height:20px; list-style:none; line-height:35px; margin:8px 8px 0}
    #mnTop .icoHome {background:url(../img/mnTopIcoHome.png) no-repeat; 
        display:block;
        float:left; 
        height:19px; 
        margin:15px 5px 0 15px;
        overflow:hidden;
        padding:0; 
        position:relative; 
        text-indent:-9999em; 
        width:20px}
    #mnTop .icoHome a {display:block}
    #mnTop li a {font-size:0.8em}
    /* Featured */
    #boxFeatured {background:url(../img/destaqueTopBkg.png) no-repeat; display:block; height:193px; margin:10px auto; width:754px}
    #boxFeatured img {border:0px solid #000; margin:7px auto 0 5px; width:740px}

/* PRODUCTS */
    .boxProduct {color:#fff; display:block; float:left; height:280px; margin:15px; _margin:11px; width:158px}
    .boxProduct img {border:4px solid #ccc; height:150px; margin:0 0 5px; width:150px}
    .boxProduct h3 {font-size:0.8em}
    .boxProduct p {font-size:0.8em}
    .boxProduct .precAntes {color:#999; margin:5px 0 0}
    .boxProduct .btnDet {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:5px auto; padding:2px 0 0 8px; width:113px}
    .boxProduct .esgotado {color:#f00 !important; display:block; font-size:0.8em; float:left; height:22px; margin:5px auto; padding:0 !important; font-weight:bold; text-align:center; width:158px}
    .boxProduct .ckb {display:block; margin:10px auto; position:relative; width:10px}
    
/* PRODUCTS DETAILS */
    h2.tits {background:url(../img/tits.png) no-repeat; height:48px; line-height:45px; margin:10px 0 0; padding:0 0 0 10px; width:744px}
    .boxProductDetails {color:#fff; float:left; margin:15px; _margin:11px; width:700px}
    .boxProductDetails img {border:4px solid #fff; float:left; height:250px; margin:0 5px 5px; width:250px}
    .boxProductDetails h3 {font-size:0.8em} 
    .boxProductDetails p {font-size:0.8em}
    .boxProductDetails .precAntes {color:#999; margin:5px 0 0}
    .boxProductDetails .btnDet {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:15px auto; padding:2px 0 0 8px; width:113px}
    .boxProductDetails .esgotado {color:#f00 !important; display:block; font-size:0.8em; float:left; font-weight:bold; height:22px; margin:5px 0; padding:0 !important; width:125px}
    .btnBack {display:block; margin:0 auto; text-align:center}

.alert {background:#333 url(../img/exclamation.gif) no-repeat 15px 50%; border-bottom:2px solid #999; border-top:2px solid #999; color:#fff; display:block; font-size:0.75em; margin:6px auto; padding:5px 20px 5px 45px; text-align:left; width:360px}
.alert2 {color:#fff !important; display:block; font-size:0.75em; margin:0px auto; padding:15px 0; text-align:left; width:690px}
.alert3 {background:#333 url(../img/exclamation.gif) no-repeat 15px 50%; border-bottom:2px solid #999; border-top:2px solid #999; color:#fff; display:block; margin:6px 0; padding:5px 20px 5px 45px; text-align:left; width:360px}
.vts {color:#fff}

#boxList {margin:15px auto; width:700px}
.listType {background:#ccc; display:block; font-size:0.9em; text-align:center; text-transform:uppercase; width:100%}
.listSpcH10 {display:block; margin:0}
.listSpcH10 span {color:#DCAC22}
#boxList .btnCriarLista {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:10px auto; padding:2px 0 0; text-indent:20px; width:113px}

/* RESULTADO BUSCA */
#resultSearch {color:#fff}

/* FALE CONOSCO */
fieldset {margin:1em 0; margin:0 auto; width:430px}
.ctrlHolder {margin:0; padding:5px} /* This is the main unit that contains our form elements */
/*.inlineLabels {background:#ddd}*/
.inlineLabels label {color:#fff; display:block; height:18px; font-size:0.8em; margin:0; padding:0; position:relative;}
.inlineLabels input {background:#ccc !important; border:1px solid #fff; color:#111 !important; display:block; margin:0; padding:0; position:relative; width:250px}
.inlineLabels textarea {background:#ccc; border:1px solid #fff; color:#111; display:block; font-size:0.7em; margin:0; width:250px;}
.ddl {background:#ccc !important; border:1px solid #fff; color:#111 !important; }
.btnEnviar {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:10px auto 0; padding:3px 0 0; text-indent:35px; width:113px}
.btnSalvar {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:10px auto 0; padding:3px 0 0; text-align:left; text-indent:26px; width:113px}
.btnSalvar2 {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:10px auto 0; padding:3px 0 0; text-align:left; text-indent:20px; width:113px}
.vtsAlert {color:#DCAC22 !important}

/* CART */
.uniForm2 {display:block; margin:0 auto; position:relative; text-align:center}
.inlineLabelsCar {clear:both; display:block; margin:0 auto; padding:0 !important; position:relative !important; text-align:left; width:425px}
.inlineLabelsCar .ctrlHolder {margin:0 auto; padding:0; width:405px}
.inlineLabelsCar label {clear:both; color:#fff; display:block; font-size:0.8em; margin:0; padding:0; position:relative}
.inlineLabelsCar input {background:#ccc; border:1px solid #fff; color:#111 !important; display:block; margin:0 0 5px; padding:0; position:relative; width:250px}
.inlineLabelsCar select {margin:0 0 5px}
.inlineLabelsCar textarea {background:#ccc; border:1px solid #fff; color:#111; display:block; font-size:0.7em; margin:5px 0; width:250px}
.cadOk {display:block !important; margin:0 !important; padding:0 !important; text-align:center !important; width:415px}
.inlineLabelsCar .btnLogar {background:url(../img/btn.png) no-repeat; color:#fff; display:block; font-size:0.95em; height:22px; margin:10px auto; padding:3px 0 0; width:113px}
.textarea2 {background:#ccc; border:1px solid #fff; color:#111; display:block; font-size:0.7em; margin:0; width:250px;}
.lbl2 {color:#fff; display:block; height:20px; margin:0; padding:0; position:relative}

/* CADASTRO/LOGIN */
fieldset.Login {margin:1em 0; margin:0 auto; width:265px}
.Login .alert {background:#333 url(../img/exclamation.gif) no-repeat 15px 50%; border-bottom:2px solid #999; border-top:2px solid #999; color:#fff; display:block; margin:6px 0; padding:5px 20px 5px 45px; text-align:left; width:200px}
.Login .ctrlHolder {margin:0; padding:5px}
.Login label {clear:both; color:#fff; display:block; margin:0; padding:0; position:relative}
.Login input {background:#ccc !important; border:1px solid #fff; color:#111 !important; display:block; margin:0; padding:0; position:relative; width:250px}
.Login textarea {background:#ccc; border:1px solid #fff; color:#111; display:block; font-size:0.7em; margin:5px 0; width:250px}
.Login .ddl {background:#ccc !important; border:1px solid #fff; color:#111 !important; margin:0; padding:0; top:3px !important; position:relative;}
.Login .btnLogar {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:10px auto; padding:3px 0 0; text-indent:10px; width:113px}
.Login .btnEsqueci {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:10px auto; padding:3px 0 0; text-align:center; text-indent:-10px; width:113px}
.btnCadastro {background:url(../img/btnCadastro.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:10px auto; padding:3px 0 0; text-indent:6px; width:150px}

/* LISTAS */
/* CRIA LISTA CASAMENTO */
.titLista {color:#fff; font-size:0.8em; margin:0 auto; width:700px}
.spanAlert {color:#f00; display:block !important; font-size:0.8em; margin:0 auto; position:relative; width:700px}
#boxCenter {color:#fff; font-size:0.8em; margin:0 auto; width:700px}
fieldset.criaLista {margin:1em 0; margin:0 auto; width:400px}
.criaLista .ctrlHolder {margin:0; padding:5px}
.criaLista label {clear:both; color:#fff; display:block; margin:0; padding:0; position:relative}
.criaLista input {background:#ccc !important; border:1px solid #fff; color:#111 !important; display:block; margin:0 0 5px; padding:0; position:relative; width:250px}
.criaLista textarea {background:#ccc; border:1px solid #fff; color:#111; display:block; font-size:0.7em; margin:5px 0; width:250px}
.criaLista .ddl {background:#ccc !important; border:1px solid #fff; color:#111 !important; margin:0 0 5px; padding:0; top:3px !important; position:relative;}

.btnEnviar {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; font-size:0.8em; height:22px; margin:10px auto 0; padding:3px 0 0; text-indent:35px; width:113px}
.vtsAlert {color:#DCAC22 !important}

.criaLista .btnS {background:url(../img/btn.png) no-repeat; color:#fff; display:block; height:22px; margin:0 auto; padding:2px 0 !important; text-align:center; width:113px}

.thCkb, .thRef, .thProd {background:#555;}
.thCkb, .tdCkb {display:block; margin:0; padding:0; width:10px}
.thRef {width:10%}
.thProd {width:97%}
.thProd, tdProd {}
.tdRef {text-align:center}
.tdCkb input {border:0 !important; margin:0; padding:0; top:0; width:20px}

#boxCenter .gdvCat .imgBtn {display:inline; margin:2px; padding:0; width:16px !important;}
#boxCenter .gdvCat {font-size:1em; margin:0 auto; width:99%}
#boxCenter .gdvCat th {background:#555; border:1px solid #999; color:#FFF; margin:0 auto !important; text-align:center !important}
#boxCenter .gdvCat td {background:#111; border:1px solid #999; color:#fff; margin:0 auto !important; text-align:center !important}
#boxCenter .gdvCat td.alternative {background:#F5FAFA}
#boxCenter .gdvCat .inpCat {font-size:0.8em; width:90px}
#boxCenter .gdvCat .headDate {display:block; font-size:0.9em; text-align:center; width:70px}
#boxCenter .btnS {background:url(../img/btn.png) no-repeat; color:#fff; cursor:pointer; display:block; height:22px; margin:10px auto 0; padding:0; text-align:center; width:113px}

/* PEDIDO */
.tbOrderItem {display:table; font-size:0.8em; margin:0 auto; padding:0; width:600px}
.tbOrderItem th {background:#ccc; border:1px solid #555; color:#000}
.tbOrderItem td {background:#eee; border:1px solid #555; color:#000; margin:0; padding:0 2px}
.tbOrderItem .orderQtd {text-align:center; width:80px}

.orders {display:table; font-size:0.8em; margin:0 auto; padding:0; width:700px}
.orders th {background:#ccc; border:1px solid #555; color:#000}
.orders td {background:#eee; border:1px solid #555; color:#000; margin:0; padding:0 2px}
.orders .orderQtd {text-align:center; width:80px}

fieldset#frmPagar {color:#fff !important; font-size:0.85em; margin:0; padding:0; width:100%}
#frmPagar .ctrlHolder {display:table; margin:0; padding:5px}
#frmPagar .Med {width:200px; height:20px;}
#frmPagar .Biggest {height:20px; width:735px}
#frmPagar label {color:#fff; display:block; float:left; margin:0 5px 0 0; padding:0; position:relative}
#frmPagar .lblForm {width:85px}
#frmPagar .vs {color:#f00; margin:0 0 0 5px}
#frmPagar .ckbPost {display:block !important; float:left !important; margin:5px 0 0 5px !important; padding:0 !important; width:300px !important}
#frmPagar .ckbPost input {background:transparent !important; border:0 !important; margin:2px 0 !important;}
#frmPagar .ckbPost label {display:block !important; margin:0 4px !important; position:relative}
#frmPagar input, #frmPagar select {border:1px solid #999; color:#111 !important; display:block; float:left; margin:0; padding:0; position:relative}

.btnPagar {background:url(../img/btnComprar.png) 0 3px no-repeat; clear:both; color:#fff; cursor:pointer; display:block; height:26px; margin:15px auto; padding:0; text-align:center; width:93px}
.titPedido {font-size:0.95em; font-weight:bold; margin:10px 5px 0; text-transform:uppercase}


/* LIST TYPE */
#subMenu {/*background:#f1f1f1;*/ display:block; font-size:1.05em; height:25px !important; margin:5px auto 0 !important; padding:0; position:relative; width:100%}
#subMenu li {display:inline; position:relative; margin:0 10px!important;}
#subMenu li a {color:#e7b62a; font-size:0.8em; padding:5px !important}
#subMenu li a:hover {color:#fff}
.statusLogin {color:#e7b62a;}
.lblNoivos {color:#e7b62a;}

.dtl {margin:0 auto; padding:0; width:99%;}
.dtl th {background:#555; border:1px solid #999 !important; color:#fff; padding:2px 0 !important}
.dtl td {background:#111; color:#fff; margin:0; padding:0}
.thCkb, .tdCkb {display:block; margin:0; padding:0; width:10px}
.thRef {width:10%}
.thProd {width:80%}
.thProd2 {width:90%}
.thProd, tdProd {}
.thVendido {border-bottom:1px solid #999 !important; margin:0 auto !important; text-align:center !important}
.tdVendido {display:table; margin:0 auto !important; text-align:center !important}
.tdRef {text-align:center}
.tdCkb input {border:0 !important; margin:5px auto !important; padding:0 !important; top:0; width:20px !important}
.tdCkb {/*background:#111 !important;*/ height:20px; text-align:center; width:40px}

/* CART */
#boxCart {font-size:0.8em; margin:0 auto; width:700px}
#boxCart .btnDet {background:url(../img/btnDetails.png) no-repeat; color:#fff; display:block; height:22px; margin:15px auto; padding:2px 0 0 25px; width:113px}
.btnFinalizar {background:url(../img/btnComprar.png) no-repeat; color:#fff; display:block; height:23px; margin:15px auto; padding:2px 0 0; text-align:center; width:93px}
.gdvCar {color:#000; display:block; margin:0 auto; width:700px}
.pTotal {background:#555; color:#fff; font-weight:bold; height:20px; line-height:1.4em; margin:0; padding:0 58px 0 0; text-align:right}

.gdvBorder {}
.btnUpd {background:#999; border:1px solid #fff; margin:5px 0;}
.2btnFinalizar {background:url(../img/btnBkg.png) no-repeat; color:#fff; cursor:pointer; display:block; font-size:0.75em; font-weight:bold; height:22px; margin:0 auto; outline:0; padding:3px 0; text-align:center; width:78px}

/* PAGINATOR */
#boxPag {clear:both; color:#fff; font-size:0.7em; margin:0 auto; text-align:center}
#boxPag2 {clear:both; color:#fff; margin:0 auto; text-align:center}
.paginator {clear:both; display:inline-block; margin:10px 0 0}
.paginator table {border-collapse:collapse; width:400px}
.paginator table td {padding:0; white-space:nowrap}
.paginator span {display:block; padding:0 0 5px 0}
.paginator span em, .paginator span a {color:#ddd; padding:0 4px}
.paginator span em {background-color:#ddd; color:#555; font-style:normal}
.paginator .scrollbar {height:20px; position:relative; width:100%;}
.paginator .scrollbar .line {background-color:#555; height:3px; overflow:hidden; width:100%;}
.paginator .scrollbar .slider {position:absolute; width:3px; height:3px; top:0; left:0; font-size:0.75em; background:#ddd;}
.paginator .scrollbar .current_page_point {background:#ddd; height:3px; left:0; overflow:hidden; position:absolute; top:0; width:3px;}
.paginator .scrollbar .slider_point {position:absolute; top:-5px; left:50%; margin-left:-10px; width:20px; height:20px; overflow:hidden; background:url(../img/slider.gif) no-repeat 50% 0; cursor:pointer; cursor:hand;}
.fullsize  .scrollbar .slider {display:none;}

/* THUMBS PRODUCTS */
    .thumbProd {height:150px; width:150px}
/* PAGTO */
#pagto {clear:both; display:block; margin:0 auto; position:relative; text-align:center; width:auto}
/* FOOTER */
#footer {clear:both; color:#fff; display:block; font-size:0.7em; margin:0 auto; padding:10px 0; position:relative; text-align:center; width:auto}
#footer p {clear:both; color:#fff; font-style:normal}
.onlinep:link, .onlinep:visited, .onlinep:active {color:#ccc; font-weight:normal; text-decoration:none}
.onlinep:hover {font-weight:normal; text-decoration:underline}
#footer #toolTip {
    background:url(../img/powered.gif) no-repeat;
    display:block;
    height:42px;
    left:62%;
    position:absolute;
    top:0px; width:104px; z-index:1}
