
body { 
	color:#333;
	font-family:verdana,arial;
	font-size:11px;
	text-align:center;
	margin: 0px 20px 0px 20px;
	background-color: #f6f6f6;
}

pre {
	color:#333;
	font-size:11px;
	font-family:verdana,arial;
}

select, input, textarea, select {
	color:#333;
	font-size:11px;
	font-family:verdana,arial;
	border: 1px solid #CCC;
	margin: 3px;
	padding: 2px;
}

input.boton {
	color:#333;
	font-size:11px;
	font-family:verdana,arial;
	border: 1px solid #CCC;
	margin: 3px;
	padding: 2px;
}

input.warning, select.warning {
	background-color: red;
}

input.normal, select.normal {
	background-color: none;
}

div#barraTop {
	position:absolute;
	top: 0px;
	left: 157px;
	width: 500px;
	font-size: 13px;
	text-align: center;
	background-image: url(images/fondo_navtop.png);
	background-repeat: no-repeat;
	color:#FFF;
	padding: 55px 0px 5px 0px;
}

div#navTop {
	float: left;
	text-align:left;
	width: 70%;
	padding: 0px 0px 0px 5px;
}

div#bienvenidoTop {
	color: #666;
	position: absolute;
	top: 10px;
	left: 30px;
}

div#logoTop {
	color:#EEE;
	margin-top: 9px;
	padding: 0px;
	background-image: url(images/fondo_top.png);
	background-position: right top;
	background-repeat: no-repeat;
}

div#imgLogoTop {
	top: 0px;
	left: 0px;
	position:absolute;
	text-align:left;
}

div#sloganLogoTop {
	float: right;
	text-align: right;
	width: 250px;
	padding: 35px 20px 0px 0px;
	font-weight: bold;
}

div#modulosLeft {
	position: absolute;
	top: 120px;
	left: 20px;
	width: 140px;
	color: #333333;
	margin-top: 40px;
	padding: 0px;
}

div#contenidos {
	position: relative;
	margin: 20px 130px 0px 130px;
	color: #333333;
	padding: 20px;
	z-index: 13;
}

div#modulosRight {
	 position: absolute;
	 top: 120px;
	 right: 20px;
	 width: 140px;
	 color: #333333;
	 margin-top: 40px;
	 padding: 0px;
	 z-index: 1;
}

div#textoPie {
	clear: both;
	padding: 10px 0px 3px 0px;
	color: #555;
	text-align:center;
	font-size: 9px;
}

div.modulosWebLeft {
	background-color:#f5f5f5;
	text-align: left;
}

div.modulosWebRight {
	background-color:#f5f5f5;
	text-align: left;
}

div.caja {
	padding: 0px; 
	margin: 0px;
}

div.caja div.titulo {
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 9px 10px 9px; 
	margin: 0px;
	line-height:12px;
	background-image: url(images/fondocaja_top.png);
	background-repeat: no-repeat;
}

div.caja div.casillaUnica {
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 5px 0px 5px; 
	margin: 0px;
	background-image: url(images/fondocaja_top.png);
	background-repeat: no-repeat;
}

div.caja div.contenido {
	line-height:13px;
	padding:0px;
	font-weight: normal;
}

div.cajaArtMatriz {
	width: 215px;
	text-align: center;
	float:left;
	padding: 0px;
	margin: 0px 6px 0px 0px;
}

div.innerCajaArtMatriz {
	padding: 15px 2px 0px 2px;
	margin: 0px;
	background-image: url(images/fondocajacentral_top.png);
	background-repeat: no-repeat;
}

div.cajaImagenMatriz {
	text-align: center;
	float:left;
	padding: 0px;
	margin: 0px;
}

div.innerCajaImagenMatriz {
	padding: 15px 5px 10px 5px;
	border-width: 0px 1px 1px 0px;
	border-color: #DDD;
	border-style: solid;
	height: 150px;
}

div.navBar {
	width:99%;
	height: 15px;
	background-color:#EEE;
	padding: 2px 0px 2px 0px;
	margin: 5px 0px 0px 0px;
}

div.navBarResultPag {
	float:left;
	width:30%;
	padding: 0px 0px 0px 5px;
}

div.navBarListaPag {
	float:left;
	width:25%;
}

div.navBarOrden {
	float:left;
	width:40%;
	text-align:right;
}

