/*   
Railef 
URI: http://www.railef.com
Version: 1
Author: Railef.com
Author URI: http://www.railef.com
*/

@import url(reset.css);
@import url(reset-fonts.css);
@import url(fonts.css);
@import url(menus.css);
@import url(menu-linea.css);
@import url(menu-h.css);
@import url(formulario.css);
@import url(editar.css);


body,
html {
    margin:0;
    padding:0;
    font-size: 16px;
    line-height: 22px;
    width:100%;
    height: 100%;

}

body {


    background: #eeeeee;

    color:#030303;
    margin:0;
    voice-family:inherit;
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 100%;

}

h1, h2, h3, h4, h5, h6 {
    width: 100%;
}


a:visited {
    text-decoration: none;
    outline: none;

}
a:link, a:visited {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    color: #c11515;
    text-decoration: none;
    outline: none;
}

a:active {
    color: #999;	
    outline: none;
}
a:hover {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    outline: none;
    text-decoration: none;
    color: #030303;

}

::selection {
    background: #C11515;
    color: #ffffff;
    text-shadow: none;
}
p {
    padding-bottom: 10px;
}

/* =============================================================================
   Layout
   ========================================================================== */

.ctr {
    float: left;
    width: 100%;
    z-index: 2;
    position: relative;
}
.enc-b {

    padding: 10px 0px 0px 0px;
    z-index: 3;
    position: relative;
    background: #fff200;

}
.txt-sup {
    float: left;
    padding: 5px 0px 0px 10px;
}
.txt-sup p {
    padding: 0px;
}
.ctr-html {
    width: 890px;
    float: left;
    padding: 15px;
    background-color: #ffffff;
    margin: 20px;
}
.ctd {
    width: 960px;
    margin: 0 auto;
}

.ctd-fnd {
    background-color: #f0f0f0;
    width: 100%;
    float: left;
    -webkit-box-shadow:  0px 0px 30px -5px  rgba(00, 0, 00, 0.4); 
    box-shadow:  0px 0px 30px -5px  rgba(00, 0, 00, 0.4);
    behavior: url(/css/css3pie/PIE.htc);
    z-index: 1

}
.ctn-960 {
    width: 920px;
    float: left;
    padding: 20px;
}
.ctn-960-t {
    width: 920px;
    float: left;
    padding: 0px;
}
.p-960 {
    width: 890px;
    float: left;
    padding: 15px;
    background-color: #ffffff;
    position: relative;
}
.ctd-art, .mis-pedidos, .dir-pedido  {
    width: 890px;
    float: left;
    padding: 15px;
    background-color: #ffffff;
    position: relative;	
    
}
#productos-lista {
    width: 100%;
    float: left;
}
h1.seccion-titulo, h1.orden-titulo {
    background-color: #c11515;
    color: #ffffff;
    font-weight: bold;
    font-size: 23px;
    line-height: 29px;
    text-transform: uppercase;
    padding: 7px 15px 6px 30px;
    float: left;
    display: block;
    position: relative;
    width: auto;
    margin-left: -30px;
    margin-bottom: 15px;
    clear: both;
}
#content .ctd-art {
padding: 0px;
clear: both;
}
h1.orden-titulo-der {
    background-color: #c11515;
    color: #ffffff;
    font-weight: bold;
    font-size: 23px;
    line-height: 29px;
    text-transform: uppercase;
    padding: 7px 15px 6px 15px;
    float: left;
    display: block;
    position: relative;
    width: auto;
    margin-left: 0px;
    margin-bottom: 15px;
}
.pedido-detalle {
    width: 100%;
    float: left;
    padding-top: 15px;
}
.pedido-detalles {
    width: 100%;
    float: left;
}
.pedido-detalles h3.pedido-titulo {
    width: 100%;
    float: left;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 27px;
}
.pedido-detalle h3.seccion-titulo {
    width: 100%;
    float: left;
    background-image: url(img/div-1-s.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 27px;

}
.no-hay {
    width: 100%;
    float: left;
    line-height: 27px;  
    font-size:22px;

    padding-top: 15px;
}
/*	box-shadow: #B6AC98;*/
#enc {
    position: relative;
    background-color: #222222;
    width: 100%;
    padding: 20px 0px;
    float: left;
}

#menu-superior {
    width: 700px;
    margin-top: 63px;
    margin-right: 20px;
    padding-bottom: 15px;
    background: transparent url(img/div-2.gif) repeat-x bottom;
}

#logo {
    position: absolute;
    width: 310px;
    height: 105px;
    top: 20px;
    left: 20px;
    background-image: url(img/logo.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
}

#pie {

    width: 100%;
    float: left;
    margin-top: 20px;
    -webkit-box-shadow:  0px 0px 30px 0px  rgba(00, 0, 00, 0.2);
    box-shadow:  0px 0px 30px 0px  rgba(00, 0, 00, 0.2);
    background: #fff200;

    behavior: url(/css/css3pie/PIE.htc);
}
.ctn-t-pie {
    width: 100%;
    float: left;
}
#pie h2, #pie a {
    color: #030303;
}
#pie a:hover {
    color: #444444;
}
#pie-cols .mapa {
    padding-bottom: 5px;
}
#pie-cols .mapa a {
    padding-left: 20px;
    background-image: url(img/mapa.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;

}
.ctn-pie-izq {
    width: 215px;
    float: left;
}
.ctn-pie-der {
    width: 215px;
    float: right;
}
.ctn-pie-der p {
    padding-bottom: 0px;
}
.ctn-pie-izq {
    padding-right: 20px 
}
#pie-cols .telefono {
    padding-left: 22px;
    background-image: url(img/telefono.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;

}
#pie-cols .email {
    padding-left: 22px;
    background-image: url(img/email.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;	

}
#pie-cols h2 {

    text-transform: uppercase;
    width: 100%;
    float: left;
    padding-bottom: 10px;

}
#pie-cols {
    float: left;
    width: 100%;
    padding: 20px 0px;

}
#pie-contacto {
    float: left;
    width: 470px;
    margin-right: 20px;	
}
#pie-menu, #pie-redes {
    float: left;
    width: 225px;
    margin-right: 20px;	
}
#pie-pagos {
    float: left;
    width: 225px;

}
#pie-inf {
    float: left;
    width: 100%;
    padding: 20px 0px;
    border-top: 5px solid #D6CB0A;
}

