﻿body
{
    background-color: #cccccc;
    font-family: Tahoma, Arial;
    font-size: 12px;
    width: 100%;
    min-width:1000px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    display: block;
}

.MainBody
{
    width: 95%;
    background-color: White;
    margin-left: auto;
    margin-right: auto;
    display:block;
    height:auto;
}

.HeaderItem
{
    background-color: #5B0F4A;
    text-align: left;
}

.AboutItem
{
    text-align: justify;
    float: right;
    width: 200px;
    margin-right: 20px;
    margin-top: 10px;
    color: #7E366E;

    height: 320px;
}

.AboutItemContainer
{
    text-align: justify;
    width: 200px;
    overflow: hidden;
    height: 320px;
    border: solid 1px black;
}


/********MENU************/
.MenuItem
{
    font-family: Arial;
    font-weight: bold;
    font-variant: small-caps;
    color: White;
    width: 140px;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    background-color: #150511;
    padding-bottom: 12px;
    display: block;
}

.MenuItem div
{
    margin-top: 5px;
    padding: 5px 5px 5px 5px;
    background-color: Black;
}

.MenuItem div a
{
    color: White;
    text-decoration: none;
}

.MenuItem div a:hover
{
    color: #FF00C6;
}

/********CATEGORI MENU************/
.CategoryItem
{
    font-family: Arial;
    font-weight: bold;
    font-variant: small-caps;
    color: White;
    width: 140px;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    background-color: #150511;
    padding-bottom: 12px;
    display: block;
}

.CategoriaItem
{
    margin-bottom: 10px;
}

.CategoriaItem img
{
    border: solid 1px transparent;
}

.CategoriaItem img:hover
{
    border: solid 1px white;
}

.CategoriaItem a
{
    color: gray;
    text-decoration: none;
}

.CategoriaItem a:hover
{
    color: White;
    text-decoration: underline;
}
/*---------- Captions -------------*/

#mask-excerpt
{
    /* Set the position */
    position: absolute;
    z-index: 500; /* width should be lesser than #slider width */
    width: 200px;
    overflow: hidden;
    height: 20px;
}

#excerpt
{
    /* Opacity setting for different browsers */
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6; /* Clear the list style */
    list-style: none;
    margin: 0;
    padding: 0; /* Set the position */
    z-index: 10;
    position: absolute;
    top: 0px;
    width: 200px;
    background-color: #000;
    overflow: hidden;
    font-family: arial;
    font-size: 10px;
    color: #fff;
}

#excerpt li
{
    padding: 5px;
}

/************* Gallery *********************/

.gallery
{
    float: right;
    border: none 1px red;
    width: 200px;
    height: 330px;
    top: 5px;
    overflow: hidden;
    position: relative;
}

.mask-gallery
{
    overflow: hidden;
}

.mask-gallery ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
    width: 900px;
    overflow: hidden;
}

.mask-gallery ul img
{
    border: none 1px white;
}



/**************** Producto *************/
.Contenido
{
    float: right;
    width: 560px;
    text-align: left;
    left: 189px;
    position: absolute;
    display:block;
    background-color:White;
    
}

.NoticiasTitle
{
    font-family:Tahoma;
    font-size:18px;
    
    padding-bottom:5px;
    padding-top:5px;
    
    margin-top:20px;
    
    height:20px;
    vertical-align:middle;
    background-color:#4E4E4E;
    color:White;
}


.ProductoItem
{
    float: left;
    width: 260px;
    overflow: hidden;
    text-align:center;
    border:solid 1px gray;
    margin-right:0px;
    margin-top:3px;
    padding-bottom:0px;
    margin-left:10px;
    display:block;
    font-family:Tahoma, Arial;
    font-size:11px;
    font-weight:bold;
}

.ProductoItem img
{
    border:none 0px white;
}

.ProductoDesc
{
    color:#3143a9;
    padding-left:3px;
    padding-right:3px;
    height:auto;
}

.ProductoPrice
{
    font-weight:normal;
    font-variant:small-caps;
    color:Gray;
    text-align:left;
    margin-left:20px;
    clear:both;
    margin-top:5px;
}

.ProductoPriceActual
{
    font-weight:bold;
    color:Black;
}

.ProductoPriceOferta
{
    font-weight:bold;
    color:Red;
}

.ItemPrice
{
    z-index:9999;
    float:right;
    margin-right:0px;
}

/**********************************************/
.CategoriaItem
{
    float: left;
    overflow: hidden;
    text-align: center;
    display: block;
}

.Aviso
{
    
    text-align: justify;
    padding:4px 14px 4px 14px;
    color:#5B4B58;
    font-variant:small-caps;
    background-color:White;
    display:block;
}

.AvisoTitle
{
    font-weight:bold;
    font-size:12px;
    text-align:center;
    color:#9C1F6E;
    padding:5px 5px 5px 5px;
    font-variant:small-caps;
}

.MaterialItem
{
    float:left; width:200px;
    margin-right:14px;
    margin-bottom:20px;
    display:block;
}

.AvisoBlock
{
    margin-left:60px;
    
}

/*******DivPopup**************/
.DivPopup
{
    position:fixed;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    z-index:9999;
    text-align:center;
    height:100%;
    display:none;
    overflow:hidden;
    top:0px;
    background-color:White;

}

.DivPopupItem
{
    height:100%;
    overflow:auto;
    width:550px;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
    text-align:center;
    padding:10px 10px 10px 10px;
}

/****************** Formato Contacto ***********************/
.ContactoTitle
{
    font-weight:bold;
    font-size:12px;
    text-align:left;
    color:#9C1F6E;
    padding:0px 5px 3px 5px;
    font-variant:small-caps;
    width:100%;
    clear:both;
}

.ContactoItem
{
    float:left; width:400px;
    margin-right:14px;
    margin-bottom:10px;
    display:block;
}

.ContactoTxt
{
    background-color:White;
    border:solid 1px gray;
    font-family:Tahoma;
    width:80%;
    
}

.LabelCodProd
{
    background: black;
    color:white;
}

/********************** PAIS *************************/
.BoxFlag
{
    float:right;
    margin-right:20px;
    margin-top:5px;
    text-align:right;
    color:White;
}
.BoxFlagList
{
    display:none;
    color:white;
    margin:4px 4px 4px 4px;
}

.BoxFlagList img
{
    border:none 0px black;
}

.BoxFlagList a
{
    text-decoration:none;
    color:White;
}

.BoxFlagList a:visited
{
    color:White;
}

.BoxFlagList a:hover
{
    color:Yellow;
}
