#producto{    
    /* float: left; 
    width: 100%;
    padding: 45px 35px 15px;
    overflow: hidden;
    margin-bottom: 15px; */
}
#producto h3 { font-size: 20px; }   

#producto div.producto_imagen { 
    width: 40%; 
    max-width: 600px; 
    border-radius: 15px;
    padding: 15px;
    overflow: hidden;
}
#producto div.producto_imagen #imagenes {
    border-top: 1px solid var(--naranja-acento);
    margin-top: 15px;
    width: 100%;
    padding-top: 15px;
}
#producto a#foto_principal img{width:100%; padding: 0;}
#producto div#imgs ul{margin:0px;}

#producto ul li.thumb {list-style: none;float:left; width: 23%; margin: 1%;} 
#producto li.thumb img{width: 100%; cursor:pointer; padding: 0;} 

/*opciones del producto*/
#producto div#caja_compra{width: 60%; padding: 1% 3%;; color: var(--gris-1);}
#producto div#caja_compra form[name="consultar"] input {
    background: var(--naranja-acento) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 10px;
    color: var(--blanco-secundario);
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}
.precio.producto{
    font-size: 48px;
}
#producto div.precio_anterior{font-weight: bold; font-size: 18px;padding: 0 3px;color: var(--gris-1); text-align: left;}
#producto div.descuento {width: 100%; margin-bottom: 10px; }
#producto .descuento span {
    background: var(--naranja-acento) none repeat scroll 0 0;
    border-radius: 10px;
    color: var(--gris-1);
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    padding: 2px 15px;
    text-align: left;
    margin: 5px 0;
    display: inline-block;
}

#producto .datos-precio{color: var(--naranja-acento); font-size:20px;font-weight:bold;text-align:left; width: 100%;}
#producto div.precio{color: var(--naranja-acento); font-size:45px;font-weight:bold;text-align:left ; width: auto; line-height: 1.2;}
#producto div.detalle_precio {
    color: var(--gris-1);
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    width: 100%;
}
#producto div.entrega_producto {
    color: var(--gris-1);
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    width: 100%;
}

#producto #caja_opciones{float: left; width: 100%; }
#producto #caja_opciones div.titulo_opciones{ font-size: 100%; font-weight: bold;margin-top: 20px; color: var(--gris-1);}
#contenidos #producto input.cantidad-compra {
    /* border: 1px solid var(--gris-1);
    margin-top: 25px;
    margin-right: 2px;
    padding: 10px 0 10px 10px;
    width: 45px; */
}
#contenidos #producto .boton_compra .comprar-producto { }
#contenidos #producto .boton-consultar, #contenidos #producto .boton_compra .comprar-producto {
    background-color: var(--blanco-secundario);
    border: 2px solid var(--naranja-acento);
    border-radius: 0;
    color: var(--naranja-acento);
    display: block;
    font-size: 20px;
    margin-right: auto;
    margin-top: 23px;
    padding: 12px;
    text-align: center;
    max-width: 230px;
}
#contenidos #producto .boton-consultar:hover { color: var(--gris-1); }
#producto #imagenes div.titulo_opciones{display: none; font-size: 130%; font-weight: bold;margin-top: 20px;}
div.titulo_producto{display:none;font-size: 150%; font-weight: bold;}
div.opciones_producto {
    color: var(--gris-1);
    font-size: 26px;
    font-weight: bold;
}
select#opciones {
    /*background: var(--blanco-secundario) url("//cdn.senciweb.net/layouts/FE_default/default/img/flecha-select.png") no-repeat scroll right center / auto 100%;*/
    background: var(--blanco-secundario) url("/layouts/demobusiness/default/img/flecha-select.png") no-repeat scroll right center / auto 100%;
    font-family: var(--fuente-principal);
    padding: 7px;
    padding-right: 40px;
    border: 1px solid var(--gris-1);
    border-radius: 0;
    color: var(--gris-1);
    text-align: left;
    width: 100%;
    max-width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
select#opciones option{text-align:left; font-family: var(--fuente-principal);}
#producto div.desc_larga {width: 60%; padding: 1%; color: var(--gris-1); font-size: 14px;}

#producto div.paginacion{ clear:both;margin: 20px 0px;padding:0px; text-align: center}