a.seleccionado {
    color: #a00;
}
.separador {
    width: 100%;
    height: 20px;
    float: left;
}
#carrito-previa {
    position: relative;
}

#carrito-previa-detalle {
    position: absolute;
    top: 44px;
    right: 0px;
    background: #ffffff;
    z-index: 100;
    width: 400px;
    padding: 10px;
    display: none;
    -webkit-box-shadow:  0px 0px 15px -1px  rgba(00, 0, 00, 0.2); 
    box-shadow:  0px 0px 15px -1px  rgba(00, 0, 00, 0.2);
    behavior: url(/css/css3pie/PIE.htc);
}
.ctn-previa {
    width: 100%;
    float: left;
    position: relative;
}
#carrito-previ .btn-comprar-rapido {
    float: left;
    padding: 5px;
    margin: 0 10px 0 0;
    color: #FFF;
    background: #802420;
    cursor: pointer;
}
.flch-pre {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #ffffff;
    position: absolute;
    top: -20px;
    right: 60px;
}
#carrito-previa-detalle table {
    width: 100%;
    float: left;
}
tbody {
    display: table-row-group;
    vertical-align: top;
    border-color: inherit;
    padding: 10px;
}
tr {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
tr.impares {
    background-color: #f0f0f0;
}
tr.pares {
    background-color: transparent;
}
tr.impares:hover, tr.pares:hover {
    background-color: #222222;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
tr.impares:hover a:hover, tr.pares:hover a:hover {
    color: #ffffff;
}
tr:hover .column-2 {
    color: #cccccc;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
tr:hover .column-2 span {
    color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
tr:hover .column-3, tr:hover .column-5,
.ver-mis-pedidos tr.impares:hover td.column-5,
.ver-mis-pedidos tr.pares:hover td.column-5 {
    color: #e82d2d;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#ctr-form-carrito-detalle tr:hover td.column-3,
#ctr-form-carrito-detalle tr:hover td.column-4,
.mis-pedidos tr:hover td.column-3,
.mis-pedidos tr:hover td.column-5,
.ver-mis-pedidos tr:hover td.column-3,
.ver-mis-pedidos tr.impares:hover td.column-4,
.ver-mis-pedidos tr.pares:hover td.column-4  {
    color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
td img {
    display: block;
    float: left;
}
td.column-1 {
    width: 60px;
    padding: 0px 0px 0px 10px;
    float: left;
}
.th-vacio {
    width: 60px;
    height: 22px;
    padding: 0px 0px 0px 10px;
    float: left;
}
th {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    float: left;
}

td.column-2 {
    padding: 0px 10px 0px 10px;
    width: 200px;
    float: left;
}
#ctr-form-carrito-detalle td.column-2, .th-producto {
    padding: 0px 10px 0px 10px;
    width: 420px;
    float: left;
}
#ctr-form-carrito-detalle td.column-2 span {
    font-size: 18px;
    line-height: 23px;
    padding-bottom: 10px;
    width: 100%;
    float: left;
    font-weight: bold;
}
#ctr-form-carrito-detalle td.column-2 label {
    width: auto;
    padding-right: 10px;
    float: left;
    padding-top: 12px;
}
#ctr-form-carrito-detalle td.column-2 select {
    width: 220px;
    float: left;
    padding-top: 12px;
}
td.column-2  {

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
td.column-2 span {
    font-size: 18px;
    line-height: 23px;
    font-weight: bold;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
td.column-3 {
    width: 70px;
    padding-right: 10px;
    float: right;
    color: #c11515;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#ctr-form-carrito-detalle td.column-3 {
    width: 100px;
    padding-right: 10px;
    float: left;
    color: #030303;
    font-size: 16px;
    line-height: 22px;
}

.mis-pedidos .th-npedido, .mis-pedidos td.column-1 {
    width: 100px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}
.mis-pedidos td.column-1 {

}
.mis-pedidos .th-fecha, .mis-pedidos td.column-2 {
    width: 170px;
    padding: 0px 10px 0px 0px;
    float: left;
}
.mis-pedidos td.column-3, .mis-pedidos .th-estado {
    width: 170px;
    padding-right: 10px;
    float: left;
    color: #030303;
    font-size: 16px;
    line-height: 22px;
}

.mis-pedidos td.column-4 {
    color: #c11515;
    font-size: 18px;
    line-height: 23px;
    width: 170px;
    padding-right: 10px;
    float: left;
}
.mis-pedidos .th-total {
    width: 170px;
    padding-right: 10px;
    float: left;
}
.mis-pedidos td.column-5, .mis-pedidos .th-pago-ver {
    width: 120px;
    padding-right: 10px;
    float: left;

    color: #030303;
    font-size: 16px;
    line-height: 22px;
}
.mis-pedidos td.column-6, .mis-pedidos .th-vacio  {
    width: 100px;
    float: left;
    padding: 0px;	
}
/*=================================*/


.ver-mis-pedidos .th-ref, .ver-mis-pedidos td.column-1 {
    width: 100px;
    padding-right: 10px;
    padding-left: 10px;
    float: left;
}
.ver-mis-pedidos td.column-1 {

}
.ver-mis-pedidos .th-descripcion, .ver-mis-pedidos td.column-2 {
    width: 350px;
    padding: 0px 10px 0px 0px;
    float: left;
}
.ver-mis-pedidos td.column-3 {
    width: 100px;
    padding-right: 10px;
    float: left;
    font-weight: normal;
    color: #030303;
    font-size: 16px;
    line-height: 22px;
}
.ver-mis-pedidos .th-cantidad {
    width: 100px;
    padding-right: 10px;
    float: left;
}

.ver-mis-pedidos td.column-4 {
    width: 170px;
    padding-right: 10px;
    float: left;

    color: #030303;
    font-size: 16px;
    line-height: 22px;
}
.ver-mis-pedidos .th-precio {
    width: 170px;
    padding-right: 10px;
    float: left;
}
.ver-mis-pedidos td.column-4 strong {

}

.ver-mis-pedidos td.column-5 {

    color: #c11515;
    font-size: 18px;
    line-height: 23px;
    width: 120px;
    padding-right: 0px;
    float: left;
}
.ver-mis-pedidos .th-importe {
    width: 120px;
    float: left;
    padding-right: 0px;
}
/*==================================*/
#ctr-form-carrito-detalle .th-precio {
    width: 100px;
    padding-right: 10px;
    float: left;

}
td.column-4, .th-cantidad {
    width: 126px;
    padding-right: 10px;
    float: left;
} 
td.column-4 input {
    width: 15px;
}
td.column-4 span {
    font-size: 18px;
    line-height: 23px;
}
td.column-5, .th-importe {
    width: 90px;
    padding-right: 10px;
    float: left;
}
td.column-5 {
    color: #c11515;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
}
td.column-6 {
    width: 24px;
    float: left;
}

span.quitar-item  {
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    padding: 0px;
    text-align: center;

    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -webkit-border-radius:100%;
    -o-border-radius: 100%;
    border-radius: 100%;


    background-color: #c11515;
    font-weight: normal;
    background-image: url(img/quitar.gif);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    behavior: url(/css/css3pie/PIE.htc);
}
span.quitar-item:hover {
    color: #fff;
    background-color: #555555;
    background-position: 0px 24px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.ttl-cesta {
    font-family: 'ProximaNovaCnRgBold', Helvetica, 'Helvetica Neue', Arial, sans-serif;
    font-size: 18px;
    line-height: 23px;
}
#copy {
    float: left;
    width: auto;
}

#railef {
    float: right;
    margin: 0 0;
    font-size: 12px;
}

#railef  span {
    text-transform: uppercase;
    font-family: 'i-r';
    font-size: 12px;
}
li.flch {
    width: 23px;
    height: 30px;
    float: left;
    background-image: url(img/flch.png);
    background-repeat: no-repeat;
    background-position: 0px 9px;
    text-indent: -9999px;
    padding: 0px 10px 0px 0px;

}
/* ===============
        Redes pie
        =============== */

a#facebook, a#twitter,a#pinterest, a#googleplusa, a#instagram, a#youtube {
    margin-right: 5px;
    margin-top:0px; 
    position: relative;
    float: left;
}

