/*
	#9B253F - Granate
        #561C5B - Lila
*/

/******* GENERAL CSS *******/
html {
        height: 100%; 
        margin-bottom: 1px;
        overflow-y: scroll;
}

body {
        float: left;
/*	text-align:center;  */
	font-family: Arial, Tahoma, Verdana;
  	color:#666;
 /*	background: #fff url("../imagenes/layout/fondos.png") bottom left repeat-x; */
  	font-size:13px;
        min-height: 100%;
        top: 0;
        width: 100%;
}

div.size {
	width: 900px;
	margin: 0 auto;
	position:relative;
        text-align: center;
}

.clear {
	clear:both;
}

.muy-muy-grande {
        font-size: 25px;
}

.muy-grande {
        font-size: 22px;
}

.grande {
        font-size: 20px;
}

.medio {
        font-size: 18px;
}

.pequeño {
        font-size: 14px;
}

.muy-pequeño {
        font-size: 11px;
}

.gris-oscuro {
        color: #333;
}

.granate {
        color: #9B253F !important;
}

.lila {
        color: #561C5B !important;
}

.bold {
        font-weight: bold;
}

h1, h2, h3 {
        margin-bottom: 20px;
}

.button {
        padding: 5px 10px;
        border-radius: 6px;
        background: #561C5B;
        color: #fff;
        text-decoration: none;
        border: 2px solid #561C5B;
        cursor: pointer;
}

.button:hover {
        background: #fff;
        border: 2px solid #561C5B;
        color: #561C5B;
}

input.button {
        padding: 2.5px 10px;
        border-radius: 6px;
        background: #561C5B;
        color: #fff;
        text-decoration: none;
        border: 2px solid #561C5B;
        cursor: pointer;
}

input.button:hover {
        background: #fff;
        border: 2px solid #561C5B;
        color: #561C5B;
}

.button-inactivo {
     /*   padding: 2.5px 10px;
        border-radius: 6px; */
        background: #666 !important;
   /*     color: #fff;
        text-decoration: none; */
        border: 2px solid #666 !important;
        cursor: default !important;
}

.button-inactivo:hover {
        background: #666 !important;
        border: 2px solid #666 !important;
        color: #fff !important;
        cursor: default !important;
}

.button-inverso {
        padding: 5px 10px;
        border-radius: 6px;
        background: #fff;
        color: #561C5B;
        text-decoration: none;
        border: 2px solid #561C5B;;
        cursor: pointer;
}

.button-inverso:hover {
        background: #561C5B;
        border: 2px solid #561C5B;
        color: #fff;
}

.button-plano {
        padding: 2px 5px;
        border-radius: 6px;
        background: #561C5B;
        color: #fff;
        text-decoration: none;
        border: 1px solid #561C5B;;
        cursor: pointer;
        font-size: 11px;
}

.button-plano:hover {
        background: #fff;
        border: 1px solid #561C5B;
        color: #561C5B;
}

.left {
        float: left;
}

.right {
        float: right;
}

.clicable {
        cursor: pointer;
}

.izquierda {
        text-align: left;
}

.derecha {
        text-align: right;
}

.border-granate {
        border-bottom: 1px solid #9B253F;
}

.border-lila {
        border-bottom: 1px solid #561C5B;
}

.bg-lila {
        background: #561C5B;
}

div.barra-subheader {
	/*
        float: left;
        width: 100%;
        height: 14px;
        background: #561C5B;
	*/
}

.icono-cat-current {
        background: url("../imagenes/layout/boton_menu_on.jpg") no-repeat top right;
}

.last-right {
        margin-right: 0 !important;
}

@font-face {
 font-family: 'Lobster';
 src: url('../fonts/lobster_14.eot');
 src: url('../fonts/lobster_14?#iefix') format('embedded-opentype'), url('../fonts/lobster_14.woff') format('woff'), url('../fonts/lobster_14.ttf') format('truetype'), url('../fonts/lobster_14.svg#Lobster') format('svg');
 font-weight: normal;
 font-style: normal;
}

.lobster {
        font-family: 'Lobster';
}

a.recuperar-mi-password {
    color: #666666;
    text-decoration: none;
}

a.recuperar-mi-password:hover {
    text-decoration: underline;
}


