.marca-container{
    width:39%;
    border:0px solid green;
}

.marca{            
    height:60px;
    float:left;
    margin:10px;
    display: block;
    border:0px solid red;
}



.text{
    float:left;
    border:0px solid blue;
    width:60%;
    
}

.market-left{
    float:left;
    padding:0px 0px 0px 0px;
    border-right:2px solid #8c8c8c;   /* 8c8c8c color replaced   4E586B*/
    width:68%;
    height:300px;
}
.market-right{
    float:right;
    border-left:2px solid #8c8c8c;
    padding-left:10px;
    margin:0px 3px 0px 0px;
    width:30%;
    overflow:hidden;
    height:300px;
}
                        
.page{
    min-height:300px;
    margin:0px 0px 0px 0px;        
}

.category-container{                  
    width:103%;
    margin-left:5px;
    float:left;
    clear:both;
}

.category{
    width:23%;
    margin:0px 10px 15px 0px;
    float:left;                
    height:240px;
    text-align:center;
                     
}
.category img{/*height:75%;*/ }

.category-title{ width:100%; height:40px;margin-top:3px;padding-top:3px; font-size:14px; color:black; }

.category-text{width:30%; float:right; }

.hmenu{width:100%;display:none; padding-top:20px;
background: #b1b2b4; /* Old browsers */
background: -moz-linear-gradient(top,  #b1b2b4 0%, #D8D8D8 10%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1b2b4), color-stop(10%,#D8D8D8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b1b2b4 0%,#D8D8D8 10%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b1b2b4 0%,#D8D8D8 10%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b1b2b4 0%,#D8D8D8 10%); /* IE10+ */
background: linear-gradient(to bottom,  #b1b2b4 0%,#D8D8D8 10%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b2b4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}


.hmenuClose{width:100%;height:30px;background-color:grey;color:white;margin-top:10px;border-bottom:1px solid black;boxtext-align:center;font-size:17px;padding-top:10px;
   -moz-box-shadow:    inset 0px -10px 20px #4B4B4B;
   -webkit-box-shadow: inset 0px -10px 20px #4B4B4B;
   box-shadow:        inset 0px -10px 20px #4B4B4B;
   border-top:1px solid #4B4B4B;
}
.hmenuClose:hover{background-color:#5a5a5a; color:#FF9898;cursor:pointer;}


.col {
    display: inline-block;
    margin-left: 5px;
    text-align: left;
    line-height: 30px !important;
    width:190px;
    margin-bottom: 30px;
    vertical-align: top;
}

.col img:hover {
    opacity: 1;

}
.col h4{text-align:center;}
.col img {                            
    margin-bottom: 10px;
    opacity: 0.4;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.col li:hover {
    background-color: #5a5a5a;
}

.col a:hover {
    color: #ffffff;
    text-decoration:none;
}

.col li {
    list-style: none;
    padding: 0 8px;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.col li a {
    text-decoration: none;
    color: #5a5a5a;
    width: 100%;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#footer{
    width:910px;  
    padding:0px 0px 0px 0px;  
    color:#5a5a5a;   
    font-family:Monotype Corsiva, Times, serif;
    font-size:17px;                   
}         

#footer-left{float:left;}
#footer-right{float:right;}



.slider-bottom{                                       
    width:100%;
    height:50px;
    border:1px solid white;    
}

/*                                              SUBCATEGORIES                     */

.subcat-pic{ width:360px; float:left; margin:10px 20px 10px 0px;padding-top:10px;}
.big{width:95%; max-height:300px;}                       
.small{width:110px; float:left; border:1px solid #5a5a5a; margin:5px 5px 5px 0px; max-height:111px;}
.subcat-text{width:50%; margin:0px 0px 0px 30px; float:left; text-align:left}
.subcat-product-title{width:100%;;float:left; text-align:left}
.subcat-product{text-align:left;float:left; margin:0px 10px 10px 0px; padding:10px 0px 0px 0px;position: relative;} 
.product-size{width:100%;height:30px;text-align:left;float:left; border-top:2px solid #8c8c8c; margin:0px 0px 10px 0px; padding:10px 0px 0px 0px;position: relative;}
.subcat-product-pic{position: relative;}
.subcat-product a{display: block;}
.subcat-product-description{float:left;}
.subcat-product-open{width:12%; height:100px;border-left:2px solid #8c8c8c; float:left;}
.subcat-product-open a{font-size:18px; color:#5a5a5a;}
.subcat-product-open a:hover{font-size:17px; text-decoration:none; }
.subcat-product img{height:auto;width:250px; float:left; margin:0px 10px 0px 0px;}




/*                                              SUBCATEGORIES       END              */



table.product{
    width:100%;
    float:left;
    font-size:15px;
    text-align:center;
}
.product th{                 
    background-color:#8c8c8c;
}
.product tr{                 
    background-color:#c2c2c2;
}
.product td{
    padding:2px 10px 2px 5px;
}



        
.tooltip { 
    /* by default, hide it */
    display: none; 
    /* allow us to move the tooltip */    
    position: absolute;       
    /* align the image properly */
    padding: 8px 0 0 8px; 
}

.tooltip img{             
    overflow:visible;
    width:330px;
    height:185px;
}

    .tooltip span.overlay { 
        /* the png image, need ie6 hack though */
        background: url(../images/overlay.png) no-repeat; 
        /* put this overlay on the top of the tooltip image */
        position: absolute;
        top: 0px; 
        left: 0px; 
        display: block; 
        width: 350px;         
        height: 200px;
    }








.page-shadow{              
    text-align:left;
    background:url('../images/page_shadow.png') no-repeat;

}
.page-normal{           
    text-align:left;
    padding:10px 30px 20px 30px;
    margin:1px 23px 0px 23px;
    background-color:#ffffff;    
    overflow: hidden;
    min-height:300px;
}

.page-normal-img{
    float:left;
    border:1px solid white;
    margin:0px 10px 10px 0px;
}

    
.page-normal h3,h2{text-align:center;}

.promoz{  
    cursor:pointer;                
    width:31%;
    max-height:320px;
    margin:10px 9px 30px 9px;
    float:left;
}           
.promoz img{                  
    width:100%;
    max-height:300px;
    float:left;
}
.promoz:hover{
    opacity:0.4;        
}
.promoz-title{
    width:100%;
    text-align:center;
    font-weight:600;
}


#wako {
    font-family: 'Courgette', cursive;    
    color:#474747;      
    width:40px;
    height:18px;    
    margin:5px 0px 0px 5px;                     
}
#wako:hover{    
    color:#0088cc;
    text-decoration:none;
}


.marketing{margin-top:-50px; margin-bottom:10px;}


.contact-table{float:left; margin-top:20px;}

.contact-details {
float: left;

width: 300px;             
padding-left: 45px;
}