a#twitter {

    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 36px;
    height: 36px;
    padding: 0px;
    text-align: center;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -webkit-border-radius:100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-indent: -9999px;
    background-color: #03ABEC;
    font-weight: normal;
    background-image: url(img/twitter.png);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
    behavior: url(/css/css3pie/PIE.htc);

}

a:hover#twitter {
    color: #fff;
    background-color: #5fd0fd;
    background-position: 0px 36px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;

}

a#facebook  {
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    padding: 0px;
    text-align: center;

    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -webkit-border-radius:100%;
    -o-border-radius: 100%;
    border-radius: 100%;


    background-color: #3B5999;
    font-weight: normal;
    background-image: url(img/facebook.png);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    behavior: url(/css/css3pie/PIE.htc);
}
a:hover#facebook  {
    color: #fff;
    background-color: #6a87c5;
    background-position: 0px 36px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}


a#pinterest {

    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 36px;
    height: 36px;
    padding: 0px;
    text-align: center;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -webkit-border-radius:100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-indent: -9999px;
    background-color: #E4E0D6;
    font-weight: normal;
    background-image: url(img/pinterest.png);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
    behavior: url(/css/css3pie/PIE.htc);

}

a:hover#pinterest {
    color: #fff;
    background-color: #BA3246;
    background-position: 0px 36px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;

}

a#googleplus  {
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 36px;
    height: 36px;
    text-indent: -9999px;
    padding: 0px;
    text-align: center;

    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -webkit-border-radius:100%;
    -o-border-radius: 100%;
    border-radius: 100%;


    background-color: #E4E0D6;
    font-weight: normal;
    background-image: url(img/google.png);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    behavior: url(/css/css3pie/PIE.htc);
}
a:hover#googleplus  {
    color: #fff;
    background-color: #CA5540;
    background-position: 0px 36px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

a#instagram {

    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 36px;
    height: 36px;
    padding: 0px;
    text-align: center;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -webkit-border-radius:100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-indent: -9999px;
    background-color: #D73068;
    font-weight: normal;
    background-image: url(img/instagram.png);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
    behavior: url(/css/css3pie/PIE.htc);

}

a:hover#instagram {
    color: #fff;
    background-color: #D73068;
    background-position: 0px 36px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;

}

a#youtube {

    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width: 36px;
    height: 36px;
    padding: 0px;
    text-align: center;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    -webkit-border-radius:100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-indent: -9999px;
    background-color: #FF0000;
    font-weight: normal;
    background-image: url(img/youtube.png);
    background-position: 0px 0px;
    background-repeat: repeat-y;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
    behavior: url(/css/css3pie/PIE.htc);

}

a:hover#youtube {
    color: #fff;
    background-color: #FF0000;
    background-position: 0px 36px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;

}


/* =============================================================================
   Productos
   ========================================================================== */

.producto {
    float: left;
    width: 168px;
    margin-left: 20px;
    background-color: #ffffff;
    position: relative;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.producto-lst {
    float: left;
    width: 215px;
    margin-right: 20px;
    background-color: #ffffff;
    position: relative;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
/*
.producto:after {
content: '';
position: absolute;
bottom: -3px;
right: -3px;
width: 0;
height: 0;
margin: -16px 0 0;
border-bottom: 30px solid #EEEEEE;
border-left: 30px solid transparent;
}*/
.producto-after {
    content: '';
    position: absolute;
    bottom: -3px;
    right: -3px;
    width: 0;
    height: 0;
    margin: -16px 0 0;
    border-bottom: 30px solid #f0f0f0;
    border-left: 30px solid transparent;
}
.producto .imagen {
    position: relative;
    width: 168px;
    height: 252px;
}
.producto-lst .imagen {
    position: relative;
    width: 215px;
    height: 322px;
}

.producto .etiqueta,
.producto-lst .etiqueta {
    position: absolute;
    width: 168px;
    height: 34px;
    top: 10px;
    left: -10px;
}

#ctr-escaparates .producto.col-4 {
    margin-right: 0;
}
#productos-lista .producto-lst.col-2,
#produto-ofertas .producto-lst.col-2 {
    margin-right: 0;
}