/*********** SLIDER ********** */
div#slider {
        float: left;
        width: 100%;
}

div#slider img {
        width: 100%;
        max-width: 900px;
}

/******** TOP LINE ********/
div#main-header {
        float: left;
        width: 100%;
        position: fixed;
}

div.top-line {
        float: left;
        position: relative;
        padding: 0;
        width: 100%;
        /*background: #561C5B repeat-x;*/
		background-color: #090f17;
        height: 45px;
        margin-bottom: 10px;
        z-index: 10;
}

div.top-line .item-top {
        padding: 0 30px;
}

form.search {
        position: relative;
        float: left;
}

input.top-search {
        position: relative;
        float: left;
        top: 10px;
        width: 150px;
        border: 1px solid #ccc;
        border-radius: 8px;
        padding: 4px;
        color: #666;
     /*   background: #fff url("../imagenes/layout/lupa.png") right no-repeat; */
        z-index: 10;
}

input.lupa {
        position: relative;
        float: right;
        margin: 2px 0 0 -15px;
        z-index: 50;
}

/*img.lupa {
        position: relative;
        float: right;
        margin: 2px 0 0 -15px;
        z-index: 50;
} */

.account-header {
        float: right;
        width: 20%;
        padding: 0;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        text-align: center;
        margin: 15px 0 0 0;
}

.account-header table {
        width: 100%;
     /*   height: 45px; */
}

.account-header table tr td {
        color: #fff;
        vertical-align: middle;
}

div.desconectar {
        float: right;
        width: 10%;
        padding: 0;
        border-left: 1px solid #fff;
        text-align: center;
}

div.desconectar table {
        width: 100%;
        height: 45px;
}

div.desconectar table tr td {
        color: #fff;
        vertical-align: middle;
}

a.logout-link {
        text-decoration: none;
        color: #fff;
}

a.logout-link:hover {
        text-decoration: underline;
}

/*********** HEADER ********** */

div#header {
	position: relative;
        margin: 0 0 20px 0;
}

div.cuadrado-header {
        float: left;
}

.cuadrado-margin-left {
        margin-left: 25px;
}

div#header div.account-content {
        float: right;
        width: 26.5%;
        height: 72px;
        padding: 0;
        border-left: 1px solid #561C5B;
        border-right: 1px solid #561C5B; 
}

div.account-content table {
        width: 100%;
}

div.account-content table.tabla-form-login {
        width: 80%;
}

div.account-content table tr td {
        text-align: right;
        height: 30px;
}

div.account-content table tr td.left {
}

div.account-content span.olvido-password {
        float: left;
        margin: 10px 0 0 10px;
}

table.menu-usuario {
  /*  width: 95% !important; */
    float: right;
}

table.menu-usuario tr td {
        vertical-align: bottom;
        padding: 0 10px 5px 10px;
        height: 20px !important;
        border-left: 1px solid #aaa;
}

table.menu-usuario tr td a {
        text-decoration: none;
        color: #666;
}

table.menu-usuario tr td a:hover {
        text-decoration: underline;
}

div.account-content form {
        
}

div.account-content form input {
        background: #561C5B;
        color: #fff;
        border-radius: 6px;
        padding: 2px 2px;
      /*  margin-right: 15px; */
      margin-left: 10px;
}

div.barra-top-slider {
	/*
        float: left;
        margin: 10px 0 0 0;
        height: 20px;
        background: url("../imagenes/head-slider-bg.png") repeat-x;
        width: 100%;
	*/
}

div.barra-bottom-slider {
	/*
        float: left;
        margin: 1px 0 0 0;
        height: 20px;
        background: url("../imagenes/bottom-slider-bg.png") repeat-x;
        width: 100%;
	*/
}

/*****************************/
/********* CONTENIDO *********/
/*****************************/

div#main-content {
        float: left;
        position: relative;
        width: 100%;
        height: 100%;
		background: url("../imagenes/registro-bg.jpg") no-repeat left;
        /*background: url("../imagenes/main-content-bg.jpg") repeat;*/
		background-color: #090f17;
}

div#content {
        float: left;
        padding: 20px 0 0 0;
        width: 75%;
}

div#content p {
        margin-bottom: 20px;
}

.sin-menu {
        width: 100% !important;
}

