/* Estilos puzzleflock */
/* Reseteamos las css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

html, body {
	height: 100%;
}

html {
	
}

body {
	margin:0;
	padding:0;
	text-align: center;
	background: #979B9D url(images/fondo_web.gif) left top repeat;
	overflow: auto;
}

body, td, div, p {
	font-family: verdana;
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

br.clear {
	margin:0;
	padding:0;
	clear: both;
	float: none;
}

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

a:hover {
  color: #AABBDD;
  text-decoration: underline;
}

form {
	display: inline;
}

/* layout */
#layout {
	position:relative;	
	margin: 0 auto;
	width: 1000px;
	height:auto !important;
	height:100%;
	min-height:100%;
	background: url(images/fondo_layout.gif) left top repeat-y;
}

/** Esquinas **/

div.esd {
	position: relative;
	float: right;
	text-indent: -1000em;
	width: 26px;
	height: 36px;
	background: url(images/dch-header.png) 0px 0px no-repeat;
	right:-26px;
}

div.esi {
	position: relative;
	float: left;
	text-indent: -1000em;
	left:-26px;
	width: 26px;
	height: 36px;
	background: url(images/izq-header.png) 100% 0px no-repeat;
}
div.eid {
	display: block;
	position: relative;
	float: right;
	text-indent: -1000em;
	width: 26px;
	height: 81px;
	background: url(images/dch-footer.png) 0px 0px no-repeat;
}

div.eii {
	display: block;
	position: relative;
	float: left;
	text-indent: -1000em;
	width: 26px;
	height: 81px;
	background: url(images/izq-footer.png) 100% 0px no-repeat;
}
/** Fin de las esquinas **/

/* Pagina principal */

div#principal {
	position: relative;
	width: 738px;
	height: 630px;
	background: url(images/principal.gif) right top no-repeat;
}
	div#principal div.tprincipal {
		width: 723px;
		height: 29px;
		background: transparent url(images/puzzleyourcar.gif) right 2px no-repeat;
	}
	
	div#principal div.caja_01 {
		position: absolute;
		display: block;
		left: 0px;
		top: 39px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_01.jpg) left top no-repeat;
	}
	div#principal div.c_caja_01 {
		position: absolute;
		display: block;
		left: 0px;
		top: 39px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_01_sin_iva.jpg) left top no-repeat;
	}
		div#principal div.caja_01 a, div#principal div.c_caja_01 a {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 239px;
			height: 183px;
			text-indent: -1000em;
			background: url(images/trans_01.gif) left top no-repeat;
		}
	
	div#principal div.caja_02 {
		position: absolute;
		display: block;
		left: 249px;
		top: 39px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_02.jpg) left top no-repeat;
	}
	div#principal div.c_caja_02 {
		position: absolute;
		display: block;
		left: 249px;
		top: 39px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_02_sin_iva.jpg) left top no-repeat;
	}
		div#principal div.caja_02 a, div#principal div.c_caja_02 a  {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 239px;
			height: 183px;
			text-indent: -1000em;
			background: url(images/trans_02.gif) left top no-repeat;
		}
	
	div#principal div.caja_03 {
		position: absolute;
		display: block;
		left: 498px;
		top: 39px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_03.jpg) left top no-repeat;
	}
	div#principal div.c_caja_03 {
		position: absolute;
		display: block;
		left: 498px;
		top: 39px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_03_sin_iva.jpg) left top no-repeat;
	}
		div#principal div.caja_03 a, div#principal div.c_caja_03 a  {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 239px;
			height: 183px;
			text-indent: -1000em;
			background: url(images/trans_03.gif) left top no-repeat;
		}
	
	div#principal div.caja_04 {
		position: absolute;
		display: block;
		left: 0px;
		top: 232px;
		width: 738px;
		height: 183px;
		background: url(images/cajetines/caja_04.jpg) left top no-repeat;
	}
	div#principal div.c_caja_04 {
		position: absolute;
		display: block;
		left: 0px;
		top: 232px;
		width: 738px;
		height: 183px;
		background: url(images/cajetines/caja_04_sin_iva.jpg) left top no-repeat;
	}
		div#principal div.caja_04 a, div#principal div.c_caja_04 a  {
			position: absolute;
			left: 5px;
			top: 5px;
			width: 728px;
			height: 173px;
			text-indent: -1000em;
		}
	
	div#principal div.caja_05 {
		position: absolute;
		display: block;
		left: 0px;
		top: 425px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_05.jpg) left top no-repeat;
	}
	div#principal div.c_caja_05 {
		position: absolute;
		display: block;
		left: 0px;
		top: 425px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_05_sin_iva.jpg) left top no-repeat;
	}
		div#principal div.caja_05 a, div#principal div.c_caja_05 a  {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 239px;
			height: 183px;
			text-indent: -1000em;
			background: url(images/trans_05.gif) left top no-repeat;
		}
	
	div#principal div.caja_06 {
		position: absolute;
		display: block;
		left: 249px;
		top: 425px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_06.jpg) left top no-repeat;
	}
	div#principal div.c_caja_06 {
		position: absolute;
		display: block;
		left: 249px;
		top: 425px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_06_sin_iva.jpg) left top no-repeat;
	}
		div#principal div.caja_06 a, div#principal div.c_caja_06 a  {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 239px;
			height: 183px;
			text-indent: -1000em;
			background: url(images/trans_06.gif) left top no-repeat;
		}
	
	div#principal div.caja_07 {
		position: absolute;
		display: block;
		left: 498px;
		top: 425px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_07.jpg) left top no-repeat;
	}
	div#principal div.c_caja_07 {
		position: absolute;
		display: block;
		left: 498px;
		top: 425px;
		width: 239px;
		height: 183px;
		background: url(images/cajetines/caja_07_sin_iva.jpg) left top no-repeat;
	}
		div#principal div.caja_07 a, div#principal div.c_caja_07 a  {
			position: absolute;
			left: 0px;
			top: 0px;
			width: 239px;
			height: 183px;
			text-indent: -1000em;
			background: url(images/trans_07.gif) left top no-repeat;
		}
	
