#producto{    
    float: left; 
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}
#producto h3 {
    color: #e40033;
    font-family: "bebasneue";
    font-size: 30px;
}  

#producto div.producto_imagen {
    background-color: #eeeeee;
    float: left; 
    width: 40%; 
    max-width: 600px; 
    border-radius: 0;
    padding: 1%;
    overflow: hidden;
}
#producto div.producto_imagen #imagenes {
    float: left;
    width: 100%;
    margin: 5px 0 0;
}
#producto div.producto_imagen #imagenes ul {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
}
#producto a#foto_principal img{width:100%; padding: 0; border-radius: 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{float: left; width: 60%; padding: 1%;; color: #000;}
#producto div#caja_compra form[name="consultar"] input {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}
#producto div.precio_anterior{float: left; font-weight: bold; font-size: 18px;padding: 0 3px;color: #000; text-align: left;}
#producto div.descuento { float: left; }
#producto div.descuento span {
    background: #000000 none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding: 0 15px;
    text-align: left;
}
#producto div.precio span.texto_oferta { display: none !important; color: #e40033; font-size:20px;font-weight:bold;text-align:left; float: left; width: 100%;}
#producto div.precio span.iva_inc { color: #e40033; font-size:20px;font-weight:bold;text-align:left; float: left; width: 100%;}
#producto div.precio {
    color: #e40033;
    float: left;
    font-size: 38px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    width: 100%;
}
#producto span.con_iva {
    float: left;
    width: 100%;
}
#producto div.detalle_precio {
    float: left;
    color: #000;
    padding: 3px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    width: 100%;
}
#producto div.entrega_producto {
    float: left;
    color: #000;
    padding: 3px;
    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: 17px; font-weight: bold;margin-top: 0; color: #000; margin-top: 10px;}
#contenidos #producto input.cantidad-compra {
    border: 1px solid #000000;
    border-radius: 10px;
    float: left;
    margin-right: 2px;
    margin-top: 8px;
    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: #e40033;
    border: 1px solid #e40033;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 20px;
    margin-left: 0;
    margin-right: auto;
    margin-top: 5px;
    padding: 5px 12px;
    text-align: center;
    font-weight: bold;
}
#contenidos #producto .boton-consultar:hover { color: #000; }
#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: #000000;
    font-size: 13px;
    font-weight: normal;
}
select#opciones {
    /*    background: #ffffff url("http://cdn.senciweb.net/layouts/FE_default/default/img/flecha-select.png") no-repeat scroll right center / auto 100%;*/
    background: #ffffff url("/layouts/riverguru/default/img/flecha-select.png") no-repeat scroll right center / auto 100%;
    font-family: "Open sans";
    padding: 7px;
    padding-right: 40px;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    text-align: left;
    width: 100%;
    max-width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
select#opciones option{text-align:left; font-family: "Open sans";}
#producto div.marca {float: left; width: 60%; padding: 1%; font-size: 14px;}
#producto div.marca .titulo_marca {float: left; width: 100%; }
#producto div.marca .img_marca {float: left; width: 100%; }
#producto div.marca .nombre_marca {float: left; width: 100%; }
#producto div.descripcion {float: left; /*width: 60%;*/ padding: 1%; font-size: 13px;}
#producto div.desc_larga {float: left; /*width: 60%;*/ padding: 1%; color: #000; 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{ }
#producto #imagenes ul {  float: left;  list-style: outside none none;  width: 100%;}
#producto #imagenes li.imagenes_producto { 
    float: left;
    margin: 3px 1%;
    width: 23%;
    position: relative
}
#producto #imagenes li a > span.glyphicon-film{ position: absolute; left: 2%; top: 2%;}
#producto #imagenes li.imagenes_producto img {
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    border: none;
    padding: 0;
} 