.con-menu {
        width: 75.6%;
}

/******* SECCION CONTACTO *******/
div.seccion-contacto {
    float: left;
        width: 100%;
        background: url("../imagenes/contacto-bg.jpg") no-repeat left;
        height: 489px;
}

div#formulario-contacto {
        width: 54%;
        float: right;
        padding-top: 30px;
}

form#contacto dt {
        clear: both !important;
        text-align: left;
        margin-bottom: 3px;
}

form#contacto dt#submit-label {
        display: none;
}

form#contacto dd {
        clear: both !important;
        text-align: left;
}

form#contacto textarea {
        background: #561C5B;
        border-radius: 6px 6px 6px 6px;
        color: #FFFFFF;
        margin-bottom: 15px;
        padding: 7px;
        width: 93%;
        height: 200px;
}

/******* HOME LOGIN ********/
/*div.registrate {
        float: left;
        width: 40%;
        padding: 30px 10px 0 50px;
        border-right: 1px solid #eee;
        margin-left: 10px;
        font-size: 15px;
        line-height: 21px;
}

div.logeate {
        float: right;
        width: 48%;
        padding: 30px 0 0 10px;
}

form#loginUsuarios input.loginuser {
        background: #eee;
        color: #000;
        padding: 5px 3px;
        border: 1px solid #561C5B;
        margin-bottom: 15px;
}

form#loginUsuarios label {
        font-size: 15px;
        margin-bottom: 10px;
}

a.recuperar-mi-password {
        text-decoration: none;
        color: #666;
}

a.recuperar-mi-password:hover {
        text-decoration: underline;
}  */

div.home-registro {
        float: left;
        width: 100%;
        height: 450px;

}

/******* REGISTRATE ********/

div#form-registro-socios {
        width: 50%;
	margin: 0 auto;
	position:relative;
        text-align: center;
}

div#form-registro-socios table {
        clear: both;
        width: 100%;
}

div#form-registro-socios table td {
        vertical-align: top;
}

div#form-registro-socios dt {
       /* display: none;*/
       text-align: left;
       margin-bottom: 3px;
}

div#form-registro-socios dd#rel_empresa_id-element {
        text-align: left;
        margin: 10px 0 22px 0;
}

div#form-registro-socios dd#rel_empresa_id-element label {
        color: #561C5B;
        margin-right: 10px;
}

input#rel_empresa_id-distribuidor, input#rel_empresa_id-taller {
        margin-right: 3px;
}

input.roundedinput {
        color: #fff;
        background: #561C5B;
        padding: 7px;
        margin-bottom: 15px;
        border-radius: 6px;
        border: none;
        width: 200px;
}

select.roundedinput {
        float: left;
        color: #fff;
        background: #561C5B;
        padding: 7px;
        margin-bottom: 15px;
        border-radius: 6px;
        border: none;
        width: 213px;
}

input.politica {
        float: left;
        border: 1px solid #9B253F; 
        margin-right: 5px;
}

.registro-link-politica {
        float: left;
        color: #222;
}

.registro-link-politica a {
        color: #222;
}

.registro-link-politica a:hover {
        color: #561C5B;
}


/* ********* HOME *********** */
div#home {
        position: relative;
        width: 100%;
        padding-top: 10px;
}

.columna2-home {
	width: 48%;
	margin-right:2%;
}

.columna1-home {
	width: 100%;
    /*    padding: 10px;*/
}

a.titulo-home-link {
        color: #71b021;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 2px;
        text-align: left;
        text-decoration: none;
}

a:hover.titulo-home-link {
        text-decoration: underline;
}

.last-columna {
        margin: 0;
}

/********* PREFOOTER **********/

div#pre-footer {
    position: relative;
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 15px 0;
}

div.logos-prefooter {
        text-align: center;
        width: 100%;
}

div.logos-prefooter > ul {
        list-style-type: none !important;
        margin: 0;
        padding: 0;
        text-align: center;
}

div.logos-prefooter > ul > li {
        display: inline-block;
        margin-right: 11px;
}

div.logos-prefooter > ul > li.last {
        margin: 0 !important;
}

div.logos-prefooter > ul > li > a {
        display: block;
}


/********* FOOTER **********/

