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

#producto div.producto_imagen {
    float: left; 
    width: 40%; 
    max-width: 600px; 
    border-radius: 15px;
    padding: 15px;
    overflow: hidden;
}
#producto div.producto_imagen #imagenes {
    border-top: 1px solid #bc3c5d;
    float: left;
    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{display: flex; flex-direction: column; justify-content: flex-start; width: 60%; padding: 1% 3%;; color: #000;}
#producto div#caja_compra form[name="consultar"] input {
    background: #bc3c5d 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{font-weight: bold; font-size: 18px;padding: 0 3px;color: #707070; text-align: left;}
#producto div.descuento { float: left; width: 100%; margin-bottom: 10px; }
#producto div.descuento span {
    background: #bc3c5d none repeat scroll 0 0;
    border-radius: 10px;
    color: white;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    padding: 2px 15px;
    text-align: left;
    margin: 5px 0;
}
#producto div.precio span {color: #bc3c5d; font-size:20px;text-align:left; float: left; width: 100%;}
#producto div.precio{color: #bc3c5d; font-size:30px;text-align:left ; float: left; width: auto; line-height: 1.2;}
#producto div.detalle_precio {
    float: left;
    color: #707070;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    width: 100%;
}
#producto div.entrega_producto {
    float: left;
    color: #707070;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    width: 100%;
}

#producto #caja_opciones{float: left; width: 100%; padding: 1% 3%;}

/* ----------------------------------------------------------- */

.radioPadre{
    margin-top: 2%;
    border:  2px solid #9E9E9E;
    width: 100%;
}

@media(max-width: 1080px) {  

    #producto #caja_opciones{width: 100%;}
    .radioPadre{width: 100%;}
}
/* ----------------------------------------------------------- */


#producto #caja_opciones div.titulo_opciones{ font-size: 100%; font-weight: bold;margin-top: 20px; color: #707070;}
#contenidos #producto input.cantidad-compra {
    float: left;
    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 {
margin-top: 0px !important;
}
#contenidos #producto .boton-consultar:hover { color: #707070; }
#producto #imagenes div.titulo_opciones{display: none; font-size: 20px; font-weight: bold;margin-top: 20px;}
div.titulo_producto{font-size:24px; }
div.opciones_producto {
    color: #707070;
    font-size: 20px;

}
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/demobusiness/default/img/flecha-select.png") no-repeat scroll right center / auto 100%;
    font-family: "Open sans";
    padding: 7px;
    padding-right: 40px;
    border: 1px solid #707070;
    border-radius: 0;
    color: #707070;
    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.desc_larga {float: left; width: 60%; padding: 1%; color: #707070; 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: #bc3c5d;}
#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: #bc3c5d;}
#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: #fff;
    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: #ffffff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    color: #707070;
    font-size: 15px;
    padding: 15px;
    margin-top: -1px;
    float: left;
    width: 100%;
}
#producto .ui-tabs .ui-tabs-nav li {
    float: left;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-bottom: none !important;
    border-radius: 0;
    padding: 0;
    margin-right: 1px;
}
#producto .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #bc3c5d none repeat scroll 0 0;
    border-radius: 0;
}
#producto .ui-tabs .ui-tabs-nav li a {
    float: left;
    color: #bc3c5d;
    font-size: 14px;
    padding: 5px 10px;
    outline: none;
}
#producto .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #fff;}

/* productos relacionados */

#producto #info-relacionados { float: left; width: 100%;}
#producto #info-relacionados h3{ color: #bc3c5d;}
#producto #info-relacionados div.elemento {
    float: left;
    margin: 1%;
    position: relative;
    width: 18%;
    border: 1px solid #dbdbdb;
    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: #bc3c5d;
    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%; margin: 5%; }
    #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; }
}

#imagenes{
    width: 80%;
    margin:0 auto;
}

#videos{
    width: 80%;
    margin:0 auto;
    float:none !important;
}

#info{
    width: 80%;
    margin:0 auto;
}

#info-relacionados{
    width: 80%;
    margin:0 auto;
}

#info-relacionados a{
    width: 33%;
}

#entradas_comentarios{
    width: 80%;
    margin:0 auto;
}

#imagenes h3{
    padding-bottom: 40px;
}

#imagenes ul{
    display: inline;
    padding: 0;
    margin: 0;
}

.imagenes_producto{
    width: 33%;
}

.marca{
    margin-top: 20px;
}