/* imagenes */
#producto #imagenes{ float: left; width: 100%; margin: 10px 0;}
#producto #imagenes h3{ color: var(--naranja-acento);}
#producto #imagenes ul {  float: left;  list-style: outside none none;  width: 100%;}
#producto #imagenes li.imagenes_producto { 
    float: left;
    margin: 1%;
    width: 18%;
    position: relative
}
#producto #imagenes li a > span.glyphicon-film{ position: absolute; left: 2%; top: 2%;}
#producto #imagenes li img{width: 100%; margin-bottom: 5px; border-radius: 0;} 

/* videos */
#videos{ float: left; width: 100%; margin: 10px 0;}
#videos h3{ color: var(--naranja-acento);}
#videos ul{list-style: none;}
#videos li {
    float: left;
    margin: 1%;
    width: 18%;
    position: relative
}
#videos li a > span.glyphicon-film{ position: absolute; left: 2%; top: 2%;}
#videos li img{width: 100%;}

/*Informaciones*/
#producto div#info { float: left; width: 100%; margin: 10px 0;}
#producto div#info h3 { font-size: 18px}

#producto div#info {
    background: transparent;
    border: medium none;
    border-radius: 10px;
    box-shadow: none;
    margin-top: 15px;
    padding: 10px;
}
#producto div#info ul {
    background: var(--blanco-secundario);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
#producto div#info div.ui-widget-content {
    background: var(--blanco-secundario) none repeat scroll 0 0;
    border: 1px solid var(--gris-2);
    border-radius: 0;
    color: var(--gris-1);
    font-size: 15px;
    padding: 15px;
    margin-top: -1px;
    float: left;
    width: 100%;
}
#producto .ui-tabs .ui-tabs-nav li {
    float: left;
    background: var(--blanco-secundario) none repeat scroll 0 0;
    border: 1px solid var(--gris-2);
    border-bottom: none !important;
    border-radius: 0;
    padding: 0;
    margin-right: 1px;
}
#producto .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: var(--naranja-acento) none repeat scroll 0 0;
    border-radius: 0;
}
#producto .ui-tabs .ui-tabs-nav li a {
    float: left;
    color: var(--naranja-acento);
    font-size: 14px;
    padding: 5px 10px;
    outline: none;
}
#producto .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: var(--blanco-secundario);}

/* productos relacionados */

#producto #info-relacionados { float: left; width: 100%;}
#producto #info-relacionados h3{ color: var(--naranja-acento);}
#producto #info-relacionados div.elemento {
    float: left;
    margin: 1%;
    position: relative;
    width: 18%;
    border: 1px solid var(--gris-2);
    padding: 10px;
}
#producto #info-relacionados div.imagen{text-align:center;width:100%; overflow:hidden}
#producto #info-relacionados div.imagen img{width: 100%;margin:0px;}
#producto #info-relacionados div.enlace {
    color: var(--naranja-acento);
    font-size: 17px;
    font-weight: bold;
    max-height: 100%;
    overflow: hidden;
    padding: 2% 5%;
    text-align: left;
    width: 100%;
}


@media(max-width: 1200px) { 
    #producto #imagenes li.imagenes_producto { width: 19%;}
    #producto #videos li { width: 19%;}
    #producto #info-relacionados div.elemento { }
    #producto #info-relacionados div.enlace { line-height: 1.3; }
}

@media(max-width: 992px) {  
    #producto div.producto_imagen { width: 50%; }
    #producto div#caja_compra{width: 50%;}
    #producto div.descripcion {width: 100%; }
    #producto ul li.thumb {list-style: none;float:left; width: 31.3%; margin: 1%;} 
    #producto #imagenes li.imagenes_producto { width: 31.3%;}
    #producto #videos li { width: 31.3%;}
    #producto #info-relacionados div.elemento { margin: 1%; width: 31%;}
    #producto #info-relacionados div.enlace { line-height: 1.2; }
}

@media(max-width: 768px) {  
    #producto #imagenes li.imagenes_producto { width: 31.3%;}
    #producto #videos li { width: 31.3%;}
    #producto #info-relacionados div.elemento { margin: 1%; width: 31.3%; }
    #producto #info-relacionados div.enlace { line-height: 1; }
}

@media(max-width: 480px) {  
    #producto div.producto_imagen{width: 90%;}
    #producto div#caja_compra{width: 100%;}
    #producto div#caja_compra, #producto div.descripcion, #producto div.desc_larga {width: 100%;}
    #producto #imagenes li.imagenes_producto { width: 46%;}
    #producto #videos li { width: 46%;}
    #producto #info-relacionados div.elemento { margin: 1% 20%; width: 60%; }
    #producto #info-relacionados div.enlace { position: initial; }
}