div.navBarResultXPag {
	float:left;
	width:60%;
	text-align: left;
	padding-left: 5px;
}

div.navBarDisposicion {
	float:left;
	width:35%;
	text-align: right;
}

div.cellMatriz {
	padding: 0px;
	width: 100%;
	height: 100%;
}

div.cellMatriz div.descripcion {
	font-weight: bold;
	height: 35px;
	line-height: 12px;
}

div.cellMatriz div.imagen {
	font-weight: bold;
}

div.cellMatriz div.stock {
	height: 10px;
}

div.cellMatriz div.precio {
	font-weight: bold;
	height: 28px;
}

div.cellMatriz div.venta {
	height: 20px;
	padding: 10px 0px 0px 0px;
	vertical-align: top;
}

div.cellLista {
	border-top: 1px dotted #DDD;
	clear: left;
	margin: 5px 0px 20px 0px;
}

div.cellListaImagen {
	padding: 25px 0px 20px 0px;
	float:left;
	font-weight: bold;
	width: 240px;
}

div.cellListaImagen img {
	margin: 0px 20px 0px 20px;
}

div.cellListaDescripcion {
	padding: 25px 0px 20px 0px;
	float:left;
	width: 150px;
	font-weight: bold;
	line-height: 12px;
}

div.cellListaStock {
	padding: 25px 0px 20px 0px;
	float:left;
	width: 80px;
}

div.cellListaPrecio {
	padding: 25px 0px 20px 0px;
	float:left;
	width: 90px;
	font-weight: bold;
}

div.cellListaVenta {
	padding: 25px 0px 20px 0px;
	float:left;
	width: 100px;
	text-align: center;
}

div.cabeceraDescCesta {
	float:left;
	font-weight: bold;
	color:#196941;
	width: 180px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #DDD;
}

div.cabeceraDatoCesta {
	float:left;
	font-weight: bold;
	text-align: right;
	color:#196941;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #DDD;
	width: 80px;
}

div.articuloCesta {
	clear:left;
	float:left;
	width: 180px;
	height: 25px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #DDD;
}

div.datoCesta {
	float:left;
	text-align: right;
	width: 80px;
	height: 25px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #DDD;
	vertical-align:top;
}

div.datoCesta input {
	padding: 1px 3px 1px 3px;
}

div#labelTotalCesta {
	clear:left;
	float:left;
	width: 180px;
	text-align: left;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

div#totalCesta {
	float:left;
	height: 25px;
	text-align: right;
	width: 80px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #DDD;
}

div#formLogin {
	position:relative;
	border: 1px solid #DDD;
	background-color:#EEE;
	width: 350px;
	height: 170px;
}

div#lblTengoCuentaLogin {
	position:absolute;
	top: 20px;
	left: 95px;
}

div#lblEmailLogin {
	position:absolute;
	top: 60px;
	left: 15px;
	font-weight: bold;
}

div#emailLogin {
	position:absolute;
	top: 55px;
	left: 90px;
}

div#lblPassLogin {
	position:absolute;
	top: 90px;
	left: 15px;
	font-weight: bold;
}

div#passLogin {
	position:absolute;
	top: 85px;
	left: 90px;
}

div#botLogin {
	position:absolute;
	top: 125px;
	left: 90px;
}

div#botones {
	float:left;
	text-align: left;
	width: 50%;
	padding: 10px 0px 40px 0px;
}

div.labelForm {
	clear:left;
	float:left;
	width: 150px;
	text-align: left;
	padding: 5px 10px 0px 0px;
	font-weight: bold;
	color: #555;
}

div.datoForm {
	float:left;
	padding: 0px;
	margin: 0px;
	width: 300px;
	display: inline;
}

div.labelListaDocFact {
	float:left;
	width: 130px;
	height: 30px;
	padding-bottom: 10px;
	text-align: left;
	font-weight: bold;
	color: #555;
}

div.datoListaDocFact {
	float:left;
	width: 130px;
	height: 20px;
}

p.separador {
	clear: left;
	padding-top:20px;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

.cleanerLeft {
	clear:left;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

div#datosEnvio div.checkEnvio {
	clear:left;
	float:left;
	width:25px;
}

div#datosEnvio div.labelEnvio {
	float:left;
	width:250px;
}

div#datosEnvio div.datoEnvio {
	float:left;
	width:60px;
	text-align: right;
}

div#datosEnvio div.msgEnvio {
	float:left;
	width:200px;
	text-align: left;
	margin-left: 10px;
}

