/* reset */
*{ margin:0; padding:0; }

html { font-size: 70%; font-family: arial, helvetica, verdana, tahoma, sans-serif; color:#8e8d92; }

ul, ol { list-style-position:outside; }
ul li, ol li { text-indent:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0 none; }
a{ color:#3366FF; }
p{ margin-bottom:10px; line-height: 1.6em; }
h1 {font-size: 1.8em; font-weight:normal; }
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
hr {display: none;}


/* layout */
    div#bodySideLeft{ background: url(imgs/bg-bodySideLeft.png) left top repeat-x; }
    div#bodySideRight{ background: #fff url(imgs/bg-bodySideRight.jpg) left top repeat-x; margin-left: 50%; padding-bottom:13px; }

    div#bodyCenter{
        width:974px;
        margin:0 auto 0 -487px;
        background: url(imgs/bg-bodyCenter.jpg) right top no-repeat;
    }

/* header */
    h1#tituloPlanetShoes{
        width:203px;
        height:154px;
        background:url(imgs/logo-planetShoes.png) left 20px no-repeat;
        text-indent:-9999em;
        overflow:hidden;
        margin-left:14px;
        float: left;
    }
    h1#tituloPlanetShoes a{
        display:block;
        width:203px;
        height:154px;
    } 
    div#header-right{
        width: 736px;
        float:right;
    }
    div#header-right-saudacao{
        color: #d1d8dd;
        padding-top:21px;
        width:156px;
        float:left;
    }
    div#header-right-saudacao a{ color: #d1d8dd; }

    div#header-sideRight{
        width:543px;
        float:right;
    }
    div#header-menuSuperior{
        background: url(imgs/bg-sideLeftMenuSuperior.png) left top no-repeat;
        width:543px;
        margin-bottom:5px;
    }
    div#header-menuSuperior div{
        height:38px;
        background: url(imgs/bg-sideRightMenuSuperior.png) right top no-repeat;
        padding-right:27px;
    }
    div#header-menuSuperior ul{
        list-style: none;
        float: right;
        clear: right;
        background: url(imgs/bg-sideCenterMenuSuperior.png) left top repeat-x;
        width:489px;
        height:38px;
        overflow: hidden;
    }
    div#header-menuSuperior ul li{ display:inline; line-height: 34px; float:left; font-size:1em; }
    div#header-menuSuperior ul li a{ color: #e1b9be; text-decoration:none; }
    div#header-menuSuperior ul li a:hover{ text-decoration:underline; }
    li#menuSuperior-meuCadastro{
        background:url(imgs/bg-menuSuperiorMeuCadastro.png) left center no-repeat;
        border-right:solid 1px #b7767e;
        padding:0 15px 0 25px;
    }
    li#menuSuperior-meuPedido{
        background: url(imgs/bg-menuSuperiorMeuPedido.png) 15px center no-repeat;
        padding:0 15px 0 41px;
        border-right:solid 1px #b7767e;
        border-left:solid 1px #670b17;
    }
    li#menuSuperior-Atendimento{
        background: url(imgs/bg-menuSuperiorAtendimento.png) 15px center no-repeat;
        padding-left:42px;
        border-left:solid 1px #670b17;
    }

    div#header-carrinho{
        clear:both;
        float:right;
        width:145px;
        line-height:23px;
        background: url(imgs/ico-carrinho.png) left top no-repeat;
        padding:0 0 0 30px;
        margin-bottom:28px;
    }
    div#header-carrinho a{
        color: #d1d8dd;
        text-decoration:none;
    }
    div#header-carrinho a:hover{ text-decoration:underline; }

    div#header-search{
        clear:right;
        float:right;
        height:33px;
        width:294px;
        padding:0 0 0 40px;
        background: url(imgs/ico-lupa.png) left top no-repeat;
        margin-bottom:10px;
    }
    div#header-search legend{ display:none; }
    div#header-search fieldset{
        background:#fff;
        border:solid 1px #7b8b97;
        color:#7c8c97;
        width:253px;
        padding-left:5px;
    }
    #inpSearch{ border:0 none; width:187px; font-size:1.2em; }
    #btnSearch{ vertical-align:middle; }

    div#header-menuInferior{
        float:right;
        clear:right;
        width:487px;
        height:38px;
        overflow:hidden;
        margin-bottom:10px;
    }
    div#header-menuInferior ul{ list-style: none; }
    div#header-menuInferior ul li{ display:inline; }
    div#header-menuInferior ul li a{ display:block; float:left; text-indent: -9999em; overflow:hidden; height:76px; }
    
    a#menuMasculino{ width:109px; background:url(imgs/menuMasculino.jpg) left top no-repeat; }
    a#menuFeminino{ width:86px; background:url(imgs/menuFeminino.jpg) left top no-repeat; }
    a#menuInfantil{ width:72px; background:url(imgs/menuInfantil.jpg) left top no-repeat; }
    a#menuPromocao{ width:95px; background:url(imgs/menuPromocao.jpg) left top no-repeat; }
    a#menuLancamento{ width:125px; background:url(imgs/menuLancamento.jpg) left top no-repeat; }
    
    a#menuMasculino:hover{ background:url(imgs/menuMasculino.jpg) left -38px no-repeat; }
    a#menuFeminino:hover{ background:url(imgs/menuFeminino.jpg) left -38px no-repeat; }
    a#menuInfantil:hover{ background:url(imgs/menuInfantil.jpg) left -38px no-repeat; }
    a#menuPromocao:hover{ background:url(imgs/menuPromocao.jpg) left -38px no-repeat; }
    a#menuLancamento:hover{ background:url(imgs/menuLancamento.jpg) left -38px no-repeat; }

