.fondoPrincipal
{
    background: url(../images/fondoFamilias.jpg);
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    padding-bottom:40px;
    padding-top:40px;
}
.fondoPrincipalProductos
{
    background: url(../images/fondoProductos.jpg);
    background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    padding-bottom:40px;
    padding-top:40px;
}
.tituloFamilia
{
    font-size:40pt;
    font-weight:bold;
    color:#DCDE02;
}
.contieneTitulo
{
    line-height:30px;
}

.imagenMas
{
    width:40px;
}


.subtituloFamilia
{
    font-size:10pt;
    font-weight:bold;
    color:#333;
}
.descripcionFamilia
{
    line-height:30px;
}

.descripcionSubFamilia
{
    line-height:30px;
}

.tituloSubFamilia
{
    font-size:12pt;
    font-weight:bold;
}

.imagenSlider
{

    cursor: pointer;
    max-height:170px;
    max-width:210px;
}

.btDetalles
{
    width:250px;
}

.brujula a
{
    text-decoration:none;
    color:#3D4952;
    font-weight:bold;
    font-size:9pt;
}

.brujula a:hover
{
    color:#DCDE02;
}

.seleccionado
{
    color:#DCDE02;
    font-weight:bold;
    font-size:9pt;
}


@media all and (max-width:1024px){}

@media all and (max-width:667px)
{
    .fondoPrincipal
    {
        background: url(../images/fondoFamilias.jpg) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        padding-bottom:20px;
        padding-top:30px;
    }
    .fondoPrincipalProductos
    {
        background: url(../images/fondoProductos.jpg) no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        padding-bottom:20px;
        padding-top:30px;
    }
    .tituloFamilia
    {
        font-size:32pt;
        font-weight:bold;
        color:#DCDE02;
    }

    .tituloFamiliaTxt
    {
        font-size:12pt;
        font-weight:bold;
    }

    .imagenMas
    {
        width:23px;
    }

    .subtituloFamilia
    {
        font-size:8pt;
        font-weight:bold;
        color:#333;
    }

    .descripcionFamilia
    {
        line-height:18px;
        font-size:10pt;
    }

    .descripcionSubFamilia
    {
        line-height:18px;
        font-size:10pt;
    }

    .contieneTitulo
    {
        line-height:22px;
    }

    .tituloSubFamilia
    {
        font-size:15pt;
        margin-bottom:5px;
    }

    .tituloProducto
    {
        font-size:14pt;
        font-weight:bold;
    }

    .imagenPrincipal
    {
        max-width:250px;
        max-height:350px;
    }

    .subTituloProducto
    {
        font-size:12pt;
        font-weight:bold;
    }

    .descripcionProducto
    {
        line-height:18px;
        font-size:10pt;
    }


    .brujula a
    {
        text-decoration:none;
        color:#3D4952;
        font-weight:bold;
        font-size:9pt;
    }

    .brujula a:hover
    {
        color:#DCDE02;
    }

    .seleccionado
    {
        color:#DCDE02;
        font-weight:bold;
        font-size:9pt;
    }

}

@media all and (max-width:375px)
{
    .fondoPrincipal
    {
        background: url(../images/fondoFamilias.jpg) no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        padding-bottom:20px;
        padding-top:20px;
    }
    .fondoPrincipalProductos
    {
        background: url(../images/fondoProductos.jpg) no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        padding-bottom:20px;
        padding-top:20px;
    }
    .tituloFamilia
    {
        font-size:18pt;
        font-weight:bold;
        color:#DCDE02;
    }

    .imagenMas
    {
        width:15px;
    }

    .subtituloFamilia
    {
        font-size:6pt;
        font-weight:bold;
        color:#333;
    }

    .descripcionFamilia
    {
        line-height:15px;
        font-size:7pt;
    }

    .descripcionSubFamilia
    {
        line-height:15px;
        font-size:7pt;
    }

    .contieneTitulo
    {
        line-height:15px;
    }

    .tituloSubFamilia
    {
        font-size:10pt;
        margin-bottom:5px;
    }

    .imagenPrincipal
    {
        max-width:150px;
        max-height:200px;
    }

    .tituloProducto
    {
        font-size:9pt;
        font-weight:bold;
    }

    .subTituloProducto
    {
        font-size:8pt;
        font-weight:bold;
    }

    .descripcionProducto
    {
        line-height:12px;
        font-size:5pt;
    }

    .imagenProdCaract
    {
        max-width:80%;
    }

    .btDetalles
    {
        width:150px;
    }

    .imagenSlider
    {
        max-height:120px;
        max-width:150px;
    }

    .brujula a
    {
        text-decoration:none;
        color:#3D4952;
        font-weight:bold;
        font-size:7pt;
    }

    .brujula a:hover
    {
        color:#DCDE02;
    }

    .seleccionado
    {
        color:#DCDE02;
        font-weight:bold;
        font-size:7pt;
    }

}

.menu-articulos{
    padding: 1px;
    /* background-color: #0C9A9A; */
    height: auto;
    margin-top: -20px;
    margin-left: 15px;

}
.detallesProducts{
    margin-top: -100px;
}
.fondoPrincipalProductos{
    /*   background-color: #0E9A00;*/
}
/*======================DISTRIBUIDORES==================================*/
.titClasifDistrib
{
    font-size:20pt;
    text-align:left;
    color:#fff;
    margin-left:40px;
    margin-bottom:5px;
    cursor:pointer;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.titClasifDistrib:hover
{
    font-size:20pt;
    color: #D5E10A;

}
.titClasifDistribSelec
{
    font-size:20pt;
    color: #D5E10A;
    text-align:left;
    margin-left:40px;
    margin-bottom:5px;
}


.titClasifDistribLR
{
    font-size:16pt;
    text-align:left;
    color:#fff;
    margin-left:5px;
    margin-bottom:5px;
    cursor:pointer;
}
.titClasifDistribSelecLR
{
    font-size:16pt;
    font-weight:bold;
    text-align:left;
    color:#fff;
    margin-left:5px;
    margin-bottom:5px;
}

.titSubClasifDistrib
{
    font-size:16pt;
    text-align:left;
    color:#fff;
    margin-left:30px;
    margin-bottom:5px;
    cursor:pointer;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
.titSubClasifDistrib:hover
{

    color:#D5E10A;

}
.titSubClasifDistribSelec
{
    font-size:16pt;
    text-align:left;
    color:#D5E10A;
    margin-left:30px;
    margin-bottom:5px;
}

.titSubClasifDistribLR
{
    font-size:8pt;
    text-align:left;
    margin-left:10px;
    margin-bottom:10px;
    cursor:pointer;
    color:#333;
    border-bottom:1px solid #CCC;
}

.titSubClasifDistribSelecLR
{
    font-size:8pt;
    text-align:left;
    color:#666;
    margin-left:10px;
    margin-bottom:10px;
    font-weight:bold;
    border-bottom:1px solid #CCC;
}

.txtDistri
{
    font-family: "DINE-ALT";
	font-size:13pt;
    text-align:left;
    margin-left:30px;
    margin-bottom:5px;
    color: #fff;
}

a.txtDistri
{
    font-size:100pt;
    text-align:left;
    margin-left:30px;
    margin-bottom:5px;
    text-decoration:none;
}

.txtBoldDistri
{
    font-family: "DINE-ALT";
	font-size:15pt;
    text-align:left;
    margin-left:30px;
    margin-bottom:5px;
	color: #ada8a8;
	font-weight:bold;
}


.widthCuadro
{
    width:1024px;
    height:546px;
}