div.formaPago {
	padding: 5px;
	margin: 0px 0px 15px 0px;
	width:500px;
	border: 1px solid #DDD;
}

div.formaPago div.checkPago {
	clear:left;
	float:left;
	width:25px;
}

div.formaPago div.labelPago {
	float:left;
	font-weight: bold;
}

div.formaPago div.descPago {
	clear:left;
	width:90%;
	padding: 5px;
	background-color: #EEE;
}

div.formaPago div.gastosPago {
	clear:left;
	width:90%;
	padding: 5px;
}

div.noticia {
	padding: 10px 20px 2px 5px; 
	line-height:12px;
	margin: 0px;
	text-align:justify;
	vertical-align:top;
}

div.noticia img {
	float:right;
	padding: 0px 0px 20px 20px;
}

div.flags {
	padding: 4px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
	background-color:#DDD;
}

.titPagina, .titPath {
	font-size:13px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px 4px 2px 10px;
	text-align: left;
	height: 30px;
	background-image: url(images/fondotitpagina.png);
	background-repeat: no-repeat;
	margin: 0px 0px 10px 20px;
}

.subCaja {
	margin: 0px;
	padding: 2px 4px 2px 4px;
	text-align: left;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #EEE;
}

div.cajaTexto {
	margin: 0px;
	padding: 10px;
	text-align: justify;
	width: 550px;
	float:left;
	position: relative;
}

div.titApartado {
	clear: left;
	color:#196941;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	margin: 5px 0px 10px 0px;
	text-align: left;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #EEE;
}

.titApartadoText {
	color:#196941;
	font-weight: bold;
	background-color: #EEE;
	padding: 1px 10px 1px 10px;
}

.titModulo {
	color:#2338AC;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	border-bottom: 1px solid #888;
}

.itemMenu {
	background-color:#FFF;
	line-height:12px;
	margin: 0px 1px 0px 1px;
	padding: 3px 5px 3px 5px;
	border-color: #196941;
	border-width: 0px 1px 4px 1px;
	border-style: solid;
}

.itemMenu a {
	margin: 0px;
	display: block;
	padding: 3px 5px 3px 5px;
}

.itemMenu a:hover {
	background-color: #F5F5F5;
}

.itemMenuFamilia {
	margin: 0px 0px 4px 0px;
}

a {
	text-decoration:none;
	color:#196941;
}

a.hover {
	color:#000;
}

a.botLink {
	border: 1px solid #DDD;
	padding: 2px 5px 2px 5px;
	margin: 0px 10px 0px 0px;
	background-color: #FFF;
}