/* conteudo */
    div#content{ clear:right; }

    /* conteudo site */
        div#conteudo{
            width:808px;
            float:left;
        }
        div#conteudo-interna{
            margin-bottom:20px;
        }
        

        /* banner principal */
            div#conteudoBannerTopo{ margin-bottom:18px; overflow:hidden; height:244px; width:808px; }            
            /*--Main Container--*/
            .main_view {
            	float: left;
            	position: relative;
            }
            /*--Window/Masking Styles--*/
            .window {
            	height:244px;	width: 808px;
            	overflow: hidden; /*--Hides anything outside of the set width/height--*/
            	position: relative;
            }
            .image_reel {
            	position: absolute;
            	top: 0; left: 0;
            }
            .image_reel img {float: left;}

            /*--Paging Styles--*/
            .paging {
            	position: absolute;
            	bottom: 5px; right: -7px;
            	width: 178px; height:47px;
            	z-index: 100; /*--Assures the paging stays on the top layer--*/
            	text-align: center;
            	line-height: 40px;
            	background: url(imgs/paging_bg2.png) no-repeat;
            	display: none; /*--Hidden by default, will be later shown with jQuery--*/
            }
            .paging a {
            	padding: 5px;
            	text-decoration: none;
            	color: #fff;
            }
            .paging a.active {
            	font-weight: bold;
            	background: #075a90;
            	border: 1px solid #002c4b;
            	-moz-border-radius: 3px;
            	-khtml-border-radius: 3px;
            	-webkit-border-radius: 3px;
            }
            .paging a:hover {font-weight: bold;}




        div#conteudo-sideLeft{
            width:180px;
            float:left;
        }
        /* menu lateral */
            div#menuLateral{
                background:#ebedef;
                margin-bottom:15px;
            }
            div#menuLateral span{
                display:block;
                line-height:31px;
                background: url(imgs/bg-tituloMenuLateral.gif) left top repeat-x;
                border-bottom: solid 1px #dadcde;
                border-right: solid 1px #dadcde;
                color:#476479;
                font-size:1.3em;
                padding-left:24px;
                margin-bottom:20px;
            }
            div#menuLateral ul{ list-style:none; padding:0 0 20px 12px; }
            div#menuLateral ul li{ background: url(imgs/seta-menuLateral.gif) left 10px no-repeat; padding:6px 0 6px 15px; }
            div#menuLateral ul li a{
                text-decoration:none;
                text-transform: uppercase;
                color:#8e8d92;
                font-weight:bold;
            }
            div#menuLateral ul li ul{ padding:0 0 10px 10px; }
            div#menuLateral ul li ul li{ background:none; list-style:disc; color:#8e8d92; padding:3px 0 3px 0; }
            div#menuLateral ul li ul li a{
                text-transform: none;
                font-weight:normal;
            }

        div#bannerLeft{
            margin-bottom:15px;
        }
        div#boxNewsletter{
            background:#edf0f2;
        }
        div#boxNewsletter h2{ background:#99adb9; color:#fff; line-height: 27px; font-weight:normal; padding-left:8px; margin-bottom:9px; }
        form#frmNewsletter fieldset legend{ display:none; }
        form#frmNewsletter fieldset{ padding:0 8px 15px 8px; line-height:1.6em; color:#8f8e93; }
        form#frmNewsletter fieldset label{
            background:#fbfbfc;
            border:solid 1px #c5c6c7;
            border-top-width: 2px;
            border-left-width: 2px;
            display:block;
        }
        form#frmNewsletter fieldset #inpNameNewsletter{
            border:0 none;
            padding:3px;
            width:118px;
        }
        form#frmNewsletter fieldset #inpOkNewsletter{ margin-left:138px; }

        div#conteudo-sideRight{
            width:606px;
            float:right;
        }
        div#conteudo-sideRightInterna{
            width:775px;
            float:right;
        }
        div#conteudo-procedimento{
            
        }


        div#conteudo-sideRight h1, div#conteudo-sideRightInterna .titulos{
            background: #a3b4c0;
            color:#e4e9ed;
            line-height:27px;
            padding:0 0 0 14px;
            margin-bottom:25px;
        }
        

        div#conteudo-sideRightInterna h1{
            color:#013e64;
            margin-bottom:13px;
        }

        div#listaMarcas{ margin-bottom:15px; background:#e9edf0; }

        ul#mycarousel li{ border-bottom:solid 1px #aaadaf; background: #fff; border-right:solid 1px #aaadaf; text-align: center; line-height: 62px; }


    div .clear{
        clear: both;
        font-size: 0px;
        height: 0;
        line-height: 0px;
    }

    /* lista de produtos */
        .tableProdutos tr td{
            vertical-align:top;
        }
        .tableProdutos .separetedProdutosCol{
            width:30px;
            background:url(imgs/div-listaProdutos.gif) center top repeat-y;
        }
        .tableProdutos .separetedProdutosRow{
            height:30px;
        }
        .produtosImgs{
            width:120px;
            height:120px;
            overflow:hidden;
            margin-bottom:10px;            
        }
        .produtosImgs table tr td{ vertical-align:bottom; text-align:center; width:120px; }
        .informacoesProdutos{
            width:120px;
        }
        .informacoesProdutos a{
            text-decoration:none;
            color:#8f8e93;
        }
        .informacoesProdutos h3 a{
            color:#076088;
            font-size:0.7em;            
        }
        .informacoesProdutos .valorDe{
            display:block;
        }
        .informacoesProdutos .valorProduto{
            color:#8f8e93;            
        }
        .informacoesProdutos .produtoIndisponivel{
            color:maroon;
        }

    /* pagina��o */
        #contentPaginadorBottom{
            padding-top:20px;
            margin-bottom:20px;
            text-align:center;
        }
        #contentPaginadorBottom a{
            padding:0 5px;
        }
        #contentPaginadorBottom .paginaAtual{
            padding:0 5px;
            font-weight:bold;
        }

    /* banner lateral */
        div#bannersLateraisRight{
            width:145px;
            float:right;
        }
        div#bannersLateraisRight ul{ list-style:none; }
        div#bannersLateraisRight ul li{ margin-bottom:18px; }

    /* produto */
        div#produto-sideLeft{
            width:400px;
            min-height:325px;
            float:left;     
            position:relative;       
        }        
        div#produto-sideRight hr{ display:block; color:#fff; background:#fff; border-color:#fff; margin:20px 0; }
        div#produto-sideRight h2{ color:#013e64; font-weight:normal; margin-bottom:10px; }
        div#produto-sideRight h2 span{ color:#b9b8bb; font-size:0.6em; }
        .referencia{ display:block; color:#8e8d92; margin-bottom:20px; }
        .infoValorProduto{ line-height:1.6em; font-size:1em; color:#8e8d92; margin-bottom:15px; padding:0 12px; }
        .titPromocao{ font-weight:bold; }
        .valorDe{ text-decoration: line-through; }
        .valorProduto{ font-size:1.5em; color:#013e64; font-weight:bold; }
        .valorParcelado{ color:#b6484b; font-size:1.5em; font-weight: bold; }
        .opcoesParcelamento{ text-align:right; width:355px; }
        .opcoesParcelamento a{ color:#9e0b0f; text-decoration:none; display:block; }
        .conteudoParcelamentos{ padding:10px; background:#838383; border: solid 2px #545454; color:#fff; text-align:left; position: relative; display:none; }
        .conteudoParcelamentos ul{ float:left; width:150px; list-style:none; }
        .conteudoParcelamentos ul li{ padding:5px 0; }
        .boxValorParcela{ padding-top:23px; }

        div#boxCores, div#boxTamanhos{ padding:0 12px; }
        div#boxCores ul{ list-style:none; }
        div#boxCores ul li{ display:inline; }
        div#boxCores ul li a{ float:left; display:block; margin-right:10px; }
        div#boxCores ul li a span img{ border:solid 1px #fff; vertical-align:bottom; }
        div#boxCores ul li a span{ border:solid 1px #9195b0; display:block; }
        div#boxCores ul li a.selected{ border-right:solid 2px #9195b0; border-bottom:solid 2px #9195b0; }

        div#boxTamanhos a.numeracaoProdutos{ 
            font-size:1.5em; 
            margin-right:10px; 
            color:#8e8d92; 
            text-decoration:none; 
            display:block; 
            float:left;
            width:20px;
        }
        div#boxTamanhos a.selected{ padding:3px; font-size:1.5em; color:#fff; background:#999; border:solid 1px #333; }

        div#boxQtdComprar{ padding:0 12px; text-align:right; }

        div#produto-sideRight{
            width:355px;
            float:right;            
        }        
        div#produtosRecomentados{
            
        }
        
        div#loadingImg{ 
            position:absolute; 
            z-index:1000; 
            width:32px; 
            height:32px; 
            left:50%;
            top:100px;
            margin-left:-16px;            
            display:none;
        }
        div#loadingImgTamanho{ display:none; }
        
        div#produtoDescricao{
            background:#a3b4c0;
        }
        div#produtoDescricao ul{ list-style:none; }
        div#produtoDescricao ul li{ display: inline; line-height:27px; }
        div#produtoDescricao ul li a{ float:left; display:block; color:#e3e9ec; padding:0 20px; font-size:1.4em; text-decoration:none; }
        div#produtoDescricao ul .selected{ background:#f3f3f4; color:#ababae; }
        
        div#produtoDescricao-content{ background:#f3f3f4; padding:10px; line-height:1.6em; }
        
        div#contentFotoProduto{ min-height:350px; margin-bottom:15px; }
        div#produto-imagem-thumb{ margin-bottom:30px; padding-left:20px; }
        div#produto-imagem-thumb a{ padding:0 5px; }
        div#produto-imagem-thumb h3{ text-transform:uppercase; color:#6f7f91; padding: 10px 0; font-size:1.4em; }
        div#loadingImgThumbs{ display:none; }


        .tamanhoConteudo{
            overflow: hidden;
        }
}