/* Fin de la pagina principal */


#header {
	background: url(images/header.jpg) left top repeat;
	height: 166px;
	width: 948px;
	margin-left: 26px;
	_margin-left: 0px;
}
	
	#header h1 {
		position: relative;
		float: left;
		margin:0;
		padding:0;
		width: 244px;
		height: 116px;
		background: url(images/puzzleflock.jpg) 12px 10px no-repeat;
	}
		#header h1 a {
			position: absolute;
			left: 10px;
			top: 10px;
			width: 220px;
			height: 105px;
			text-indent: -1000em;
		}
		
	#header h2 {
		position: relative;
		float: right;
		margin:0;
		padding:0;
		width: 392px;
		height: 97px;
		z-index: 5000;
	}
	
		#header h2 span.enlaceCesta {
			position: absolute;
			display: block;
			left: auto;
			right: 0px;
			top: 0px;
			width: 150px;
			height: 60px;
			text-indent: -1000em;
			background: transparent;
		}
		
		div.userOut {
			position: absolute;
			left: auto;
			right: 10px;
			top: 105px;
			width: auto;
			z-index: 1000;
			
		}
		#header h2 div.userOut a {
			position : absolute;
			left: auto;
			right: 0px;
			top: 0px;
			padding-left: 15px;
			font-size: 10px;
			color: #000;
			background: url(images/button_user_out.gif) left 2px no-repeat;
		}
		#header h2 div.userOut a:hover { text-decoration: none;}
		
		#header h2 span.sep {
			position: absolute;
			left: auto;
			right: 45px;
			top: 0px;
			color: #000;
			font-size: 9px;
			cursor: default;
		}
		
		#header h2 div.userN {
			position: absolute;
			left: auto;
			right: 55px;
			top: 0px;
			color: #000;
			font-size: 10px;
			cursor: default;
			z-index: 50000;
		}
		#header h2 div.userN span { font-weight: bold;}
		
		#header h2 table.t_login {
			position: absolute;
			left: auto;
			top: 118px;
			right: 10px;
			z-index: 9;
		}
		
		#header h2 table.t_login td { 
			vertical-align: middle;
			color: #000;
			font-size: 10px;
		}
			#header h2 table.t_login td input.iText {
				font-size: 10px;
				height: 20px;
			} 
			
		#header h2 div.bolsa {
			position: absolute;
			left: auto;
			right: 10px;
			top: 20px;
			width: 205px;
			height: 60px;
			background: url(images/bolsa.jpg) left top no-repeat;
		}
			#header h2 div.bolsa span.objetos {
				position: absolute;
				left: auto;
				right: 55px;
				top: 20px;
				color: #fff;
				font-weight: normal;
				font-size: 10px;
				width: auto;
			}
			#header h2 div.bolsa span.precioBolsa {
				position: absolute;
				left: auto;
				right: 55px;
				top: 35px;
				color: #fff;
				font-weight: normal;
				font-size: 10px;
				width: auto;
			}
			
			
		#header #tab {
			position: absolute;
			margin: 0;
			padding:0;
			top: 92px;
			left: auto;
			right: 10px;
			height: 24px;
		}
	
		#header #tab ul {
			position: relative;
			margin: 0;
			padding:0;
		}
			
			#header #tab ul li {
				float: left;
				margin-left: 1px;
				padding-left:3px;
				list-style: none;
				color: #fff;
				height:24px;
				background: url(images/tab_li.gif) left top no-repeat;
			}
				#header #tab ul li span{
					height: 24px;
					line-height: 24px;
					display: block !important; 
					display: inline-block;
					color: #000;
					font-size: 10px;
					padding-left: 10px;
					padding-right: 13px;
					text-decoration: none;
					background: url(images/tab_a.gif) right top no-repeat;
				}
				
				#header #tab ul li a:hover{
					color: #555;
				}
	
	#header #nav {
		position: relative;
		height: 50px;
		text-align: center;
		float:none;
		clear: both;
		width: 948px;
		background: url(images/fondo_menu.gif) left top repeat-x;
	}
		#header #nav ul {
			position: absolute;
			/*left: 120px;*/
			left: 100px;
			height: 30px;
			margin:0;
			padding:0;
		}
			#header #nav ul li {
				float: left;
				height: 30px;
				width: auto;
				background: url(images/fondo_menu_enlace.gif) left top repeat-x;
				list-style: none;
			}
			#header #nav ul li.e {
				background: url(images/fondo_menu_enlace_e.gif) left top repeat-x;
			}
			
			
			#header #nav ul li.separador {
				width: 2px;
				text-indent: -1000em;
				background: url(images/separador.gif) left top no-repeat;
				padding: 0px;
			}
				
				#header #nav ul li span {
					display: block;
					color: #222;
					height: 30px;
					line-height: 30px;
					padding: 0px 10px;
					padding-left: 36px;
					font-family: verdana;
					font-size: 11px;
					font-weight: bold;
					text-decoration: none;
				}
				
				#header #nav ul li span:hover { color: #006699;}
				
				/*
				#header #nav ul li a.compra { background: url(images/ico_compra.gif) 10px center no-repeat;}
				#header #nav ul li a.envios { background: url(images/ico_envios.gif) 10px center no-repeat;}
				#header #nav ul li a.pagos { background: url(images/ico_pagos.gif) 10px center no-repeat;}
				*/
				
				#header #nav ul li span.compra { 
					text-indent: -1000em;
					width: 118px!important;
					width: 163px;
					background: url(images/tab_comprar.gif) 10px center no-repeat;
				}
				
				#header #nav ul li span.envios { 
					text-indent: -1000em;
					width: 120px!important;
					width: 170px;
					background: url(images/tab_enviar.gif) 10px center no-repeat;
				}
				
				#header #nav ul li span.pagos { 
					text-indent: -1000em;
					width: 98px!important;
					width: 145px;
					background: url(images/tab_pagar.gif) 10px center no-repeat;
				}
				
				#header #nav div.headerTop {
					position: absolute;
					top: 30px;
					left: 0px;
					width: 948px;
					height: 20px;
					background: url(images/header_top.gif) left top no-repeat;
				}
				