div#footer {
    position: relative;
        float: left;
        width: 100%;
        margin: 0 0 0 0;
        padding: 15px 0;
        background: #561C5B;
}

div.menu-footer {
        text-align: center;
        width: 100%;
}

div.menu-footer > ul {
        list-style-type: none !important;
        margin: 0;
        padding: 0;
        text-align: center;
}

div.menu-footer > ul > li {
        display: inline-block;
}

div.menu-footer > ul > li > a {
        text-decoration: none;
        color: #fff;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0 15px;
}

div.menu-footer > ul > li > a:hover {
        text-decoration: underline;
}

.blank-border-right {
        border-right: 1px solid #fff;
}

/***** COLUMNA IZQUIERDA ******/
div#left-column {
        float: left;
        width: 22%;
        margin-right: 20px;
 /*       border-right: 1px solid #333; */
        padding-top: 20px;
}

div#left-column div.box-content {
        float: left;
        width: 97%;
        margin-bottom: 20px;
}

div#left-column div.box-content h3 {
        color: #561C5B;
        border-bottom: 1px solid #561C5B;
        padding-bottom: 3px;
        text-align: right;
        margin-bottom: 1px;
    /*    height: 20px; */
}

div#left-column div.box-content h3 a {
        color: #561C5B;
      /*  font-weight: bold; */
        text-decoration: none;
}

div#left-column div.box-content h3 a:hover {
        font-weight: bold;
}

div#left-column div.box-content h3 img {
        margin-bottom: -4px;
}

/******* CLIENTE ********/
.step-zona-cliente {
        float: left;
        border: 1px dashed #666;
        width: 21.40%;
      /*  width: 18.300%;*/
        margin: 0 12px 20px 0;
        color:#666;
        padding: 1%;
        text-align: left;
        min-height: 60px;
}

.step-zona-cliente a {
        text-decoration: none;
        color:#666;
}

.step-zona-cliente a:hover {
        text-decoration: underline;
}

.activo {
        border: none;
        background: #561C5B;
        color: #fff;
}

.toggle-password-fields {
        text-align: left;
        color: #561C5B;
}

.cuenta-tus-datos {
        width: 100%;
        height: 440px;
        background: url("../imagenes/layout/cuenta-tus-datos-bg.jpg") no-repeat bottom right;
        text-align: left;
}

.cuenta-tus-datos dd#rel_empresa_id-element {
        margin: 5px 0 25px 0;
}

.cuenta-tus-datos dt#submit-label {display: none;}

form#info-cliente, form#password-fields {
        float: left;
}

form#info-cliente label, form#password-fields label {
        float: left;
        width: 100px;
        margin-right: 20px;
        text-align: left;
        padding-top: 6px;
}
div#form-direcciones {
        width: 100%;
        background: url("../imagenes/layout/zona-usuario-bg.jpg") no-repeat top right;
        min-height: 422px;
}

.box-form-direcciones {
        width: 30%;
        margin-right: 4%
}

.gris-border-rojo {
       color: #666;
       padding-bottom: 3px;
       border-bottom: 4px solid #9B253F;
       text-align: left;
       font-size: 16px;
       font-weight: bold;
}

form#direccion-envio, form#direccion-facturacion  {
        width: 100%;
        text-align: left;
}

form#direccion-envio label, form#direccion-facturacion label {
       /* float: left; */
        width: 100%;
        text-align: left;
        padding-top: 6px;
}

dt#clonar_direccion-label {
        display: none;
}

.clonar-direccion {
        float: left;
      /*  margin-left: 25px; */
}

p.description {
        float: left;
        max-width: 150px;
        text-align: left;
        margin-left: 5px;
}

table#mis-pedidos {
        width: 100%;
        margin-bottom: 30px;
}

table#mis-pedidos tr td.opcion a {
        text-decoration: none;
        color: #333;
}

table#mis-pedidos tr td.opcion a:hover {
        text-decoration: underline;
}

table#mis-pedidos thead td {
        font-weight: bold;
        padding-bottom: 7px;
}

table#mis-pedidos thead tr {
        border-bottom: 4px solid #561C5B;
}