/* footer */
    div#footer .footer-content{ width:907px; margin:0 auto; }
    div#footer-formasPagamento{ padding:10px 0; background:#efefef; }
    div#footer-formasPagamento h5{ text-transform: uppercase; color:#575757; margin-bottom:12px; }
    div#footer-formasPagamentoSideLeft{ float: left; width:505px; }
    div#footer-formasPagamentoSideLeft ul{ list-style:none; }
    div#footer-formasPagamentoSideLeft ul li{ display:inline; }
    div#footer-formasPagamentoSideLeft ul li img{ float:left; padding:0 5px; background:#fff; border-top:solid 1px #c5c5c5; border-bottom:solid 1px #c5c5c5; }
    div#footer-formasPagamentoSideRight{ float:right; width: 285px; }
    div#footer-formasPagamentoSideRight-PrazoEntrega{ width: 135px; height:39px; padding:10px 0 0 150px; background:#fff url(imgs/ico-sedex.jpg) 15px center no-repeat; border-top:solid 1px #c5c5c5; border-bottom:solid 1px #c5c5c5; }

    div#footer-institucional{ padding:10px 0; background:#d1d1d1; text-align:center; color:#575757; }
    div#footer-institucional h5{ text-transform: uppercase; color:#004473; margin-bottom:12px; }
    div#footer-institucional a{ text-decoration: none; color:#575757; font-weight:bold; padding:0 5px; }
    div#footer-institucional a:hover{ text-decoration:underline; }
    div#footer-institucionalSideLeft{ float:left; width:284px; }
    div#footer-institucionalSideRight{ float:right; width:284px; }
    div#footer-institucionalSideCenter{}

    div#footer-atendimento{ padding:10px 0; background:#efefef; color:#525252; }
    div#footer-atendimento-menu{ padding-top:29px; }
    div#footer-atendimento-menu a{ text-decoration:none; color:#004473; font-weight:bold; padding:0 10px; }
    div#footer-atendimento-menu a:hover{ text-decoration:underline; }

    div#footer-copyright{ line-height:48px; background:url(imgs/bg-footerCopyright.png) left top repeat-x; color:#6e90a7; }
    div#footer-copyright .footer-content, div#footer-atendimento .footer-content{ text-align:center; }