/* content */
#content {
	width: 948px;
	margin-left: 26px;
	_margin-left: 0px;
	padding-bottom: 100px;
	text-align: left;
}
	
	/* Zona Central */
	
	#content #text {
		margin-left: 200px !important;
		margin-left: 197px;
		margin-right: 10px;
		
		/* Esto nos permite tener una altura minima y evitar el salto de los banner laterales */
		height:auto !important;
		height:600px;
		min-height:600px;
		
	}
		#content #buscador {
			margin-left: 200px;
			margin-right: 10px;
			margin-bottom: 10px;
			height: 150px;
			background: #222;
		}
		
		#content #promo {
			margin-left: 200px;
			margin-right: 10px;
			margin-bottom: 10px;
			height: 190px;
			background: #fff;
		}
		
		#content #promo_01 {
			margin-left: 10px;
			margin-bottom: 10px;
			height: 190px;
			width: 350px;
			float: left;
			background: #222;
		}
		
		#content #promo_02 {
			margin-left: 560px;
			margin-bottom: 10px;
			width: 378px;
			height: 190px;
			background: #222;
		}
		
		/* Aqui añadiriamos las opciones de formato del texto */
		
		/* Pablo*/
		span.azul{
			font-weight:bold;
			color:#0066CC;
		}
		span.negrita{
			font-weight:bold;
			color:#006600;
		}
		
		/*Fin Pablo*/
		
		h2.titulo {
			height: 60px;
			line-height: 60px;
			margin:0;
			padding:0;
			border-bottom: 1px solid #777;
			background: #8B8B8B url(images/titulo-bg.gif) right top no-repeat;
		}
			h2.titulo span {
				display: inline-block;
				height: 60px;
				line-height: 60px;
				padding-left: 50px;
				font-family: verdana;
				font-size: 15px;
				font-weight: bold;
				color: #fff;
				background: url(images/titulo-bullet-bg.gif) 15px center no-repeat;
			}
		
		table.contenido { 
			display: block; 
			margin:10px;
			text-align: center;
		}
			table.contenido td.subtitulo, div.subtitulo, span.subtitulo {
				font-size: 12px;
				font-weight: bold;
				color: #555;
				padding-left: 16px;
				white-space:nowrap;
				background: url(images/bullet.gif) left center no-repeat;
			}
			
			td.subtitulo{
				border-bottom:1px solid #CCCCCC;
			}
			
			a.cambiar { 
				position: relative;
				display: inline-block;
				padding:2px;
				margin-left: 4px;
				width: 16px;
				height: 16px;
				text-indent: -1000em;
				font-size: 9px; 
				background: url(images/ico_editar.gif) center center no-repeat; }
			
			a.cambiar span { color: #000; text-decoration: none; font-size: 9px; text-indent: -1000em;}
			
			table.checkTotal td {
				text-align: left;
				padding-right: 20px;
			}
			
			h2 div.totProds {
				position: absolute;
				left: auto;
				right: 20px;
				top: 46px;
				width: 35px;
				text-align: center;
				font-family: arial;
				font-size: 18px;
				font-weight: bold;
			}
			
			h2 div.prod_s {
				position: absolute;
				left: auto;
				right: 22px;
				top: 65px;
				width: 31px;
				height: 23px;
				text-indent: -1000em;
				background: url(images/productos.gif) left top no-repeat;
			}
			h2 div.prod_u {
				position: absolute;
				left: auto;
				right: 22px;
				top: 65px;
				width: 31px;
				height: 23px;
				text-indent: -1000em;
				background: url(images/producto.gif) left top no-repeat;
			}
			
			
			div.subtitulo, span.subtitulo { margin: 10px;}
		
		div.texto {
			font-family: verdana;
			font-size: 12px;
			color: #333;
			text-align: justify;
			padding: 10px;
		}
		
		div.texto h3 {
			font-size: 14px;
			font-weight: bold;
			border-bottom: 1px solid #333;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		div.texto h4 {
			font-size: 14px;
			font-weight: bold;
			margin-top: 10px;
			margin-bottom: 10px;
			color:#0066CC;
		}
				
		div.texto p {
			margin-bottom: 20px;
			text-align: justify;
		}
		
		div.botonera {
			padding: 10px;
			text-align: right;
		}
		
		div.texto ul.lista, div.texto ol.lista {
			margin:20px;
			margin-bottom: 40px;
		}
			div.texto ul.lista li {
				margin-bottom: 10px;
				padding-left: 15px;
				list-style: none;
				background: url(images/bullet.gif) left 2px no-repeat;
			}
			
			div.texto ol.romana li {
				margin-bottom: 10px;
				margin-left: 40px;
				font-weight: bold;
				list-style: upper-roman;
			}
				div.texto ol.romana li a{
					color:#006699;
					font-weight: normal;
				}	
		
	/* Zona Lateral */
	
	#content #lfside {
		width: 180px;
		/*margin-left: 10px !important;
		margin-left: 7px;*/
		float: left;
	}
	
		#content #lfside ul {
			margin:0;
			margin-top: 5px;
			padding:0px;
			margin-left: 10px;
			padding-top: 8px;
			width: 160px;
		}
		
		#content #lfside ul#cats {
			margin:0;
			margin-left: 10px; 
			padding:4px;
			width: 172px!important;
			width: 179px;
			background: none;
		}
		
			#content #lfside ul li{
				font-family: verdana;
				font-size: 11px;
				color: #090;
				list-style: none;
				padding-left: 20px;
				padding-top: 8px;
				padding-bottom: 8px;
				background: url(images/bullet.gif) 2px 10px no-repeat;
				border-bottom: 1px solid #555;	
			}
			
			#content #lfside ul li.ultimo {
				border:0px none;
			}
			
			#content #lfside ul#cats li{
				position: relative;
				font-family: verdana;
				font-size: 11px;
				color: #090;
				list-style: none;
				padding:0px;
				text-align: left;
				height: 28px;
				margin-bottom: 4px;
				border: 0px none;
				background: #222222 url(images/lateral_btn_bg.gif) left top no-repeat;
				
			}
			
			#content #lfside ul#cats li.seleccionado {
				background: #222222 url(images/lateral_btn_bgsel.gif) left top no-repeat;
			}
			
			#content #lfside ul#cats li.tit{
				font-family: verdana;
				font-size: 11px;
				
				list-style: none;
				padding:0px;
				padding-right: 6px;
				margin-bottom: 4px;
				text-indent: -1000em;
				background: #222222 url(images/categorias_tit.gif) center center no-repeat;
				border: 0px none;
				
			}
				#content #lfside ul#cats li.tit span {
					color: #090;
					font-weight: bold;
					text-transform:uppercase;
				}
			
				#content #lfside ul li span{
					display: block;
					margin:0px;
					padding:0px;
					padding-left: 8px;
					height: 28px;
					line-height: 28px;
					color: #090;
					text-decoration: none;
				}
				
				#content #lfside ul#cats li.seleccionado span {
					cursor: default; color: #fff;
				}
				
				#content #lfside ul li a:hover { color: #0C0;}
				
				#content #lfside ul li.seleccionado a:hover { color: #fff;}
				
		#lfside div.contacto {
			position: relative;
			width: 172px;
			height: 112px;
			margin-left: 14px; clear:both; float:none;
			background: #fff url(images/contacto.jpg) center center no-repeat;
		}
			#lfside div.contacto span{
				position: absolute;
				display: block;
				left: 2px;
				top: 2px;
				width: 168px;
				height: 108px;
				color: #000;
				text-decoration: none;
				text-indent: -1000em;
				font-size: 10px;
			}
		
		#lfside a.materiales {
			position: relative;
			display: block;
			margin-bottom: 5px;
			msrgin-top: -2px;
			width: 172px;
			height: 76px;
			margin-left: 14px;
			text-indent: -1000em;
			background: #fff url(images/materiales.jpg) center center no-repeat;
		}

		#lfside span.opina {
			position: relative;
			display: block;
			margin-bottom: 5px;
			msrgin-top: -2px;
			width: 172px;
			height: 76px;
			margin-left: 14px;
			text-indent: -1000em;
			background: #fff url(images/opinion.jpg) center center no-repeat;
		}