.btn-listas-comprar span,  #btn-comprar span, #btn-enviar-consulta span, .btn-cesta-comprar span,
.btn-comprar-rapido span, .btn span, .btn-cesta-comprar span,
button.btn span  {
    float: left;
    background-color: rgba(24, 108, 255, 1);
    padding: 12px 30px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 13px;
    font-weight: bold;
    -webkit-border-radius: 2px;    
    border-radius: 2px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
    behavior: url(/css/css3pie/PIE.htc);
}
.btn-listas-comprar span:hover,  #btn-comprar span:hover, #btn-enviar-consulta span:hover, .btn-cesta-comprar span:hover,
.btn-comprar-rapido span:hover, .btn span:hover, .btn-cesta-comprar span:hover,
button.btn span:hover {
    float: left;
    background-color: rgba(24, 108, 255, 0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

}
.btn-listas-comprar, #btn-comprar, .btn-comprar-rapido, .btn {

    border: 1px solid #0052e3;
    float: left;
    -webkit-border-radius: 2px;    
    border-radius: 2px;
    background: #186cff;
    background: -moz-linear-gradient(top,  #186cff 0%, #0052e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#186cff), color-stop(100%,#0052e3));
    background: -webkit-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: -o-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: -ms-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: linear-gradient(to bottom,  #186cff 0%,#0052e3 100%);
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);


    behavior: url(/css/css3pie/PIE.htc);
}

.btn-listas-comprar.reserva,
#btn-comprar.reserva {

    border: 1px solid #7a0e0e;
    float: left;
    -webkit-border-radius: 2px;    
    border-radius: 2px;
    background: #c11515;
    background: -moz-linear-gradient(top, #c11515 0%, #7a0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c11515), color-stop(100%,#7a0e0e));
    background: -webkit-linear-gradient(top, #c11515 0%,#7a0e0e 100%);
    background: -o-linear-gradient(top, #c11515 0%,#7a0e0e 100%);
    background: -ms-linear-gradient(top, #c11515 0%,#7a0e0e 100%);
    background: linear-gradient(to bottom, #c11515 0%,#7a0e0e 100%);
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);


    behavior: url(/css/css3pie/PIE.htc);
}
.btn-listas-comprar.reserva span,
#btn-comprar.reserva span {
    float: left;
    background-color: rgba(193, 21, 21, 1);
    padding: 12px 30px;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 13px;
    font-weight: bold;
    -webkit-border-radius: 2px;    
    border-radius: 2px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
    behavior: url(/css/css3pie/PIE.htc);
}

.btn-listas-comprar.reserva span:hover,
#btn-comprar.reserva span:hover {
    float: left;
    background-color: rgba(193, 21, 21, 0);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

}

button.btn, button.btn:hover  {
    border: 1px solid #0052e3;
    float: right;
    -webkit-border-radius: 2px;    
    border-radius: 2px;
    background: #186cff;
    background: -moz-linear-gradient(top,  #186cff 0%, #0052e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#186cff), color-stop(100%,#0052e3));
    background: -webkit-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: -o-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: -ms-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: linear-gradient(to bottom,  #186cff 0%,#0052e3 100%);
    text-align: center;
    text-decoration: none;
    background-position: 0px 0px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);


    behavior: url(/css/css3pie/PIE.htc);
}
#btn-enviar-consulta  {

    border: 1px solid #0052e3;
    float: right;
    -webkit-border-radius: 2px;    
    border-radius: 2px;
    background: #186cff;
    background: -moz-linear-gradient(top,  #186cff 0%, #0052e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#186cff), color-stop(100%,#0052e3));
    background: -webkit-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: -o-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: -ms-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: linear-gradient(to bottom,  #186cff 0%,#0052e3 100%);
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);


    behavior: url(/css/css3pie/PIE.htc);
}
.btn-listas-comprar:hover, #btn-comprar:hover, .btn-comprar-rapido:hover  {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

    behavior: url(/css/css3pie/PIE.htc);
}
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186cff', endColorstr='#153d87',GradientType=0 );*/
.btn-volver {
    width: 300px;
    float: left;
    padding-top: 10px;
}
ul.dir-envio li.btn-volver {
    padding-bottom: 0px;
    padding-top: 0px;
}
.btn-volver a {
    color: #030303;

    background-image: url(img/flch-izq.gif);
    background-position: 7px 2px;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    behavior: url(/css/css3pie/PIE.htc);

    border: 1px solid #cccccc;
    font-weight: bold;
    padding: 12px 30px 12px 40px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 13px;
    font-weight: bold;

    float: left;
}
.btn-volver a:hover {
    color: #555555;
    background-position: 0px 2px;

}
.btn-cesta-comprar {
    float: left;
    width: 100%;
    padding-top: 10px;
    border-top: 5px solid #eeeeee;
}
#ctr-form-carrito-detalle .btn-cesta-comprar {
    float: left;
    width: 590px;

    padding-top: 10px;
    border-top: 0px solid #eeeeee;
}
#ctr-form-carrito-detalle .ctr {
    width: 100%;
    float: left;
    border-top: 5px solid #eeeeee;
}
.btn-cesta-comprar a {

    border: 1px solid #0052e3;
    float: right;
    -webkit-border-radius: 2px;    
    border-radius: 2px;
    background: #186cff;
    background: -moz-linear-gradient(top,  #186cff 0%, #0052e3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#186cff), color-stop(100%,#0052e3));
    background: -webkit-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: -o-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: -ms-linear-gradient(top,  #186cff 0%,#0052e3 100%);
    background: linear-gradient(to bottom,  #186cff 0%,#0052e3 100%);
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);


    behavior: url(/css/css3pie/PIE.htc);
}
.btn-listas-comprar {
    margin-top: 10px;
}
.btn-listas-comprar:hover, #btn-comprar:hover, #btn-enviar-consulta:hover,
.btn-cesta-comprar:hover, .btn-comprar-rapido:hover {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#ctr-escaparates .ctn-textos {
    width: 138px;
    padding: 15px;
    float: left;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

}
.producto-lst .ctn-textos {
    width: 185px;
    padding: 15px;
    float: left;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.ctr-titulo-precio {
    width: 100%;
    float: left;
    height: auto!important;
    height: 97px;
    min-height: 97px;
}
.ctn-textos h3 {
    font-size: 20px;
    line-height: 25px;
    color: #030303;
    width: 100%;
    float: left;
    font-family: "avg-md";

}
/*font-family: 'c-bd';*/
.ctn-textos h3 a {
    color: #030303;
}
.ctn-textos h3 a:hover {
    color: #C11515
}
.ctn-textos .intro {
    width: 100%;
    float: left;
    padding-top: 10px;

}
.ctn-textos .precio {
    width: 100%;
    float: left;
    padding-top: 5px;
    color: #999999;

}
.ctn-textos p {
    padding-bottom: 0px;
    font-size: 14px;
}
.ctn-textos .precio .actual {
    width: 100%;
    float: left;
}
.ctn-textos .precio span.precio-actual {
    color: #c11515;
    font-size: 16px;
    font-weight: bold;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.ctn-textos .precio span.anterior  {
    color: #030303;
    font-size: 16px;
    font-weight: normal;
    text-decoration: line-through;
    float: left;
    padding-right: 10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.actual {
    width: 100px;
    float: left;
}
.p-iva {
    width: 100%;
    float: left;
}
.imagen, .imagen img  {

    float: left;
}
.imagen  a img, .prod-mini img, td.column-1 a img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    float: left;
}/*
.imagen  a:hover img, .prod-mini img:hover, td.column-1 a:hover img  {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

}*/
/* -webkit-filter: sepia(100%);*/
/*
.prod-mini.seleccionado img:hover  {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}*/
/* =============================================================================
   Listas
   ========================================================================== */
.categoria-banner, .enc-titulo, .productos {
    float: left;
    width: 100%;
    position: relative;
}
.productos {
    padding-top: 20px;
}

#ctr-paginador{
    float: left;
    width: 100%;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 5px solid #cccccc;
    padding-bottom: 20px;
}

#paginador {
    float: right;
    width: auto;
}
#paginador div {
    float: left;
    min-width: 20px;
    height: 30px;
    line-height: 30px;

    position: relative;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: center;
}
#paginador .pag {
    float: left;
    min-width: 20px;
    height: 30px;
    margin: 0px 3px 0px 0px;
    line-height: 30px;
    position: relative;
    background: #ffffff;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: center;
    color: #030303;
}
#paginador .selec {
    float: left;
    min-width: 20px;
    height: 30px;
    margin: 0px 3px 0px 0px;
    line-height: 30px;
    position: relative;
    background: #c11515;
    cursor: pointer;
    color: #ffffff;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-align: center;
}
#paginador .susp {
    min-width: 20px;
    text-align: center;
    height: 30px;
    margin: 0px 3px 0px 0px;
    line-height: 30px;
}
#paginador .pag:hover {
    background-color: #dddddd;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#paginador .pag:after,
