﻿/* MASTER PAGE *********************************************************************************************/
body
{
margin: 0px auto;
}

#areaTopo
{
   margin: 0px auto;
}

#principal
{
    margin: 1px auto;
    width: 980px;
    min-height: 800px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#principal a
{
 text-decoration: none;
}

#fundoTopo
{
   position: relative;
   width: 100%;
   height: 213px;
   background-image: url('../../img/fundoTopo.jpg');
   background-repeat: repeat-x;   
}

#conteudoEsquerdo
{
    float: left;
    width: 630px;
    position: relative;
    margin-top: 2px;
}

#conteudoDireito
{
    margin-left: 3px;
    position: relative;
    width: 160px;
    float: left;
    margin-top: 2px;
}

#gridVideos
{
    position: relative;
}

#gridProdutos
{
    position: relative;
}

#imagemBanner
{
    position: relative;
     margin-left: 15px;
    margin-bottom: 2px;
}

#promo0
{
    position: relative;
    margin-bottom: 2px;
}

#promo1
{
    position: relative;
    margin-bottom: 2px;
}

#promo2
{
    position: relative;
    margin-bottom: 2px;
}

#promo3
{   
    position: relative;
}

.topo_menu
{
    background-repeat: repeat-y;
    background: #339999;
    color: White;
    position: relative;
    left: 0px;
    width: 100%;
    padding-top: 2px;
    padding-bottom:1px;
    float: inherit;
    min-height: 1px;
}

.titulo
{
    margin-left: 200px;
    margin-top: 0px;
    position: relative;
    top: 50px;
}

#areaEsquerda
{
    float: left;
    position: relative;
    margin-top: 2px;
    min-height: 1px;
}

.back_menu{
    width: 171px;
    min-height: 120px;
    background-color: transparent;
}

.styleMenuTopo
    {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: White;
	display: inline;
    list-style-type: none;

}

#separadorMenuTop
{
    background-image: url('../../img/separadorMenuTop.JPG');
    background-repeat: repeat-x;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    height: 1px;
    }

#conteudo
{
    width: 806px;
    position: relative;
    float: left;
    margin-left:3px;
    margin-top:1px;
}

/* FIM MASTER PAGE *********************************************************************************************/

/* CATEGORIA PAGE *********************************************************************************************/
.styleImgSeparador
{
 vertical-align:middle;
 text-align:center;
 background-repeat:no-repeat;   
}

/* FIM CATEGORIA PAGE *********************************************************************************************/

#bannerPortal
{
    margin-top: 5px;
    min-width: 1px;
}



.linksTopMenu
{
    text-decoration: none;
    font-size: 11px;
    color: White;
}


    .styleBotaoComprar
    {
    
        background-image:url('../../img/Shopping_Cart.png');
        background-repeat:no-repeat;
        background-attachment:scroll;
        background-position:right;
        width:126px; 
        height:26px;
        text-align:left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color:Black;
    
    }       
    
    .back_menuTopo{
        background-color:#BFDBF0;
        overflow:inherit;
        visibility:hidden; 
        position: absolute;
    }
    
    .area_banner{
        background-image:url('../../img/area_banner.gif');
        background-repeat:no-repeat;
        width:796px; 
        height:203px;
    }
    
    .area_promocoes{
    position: relative;
    top: 275px;
    left: 633px;
    height: 15px;
    width: 175px;
}
    
    .borda_topo{
        background-image:url('../../img/borda_topo.gif');
        background-repeat:no-repeat;
        width:815px; 
        height:6px;
    }
    
    .borda_lateral{
        background-image:url('../../img/borda_lateral.png');
        background-repeat: no-repeat;
        background-color:#BFDBF0; 
        width:136px; 
        height:940px;
    }

    .styleImgDetalhes
    {
        max-width: 300px;
        max-height: 350px;
        margin-left:80px;
        text-align:center;
    }
    
    .styleGrid
    {   
        border-style: hidden;
        border-width: thick;
        height: 100%;
        width: 100%;
    }
    
    .styleLinhaTopo
    {
        height: 65px;
        background-color: #AB8F2C;
    }
    
    .styleMenuTopText
    {
        color: #FFFFFF;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }
    
    .styleDestaque
    {
    height: 394px;
    width: 380px;
    text-align: center;
}

   

.styleDivMenuTopo
    {
    list-style:none;
	margin-left:-16px;
	margin-bottom:4px;
	vertical-align:top; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
}




 .styleCategoria
{
    list-style:none;
	/*vertical-align:top; */	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	 margin-top: 0px;
	  margin-left: 0px; 
	color: #0099CC;
	 padding-left: 15px;
}

 
.styleCategoria  a
{
        color: #0099CC;           
        text-decoration: none;

}
    
    .styleBanner
    {
        width: 100%;
        height: 30%;
        background-image: url('../../img/fundo-bg.jpg');
        background-repeat: no-repeat;
    }
    
    .stylePag
    {
        width: 100%;
        height: 70%;
        position: relative;
        top: 57px;
        left: 3px;
    }
    
    .styleDivMenu
    {
        background-image: url('../../img/lateral_esq2.gif');
        background-position: left;
        background-repeat: no-repeat;
    }
    
    td img
    {
        display: block;
    }

    
    
    .styleTextoDestaque
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin-left:4px;
        color: Red;
        text-align:left;
    }
    
    
    .styleTextoPreto
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin-left:2px;
        color: Black;
    }
    
    .styleTextoCombo
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin-left:2px;
        color: #0099CC ;
    }
        
 
    .style1
    {
        width: 136px;
    }
    .borda_lateral_dir
    {
        background-image: url('../../img/borda_lateral.png');
        background-repeat: no-repeat;
        background-color:#BFDBF0;
        width: 136px;
        height: 940px;
    }
 

    .style5
    {
        width: 3px;
    }
    .style6
    {
        width: 8px;
    }
    .style7
    {
        width: 4px;
    }
    .style8
    {
        width: 646px;
    }
    .style9
    {
        width: 158px;
    }
    .style10
    {
        width: 9px;
    }
    .style11
    {
        background-image: url('../../img/borda_lateral.png');
        background-repeat: no-repeat;
        background-color: #BFDBF0;
        width: 136px;
        height: 940px;
    }
    .style12
    {
        height: 1px;
        width: 9px;
    }
    .style13
    {
        background-image: url('../../img/area_promocoes.png');
        width: 159px;
        height: 212px;
    }
    
 
 