a.botComprar, a.botFav, a.botActualizar, a.botContinuar, a.botVolver, a.botGuardar, a.botEliminar, a.botLista {
	border: 1px solid #DDD;
	padding: 3px 25px 2px 5px;
	margin: 0px 10px 0px 0px;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

a.botContinuarCent, a.botVolverCent {
	border: 1px solid #DDD;
	padding: 3px 10px 2px 10px;
	margin: 0px 5px 0px 0px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

a.botLink:hover, a.botComprar:hover, a.botFav:hover, a.botActualizar:hover, a.botActualizar:hover, a.botContinuar:hover, a.botContinuarCent:hover, a.botVolver:hover a.botVolverCent:hover, a.botGuardar:hover, a.botEliminar:hover, a.botLista:hover {
	background-color: #EEE;
	border-color: 1px solid #555;
}

a.botComprar {
	background-image: none;
}

a.botFav {
	background-image: none;
}

a.botActualizar {
	background-image: url(images/actualizar.png);
}

a.botContinuar, a.botContinuarCent {
	background-image: url(images/continuar.png);
}

a.botVolver, a.botVolverCent {
	background-image: url(images/volver.png);
}

a.botGuardar {
	background-image: url(images/guardar.png);
}

a.botEliminar {
	background-image: url(images/eliminar.png);
}

a.botLista {
	background-image: url(images/lista.png);
}

a.inv {
	color:#FFF;
}

a.inv:hover {
	color:#DDD;
}

ul {
	list-style-image:url(../../images/lista.gif)
}

li {
	margin-bottom:3px;
}

.thumb {
	margin:0px;
}

.precioAnterior {
	font-weight:normal;
	font-size:10px;
}

.fasesPedido {
	padding: 0px;
	font-weight:bold;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #EEE;
	font-size:10px;
	color:#555;
}

.seccionesCuenta {
	margin: 10px 0px 20px 0px;
	padding: 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #EEE;
	font-size:10px;
	color:#555;
}

.titSeccionCuenta {
	color:#2338AC;
	background-color: #EEE;
	padding: 1px 10px 1px 10px;
}

.imgCaja {
	margin: 5px;
}

.cajaImagen {
	padding: 5px;
	text-align:center;
	background-color:#FFF;
	margin: 0px 1px 0px 1px;
	border-color: #196941;
	border-width: 0px 1px 4px 1px;
	border-style: solid;
}

.cajaImagen img {
	width: 85px;
}

.msgInfo {
	border: 1px solid #DDD;
	padding: 3px;
	margin: 10px 10px 10px 0px;
}

.msgError {
	border: 1px solid #DDD;
	padding: 3px;
	margin: 10px 10px 10px 0px;
	color: #500;
}

.msgOk {
	border: 1px solid #DDD;
	padding: 3px;
	margin: 10px 10px 10px 0px;
	color: #050;
}

.msgIVA {
	font-weight:normal;
	font-size:10px;
	color:#555;
	padding: 0px 0px 0px 5px;
}

div.fotoGrande {
	border: 0px solid #CCC;
	margin: 10px 10px 20px 10px;
	padding: 10px 10px 0px 10px;
}

div.fotoGaleria {
	margin: 0px;
	padding: 10px 10px 10px 10px;
	text-align:center;
}

div.fotoGaleria img {
	border: 1px solid #CCC;
	margin: 10px 0px 5px 0px;
}

div.navGaleria {
	text-align:left;
	padding: 4px 10px 4px 10px;
}

div.selecPais {
	width: 220px;
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 3px;
	margin: 3px;
}

.ui-dialog div.links {
	text-align: right;
	margin: 10px 20px 0px 0px;
}

.ui-dialog div.img {
	border: 1px solid #DDD;
}

.cajaEnviarAamigo {
	border: 1px solid #999;
	width: 500px;
	padding: 10px;
}

.cajaEnviarAamigo input {
	width: 350px;
}

.cajaEnviarAamigo textarea {
	width: 450px;
	height: 120px;
}

span#msgDescuento {
	font-weight:bold;
	padding-left: 10px;
}

div#barraLang {
	text-align: right;
	padding:2px 0px 2px 0px;
}

div#barraMandaca {
	position: relative;
	height: 67px;
	background-image: url(images/fondo_top.png);
	background-position: right top;
	background-repeat: no-repeat;
}

div.cellMatriz div.imagenPeq img {
	border-top: 1px dotted #DDD;
	width: 85px;
}

div.itemMenu div.descripcionCesta {
	font-weight: bold;
	text-align: right;
}

div.itemMenu div.precioCesta {
	text-align: right;
	padding: 3px;
	border-top: 1px dotted #DDD;
}

div.totalCestaMod {
	text-align: right;
	font-weight: bold;
	padding: 7px;
	margin: 0px 1px 0px 1px;
	border-color: #196941;
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	background-color: #FFF;
}

div.botonesCestaMod {
	height: 25px;
	text-align: center;
	font-weight: bold;
	margin: 0px 1px 0px 1px;
	padding: 10px 0px 0px 0px;
	border-color: #196941;
	border-width: 0px 1px 4px 1px;
	border-style: solid;
	border-top: 1px dotted #DDD;
	background-color: #FFF;
}

div.botonesCestaMod a {
	font-size: 0.8em;
	padding: 2px;
	margin: 2px;
	border: 1px solid #CCC;
}

div.caja div.casillaUnica a {
	color:#FFFFFF;
	display: block;
	padding-top: 5px;
}

div.pieCaja {
	background-image: url(images/fondocaja_bottom.png);
	background-repeat: no-repeat;
	margin: 0px 0px 20px 0px;
}

.titPagina a {
	color: #FFFFFF;
}

div.bottomCajaArtMatriz {
	background-image: url(images/fondocajacentral_bottom.png);
	background-repeat: no-repeat;
	margin: 0px 0px 20px 0px;
	height: 21px;
}

div.cajaArtMatriz div.descripcion {
	padding: 0px 10px;
}

div.articuloTop {
	background: url(images/fondoarticulo.png) no-repeat top left;
	height: 40px;
}