#paginador .selec:after  {
    content: '';
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    margin: -4px 0 0;
    color: #eeeeee;
    border-bottom: 8px solid #EEEEEE;
    border-left: 8px solid transparent;
}
.pag-izq, .pag-der {
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-indent: -99999px;
    background-color: #ffffff;
}
.pag-izq {

    background-image: url(img/flch-izq.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin: 0 3px 0 0;
    behavior: url(/css/css3pie/PIE.htc);
}
.pag-izq-des {
    background-image: url(img/flch-izq.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin: 0 3px 0 0;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
    background-color: #ffffff;
    opacity:0.4;
    filter:alpha(opacity=40);
    behavior: url(/css/css3pie/PIE.htc);
}
.pag-der {
    background-image: url(img/flch-der.gif);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    behavior: url(/css/css3pie/PIE.htc);
}
.pag-der:hover {
    background-position: 30px 0px;
    background-color: #dddddd;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.pag-izq:hover {
    background-position: -30px 0px;
    background-color: #dddddd;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;

}
/* =============================================================================
   Cargador
   ========================================================================== */
#cargador {
    background: #333 url(img/cargador.gif) no-repeat center;
    color: #fff;
    width:24px;
    height:24px;
    position:fixed;
    padding: 10px;
    top: 50%;
    left: 50%;

    -webkit-box-shadow:  0px 0px 7px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:  0px 0px 7px 0px rgba(0, 0, 0, 0.4);
    box-shadow:  0px 0px 7px 0px rgba(0, 0, 0, 0.4);

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display:none;
    z-index: 1100;
    margin-left: -17px;
    margin-top: -17px;
    behavior: url(/css/css3pie/PIE.htc);
}

/* =============================================================================
   Modal
   ========================================================================== */
#overlay {
    position:fixed; 
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#222222;
    opacity:0.75;
    filter:alpha(opacity=75);
    z-index: 52;
}

#modal {
    position:absolute;
    background: #cccccc;
    padding:0px;
    z-index: 53;
    -webkit-box-shadow:  0px 2px 7px 0px rgba(00, 00, 00, 0.5);

    box-shadow:  0px 2px 7px 0px rgba(00, 00, 00, 0.5);
}

#content {
    background:#fff;
    padding: 20px 20px 20px 20px;
    float: left;
}

#close {
    position:absolute;
    background:url(modal/cerrar.gif) 0 0 no-repeat;
    width:32px;
    height:32px;
    display:block;
    text-indent:-9999px;
    top:15px;
    right:15px;
}
/*	=================
        modal contenido
        =================*/
.ctn-modal {
    float: left;
    padding-top: 10px;
}
.ctn-modal.a-pedido {
    width: 420px;
}
.ctn-modal.a-pedido-ir {
    width: 215px;
}
.ctn-modal .ctn-ficha {
    width: 100%;
    float: left;
    border-bottom: 5px solid #cccccc;
}

.ctn-modal .ref {
    width: 100%;
    float: left;
    font-size: 15px;
    padding-bottom: 10px;
}

.ctn-modal #producto-precio {
    width: 100%;
    float: left;
    padding: 15px 0px;
}
.ctn-modal #producto-precio span {
    color: #c11515;
    font-size: 18px;
    font-weight: bold;
}
.ctn-modal #producto-precio span#precio-rapido {
    font-size: 22px;
    padding-right: 10px;
}

.ctn-modal .opciones {
    padding: 15px 0px;
    float: left;
    width: 100%;
    border-top: 1px solid #cccccc;
}

.ctn-modal .op-select {
    width: 280px;
    float: left;
    margin-right: 15px;
}
.ctn-modal .op-select select {
    width: 180px;
    float: left;

}
.ctn-modal .op-unidad {
    width: 125px;
    float: left;
}
.ctn-modal .op-unidad input {
    width: 15px;
    float: left;
}
.ctn-modal .op-unidad label {
    width: 78px;
    float: left;
}
.ctn-modal .op-select label {
    width: 90px;
    float: left;
}