/***** HOME CATALOGO *****/
.span1 {
        position: relative;
        width: /*31%*/ 23.5%;
     /*   background: url("../imagenes/layout/product-img-bg.jpg") repeat-x; */
        background: url("../imagenes/layout/catalogo-foto-producto-bg.png") no-repeat bottom;
        margin-top: 35px;
        height: 275px;
}

.span1 h1 {
        position: relative;
        width: 80%;
        padding: 0 10%;
        margin: 5px 0 10px 0;
        z-index: 99;
}

/*.span1 .foto-producto {
        width: 190px;
        
}*/

.span1 .foto-container {
        float: left;
        position: relative;
        width: 74%;
        margin: 0 13%;
        height: 175px;
     /*   min-height: 200px; */
        text-align: center;
        z-index: 0;
        overflow: hidden;
}

.span1 .foto-container a {
        display: block;
        z-index: 0;
}

.span1 .foto-container img {
        max-width: 100%;
        max-height: 175px;
        z-index: 0;
}
/*
.span2 {
        position: relative;
        width: 31.3%;
        background: url("../imagenes/layout/catalogo-foto-producto-bg.png") no-repeat bottom;
        min-height: 275px;
}

.span2 h1 {
    position: relative;
        width: 80%;
        padding: 0 10%;
        margin: -10px 0 10px 0;
        z-index: 99;
}

.span2 .foto-container {
        float: left;
        position: relative;
        width: 74%;
        height: 53%;
        margin: 0 13%;
        text-align: center;
        z-index: 0;
        overflow: hidden;
}

.span2 .foto-container a {
        display: block;
        z-index: 0;
}

.span2 .foto-container img {
        max-height: 158px;
        z-index: 0;
}

div#catalogo-item-botom {
        position: absolute;
        bottom: 24px;
        float: left;
        width: 79%;
        background: #561C5B;
        margin: 0 0 0 12%;
}

div#catalogo-item-botom table {
        width: 100%;
}

div#catalogo-item-botom table tr td {
        vertical-align: middle;
}

div#catalogo-item-botom table tr td.puntos {
        color: #fff;
        height: 40px;
}

div.puntos-container {
        margin: 5px 0;
        width: 100%;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
}
 
.home-catalog-price {
        font-size: 20px;
        font-weight: bold;
        margin: 10px 13px 0 13px;
}

div#roundheader-catalogo {
        width: 100%;
}
*/

.span2 {
        position: relative;
        width: 31.3%;
     /*   background: url("../imagenes/layout/product-img-bg.jpg") repeat-x; */
        background: url("../imagenes/layout/catalogo-foto-producto-bg.png") no-repeat bottom;
        margin-top: 15px;
        min-height: 275px;
               
}

.span2 h1 {
        position: relative;
        width: 80%;
        padding: 10px 10% 0 10%;
        margin: 0 0 10px 0;
        z-index: 99;
}

/*.span1 .foto-producto {
        width: 190px;
        
}*/

.span2 .foto-container {
        float: left;
        position: relative;
        width: 74%;
        height: 53%;
        margin: 0 13%;
     /*   min-height: 200px; */
        text-align: center;
        z-index: 0;
        overflow: hidden;
}

.span2 .foto-container a {
        display: block;
        z-index: 0;
}

.span2 .foto-container img {
     /*   width: 100%; */
        max-height: 158px;
        z-index: 0;
}

div#catalogo-item-botom {
        position: absolute;
        bottom: 24px;
        float: left;
        width: 79%;
        background: #561C5B;
        margin: 0 0 0 12%;
}

div#catalogo-item-botom table {
        width: 100%;
}

div#catalogo-item-botom table tr td {
        vertical-align: middle;
}

div#catalogo-item-botom table tr td.puntos {
        color: #fff;
        height: 40px;
}

div.puntos-container {
        margin: 5px 0;
        width: 100%;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
}
 
.home-catalog-price {
        font-size: 20px;
        font-weight: bold;
        margin: 10px 13px 0 13px;
}

div#roundheader-catalogo {
        width: 100%;
}

.buscador {
        width: 80%;
        border-radius: 6px;
        border: 2px solid #ddd;
        padding: 10px 10px 0 10px;
}

div#productos-destacados {
        width: 100%;
        margin: 20px 0;
}

a.todos-los-productos {
        text-decoration: none;
        color: #561C5B;
}

a.todos-los-productos:hover {
        text-decoration: underline;
}