/* videos */
#videos{ float: left; width: 100%; margin: 10px 0;}
#videos h3{ }
#videos ul{list-style: none;}
#videos li {
    position: relative;
    box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.75);
    float: left;
    margin-right: 1%;
    padding: 5px;
    width: 14%;
}
#videos li a > span.glyphicon-film {
    background: #ffffff none repeat scroll 0 0;
    color: #000000;
    left: 2%;
    position: absolute;
    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: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 48%, #dedede 100%) repeat scroll 0 0;
    border-radius: 0;
    margin-top: 15px;
    padding: 20px 30px 30px;
}
#producto div#info ul {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    list-style: outside none none;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
}
#producto div#info div.ui-widget-content {
    background: #ffffff none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    color: #000;
    font-size: 14px;
    padding: 17px;
    text-transform: inherit;
    margin-top: -1px;
    float: left;
    width: 100%;
}
#producto .ui-tabs .ui-tabs-nav li {
    float: left;
    background: #959595 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-bottom: none !important;
    border-radius: 0;
    padding: 0;
    margin-right: 1px;
}
#producto .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
}
#producto .ui-tabs .ui-tabs-nav li a {
    float: left;
    color: #e40033;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 10px;
    text-transform: uppercase;
    outline: none;
}
#producto .ui-tabs .ui-tabs-nav li a:hover { text-decoration: underline; }
#producto .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #e40033;}

#producto div[id^="info-"] ul { list-style: inside !important; margin-bottom: 10px !important; }
#producto div[id^="info-"] ul li { padding-left: 40px; }

/* productos relacionados */

#producto #info-relacionados { float: left; width: 100%;}
#producto #info-relacionados h3{ }
#producto #info-relacionados div.elemento {
    position: relative;
    float: left;
    margin: 5px 1%;
    overflow: hidden; 
    position: relative;
    text-align: left;
    width: 23%;
    border: none;
    border-radius: 0;
    padding: 0;   
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: none;
}
#producto #info-relacionados div.imagen{
    display: flex;
    flex-flow: column nowrap;
    float: left;
    justify-content: center;
    width: 100%;
    z-index: 1;
}
#producto #info-relacionados div.imagen img{width: 100%;margin:0px;}
#producto #info-relacionados div.enlace_categoria {
    color: #e40033;
    font-size: 17px;
    text-align: left;
    width: 100%;
    z-index: 2;
}
#producto #info-relacionados div.enlace {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #ffffff;
    font-family: bebasneue;
    font-size: 20px;
    font-weight: bold;
    z-index: 2;
    min-height: 77px;
    overflow: hidden;
    padding: 2% 5%;
    position: absolute;
    text-align: left;
    width: 100%;
}
#producto #info-relacionados div.descripcion {
    background-color: rgba(228, 0, 51, 0.8);
    color: #ffffff;
    display: none;
    font-family: "Work Sans",sans-serif;
    font-size: 13px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 25px 10px;
    position: absolute;
    text-align: justify;
    top: 0;
}
#producto #info-relacionados div.elemento:hover div.descripcion {
    display: block;
}


@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; }
    #producto #info-relacionados div.descripcion { z-index: 2;}
}

@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; }
    #producto #info-relacionados div.elemento {width:40%; margin: 5px 5%;}
    #producto #info-relacionados .imagen { flex-flow: nowrap;}
    #producto #info-relacionados div.descripcion { z-index: 1;}
}

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

@media(max-width: 480px) {  
    #producto div.producto_imagen{width: 90%; margin: 5%; }
    #producto div#caja_compra{width: 100%;}
    #producto div#caja_compra, #producto div.descripcion, #producto div.desc_larga {width: 100%;}
    #imagenes li.imagenes_producto { width: 46%;}
    #videos li { width: 46%;}
    #producto #info-relacionados {
        float: left;
        width: 100%;
        display: flex;
        flex-flow: wrap;
    }
    #producto #info-relacionados div.elemento { margin: 5px 2%; width: 96%; max-width: 250px }
    #info iframe { max-width: 100% !important; height: auto;  }
}