.ctn-modal #producto-btns {
    border-top: 1px solid #cccccc;
    padding: 15px 0px 0px;
    float: left;
    width: 100%;
}
.ctn-modal .sin-stock {
    float: left;
    padding: 10px 30px;
    background-color: transparent;
    color: #030303;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    border: 1px dotted #030303;
    margin-left: 15px;
    margin-top: 4px 
}
.btn-comprar-rapido span {
    width: 358px;
}
.btn  { 

    margin-top: 15px;

}
.ctn-modal.a-pedido-ir h2 {
    font-size: 18px;
    padding-bottom: 15px;
    float: left;
    font-weight: normal;

}
/* =============================================================================
   Cesta
   ========================================================================== */

.quitar-item {
    cursor: pointer;
}

#col-izq {
    float: left;
    width: 420px;
    padding: 15px;
    background-color: #ffffff;
}
#col-der {
    float: right;
    width: 420px;
    padding: 15px;
    background-color: #ffffff;
}
#ClienteOrdenInicioForm {
    width: 100%;
    float: left;
    padding-top: 20px	
}
ul.dir-envio, .ctn-450 {
    float: right;
    width: 420px;
    padding: 15px;
    background-color: #ffffff;
    position: relative;
}
#form-login input, .observar input {
    width: 258px;
    float: left;
}

ul.dir-envio li {
    width: 100%;
    float: left;
    padding-bottom: 10px;

}
.observar, .pedido-lista {
    float: left;
    width: 420px;
    padding: 15px;
    background-color: #ffffff;
    position: relative;

}
#buscador-filtros {
    float: left;
    width: 655px;
    padding: 15px;
    background-color: #ffffff;
    position: relative;
    margin-top: 15px;
}
#buscador-filtros select {
    width: 515px;
    float: left;
}
.observar, ul.dir-envio {
    min-height: 240px;
    height: auto !important;
    height: 240px;
}
#ClienteOrdenInicioForm input {
    width: 258px;
    float: left;
}
#ClienteOrdenInicioForm select, .observar select {
    width: 280px;
    float: left;
}
.m-t20 {
    margin-top: 20px;
}
.m-b20 {
    margin-bottom: 20px;
}
.m-b15 {
    margin-bottom: 15px;
}
/* =============================================================================
        Progreso compra
        ========================================================================== */

#progreso-orden {
    padding: 20px 10px 10px 10px;
}
#progreso-orden, #progreso-orden ul {
    float: left;
    width: 940px;

}

#progreso-orden ul li {
    display: block;
    float: left;
    padding-top: 40px;
    text-align: center;
    width: 235px;
    font-size: 16px;
    text-transform: uppercase;
}

#progreso-orden ul li.paso-1,
#progreso-orden ul li.paso-2,
#progreso-orden ul li.paso-3,
#progreso-orden ul li.paso-4 {

    background-image: url(img/progreso-orden-1.gif);
    background-repeat: no-repeat;
    background-color: transparent;
}
#progreso-orden ul li.paso-1.seleccionado,
#progreso-orden ul li.paso-2.seleccionado,
#progreso-orden ul li.paso-3.seleccionado,
#progreso-orden ul li.paso-4.seleccionado  {

    background-image: url(img/progreso-orden-2.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    color: #c11515;
}
#progreso-orden ul li.paso-1.completado ,
#progreso-orden ul li.paso-2.completado ,
#progreso-orden ul li.paso-3.completado ,
#progreso-orden ul li.paso-4.completado  {

    background-image: url(img/progreso-orden-3.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    color: #cccccc;
}
#progreso-orden ul li.paso-1 {
    background-position: 101px 0px;
}
#progreso-orden ul li.paso-2 {
    background-position: -134px 0px;
}
#progreso-orden ul li.paso-3 {
    background-position: -369px 0px;
}
#progreso-orden ul li.paso-4 {
    background-position: -604px 0px;
}
.ctn-920 {
    width: 890px;
    float: left;
    padding: 15px;
    background-color: #ffffff;
}
.input-izq label, .input-der label, .input-comp label {
    width: 140px;
}
.input-izq, .input-der {
    width: 435px;
    float: left;
    padding-bottom: 10px;
}
.input-comp {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
.input-comp textarea {
    width: 718px;
}
.input-izq {
    padding-right: 20px;
}
.input-izq input, .input-der input {
    width: 263px;
    float: left;
}
.input-izq  select, .input-der select {
    width: 285px;
    float: left;
}
.vrfq-vc {
    width: 855px;
    padding: 15px 15px 15px 50px;
    float: left;
    font-size: 18px;
    line-height: 23px;
    background-color: #FFFDD5;
    background-image: url(img/atencion.png);
    background-repeat: no-repeat;
    background-position: 15px 9px;
    margin-bottom: 15px; 
    -webkit-border-radius: 2px;
    color: #030303;
    border-radius: 2px;
    behavior: url(/css/css3pie/PIE.htc);
}
#ctr-form-carrito-detalle .vrfq-vc {
    width: 825px;

}
#cuerpo-col-izq {
    float: left;
    width: 215px;
    padding: 20px 0 0 20px;
}

#cuerpo-col-der {
    float: right;
    width: 685px;
    padding: 20px 20px 0 0;
}

.seleccionado {
}

#buscador{
    width: 290px;
    float: right;
    padding: 29px 20px 0 0;
}
#buscador input {
    border: 1px solid #444444;
    -webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.7);
    float: right;
    padding: 5px 25px 5px 5px;
    font-size: 16px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-align: left;
    width: 260px;
    color:#dddddd;

    behavior: url(/css/css3pie/PIE.htc);
    background: #222222 url(img/buscar.png) no-repeat 270px 7px;
}
#buscador input:focus, #buscador input:hover {
    border: 1px solid #777777;
}

.imagen {
    position: relative;
    float: left;
}

.imagen span {
    width: 100%;
    height: 100%;
    border: 0px solid rgba(34, 34, 34, 0);
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    behavior: url(/css/css3pie/PIE.htc);

}