/* Listado de productos */

ul.listado_productos {
	margin:20px;
	padding:0;
}
	ul.listado_productos li {
		margin-bottom: 10px;
		padding-bottom: 10px;
		list-style: none;
		height: 80px;
		border-bottom: 1px solid #ccc;
	}
		ul.listado_productos li div.coche {
			float: right;
			display: block;
			width: 100px;
			text-align: center;
			font-size: 10px;
		}
		
		ul.listado_productos li div.coche div {
			font-size: 10px;
		}
		
		ul.listado_productos li a.foto {
			position: relative;
			float: left;
			margin-right: 10px;
			display: block;
			width:100px; 
			height: 80px; 
			line-height: 80px;
			text-align:center;
			vertical-align:middle; 
			background: #515753; 
			overflow: hidden;
		}
			ul.listado_productos li a.foto span{
				position: absolute;
				left: 0px;
				top: 0px;
				height: 80px;
				width: 100px;
				background: url(images/foto_trans_01.gif) left top no-repeat;
				z-index: 100;
			}
			
			ul.listado_productos li a.foto img{
				position: absolute;
				top: 50%;
				left: 50%;
			}
		
		ul.listado_productos li a.descripcion {
			font-weight: bold;
			color: #003366;
			text-decoration:none;
		}
		
		ul.listado_productos li a.descripcion:hover {
			color: #006699;
		}
		
		div.precio  {
			display: block;
			float: left;
			font-family: verdana;
			font-size: 11px;
			color: #fff;
			list-style: none;
			height: 28px;
			padding-left: 12px;
			background: #4D96E2 url(images/precio.gif) left bottom no-repeat;
			cursor: default;
		}
			div.precio span {
				height: 28px;
				display: inline-block;
				line-height: 28px;
				padding-right: 12px;
				background: #4D96E2 url(images/precio.gif) right bottom no-repeat;
			}
		
		
		/* Paginador */
		ul.paginador {
			margin:10px;
			padding:0;
		}
		ul.paginadorA {
			margin:10px;
			margin-bottom: 30px;
			margin-top: 20px;
			padding:0;
			padding-bottom: 10px;
		}
		
			ul.paginador li {
				float: left;
				margin-left: 4px;
				list-style: none;
				height: 20px;
				line-height: 20px;
				overflow: hidden;
			}
			
			ul.paginador li.cuadro {
				display:block;
				width: 20px;
				text-align: center;
				border:1px solid #ccc;
				background: #eee;
				color: #777;
			}
			
			ul.paginador li.cuadroSel {
				display:block;
				width: 20px;
				text-align: center;
				border:1px solid #ccc;
				background: #eee;
				color: #000;
			}
				ul.paginador li a {
					height: 20px;
					line-height: 20px;
					width: 20px;
					color: #777;
					text-decoration: none;
				}
				
				ul.paginador li.cuadro a {
					display: block;
					height: 20px;
					line-height: 20px;
					width: 20px;
					color: #777;
				}
				
				ul.paginador li.cuadro a:hover { color: #006699; background: #ccc;}
				
				ul.paginador li.cuadroSel span {
					display: block;
					height: 20px;
					line-height: 20px;
					width: 20px;
					color: #000;
					background: #ccc;
					cursor: default;
				}

/* Detalle del producto */
div.producto {
	margin:20px;
}

div.det_marca {
	float: right;
	display: block;
	width: 100px;
	text-align: center;
	font-size: 10px;
	padding:10px;
}

div.fotoDet {
	position: relative;
	display: block;
	float: left;
	width: 150px;
	height: 200px;
	line-height: 200px;
	text-align:center;
	vertical-align:middle;
	overflow: hidden;
	background: #515753;
	margin-right: 10px;
}
	div.fotoDet span {
		position: asolute;
		display: block;
		left: 0px;
		top: 0px;
		height: 200px;
		width: 150px;
		z-index: 1000;
		background: url(images/foto_Det.gif) left top no-repeat;
	}
	
	div.fotoDet a img {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
	}
	
	div.fotoDet span img {
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
	}
	
div.prod_descripcion {
	margin-top: 10px;
	margin-left: 160px;
	width: 400px;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}

div.prod_nombre {
	font-size: 14px;
	font-weight: bold;
}

div.prod_material {
	margin-top: 10px;
	padding-top: 10px;
	text-align:left;
	height: 100px;
	border-top: 1px dotted #ccc;
}
	div.prod_material img {
		float: left;
		text-align:left;
		width: 75px;
		height: 75px;
		margin-right: 10px;
		border: 1px solid #ccc;
		padding:2px;
		background: #fff;
	}

div.prod_botones {
	margin-left: 340px;
}
	div.prod_botones a {
		margin-right: 4px;
	}

ul.lista_productos {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
ul.lista_productos li {
	list-style: none;
}

ul.lista_productos2 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
ul.lista_productos2 li {
	list-style: none;
	padding-left: 18px;
	color: #666666;
	text-decoration: none;
	background:url(images/link.gif) left top no-repeat;
}
	
a.enlace_productos {
	padding-left: 18px;
	color: #666666;
	text-decoration: none;
	background:url(images/link.gif) left center no-repeat;
}

/* Pie */

#footer {
	position:relative;
	width: 1000px;
	left: 0px;
	bottom:0;
	height: 81px;
	clear: both;
	float:left;
	z-index: 10000;
}
	#footer div.cnt {
		position:relative;
		display: block;
		width: 948px;
		height: 81px;
		margin-left: 0px;
		color: #060;
		background: url(images/footer.gif) left bottom no-repeat;
		float:left;
	}
	#footer a.url {
		position: absolute;
		display: block;
		width: 214px;
		height: 13px;
		left: 155px;
		top: 40px;
		color: #060;
		font-family: arial;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		text-indent: -1000em;
		background: transparent url(images/url.gif) left top no-repeat;
	}
	
	#footer ul {
		float: right;
		margin:0;
		padding:0;
		margin-top: 30px;
		margin-right: 36px;
		height: 30px;
	}
	
		#footer ul li {
			height: 30px;
			float: left;
			margin-left: 10px;
			padding-left: 10px;
			list-style: none;
			background: url(images/separado_footer.gif) left center no-repeat;
		}
		#footer ul li.primero {
			background: none;
		}
		
			#footer ul li span {
				display: inline-block;
				height: 30px;
				line-height: 30px;
				font-family: verdana;
				font-size: 11px;
				text-decoration: none;
				color: #060;
			}
			
			#footer ul li a:hover { color: #006699;}
			
			
