﻿

/* PluginProductosRelacionados.ascx*/

@import "https://fonts.googleapis.com/css?family=Quicksand:400,300,200,600";


body {
    
    line-height:1.5;
    font-family: 'Titillium Web', Arial, Verdana !important;
    background-color:transparent !important;
}

.bx-wrapper {
    -moz-box-shadow:none !important;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow:none !important;
    border:none !important; 
    background-color: transparent !important;
    max-width:1550px !important;
}


a {
    text-decoration:none;
}


    a:hover {
        text-decoration:none !important;
    }

    a:focus {
        outline: none;
    }



h2 {
/*    font-size: 1.2em !important;
    color: #777;
    margin-top: 5px;
    padding: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;*/
}
h2 a
{
        text-decoration:none !important
}

.cuerpoPlugin{
    
    background-color:#f7f7f7    !important;
}

.PluginArticulosRelacionadosBxSlider{


    
}


.estadoArticuloPlugin1
{
    position: relative;
    bottom: 80px;
    right: 1px;
    float: left;
    font-weight: bold;
    font-size: 1em;
    color: #ffffff;
    letter-spacing: normal;
    border: solid 1px #109605;
    padding: 0 15px 0 5px;
    background-color: #109605;
    -webkit-box-shadow: 0 2px 1px 0 #777;
    -moz-box-shadow: 0 2px 1px 0 #777;
    /* box-shadow: 0 2px 1px 0 #777; */
    /* float: right; */
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px

}
.estadoArticuloPlugin2
{
    position: relative;
    bottom: 80px;
    right: 1px;
    float: left;
    font-weight: bold;
    font-size: 1em;
    color: #ffffff;
    letter-spacing: normal;
    border: solid 1px #06179f;
    padding: 0 15px 0 5px;
    background-color: #06179f;
    -webkit-box-shadow: 0 2px 1px 0 #777;
    -moz-box-shadow: 0 2px 1px 0 #777;
    /* box-shadow: 0 2px 1px 0 #777; */
    /* float: right; */
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px

}

.estadoArticuloPlugin3
{
    position: relative;
    bottom: 80px;
    right: 1px;
    float: left;
    font-weight: bold;
    font-size: 1em;
    color: #ffffff;
    letter-spacing: normal;
    border: solid 1px #fd8400;
    padding: 0 15px 0 5px;
    background-color: #fd8400;
    -webkit-box-shadow: 0 2px 1px 0 #777;
    -moz-box-shadow: 0 2px 1px 0 #777;
    /* box-shadow: 0 2px 1px 0 #777; */
    /* float: right; */
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px

}

.textoPrecioPlugin
{
    position: relative;
    bottom: 210px;
    left: 0;
    font-weight: bold;
    font-size: 1em;
    color: #ffffff;
    letter-spacing: normal;
    border: solid 1px #fd00d5;
    padding: 0 15px 0 5px;
    background-color: #fd00d5;
    -webkit-box-shadow: 0 2px 1px 0 #777;
    -moz-box-shadow: 0 2px 1px 0 #777;
    /* box-shadow: 0 2px 1px 0 #777; */
    float: right;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;

}


.tablaCeldaPluginProductosRelacionados
{
	text-align:center;
	vertical-align:middle;
	color: White;
	font-weight:bold;

	font-size:1.2em; 
    
	background-color: Transparent;/*  #ececec;  #ad8b05; #ececec;*/
	
	/*background-image :  url('../../images/Logo/Fondo-Azul1px.png');
	background-repeat:repeat-x;	*/
	/*height:30px;*/
	margin-left:0;
	padding-left:0;
	padding-top:1px;
	padding-bottom:2px;
    width:99%;

}


.contenedorPluginProductoRelacionado{
    border:1px Solid #f2f1f1;
    
    border-radius:5px;
    margin:5px;
    
    padding:0;

    text-align:center;
    height:400px;
    width:100%;
    /*width:280px;*/
    

    background-color:white !important;
    

}
    

.articulosRelacionadosBxSlider 
{
        
        
}
.bx-wrapper .bx-viewport { 

        /*background-color:#d176f1 !important;*/
        background-color:transparent;
        
}
.slide{
    /*width: 220px!important;*/
    
}