.imagen:hover span,
.producto:hover .imagen span,
.producto-lst:hover .imagen span  {
    border: 7px solid rgba(34, 34, 34, 1);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.producto:hover .ctn-textos h3 a,
.producto:hover .ctn-textos,
.producto-lst:hover .ctn-textos h3 a,
.producto-lst:hover .ctn-textos {
    color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.producto:hover .ctn-textos .precio,
.producto-lst:hover .ctn-textos .precio,
.producto-destacado:hover .ctn-textos .precio  {
    color: #cccccc;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.producto:hover .ctn-textos .precio-actual,
.producto-lst:hover .ctn-textos .precio-actual,
.producto-destacado:hover .ctn-textos .precio-actual {
    color: #E82D2D;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.producto:hover .ctn-textos .precio .anterior,
.producto-lst:hover .ctn-textos .precio .anterior,
.producto-destacado:hover .ctn-textos .precio .anterior {
    color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.producto:hover,
.producto-lst:hover {
    background-color: #222222;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#banners-home {
    background-color: #eeeeee;
    width: 920px;
    float: left;
    padding: 20px;
    -webkit-box-shadow:  0px 0px 40px 0px  rgba(00, 0, 00, 0.5); 
    box-shadow:  0px 0px 40px 0px  rgba(00, 0, 00, 0.5);
    behavior: url(/css/css3pie/PIE.htc);
    position: relative;
}
#banner-home-izq {
    width: 450px;
    float: left;
    padding-right: 20px;
    line-height: 0px;
}
#banner-home-der {
    width: 450px;
    float: left;
    line-height: 0px;
}
#banner-home-izq p,
#banner-home-der p {
    padding-bottom: 0px;
    float: left;
    display: block;
    position: relative;
    margin: 0;
}
.modulo-col {
    width: 100%;
    float: left;
    padding-bottom: 15px;
}
.modulo-col .titulo {
    background-color: #c11515;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 7px 20px 6px 30px;
    float: left;
    position: relative;
    margin-left: -30px;
    margin-bottom: 15px;
}
.modulo-col .t-fcbk {
    background-color: #3B5999;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 7px 20px 6px 30px;
    float: left;
    position: relative;
    margin-left: -30px;
    margin-bottom: 15px;
}
.ctd-ctgr  {
    position: absolute;
    bottom: 15px;
    left: -10px;
    display: block;
}
.ctd-ctgr h1 {
    background-color: #c11515;
    color: #ffffff;
    font-weight: bold;
    font-size: 23px;
    line-height: 29px;
    text-transform: uppercase;
    padding: 7px 15px 6px 30px;
    float: left;
    display: block;
    position: relative;
    width: inherit;
}
h1.titulo-sb {
    background-color: #c11515;
    color: #ffffff;
    font-weight: bold;
    font-size: 23px;
    line-height: 29px;
    text-transform: uppercase;
    padding: 7px 15px 6px 15px;
    float: left;
    display: block;
    position: relative;
    width: auto;
}

.ctd-ctgr h1 {

    color: #ffffff;
}
.triangulo-enc {
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 5px solid #7A0E0E;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #7A0E0E;
}
.triangulo-enc-f {
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 5px solid #243A63;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid #243A63;
}
.modulo-col ul {
    width: 100%;
    float: left;
}
.modulo-col ul li {
    width: 100%;
    float: left;
    border-top: 1px solid #cccccc;
}
.modulo-col ul li:first-child {
    border-top: 0px solid #cccccc;
}
.modulo-col ul li ul li:first-child {
    border-top: 1px solid #cccccc;
}
.modulo-col ul li ul li {
    border-top: 1px solid #333333;
}
.modulo-col ul li ul li:first-child {
    border-top: 1px solid #333333;
}
.modulo-col ul li ul li ul li {
    border-top: 1px solid #555555;
}
.modulo-col ul li ul li ul li:first-child {
    border-top: 1px solid #555555;
}
.modulo-col ul li a,
.modulo-col ul li a:link,
.modulo-col ul li a:visited   {
    color: #030303;
    padding: 7px 0px;
    display: block;
}
.modulo-col ul li a:hover {
    padding: 7px 7px;
    background-color: #ffffff;
    color: #c11515;
}
.modulo-col ul li a.seleccionado {
    padding: 7px 7px;
    background-color: #c11515;
    font-weight: bold;
    color: #ffffff;
}
.modulo-col ul li ul li a,
.modulo-col ul li ul li a:link,
.modulo-col ul li ul li a:visited   {
    color: #cccccc;
    padding: 7px 7px;
    display: block;
    background-color: #222222;
}
.modulo-col ul li ul li a:hover {
    padding: 7px 14px;
    background-color: #333333;
    color: #ffffff;
}
.modulo-col ul li ul li a.seleccionado {
    padding: 7px 14px;
    background-color: #fff200;
    font-weight: bold;
    color: #030303;
}

.modulo-col ul li ul li ul li a,
.modulo-col ul li ul li ul li a:link,
.modulo-col ul li ul li ul li a:visited   {
    color: #cccccc;
    padding: 7px 14px;
    display: block;
    background-color: #444444;
}
.modulo-col ul li ul li ul li a:hover {
    padding: 7px 21px;
    background-color: #555555;
    color: #ffffff;
}
.modulo-col ul li ul li ul li a.seleccionado {
    padding: 7px 21px;
    background-color: #196DFF;
    font-weight: bold;
    color: #ffffff;
}

.seccion-texto {
    width: 100%;
    float: left;
    padding-top: 20px;
    border-bottom: 5px solid #cccccc;
}
.seccion-texto-c {
    width: 100%;
    float: left;
    padding: 0px 0px 5px 0px;
    border-bottom: 5px solid #cccccc;
}
.producto-destacado, .fnd-fcbk {
    width: 185px;
    float: left;
    padding: 15px;
    background-color: #ffffff;
    margin-bottom: 1px;
    position: relative;
}
.div-dest  {
    width: 100%;
    float: left;
}

#agrupados  {
    width: 100%;
    float: left;
    position: relative;
}

#ctr-productos-destacados {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

#productos-destacados {
    width: 100%;
    float: left;
    position: relative;
}

#btn-agrupados-izq {
    float: left;
    cursor: pointer;
    display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	    margin-left: 0px;
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 0px;
	padding: 0px;
	text-align: center;
-webkit-border-radius: 7px 0px 0px 7px;
        border-radius: 7px 0px 0px 7px;