/* Estilos para los campos de formulario */
input.text-bg {
	padding:3px 3px 0px 3px;
	height: 22px;
	margin: 3px;
    background:#fff url(images/text-bg.gif) repeat-x 0 0;
    border:1px solid #B5B8C8;
}

input.iText {
	padding:3px 3px 0px 3px;
	height: 22px;
	margin: 3px;
    background:#fff url(images/text-bg.gif) repeat-x 0 0;
    border:1px solid #B5B8C8;
}

textarea {
	padding:3px 3px 0px 3px;
	margin: 3px;
    background:#fff url(images/text-bg.gif) repeat-x 0 0;
    border:1px solid #B5B8C8;
}

select {
	background:#fff url(images/text-bg.gif) left top repeat-x;
    border:1px solid #B5B8C8;
}
	select option {
		padding: 2px;
	}


/* Listado avanzado */
table.listadoAvz {
	margin-top: 15px;
	margin-left: 20px;
	width: 680px;
	border-bottom: 1px dotted #ccc;
}
	table.listadoAvz td {
		vertical-align: middle;
		height: 28px;
	}




/* Desplegable coches elegidos */
div.coches_e {
	position: relative;
	display: block;
	float: left;
	width: 300px;
	height: 74px;
	z-index: 2000;
}


div.coches_e ul#uEl {
	left: 0px;
	top: 0px;
	margin:0;
	padding:0;
	width: 300px;
	height: 74px;
	border: 1px solid #ccc;
	background: #fff;
}
	div.coches_e ul#uEl li{
		position: relative;
		display: block;
		float: left;
		padding-left: 10px;
		height: 24px;
		line-height: 24px;
		list-style:none;
		width: 140px;
		text-align: left;
		font-size: 10px;
		/*border-top: 1px solid #ccc;*/
		cursor: default;
	}
	
	div.coches_e ul#uEl li.tit{
		font-weight: bold;
		font-size:10px;
		width: 290px;
		.width: 300px;
		border: 0px none;
		background: #eee;
	}