/* MENU ACCORDION *********************************************************************************************/

.menuAccordion{
    margin: 0;
    padding: 0;
    width: 171px;
    border:#CCC solid 1px;
    min-height: 0px;
    float:  none;
}

.menuAccordion div.silverheader a{
     border-bottom:1px #CCC solid;
    background: white top left;
    color:#000000;
    font-size:13px;  
     display: block;
    width: 169px;
    text-decoration: none;
    height:20px;
    padding:5px 0px 0px 2px;
}

.menuAccordion div.silverheader a:hover{ color:black}

.silverheader h2{ padding:0px; margin:0px; font-size:13px;}



.menuAccordion div.selected a{
    background: white;
    color: black;
}

.menuAccordion div.selected a:hover{
    background: white;
    color:black;
}

.menuAccordion div.silverheader a:hover{
color: #EE3B3B;
}

.menuAccordion div.submenu{
    padding: 0px 0 0 0;
    min-height: 1px;
    background: LightGoldenrodYellow top;
}

.submenu_item{
    width:160px;
    min-height: 18px;
    clear:left;
    border-bottom:2px #CCCCCC solid;
    color: black;
    font-size: 11px;
    margin-left:2px;
    padding:5px 0 0 2px;
}

.submenu_item2{
    width:171px;
    height:18px;
    clear:left;
    border-bottom:2px #CCCCCC solid;
    color:white;
    font-size: 11px;
    margin-left:2px;
    padding:5px 0 0 5px;
}

.submenu_item .submenu_item2, h3{margin:0px; padding:0px; font-size:11px; font-weight:normal}

.submenu_item a, .submenu_item2 a
{
color:#000000;
 text-decoration:none
 }

.submenu_item .submenu_item2, a:hover{color:#EE3B3B; text-decoration:none ;}

.submenu_0borda{border:none;}

.menuContribuicao
{
    
    margin: 0;
    padding: 0;
    width: 171px;
    min-height: 0px;
    float:  none;
}

.menuContribuicao a
{
    border-bottom:1px #CCC solid;
    background: white top left;
    color:#000000;
    font-size:13px;  
     display: block;
    width: 169px;
    text-decoration: none;
    height:20px;
    padding:5px 0px 0px 2px;
}
/* FIM MENU ACCORDION *********************************************************************************************/