font-weight: normal;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
		background-image: url(img/btn-carrousel-izq.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	behavior: url(/css/css3pie/PIE.htc);
	text-indent: -9999px;
	background-color: #222222;	
}
#btn-agrupados-izq:hover {
    color: #fff;
   background-color: #444444;
    background-position: -40px 0px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#btn-agrupados-der {
    margin-left: 1px;
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 0px;
    float: left;
    cursor: pointer;
    display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	padding: 0px;
	text-align: center;
-webkit-border-radius: 0px 7px 7px 0px;
        border-radius: 0px 7px 7px 0px;
font-weight: normal;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
		background-image: url(img/btn-carrousel-der.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	behavior: url(/css/css3pie/PIE.htc);
	text-indent: -9999px;
	background-color: #222222;	
}

#btn-agrupados-der:hover {
    color: #fff;
   background-color: #444444;
    background-position: 40px 0px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.producto-destacado .imagen {
    width: 60px;
    float: left;
    padding-right: 15px;
}
.producto-destacado .ctn-textos {
    padding: 0px;
    float: right;
    width: 110px;
}
.producto-destacado .ctn-textos h3 {
    font-size: 16px;
    line-height: 22px;
}
.producto-destacado .ctn-textos .precio span {
    font-size: 14px;

}
.producto-destacado .ctn-textos p {
    font-size: 13px;

}
.producto-destacado  .btn-listas-comprar span {

    padding: 7px 17px;
    color: #fff;

    font-size: 12px;
    line-height: 11px;

}


.producto-destacado:hover .ctn-textos h3 a,
.producto-destacado:hover .ctn-textos {
    color: #ffffff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.producto-destacado:hover .ctn-textos .precio span.precio-actual {
    color: #E82D2D;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.producto-destacado:hover {
    background-color: #222222;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#orden-col-izq {
    width: 450px;
    float: left;
}
#orden-col-der {
    width: 450px;
    float: right;
}
#form-login {
    float: left;
    width: 420px;
    padding: 15px;
    background-color: #ffffff;
    position: relative;
}
.ctn-reg {
    float: right;
    width: 420px;
    padding: 15px;
    background-color: #ffffff;
    position: relative;
}
.marcas {
    float: right;
}
.pb-15 {
    padding-bottom: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}

h2.enc-titulo,
h3.enc-titulo {
    float: left;
    display: block;


    background-color: #c11515;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 7px 18px 6px 15px;
    float: left;
    position: relative;
    margin-bottom: 15px;
    width: auto;
    margin: 0;
}

.enc-titulo h1 {

}

.ctr-observaciones {
    float: left;
    width: 100%;
    background: #f0f0f0;
    margin: 0 0 15px 0;
}

.observaciones {
    float: left;
    width: 890px;
    padding: 15px;
}
.error-l {
    color: #c11515;
    width: 100%;
    float: left;
    padding-bottom: 10px; 
}
::-webkit-input-placeholder  { color:#777777; }
input:-moz-placeholder { color:#777777; }

#selector-idioma {
    position: absolute;
    top: 15px;
    right: 15px;
    left: auto;
}

#selector-idioma li {
    float: left;
}
#selector-idioma li.menu-sep {
	display: block;
width: 1px;
height: 13px;
background-color: #444444;
margin: 4px 10px 0 10px;
float: left;
}

#selector-idioma li a {
    color: #DDDDDD; 
    line-height: 16px;
}
#selector-idioma li a:hover {
    color: #fff200; 
    line-height: 16px;
}

#selector-idioma li a.seleccionado {
    color: #ffffff; 
    font-weight: bold;
}

.tex-form {
    float: left;
    width: 100%;
} 

#selector-moneda {
    position: absolute;
    top: 15px;
    right: 90px;
    left: auto;

}

#selector-moneda li  {
    color: #DDDDDD; 
    line-height: 16px;
    font-size: 16px;
        float: left;
    cursor: pointer;
}
#selector-moneda li:hover {
    color: #fff200; 
    line-height: 16px;
}


#selector-moneda li.seleccionado  {
    color: #ffffff; 
    font-weight: bold;
    line-height: 16px;
font-size: 16px;
}

#selector-moneda li span {
    padding-left: 10px;
        padding-top: 3px;
    float: left;
        line-height: 16px;
    font-size: 16px;
}
#selector-moneda li.seleccionado span {
 padding-top: 2px;}
 
#form-carrito-detalle {
    float: left;
}

.relaionados .producto-lst.col-2 {
    margin: 0;
}
#selector-listas {
	float: left;
width: 685px;
padding: 20px 0px 0px 0px;
border-bottom: 5px solid #222222;
}
#selector-listas a {
	padding: 0px 30px 0px 30px;
font-size: 15px;
line-height: 40px;
height: 40px;
position: relative;
float: left;
display: block;
float: left;
background-color: #444444;
background-repeat: no-repeat;
background-position: 10px 6px;
margin: 6px 3px 0px 0px;
position: relative;
float: left;
display: block;
color: #ffffff;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
z-index: 9;
position: relative;
cursor: pointer;
-webkit-border-radius: 2px;
border-radius: 2px;
behavior: url(/css/css3pie/PIE.htc);
-webkit-transition: background-color .3s ease-out;
-moz-transition: background-color .3s ease-out;
-o-transition: background-color .3s ease-out;
transition: background-color .3s ease-out;
}
#selector-listas a.seleccionado {
	line-height: 49px;
height: 49px;
background-color: #222222;
margin: 1px 3px 0px 0px;
font-weight: bold;
color: #ffffff;
border-radius: 2px 2px 0 0;
background-position: 10px 11px;
z-index: 10;
position: relative;
behavior: url(/css/css3pie/PIE.htc);
}
#selector-listas a:hover {
	background-color: #222222;
-webkit-transition: background-color .3s ease-out;
-moz-transition: background-color .3s ease-out;
-o-transition: background-color .3s ease-out;
transition: background-color .3s ease-out;
}

.abre-ventana {
    cursor: pointer;
}
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* SQL log */
.cake-sql-log {
    background: #fff;
}
.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
    font-family: Monaco, Consolas, "Courier New", monospaced;
}

.cake-sql-log th {
    padding: 4px 8px;
}

.cake-sql-log caption {
    color:#000;
}