/***** FICHA PRODUCTO *****/
div#ficha-producto {
        float: left;
        width: 100%;
  /*      padding-bottom: 10px;
        border-bottom: 4px solid #ccc;  */
}
h2.nombre-producto {
        width: 100%;
        padding-bottom: 3px;
        border-bottom: 4px solid #ccc;
        text-align: left;
        margin: 30px 0 20px 0;
}

#foto-ficha-producto {
        float: left;
        width: 36%;
        background: url("../imagenes/layout/ficha-foto-producto-bg.png") no-repeat top;
        height: 250px;
        overflow: hidden;
}

#foto-ficha-producto a {
        display: block;
        width: 90%;
        margin-left: 5%;
}

#foto-ficha-producto a img {
        max-width: 100%;
        max-height: 250px;
        margin-top: 18px;
}

#descripcion-ficha-producto {
        width: 40%;
        margin-left: 2%;
        text-align: left;
}

#opciones-ficha-producto {
        width: 20%;
        margin-left: 2%;
        text-align: left;
}

.precio-ficha-producto {
        font-size: 17px;
        font-weight: bold;
        margin: 0;
        background: #561C5B;
        color: #fff;
        padding: 6px 10px;
        text-align: center;
}

input#adding-to-cart {
       /* float: left; */
        border-radius: 6px;
        padding: 3px;
        border: 1px solid #ccc;
     /*   margin-top: 10px;  */
        text-align: center;
}

.mas-unidades {
      /*  float: left; */
        margin-top: 8px;
}

.h-nav-product {
        float: left;
        width: 100%;
        margin: 50px 0 0 0;
        text-align: center;
}

.h-nav-product table td {
        vertical-align: middle;
}

.colores {
        margin: 10px 0 0 0;
}

ul#carrousel-productos {
        float: left;
        width: 100%;
        display: inline;
        list-style-type: none;
}

ul#carrousel-productos li {
        float: left;
        width: 210px;
        margin-right: 20px;
}

ul#carrousel-productos li a img.foto-producto {
        width: 170px;
}

/******* CART ********/
div#minicart {
        width: 100%;
}

div#minicart > ul {
        float: left;
        margin: 0;
        padding: 7px 0 0 0;
        width: 100%;
}

div#minicart > ul > li {
        float: left;
        width: 100%;
        padding-bottom: 3px;
        margin: 0 0 4px 0;
        border-bottom: 1px solid #561C5B;
        color: #000;
        font-weight: bold;
}

div#minicart table {
        width: 100%;
}

div#minicart table tr td {
        vertical-align: middle;
}

div#minicart table tr td.iconos {
        width: 6%;
}

div#minicart table tr td.puntos {
        width: 40%;
        text-align: right;
}

div#minicart table tr td.imagen {
        text-align: center;
}

div#minicart table tr td img.mini-foto {
        width: 40px;
        margin-left: 20px;
}

/***** CESTA DE LA COMPRA ******/
div#cesta-compra {
        float: left;
        width: 72%;
}
table.cesta-compra {
        float: left;
        width: 100%;
}

table.cesta-compra th {
        color: #333;
        font-size: 16px;
        border-bottom: 1px solid #561C5B;
        padding-bottom: 3px;
}

table.cesta-compra tr td {
        vertical-align: middle;
        padding-top: 4px;
}

table.cesta-compra tr td.nombre {
        text-align: left;
}

table.cesta-compra form input.cantidad {
        border-radius: 4px;
        width: 30px;
        border: 1px solid #ccc;
        padding: 2px;
        text-align: center;
}

/***** PROCESO PEDIDO *****/
.proceso-pedido-current {
        background: #aaa;
        color: #fff;
}

.resumen-pedido {
        width: 72%;
}

.resumen-compra {
        width: 24%;
        margin-left: 4%;
}

.pedidoinfo-container {
        text-align: left;
        margin: 30px 0 0 10px;
}

.userinfo {
        margin-bottom: 10px !important;
}

.pie-step {
        float: left;
        width: 100%;
        border-bottom: 1px solid #561C5B;
        margin: 0 0 0 10px;
}

.blanco {
        color: #fff !important;
}

.blanco:hover {
        text-decoration: underline;
}