.contenedorImagenPluginProductoRelacionado{
    display:inline-block;
    /*margin-left:12%;
    margin-right:12%;*/
    padding:5px;
    margin:0;
    height:190px;

    
    

}
.imagenPluginProductoRelacionado{
    max-height:170px;
    min-height:150px;
    max-width:260px !important;

}
.PrecioFlotantePluginProductoRelacionado {
    position: absolute;
    /* float: right; */
    top: 140px;
    padding: 2px 5px 2px 15px;
    color: white;
    font-weight: bold;
    background-color: #d60513;
    /* line-height: 1; */
    border: 1px solid #d60513;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 0 5px 10px #777;
    -moz-box-shadow: 0 5px 10px #777;
    box-shadow: 0 5px 10px #777;
    right: 1px;
}

.precioAntiguoCatalogo{

    font-weight: bold;
    color: #d3d3d3;
    text-decoration: line-through;
    font-size:1.1em;
    

}

.precioEnteroCatalogo{
    
    font-size:1.5em;
    font-weight:bold;
}
.precioDecimalCatalogo{
    font-size:1em;
    font-weight:bold;
    
}

.precioConIVA{
    text-align:right !important;
    font-size:0.9em;
    padding:0;
    margin:0;
    display:block;
    
}
.etiquetaPrecioFlotantePluginProductoRelacionado{
        margin:0;
}

.DisponibilidadFlotantePluginProductoRelacionado{
    position:relative;
    
    top:125px;
    text-align:center;
    vertical-align:central;
    padding-left:5px;
    z-index:20;
    width:100%;

}
.enlaceImagenDisponibilidadFlotantePluginProductoRelacionado a
{

    text-decoration:none !important
}

.enlaceDisponibilidadFlotantePluginProductoRelacionado
{
    text-align:center;
    display:inline-table;
}
/*
.etiquetaDisponibilidadArticulo {
    color:#777;
    padding-left:1px;
    padding-right:1px;
    font-size:1em;
}
    */

.disponibilidadCatalogo1
{
	color:white !important;
	font-weight:bold;
    text-align:center;
    background-color: #17c317;
    padding: 3px;
    border-radius: 3px;
}

.disponibilidadCatalogo2
{
	color:#045cad;
	font-weight:bold;
	text-align:center;

}
.disponibilidadCatalogo3
{
	color:darkorange;
	font-weight:bold;
	text-align:center;
}

.disponibilidadCatalogo4
{
	color:white;
	font-weight:bold;
	text-align:center;
    padding: 1px 15px 1px 15px;

    background-color:#f11f18;
    border-radius:20px ;
}

.disponibilidadCatalogo5 
{
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 1px 15px 1px 15px;
    background-color: #ccce1e;
    border-radius: 20px;
}

.enlaceProductoCatalogoPluginProductoRelacionado{
    padding:1px;
    font-size:1.1em;
    
    height:190px;    
    width:99%;
    
    margin:0;
    
    position:absolute;
    bottom:10px;

    background-color:#f9f9f9;

}

.enlaceMarcaModeloPluginProductoRelacionado{
    color: black;
    position: relative;
    bottom: 15px;
    margin-top: 5px;
    padding: 0;
    font-family: inherit;
    font-weight: 500;
    line-height: normal;
    font-size:0.6em;

}
    .enlaceMarcaModeloPluginProductoRelacionado a a:hover {

        text-decoration:none !important;
        
    }

.catalogoAddToCartLinkPluginProductoRelacionado{
    color:black;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    padding: 5px 5px  4px 5px;
    
    width:265px;
    position:absolute;
    bottom:10px;
    left:6px;

}

.enlaceCatalogoAddToCartLinkPluginProductoRelacionado{
    vertical-align:bottom;
}


@media (max-width: 500px ) and (min-width: 200px) {

    .slide {
        width: 320px !important;
    }

    .enlaceProductoCatalogoPluginProductoRelacionado{
        width:99%;
    }
    .catalogoAddToCartLinkPluginProductoRelacionado
    {
        width:97%;
    }
    .DisponibilidadFlotantePluginProductoRelacionado
    {
        width:100%;
    }
}


/* PluginProductosRelacionados.ascx*/