/* Btn Universal */
a.btn_universal {
	width: 130px;
	height: 22px;
}
	a.btn_universal img {
		border: 0px none;
		margin:0;
		padding:0;
	}


/* Orden de coches */
td.ordenar {
	height: 32px;
	text-align: left;
}

td.ordenar a.orden_asc {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #ccc;
	border-right-width: 0px;
	background: #eee url(images/flecha_ar.gif) center center no-repeat;
}
td.ordenar a.orden_ascS {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #ccc;
	border-right-width: 0px;
	background: #cc0000 url(images/flecha_arS.gif) center center no-repeat;
	cursor: default;
}
td.ordenar a.orden_ascS:hover {background-color: #cc0000;}

td.ordenar a.orden_desc {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #ccc;
	border-left-width: 0px;
	background: #eee url(images/flecha_ab.gif) center center no-repeat;
}

td.ordenar a.orden_descS {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #ccc;
	border-left-width: 0px;
	background: #cc0000 url(images/flecha_abS.gif) center center no-repeat;
	cursor: default;
}
td.ordenar a.orden_descS:hover {background-color: #cc0000;}



td.ordenar a:hover {
	background-color: #ccc;
}

td.ordenar a:hover {
	text-decoration: none;
	color: #555;
}

td.ordenar span {
	display: inline-block;
	padding: 0px 8px;
	height: 24px;
	line-height: 24px;
	.height: 22px;
	.line-height: 22px;
	color: #000;
	font-size: 11px;
	border: 1px solid #ccc;
	border-left-width: 0px;
	border-right-width: 0px;
	background: #fff;
	cursor: default;
}

td.ordenar span.seleccionado {
	background: #a32828;
	color: #fff;
	cursor: default;
}

/* Lo que otros clientes han comprado */
div.prod_comprados {
	width: 700px; 
	margin:10px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}

	div.prod_comprados ul {
		margin:0;
		padding:0;
	}
		div.prod_comprados ul li{
			position:relative;
			display: block;
			float: left;
			list-style: none;
			width: 120px;
			height: 150px;
			margin-right: 10px;
			margin-bottom: 10px;
		}
			div.prod_comprados ul li div {
				position: absolute;
				display: block;
				left: 5px;
				top: 5px;
				height: 115px;
				width: 115px;
				border: 1px solid #ccc;
				overflow: hidden;
			}
				div.prod_comprados ul li div a{
					position: absolute;
					left: 50%;
					top: 50%;
					overflow: hidden;
				}
			
			div.prod_comprados ul li span {
				position: absolute;
				display: block;
				left: 5px;
				top: 130px;
				height: 20px;
				font-size: 10px;
				color: #777;
				width: 115px;
				overflow: hidden;
			}	
				div.prod_comprados ul li span a{
					display: block;
					height: 20px;
					line-height: 20px;
					width: 115px;
				}
			

/* Shopping Cart  */
div.shop_subtotal {
	margin-right: 20px;
	color: #006699;
	text-align: right;
}
	div.shop_subtotal span {
		font-weight: bold;
		color: #000;
	}
	
div.shop_botonera {
	text-align: right;
	margin:20px;
}
	div.shop_botonera a {
		margin-left: 5px;
	}

div.shop_vacia {
	margin:20px;
	color: #cc0000;
	font-weight: bold;
}

br.clear {
	margin:0;
	padding:0;
	clear: both;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50001;
	width: 100%;
	height: 500px;
	
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50002;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* Experimento con comboBox */

.selectBox {
	background: #cc0000;
}
	.selectBox input {
		height:18px;
    	line-height:18px;
    	padding:2px 2px 0px 2px;
		color: #555;
    	background:#fff url(images/text-bg.gif) left top repeat-x;
		outline: 0px none;
    	border:1px solid #B5B8C8;
		cursor: default;
	}
	
	.selectBox-over input { border:1px solid #7eadd9; }
	
	.selectBox a {
		position: absolute;
		width: 17px;
		height: 21px;
		outline: 0px none;
		background: url(images/trigger.gif) left top no-repeat;
	}
	
	.selectBox-over a 					{ background: url(images/trigger.gif) -17px top no-repeat;}
	.selectBox-over a.selectBoxBtn-on 	{ background: url(images/trigger.gif) -34px top no-repeat;}
	
	.selectBox ul {
		position: absolute;
		left: 0px;
		top: 21px;
		margin:0;
		padding:0;
		height: 150px;
		background: #fff;
    	border:1px solid #B5B8C8;
		overflow: auto;
	}
	
	.selectBox-over ul { border:1px solid #7eadd9; }
	
	.selectBox li {
		font-family: verdana;
		font-size: 11px;
		color: #000;
		height: 18px;
		line-height: 18px;
		margin:0;
		padding:0;
		padding-left:2px;
		list-style: none;
		cursor: pointer;
	}
	
	.selectBox li.selected {
		background: #B5B8C8;
		color: #fff;
	}
	
	.selectBox-over li.selected { background: #7eadd9;}
	
	.selectBox-over li.over {
		background: #eee;
		color: #000;
	}
	
	.selectBox-over li.over-selected { color: #fff;background:#006699; }

/* Fin del experimento*/



/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #fff;
  font-weight: bold;
}

.infoBox {
  background: #d1d1d1;
  padding-left:10px;
  padding-right: 10px;
}
	form .mainLabel {
		background: #d1d1d1;
		padding-left: 40px;
		font-weight: bold;
		font-family: verdana;
		font-size: 11px;
		display: none;
	}
	.infoBox .mainLabel {
		background: #d1d1d1;
		padding-left: 0px;
		width: 200px;
		text-align: right;
		font-weight: normal; display: block;
	}
	.infoBox table {
		padding-left: 10px;
		padding-right: 10px;
		background: #d1d1d1;
	}

.infoBoxContents {
  background: #e0e0e0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  padding: 10px;
  background: #eee;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { padding:20px;font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #cc0000;padding-left: 70px;background: url(images/fondo_inactivo.gif) 10px center no-repeat; }
.messageStackError img, .messageStackWarning img { display: none;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }