@charset "utf-8";
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height:0; height:0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
img {border: 0}
a {outline: none}

.columnas { }
.col1 {width:593px; float: left}
.col2 {width:347px; float: right; }

.fondo-pesado-prueba {
	background-image: url(images/fondo-pesado-prueba.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.div-historia {
	width: 450px;
	margin: 10px;
	height: 380px;
}

.texto-bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%;
	color: #666;
	text-decoration: none;
}
.texto-historia {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}
.img-notas-izq {
	float: left;
	margin-right: 7px;
	margin-bottom: 3px;
	border: 1px solid #EEE;
}
.borde-historia {border: 1px solid #EAEAEA;}
#transpa-histo{
	border: 1px solid #666;
	background-color: #FFFEF2;
	filter: alpha(opacity=80);
	opacity: .8;
}
#transpa-colecc {
	border: 1px solid #666;
	background-color: #E1F5FF;
	filter: alpha(opacity=80);
	opacity: .8;
}
#transpa-mr {
	filter: alpha(opacity=80);
	opacity: .8;
	background-image: url(images/fondo-contacto-datos.gif);
	height: 455px;
	background-repeat: no-repeat;
}
.datos-contact {
	height: 151px;
	width: 260px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.borde-imagenes {
	border: 1px solid #B3A8A2;
	background-color: #FFFFFF;
	background-image: url(images/pattern.gif);
}
.titu-prensa {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
	font-variant: small-caps;
}

.div-prensa {
	width: 150px;
	margin: 10px;
}
.texto-mini-bco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
.borde-ksi-negro {
	border: 1px solid #333;
}
.div_fotos {
	background-color: #FFF;
	border: 1px solid #333;
}
body {
	margin: 0px;
	padding: 0px;
}

.cuero-rojo {
	height: 318px;
	background-image: url(images/rivolta-cuero-rojo.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
.cuero-turq {
	height: 318px;
	background-image: url(images/rivolta-cuero-turquesa.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
.cuero-violet {
	height: 318px;
	background-image: url(images/rivolta-cuero-violeta.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
.cuero-marron {
	height: 340px;
	background-image: url(images/rivolta-cuero-marron.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
.fdo-imagenes {
	background-image: url(images/fdo-imagenes.jpg);
	background-repeat: no-repeat;
	background-position: right 100px;
}
#cont {
	width: 100%;
	text-align: center;
	margin: auto;
}

#menu {margin: auto;}
#chapita {
	top: 0px;
	position: relative;
	left: 80px;
}
#chapita2 {
	position: relative;
	left: auto;
	right: 0px;
}

#contenido {
	top: 5px;
	width: 100%;
	position: relative;
	text-align: center;
	margin: auto;
	visibility: visible;
}

#imagenes {
	background-image: url(images/rivolta-cuero-marron.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#empresa {
	background-image: url(images/rivolta-cuero-negro.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.no-visible {display: none;}

#prensa {
	background-image: url(images/rivolta-cuero-rojo.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#contacto {
	background-image: url(images/rivolta-cuero-violeta.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#presencia {
	background-image: url(images/rivolta-cuero-turquesa.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#compras {
	background-image: url(images/rivolta-cuero-amarillo.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.borde-contacto {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #603B6F;
	background-color: #F4EEF7;
	border: 1px dashed #783083;
	height: 20px;
	width: 150px;
}
.e-shop {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 50px;
	color: #FADB29;
	text-decoration: none;
}
.big-contacto {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #603B6F;
	background-color: #F4EEF7;
	border: 1px dashed #783083;
	height: 60px;
	width: 150px;
}
.ticks {
	background-color: #F4EEF7;
	border: 1px solid #8F3060;
}

.textos-contacto {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.boton-contacto {
	background-image: url(images/boton-contacto.jpg);
	height: 22px;
	width: 60px;
	border: 1px solid #603B6F;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E3ACC8;
}
.fondo-compras {
	background-image: url(images/fdo-compras.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.fondo-contacto {
	background-image: url(images/fdo-contacto.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.fondo-imagenes {
	background-image: url(images/fdo-imagenes.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.fondo-prensa {
	background-image: url(images/fdo-prensa.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.fondo-presencia {
	background-image: url(images/fdo-presencia.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.fondo-empresa {
	background-image: url(images/fdo-empresa.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.tic {
	border: 1px solid #D7B4C8;
	background-color: #F4EEF7;
}
.textos-contacto2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E3ACC8;
}
.textos-contacto2-peque {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #E3ACC8;
}
.texto-historia-gris {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
.sector-privado {
	background-image: url(images/sector-privado.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.centro-mensajes-privados {
	background-image: url(images/centro-estira.jpg);
	background-repeat: repeat-y;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}
.margen {
	padding-right: 15px;
	padding-left: 15px;
}

#sector {
	background-image: url(images/rivolta-cuero-negro.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000000;
}
.imagenes-margen-borde {
	text-decoration: none;
	margin: 2px;
	border: 1px solid #EEEEEE;
}
.margen-texto {
	margin-left: 7px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.imagenes-margen-no-bord {
	text-decoration: none;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
}
.margen-der {
	margin-right: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.texto-historia2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}
.form-contact {
	margin: 0px;
	padding: 0px;
	height: 455px;
	width: 330px;
	background-image: url(images/fdo-contacto-formu.jpg);
	background-repeat: no-repeat;
}
.textos-contacto3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #351749;
}
.textos-contactoalta {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #351749;
}
.img-notas-der {
	float: right;
	margin-bottom: 4px;
	margin-left: 7px;
}
.text-der {background-position: right;}

.thumb {
	height: 110px;
	width: 150px;
	overflow: hidden;
	border: 1px solid #999;
}
.chapita-derecha {
	position: absolute;
	left: auto;
	right: 2px;
	height: 173px;
	top: -20px;
	z-index: 9999;
}
.formularios {
	margin-top: 150px;
}
.textosingresar {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.texto-menu-abajo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
}
.z-index-0 {z-index: 999;}
#compras #contenido {margin-top: 202px; width: 960px; font-family: Helvetica, Arial, sans-serif;}
#compras #contenido2 {width: 650px; font-family: Helvetica, Arial, sans-serif; text-align:left}
.usuario-log {
	position: absolute;
	background: #fff;
	padding: 5px 15px;
	left: 0;
	top: -45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 25px;
	height: 25px;
}
.echop-new {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
.buscador-productos-go {
	background: #ddd;
	height: 25px;
	width: 179px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
	line-height: 25px;
	padding: 8px;
	top: -41px;
	right: 0;
	position: absolute;
}
.estilo-campo-buscador {
	border: 2px solid #666;
	float: left;
	height: 20px;
	line-height: 20px;
	width: 144px;
	color: #999;
	text-align: center;
	font-size: 12px;
}
ul#c {
	list-style:none;
	padding:0;
	margin: 0 auto 20px auto;
	background: red;
	position: relative;
}
ul#c li {
	float:left;
	width:120px;
	padding:0;
	text-align:center;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 25px;
}
ul#c li a {display:block; padding:5px 5px; height:100%;color:#FFF;text-decoration:none;border-right:1px solid #FFF;}

ul#c li a {
	background-image: url(jQuery%20Background%20Test_files/bg3.jpg);
	background-repeat: repeat;
	background-position: 0 0;
}
ul#c li a:hover {color:#333;}
a.link_cerrar {color:#666; text-decoration:none}
a.link_cerrar:hover {color:#FFCC00;}
.div-productos {width: 100%;}
.filtros {padding: 5px; background:#eee; font-size: 12px;}
.filtros span {margin: 0 10px;}
#prods {margin: 10px auto 10px auto; padding: 0 0 10px 0; border-bottom: 1px solid #ccc;}
#prods li {
	background: #fff;
	margin: 0 12px;
	padding: 6px 0;
	height: 266px;
	width: 160px;
	border: 3px solid #FFF;
	float: left;
	list-style: none;
	position: relative;
}
#prods .hover {border: 3px solid #FFCC00;}

#prods .thumb {width:150px; height: 150px; border: none; overflow: hidden; margin: 0 auto 10px auto;}
#prods a.bot {color:#fff; padding:0 7px; text-align:center; text-decoration: none; font-size: 11px; line-height: 25px; height: 25px; display: inline; position: absolute; bottom: 5px;}
	#prods a.bot:hover {background: #ccc; color:#000}
#prods a.detalles {background: #000; color:#fff; left:7px; width:130px}
#prods a.comprar {background: #ffcc00; color:#333; right: 7px;}

#prods input.comprar {background: #ffcc00; color:#333; right: 7px; position: absolute; text-align: center;  bottom: 5px; border:none; height:25px; font-weight: normal; font-family: Helvetica, Arial, sans-serif;}
#prods input.bot:hover {background: #ccc; color:#000}
span.boton {background: #ffcc00; color:#333; text-align: center; border:none; line-height:18px; margin-top:15px; text-transform:uppercase; padding:3px 6px 3px 6px; width:50px; font-weight: normal; font-family: Helvetica, Arial, sans-serif;}
span.boton a{ color:#333; text-decoration:none}
#prods h1 {
	font-weight: bold;
	font-size: 12px;
	color: #666;
	margin: 5px 10px;
}
#prods h3 {font-weight: normal; font-size: 10px; color: #aaa; margin:4px 0 0 0; display: none}
	#prods a.colecc {text-decoration: none; color:#999; font-weight: bold;}
		#prods a.colecc:hover {text-decoration: underline}
#prods p.precio {position: absolute; text-align: center; width: 100%; bottom: 20px; color:#000000; font-size: 20px; font-weight: normal; font-family: Helvetica, Arial, sans-serif;}
.btn_comprar {position: absolute; text-align: center;  bottom: 5px; color:#FFCC00; font-size: 20px; font-weight: normal; font-family: Helvetica, Arial, sans-serif;}

/* Paginacion */
div.pagination {
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-serif;
	padding:10px;
	background-color:#eee;
	margin-bottom: 20px;
}

div.pagination a {
	padding: 5px 10px;
	margin: 0 2px;
	background-color:#666;
	text-decoration: none; /* no underline */
	color: #fff;
}
div.pagination a:hover, div.pagination a:active {
	background-color:#ffcc00;
	color: #000;
}
div.pagination span.current {
	padding: 5px 7px;
	margin: 2px;
	font-weight: bold;
	background-color: #000;
	color: #fff;
}
div.pagination span.disabled {
	padding: 5px 7px;
	margin: 2px;
	background-color:#c1c1c1;
	color: #797979;
}
div.grayr a {
	background-color:#C1C1C1;
	color:#000;
	margin:2px;
	padding:2px;
	text-decoration:none;
}

/* Producto detalle */

.prod-detalle {text-align: left; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; margin: auto}
.prod-detalle .tit {height: 72px; background:url("images/bg-titulo-detalle.jpg") repeat-x; position: relative; border-bottom: 2px solid #aaa; margin-top: 10px}
	.prod-detalle .tit span {display: block; background: url("images/mr-detalle-prod.png") no-repeat; width:130px; height: 74px; right: 20px; top:-16px; position: absolute; text-indent: -9999px;}
.prod-detalle h1, .prod-detalle h2 {color:#000; font-weight: normal; position: absolute; left: 20px}
.prod-detalle h1 {font-size: 20px; top:-8px;}
.prod-detalle h2 {font-size: 12px; top:24px; background: #eee; padding: 2px;}

.prod-detalle .inner { padding: 10px 20px; background: #f5f5f5; font-size: 12px; line-height: 1.7em}
.prod-detalle p.precio {background:#fff; padding: 3px; text-align: center;}
.prod-detalle p.precio2 {background:#fff; padding: 3px; border:1px solid red}
.prod-detalle input.comprar {background: #ffcc00; text-align: center; padding: 10px 40px; margin: 10px 0; text-decoration: none; color:#000; font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: inline-block; border:none; cursor:pointer}

.col2 .foto {width:347px; overflow: hidden;}
ul.thumbs {margin: 0 0 15px 0; padding: 0}
ul.thumbs li {list-style: none; float: left; padding: 2px;}
ul.thumbs li img { border: 1px solid #ccc}
ul.thumbs li a:hover img {border:1px solid #000}


.boton-comprar-click {
	background-color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	border-style: none;
	margin-left: 2px;
	height: 25px;
	line-height: 25px;
	width: 75px;
	float: left;
}
.contenedor-detalle {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
	background-color: #FFFFFF;
	padding: 0px;
}
.titulo-detalle-prod {
	background-image: url(images/bg-titulo-detalle.jpg);
	background-repeat: repeat;
	height: 82px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-position: left top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	float: left;
}

/* Mensaje Flotante */

#message_box {
	position: absolute;
	top: -1px;
	left: 759px;
	z-index: 9999;
	padding:5px;
	text-align:center;
	font-weight:bold;
	width:280px;
	height: 81px;
	opacity: .9;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	margin-top: 100px;
	margin-right: auto;
	background-image: url(images/bg-orden-flotante.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.contenido-flotante {
	margin-right: 22px;
	margin-left: 20px;
	margin-top: 15px;
	height: 50px;
}
.cont-left-flotante {
	width: 150px;
	margin-top: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-top: 5px;
	font-weight: normal;
	text-align: left;
	margin-left: 5px;
	float: left;
}
.boton-ver-orden {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	background: #000;
	width: 70px;
	float: left;
	margin-left: 6px;
	padding: 2px;
	height: 18px;
	line-height: 18px;
}
.5px-marg-izq {margin-left: 10px;}

.buscador-filtros {
	margin-bottom: 5px;
	font-size: 12px;
	color: #666;
	margin-left: auto;
	text-align: left;
	width: 84%;
	margin-right: auto;
}
.estilo-filtros {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.boton-pagar {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	width: 70px;
	float: left;
	margin-left: 6px;
	padding: 2px;
	margin-top: 5px;
	height: 18px;
	line-height: 18px;
}

.float-left {float: left;}
.busc-amarillo {
	color: #FFCC00;
	margin-left: 10px;
	float: left;
	margin-right: 10px;
}
.titulo-detalle-prod-int {
	margin-left: 40px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #333333;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size: 18px;
	padding-left: 10px;
	color: #666666;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 20px;
	position: absolute;
	width: 544px;
}
.fondo-mr-titulo {
	background-image: url(images/mr-detalle-prod.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: absolute;
	width: 134px;
	height: 65px;
	left: 450px;
	top: 8px;
	z-index: 8000;
}

.descripcion-tit-detalle-prod {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #868686;
	background-color: #EBEBEB;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 5px;
}
.detalle-contenido-right {
	padding: 10px;
	margin-left: 10px;
	float: right;
	width: 300px;
}
.img-detalle-thumbs {
	margin-left: 10px;
}

.detalle-contenido-izq {
	width: 250px;
	background-color: #eee;
	float: left;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	text-align: justify;
	color: #666666;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.precio-inside {
	width: 240px;
	margin-top: 15px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
}
.como-comprar {
	position: absolute;
	height: 25px;
	width: 123px;
	padding: 5px;
	left: 172px;
	top: 57px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC00;
	line-height: 25px;
	background-image: url(images/fdo-historia-hover.gif);
}
.usuario-log-in {
	position: absolute;
	background-color: #FFFFFF;
	height: 90px;
	width: 154px;
	left: 3px;
	top: -4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 25px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.estilo-campo-login {
	border: 2px solid #666;
	height: 20px;
	line-height: 20px;
	width: 144px;
	color: #999;
	text-align: center;
	font-size: 12px;
	margin-bottom: 5px;
}
.como-comprar-titulos {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	color: #FFCC00;
	background-color: #232323;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.como-comprar-inside {
	margin: 5px;
	width: 100%;
	background-color: #FFFFFF;
}
.paso1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/paso1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	padding-top: 5px;
	text-align: left;
	padding-left: 190px;
}
.paso2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/paso2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	padding-top: 5px;
	text-align: left;
	padding-left: 190px;
}
.paso3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333333;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/paso3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	padding-top: 5px;
	text-align: left;
	padding-left: 190px;
}
.paso4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/paso4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	padding-top: 5px;
	text-align: left;
	padding-left: 190px;
}
.paso5 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
	width: 510px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/paso5.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	padding-top: 5px;
	text-align: left;
	padding-left: 190px;
}
.ir-de-shopping {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #990000;
	border: 0px none 0;
	text-decoration: none;
	margin-bottom: 20px;
	margin-top: 5px;
}
.div-loginside {
	width: 100%;
	background-color: #000000;
	margin-top: 65px;
	padding: 0px;
}
.div-login-datos {
	width: 487px;
	background-image: url(images/bg-login-commerce.jpg);
	height: 268px;
	margin-top: 100px;
	margin-right: auto;
	margin-left: auto;
}
.tit-eshop-login {
	font-family: Helvetica, Arial, sans-serif;
	color: #FFF;
	width: 100%;
	margin-top: 27px;
	font-size: 16px;
	margin-bottom: 40px;
}
.registrate-ecoomerce {
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 10px;
}

.datos-login {
	margin-top: 20px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFF66;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 140px;
}
.no-registrado {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC33;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.contenido-form-registro {
	margin: 10px;
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: normal;
}
.boton-enviar-form {
	background-color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: auto;
	height: 25px;
	line-height: 25px;
	width: 75px;
	margin-right: auto;
}
/* Columna izq */
.col1 p.cat {background: #3e3e3e; color: #fff; font-size: 18px; font-weight: normal; padding: 5px 20px;	height: 20px; line-height: 20px; text-align: left; margin: 0}

/* Columna Derecha */
.col2 {text-align: left}
.col2 ul {list-style: none; padding: 0;}
.col2 h4 {background: #3e3e3e; color: #FBCD1E; font-size: 18px; font-weight: normal; padding: 5px 20px;	height: 20px; line-height: 20px; margin: 0 0 10px -20px}

#orden, #destac, #topfive, #promos {margin-left: 20px; margin-bottom: 10px;}

#orden li {background: white; padding: 5px 0;}
#orden h4 {background: #EDEDED; color: #3e3e3e}
#orden em {display: block; text-indent: -9999px; width: 16px; height: 16px; background: url(images/ico-quitar.png) no-repeat 0 0; float: left; cursor: pointer}
#orden h5 {float: left; margin-left: 10px; width: 185px; overflow: hidden; font-size: 12px; font-weight: normal; margin: 0 10px; line-height: 16px}
#orden span {font-weight: bold; font-size: 12px; width: 45px; float: left; line-height: 16px; color: #66657C}
#orden input.cant {width: 22px; height: 16px; background: #ededed; color: #000; text-align: center; float: left; margin-left: 0px; border: 1px solid #bbb; margin-top: -2px}
#orden .rojo {background-color: rgba(226,0,0,0.25)}

#destac li {position: relative; margin-bottom: 20px; height: 50px;}
#destac img {position: absolute; width: 61px}
#destac a {text-decoration: none}
	#destac a:hover {}
#destac span {margin-left: 80px; font-size: 13px; font-weight: bold; color: #515151; display: block; width: 135px;}
#destac p {margin-left: 80px; color: #515151; font-size: 11px; display: none; }
	#destac p a {color:#515151; font-weight: bold} 
	#destac p a:hover {color:#000; text-decoration: none}
#destac input.agregar {position:absolute; display: block; width: 70px; height: 20px; line-height: 20px; font-size: 11px; font-weight: bold; background: #ededed; color: #808080; text-align: center; right: 20px; bottom: 0; border:none}
#destac input.agregar:hover {background: #FBCD1E; color: #000; text-decoration: none}
#destac em {font-style: normal; position: absolute; right: 15px; top:0; width: 70px; font-size: 16px; font-weight: bold; color: #66657C}

#topfive img {margin-right: 5px}

#promos li {
	position: relative;
	height: 30px;
}
#promos .desc { margin-right: 15px; position: absolute; top:0; left:0}
#promos h5 {
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
	width: 300px;
	color: #666;
	margin-top: 0px;
}
#promos .img2 {left: 260px; position: absolute; top:0;}

/* Registro Usuarios */
#formRegis {font-size: 17px; background: #fff; font-family: "Helvetica", "Helvetica Neue", Arial, sans-serif;}
#formRegis input, #formRegis select {border: 1px solid #ccc;} 
	#formRegis .activo {border-color: #999; background: #f5f5f5}
#formRegis label {margin: 0 5px 0 3px; display: block; font-size: 12px; color: #444}
#formRegis input {width: 220px; font-size: 17px; padding: 5px 3px; font-family: inherit;}
#formRegis select {font-family: inherit; padding: 5px 3px; font-size: 15px; width: 120px;}
#formRegis li {list-style: none; margin-bottom: 10px;}
#formRegis li div {float: left; width: 280px; margin: 0 5px 2px 0; }

#formRegis div#calle {width: 280px; margin-right: 5px}
	#formRegis div#calle input {width: 220px} 
#formRegis li.dire div {float: left; width: 80px; margin: 0 1px 1px 0}
#formRegis li.dire input {width: 60px;}

#formRegis .ultima #cp { width: 80px; }
	#formRegis .ultima div {width: 140px}
	#formRegis #cp input {width: 60px}
	#formRegis .ultima select {}
	#formRegis .ultima input {width: 130px}
#formRegis #enviar {margin: 10px 0; background: #ffcc00; border:0}
	#formRegis #enviar:hover {background: #ffcc00;}
	
/* LOGIN */
.login {width: 700px; height: 268px; padding-top: 20px; background: #000 url(images/bg-login-commerce.jpg) no-repeat 50% 50%; margin: 0 auto; color: #fff; font-family: "Helvetica", "Helvetica Neue", Arial, sans-serif;}
.login span { width: 100px; text-indent: right; display: block; padding: 0; float: left}
.login form {width: 180px; margin: auto; }
.login .submit {background: #ffcc00; color:#333; width: 90px; text-align:center; text-decoration: none; font-size: 11px; line-height: 25px; height: 25px; border: 0; cursor: pointer; margin-top: 5px}
	.login .submit:hover {background: #ccc; color:#000}
.login input {width: 170px; font-size: 17px; padding: 5px 3px; font-family: inherit; border: 1px solid #ccc; margin-bottom: 5px}
.login label {margin: 0 5px 0 3px; display: block; font-size: 11px; color: #666; text-align: left; text-transform: uppercase}

.login p.regis a {color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; font-weight: bold; line-height: 20px}
	p.regis a:hover {text-decoration: underline}
.login p.regis em {font-style: normal; color: #ffcc33; font-size: 12px; font-weight: bold; text-transform: uppercase; }


input.comprar_chico{ background:#FC0; color:#000; line-height:22px; height:22px; text-align:center; border:0; cursor:pointer; float:right}
input.comprar_chico:hover{ background-color:#CCC; color:white}
table.eleccion{ width:100%; text-align:left}
span.data_carro{ font-size:10px}
table.eleccion td {border-bottom: 1px solid #CCC; padding-top:5px; padding-bottom:5px}
input.cant{border:1px solid grey; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px}