div.articuloBottom {
	background: url(images/fondoarticulo.png) no-repeat bottom left;
	height: 30px;
}

div.articulo {
	background: url(images/fondoarticulo_mid.png) repeat-y center left;
	padding: 10px;
}

div.articulo div.thumb {
	float:left;
	width: 285px;
	text.align: center;
	padding: 30px 5px 10px 5px;
}

div.articulo div.colRight {
	float:left;
	width: 325px;
	margin-left: 25px;
}

div.articulo div#precio {
	font-size: 20px;
	font-weight: bold;
	color: #f2931e;
	text-align: right;
	width: 280px;
	line-height: 16px;
}

div.articulo div#referencia {
	height: 25px;
	font-size: 11px;
	font-weight: bold;
	color: #555;
	text-align: right;
	width: 280px;
}

div.articulo div#descripcionLarga {
	line-height: 1.8em;
	color: #196941;
	width: 285px;
	text-align: justify;
}

div.articulo div#tallas {
}

div.articulo div#favoritos {
}

div.articulo div#comentariosYamigos {
}

div.articulo div#comentariosYamigos a {
}

div.articulo div#superthumb {
}

div.articulo div#comentariosYamigos a.botLink, div.articulo div#favoritos a {
	color: #FFF;
	font-size: 0.83em;
	font-weight: bold;
	background-color: transparent;
	border-width: 0px;
}

div#comentariosYamigos div.botonAmigo {
	float:left;
	background: url(images/fondobotrecomendar.png) no-repeat 0 0;
	padding-top: 10px;
	height: 125px;
	width: 145px;
	text-align:center;
	margin-right: 10px;
}

div#comentariosYamigos div.botonPresupuesto {
	float:left;
	background: url(images/fondobotpresupuesto.png) no-repeat 0 0;
	padding-top: 10px;
	height: 125px;
	width: 145px;
	text-align:center;
}

div#comentariosYamigos div.botonAmigo div.botonGordo, div#comentariosYamigos div.botonPresupuesto div.botonGordo {
	font-size: 1.25em;
	font-weight: bold;
	color: white;
	display:block;
	padding: 30px 5px;
	cursor: pointer;
}

div#comentariosYamigos a {
	color: white;
}

div.articulo div.venta {
}

div.articulo div.botComprarMandacaru {
	float:left;
	background-image: url(images/fondobotcesta.png);
	background-repeat: no-repeat;
	padding: 3px 10px 3px 10px;
	height: 30px;
	width: 155px;
	text-align: left;
}

div.articulo div.botComprarMandacaru a {
	color: #FFF;
	font-size: 0.83em;
	font-weight: bold;
	background-color: transparent;
	border-width: 0px;
	padding: 4px 40px 4px 15px;
}

div.cuadrosuperthumb {
	float: left;
	width: 75px;
	height: 90px;
	margin: 10px 10px 0px 0px;
	text-align: center;
	padding-top: 15px;
	background-image: url(images/fondosuperthumb.png);
	background-repeat: no-repeat;
}

div#codigoEnviarAamigo {
	text-align: left;
	font-size: 11px;
}

div#codigoEnviarAamigo h1 {
	font-size: 12px;
	font-weight: bold:
	border-bottom: 1px dotted #BBB;
	margin-bottom: 20px;
}

div.cajaTrans {
	text-align: center;
	padding: 0px; 
	margin: 5px 0px 20px 0px;
}

div.cajaTrans img {
	border-width: 0px;
}

div#botonesLateral a {
	display: block;
	padding: 8px  0px  10px 0px;
	margin: 18px 0;
	color: white;
}

a.botLateralMandaHover {
	background: url(images/que_es_2.gif) no-repeat;
}

a.botLateralMandaQueEs {
	background: url(images/que_es_1.gif) no-repeat;
}

a.botLateralMandaBlog {
	background: url(images/blog_1.gif) no-repeat;
}

a.botLateralMandaTerceros {
	background: url(images/fabricacion_1.gif) no-repeat;
}

.infiniteCarousel {
  width: 135px;
  height: 205px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 135px;
  overflow: auto;
  height: 205px;
  margin: 0;
  position: absolute;
  top: 0;
}

.infiniteCarousel .wrapper ul {
  width: 135px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0 0px;
  height: 135px;
  width: 135px;
  font-size: 0.9em;
}

html.oculto .infiniteCarousel {
	display:none;
}