dt#datosEnvio-label, dt#datosFactu-label {
        display: none;
}

.otra-direccion-envio input.roundedinput, .otra-direccion-factu input.roundedinput {
      /*  width: 185px !important; */
}

.otra-direccion-envio select.roundedinput, .otra-direccion-factu select.roundedinput {
     /*   width: 197px !important; */
}

.otra-direccion-envio dt, .otra-direccion-factu dt {
        clear: both;
        text-align: left;
}

.step-envio {
        background: url("../imagenes/layout/paso-envio-bg.jpg") no-repeat left bottom;
        min-height: 600px;
}

.step-ver-carro {
        background: url("../imagenes/layout/resumen-compra-bg.jpg") no-repeat left bottom;
        min-height: 600px;
}

.step-zona-pedido {
        float: left;
        border: 1px dashed #666;
        width: 16.7%;
      /*  width: 18.300%;*/
        margin: 0 12px 20px 0;
        color:#666;
        padding: 1%;
        text-align: left;
        min-height: 60px;
}

.step-zona-pedido a {
        text-decoration: none;
        color:#666;
}

.step-zona-pedido a:hover {
        text-decoration: underline;
}

table.header-pedido td p {
        text-align: left;
}

table.info-pedido td p {
        text-align: left;
}

/********* MI CESTA *********/
.resumen-compra p.mi-cesta {
        float: left;
        width: 100%;
        border-bottom: 1px solid #561C5B;
        font-size: 14px;
        color: #561C5B;
        text-align: right;
        font-weight: bold;
        margin: 0 !important;
}

ul.lista-productos-pedido {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #561C5B;
}

ul.lista-productos-pedido li {
        float: left;
        width: 100%;
        text-align: right;
        margin: 0;
        padding: 15px 0 7px 0;
        border-bottom: 1px solid #ccc;
}

.totales-mi-cesta {
        float: right;
        width: 100%;
        text-align: right;
        margin: 0 0 10px 0 !important;
}

.titulos-totales {
        position: absolute;
        right: 75px;
        font-weight: bold;
}

ul.lista-productos-pedido li table {
        width: 100%;
}

ul.lista-productos-pedido li table td {
        vertical-align: middle;
}

ul.lista-productos-pedido li table td.precio-lista {
        width: 50%;
        text-align: right;
}

/***** PAGINADOR ******/
div#paginador {
        float: left;
        margin-top: 40px;
        width: 100%;
        text-align: center;
        color: #fff;
}

div#paginador .disabled {
        color: #666;
}

div#paginador .current {
        color: #561C5B;
        font-weight: bold;
}

div#paginador a {
        color: #666;
        text-decoration: none;
}

div#paginador a:hover {
        text-decoration: underline;
}

div#paginador a.boton {
        border-radius: 5px;
        padding: 4px;
        border: 1px solid #561C5B;
}

div#paginador a.boton:hover {
        text-decoration: none !important;
        border: 2px solid #561C5B;
}

/****** FORMULARIO CONTACTO *******/
form#contacto input.contacto {
        height: 20px;
        width: 400px;
        padding: 2px 0;
        margin-bottom: 20px;
}

form#contacto textarea.mensaje-form {
        width: 400px;
        height: 200px;
}

form#contacto dt {
        text-align: left;
}

/***** RECUPERA PASSEWORD ****/
.password-lost {
        float: left;
        width: 100%;
        height: 489px;
        background: url("../imagenes/layout/contacto-bg.jpg") no-repeat left bottom;
}

/**** RESPONSIVE *****/
@media (max-width: 600px) {
        div.size {
	width: 600px;
	margin: 0 auto;
	position:relative;
        text-align: center;
    }
    div.logeate, div.registrate {
        float: left;
        width: 75%;
    }
}

@media (max-width: 400px) {
    div.size {
	width: 400px;
	margin: 0 auto;
	position:relative;
        text-align: center;
    }
    div.logeate, div.registrate {
        float: left;
        width: 75%;
    }
}

@media (max-width: 320px) {
    div.size {
	width: 320px;
	margin: 0 auto;
	position:relative;
        text-align: center;
    }
    div.logeate, div.registrate {
        float: left;
        width: 75%;
    }
}

.resumen-pedido {margin-bottom: 20px;}