/* CSS Document */
body {margin:0;background:#d2ceb8 url(../images/bg-talleres.gif) repeat-x;font-family:Arial, Helvetica, sans-serif;}

img {border:0;}
h2, h3 {margin:0;padding:0;clear:both;}
h2 {font-size:16px;color:#ff6600;margin: 20px 0px 5px 10px;}
h3 {font-weight:bold;font-size:18px;color:#ff6600;margin:0 0 0 0;}
h4 {font-weight:bold;font-size:13px;color:#000;margin:0 0 0 0;}
a {text-decoration:none; color:#000;}
a:hover {color:#ff6600;}
form {margin:0;padding:0;}
ul li {display:inline;}
ul {margin:0;padding:0;}

select {font:normal 11px Arial, Helvetica, sans-serif;}
input[type="radio"]{ margin-left:-5px; vertical-align:middle;}

#container {width:990px;margin:0 auto;padding-bottom:10px;background:#FFF;}
#header {width:100%;height:200px; background:#ff6600; }
#header-min {width:100%;height:150px; background:#ff6600; }
#header-home {width:100%;height:330px; background:#ff6600;}

#logo {float:left; height:inherit; width:340px}
#logos-neumaticos { width:340px;height:130px; overflow:hidden;}

#flash {float:left;width:410px; }


#info {float:right;width:240px; height:inherit; z-index:999999999;}
#info-min {float:right;width:500px; height:inherit;} 
#info a, #info-min a{display:block;width:70px;height:55px;float:right;}
#info #icon-cliente {display:block;width:70px;height:55px;float:right;}


#menu {position:relative;z-index:1;width:990px;height:90px;margin-top:-90px;}
#menu a{font-family:Arial Black, Helvetica, sans-serif; font-weight:bold;font-size:11px;text-transform:uppercase; letter-spacing:-1px;}
#secciones {position:absolute;display:block;clear:both;top:0;height:30px;width:590px;}
	#secciones a {
		display:block;
		float:left;
		height:30px;
		padding:8px 20px 0 15px;
		border-right:2px solid #ff6600;
		background-color:#b24700;
		color:#FFFFFF;}
	#secciones a:hover {background:black;}
	.secciones-active {background:black!important;}

#barra-menu {position:absolute;margin-top:85px;height:4px;width:100%;background:#ff6600; border-bottom:1px #666 solid}
#search {position:absolute;margin-top:30px;height:60px;width:100%;background:black;}
#search table {margin-top:5px;}
#search table tr td {
	font-size:11px;
	color:#999;	
	vertical-align:middle;
	width:120px;
	height:22px;	}		
#search select {width:86px;}
#search .filtros-td-marca { width:110px; }
#search .filtros-td-buscar { width:50px; text-align:right; }
#accesos {width:100%;height:335px;background:url(../images/bg-accesos.gif) repeat-x #FFF;padding-top:25px;padding-bottom: 25px;z-index:0;position:relative;}
#accesos div, #tips div {float:left;}
#tips {width:100%;height:100px;background:white;}
#menu-bottom {width:970px;height:40px; background:url(../images/bg-menu-bot.gif) repeat-x;border-left:10px solid white;border-right:10px solid white;font-size:11px;color:#666;}
#menu-bottom ul {padding:15px 20px 0 0;}
#menu-bottom a {font-size:11px;font-weight:bold;color:#666;}
#footer {width:970px;height:25px;background:#999;border-left:10px solid white;border-right:10px solid white;font-size:11px;color:#fff;}
#footer ul {padding-top:5px;}
#footer a {font-size:11px;color:#fff;}
/*
#layer_zonas {
	position:absolute;
	width:200px;
	height:115px;
	z-index:99;
	left: 0px;
	top: 24px;
	display:none;
}*/
/*-------------------------------------------------------------*/
/*--RESULTADOS-----------------------------*/
.pag-content {width:990px;height:30px;padding:15px 0 10px 0;}
.paginacion {
	width:480px;
	padding:5px 0 0 15px;
	text-align:left;
	font-size:11px;
	color:#756834;
	float:left;}
.paginacion a {font-weight:bold;color:#726834;}
.paginacion a:hover {color:#ff6600;}
.paginacion select {width:40px;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.current {color:#ff6600!important;font-weight:bold;}

.vistas-resultados {
	width:485px;
	height:35px;
	padding:0 10px 0 0;
	text-align:right;
	float:right;
}

#tablas-resultados {border:1px solid #ccc;width:970px;margin:0 auto;}
.thead td{height:30px;_height:25px;background:#aba076;color:#FFF;font-size:11px;font-weight:bold;vertical-align:middle!important;text-align:left;border-bottom:5px solid white;}
.tabla-resultados {font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.tabla-resultados tr td {vertical-align:middle;border-bottom:5px solid white;text-align:center;}
.marca {width:200px;text-align:left!important;padding:0 10px 0 5px;}
.foto-neumatico {padding:5px 0 5px 0;border-left:5px solid white;width:w0px;}
.foto-neumatico img {border:1px solid #ccc;}
.botones {border-right:5px solid white; *padding-top:5px!important;}
.celdas-resultados {width:70px;border-left:1px solid white;}
.celdas-resultados-comp {width:60px;border-left:1px solid white;}
.border-left {border-left:5px solid white;}


#resultados-comprimido {
	width:950px;
	margin:20px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;}
	
.ayuda { vertical-align:top}
.ranking { float:right; }
.star-5 { background:url(../images/stars5.gif) no-repeat top left;}

.clear { clear:both;}
.block { display:block}
.inline { display:inline !important;}
.zero { margin:0; border:none;}

.v-middle { vertical-align:middle;}

.f-left { float:left;}

.color1 {color:#000 !important;}
.color2 {color:#ff6600 !important;}
.color3 {color:#669900 !important;}

.top-buttons {display:block;width:70px;height:55px;float:right;}
.cupon {width:115px;_width:112px;height:18px; border:1px solid #918865;}

.subtitulo {font-size:16px;color:#ff6600;margin: 0px 0px 5px 10px;}
.bancos {font-size:12px;margin: 10px 0 0 5px;}

.border-left {border-left:5px solid white;}
.destacado {font-size:13px;}
.sin-bg { background:none !important;}

.x1 { margin-left:10px;_margin-left:5px;}
.x2 { height:48px;_height:40px;}
.bg1 { background:#e0e0e0 !important;}
.bgX { background:#e0e0e0 !important; width:44px;}
.padding5 { padding:5px 5px 0 5px;}
.size13 { font-size:13px}

/*-------------------------------------------------------------*/
/*--PROCESO DE COMPRA-----------------------------*/
#filtros { width:960px; margin:0 auto 10px auto; padding:3px 0 3px 10px; background:#666; font-size:11px; color:#fff; text-align:center}
#filtros label{ margin:0 5px 0 10px; }
#filtros input, #filtros select{ margin:0px; padding:2px 0 0 2px; border:none; vertical-align:middle; font-size:11px; height:17px;}
#filtros select{ width:180px;}
#filtros select.cpostal { width:80px;}
#filtros input.filtros_pedidos { width:60px;}
#filtros a {color: #a7a7a7;}
#filtros a:hover {color: #FF6600;}
#filtros .btn { height:auto;}
#submit-taller{ margin:0px; border:none; vertical-align:middle; font-size: 11px; height:17px;
	font-weight: bold;
	background-color: #e0e0e0;
	margin-top: -4px;
}
#submit-taller:hover{ 
	margin:0px; border:none; 
	vertical-align:middle; 
	font-size: 11px; 
	height:17px;
	font-weight: bold;
	color: #FF6600;
	cursor: pointer;
	margin-top: -4px;
}

#pop-up-talleres #cancelar {
	margin-top: 0px;
}


		/*--DETALLE-----------------------------*/
		
#tablas-detalle {border:1px solid #ccc;width:970px;margin:0 auto;padding-bottom:10px;vertical-align: top;}
.tabla-detalle {font-family:Arial, Helvetica, sans-serif;font-size:11px;}
.tabla-detalle tr td {vertical-align:middle;border-bottom:5px solid white;text-align:right;padding:0px 10px 0px 10px;}

.celdas-detalle {width:70px;border-left:1px solid white;}

#cupon-descuento {margin:0px 0px 0px 10px;}
#cupon-descuento tr td {padding:0px 0px 0px 0px;}

#tabla-taller { width:970px; margin:0 auto;}
	#tabla-taller h3 { font-size:13px; font-weight:normal;}
	#tabla-taller td { vertical-align:top}
	.celda-taller-1, .celda-taller-2 { width:300px;}
	.celda-taller-3 { width:370px;}
	.taller-nota { margin:20px 10px; font-size:11px; line-height:15px;}
	#taller-direccion { width:268px; margin:0 0 10px 0; padding:10px; border:1px solid #aba076;}
	#taller-direccion p { margin:0; font-size:12px; line-height:18px; color:#7e7554;}
	#taller-talleres { width:290px; border:1px solid #ccc;}
		#taller-talleres { font-size:11px; }
		#taller-talleres .head { width:100%; height:25px; background:#aba076;border-bottom:1px solid #ccc; padding:5px 10px 3px 10px; font-weight:bold; color:#fff;}
		#taller-talleres .head a { color:#fff;}
		#taller-talleres .head a:hover { color:#ff6600;}
		#taller-talleres .data { width:100%;background:#eee; border-bottom:5px solid white;}
		#taller-talleres .data td{ padding:5px;}
		#taller-talleres .nombre { width:70%; border-right:1px solid white; border-bottom:1px solid white; font-weight:bold; }
		#taller-talleres .precio { width:30%; border-bottom:1px solid white; text-align:right; font-weight:bold; color:#7f775b; font-size:12px;}
	#taller-detalles-box { width:278px; border:1px solid #ccc; padding:5px 5px 0 5px; background:white; overflow:hidden; font-size:11px; line-height:15px;}
	.taller-detalles-data-box { padding:10px; background:#eee; border-bottom:5px solid white;}
	.taller-detalles-data { width:100%; }
	.taller-detalles-data td { height:20px; vertical-align:top !important }	
	.taller-detalles-valor { text-align:right; font-weight:bold;}		
	#taller-paginado { margin:20px 0; font-size:11px; color:#726834; font-weight:bold;}
		#taller-paginado a{ color:#726834; text-decoration:none;}
		#taller-paginado a:hover{ color:#ff6600;}	
	#taller-mapa-box { width:368px; border:1px solid #ccc; background:white; overflow:hidden}
	#taller-mapa { width:358px; height:358px; margin:5px; overflow:hidden}
	

#tabla-entrega { width:350px; margin:0px 4px 20px 10px; _margin:0px 6px 20px 10px; border:1px solid #ccc;}
.tabla-entrega {width:350px;font-size:13px;}
.tabla-entrega tr td {vertical-align:top;text-align:left;padding:15px 15px 15px 15px;}
.tabla-titulo {height:25px; padding-left:10px;background:#aba076;color:#FFF;font-size:11px;font-weight:bold;vertical-align:middle!important;text-align:left;}


#tabla-pago {width:588px; margin:0px auto 20px auto; border:1px solid #ccc; vertical-align: top; font-size:11px}
		#tabla-pago .head { width:100%; height:25px; background:#aba076;padding:5px 10px 3px 10px; font-weight:bold; color:#fff;}
		#tabla-pago .head a { color:#fff;}
		#tabla-pago .head a:hover { color:#ff6600;}
		#tabla-pago .data { width:100%;background:#eee; border-bottom:5px solid white;}
		#tabla-pago .data td{ padding:5px; border-right:1px solid white; }
		#tabla-pago .fecha { width:82px;  }
		#tabla-pago .codigo { width:92px; }
		#tabla-pago .importe { width:113px; font-weight:bold; text-align:right; color:#7f775b; font-size:12px; }
		#tabla-pago .estado { width:195px;}
		#tabla-pago .detalle_fijo { width:44px;}
		#tabla-pago .acciones { width:94px; border-right:none !important;}
		
.tabla-pago {height:117px; font-size:11px;}
.tabla-pago td {vertical-align:top;padding:15px; background:white}
.tabla-pago td.borde {border-right:1px solid #CCC;}
.tabla-pago-id { margin:0px 0 5px 0; _margin:-5px 0 5px -10px; font-size:11px; font-weight:bold;}

.pago-celda {width:100px;border:1px solid #ccc;}

.entrega-datos {border: 5px solid white; vertical-align:top; height:77px; _height:77px;}
.entrega-datos-id { margin:-5px 0 5px 0; font-size:11px; font-weight:bold;}
.entrega-modificar {margin-top:10px;}


.proceso-de-compra-barra-secundaria {width:970px;height:75px;padding:0px 0 0px 0;margin:10px 10px 5px 10px;background: url(../images/bg-barra-secundaria.gif) repeat-x;}
.proceso-de-compra-iconos {width:410px;height:75px;padding:0 0 0 0;text-align:center;float:right;}
.proceso-de-compra-seguir-comprando {width:307px;padding:46px 10px 0 0;text-align:right;float:right;}
.logout {width:307px;padding:0px 10px 0 0;text-align:right;float:right;}
.tit-micuenta {background: url(../images/tit-micuenta.gif) no-repeat top left;}


.botones {border-right:5px solid white;*padding-top:5px!important;}
.boton-cantidad {margin:10px 0px 0px 0px;}

		/*--USUARIO-----------------------------*/
#tablas-usuario {border:1px solid #ccc;width:960px;margin:0 auto;padding:5px;font-size:11px;}
	#tablas-usuario td{vertical-align:top;}
	#tablas-usuario label{ display:block; width:auto; margin:0 0 2px 0; }
	.tablas-usuario-inner {width:920px;padding:20px; background:#e6e6e6}
	.tablas-usuario-inner input {width:195px; height:17px; padding:3px 0 2px 2px; border:none; font-size:11px;}
	.tablas-usuario-inner btn-registro {width:50px; height:17px; padding:3px 0 2px 2px; border:none; font-size:11px;}
	.tablas-usuario-inner input.check { margin:0px 5px 0 0; width:20px; border:none; vertical-align:top }
	.usuario-clave {width:230px; margin-right:15px; background:#d2d2d2;}
	.usuario-clave td { padding:10px 0 0 15px}
	.usuario-data td { padding:10px 0 0 15px}
	.usuario-data {width:670px; }		
	.input-1 {width:40px !important;}	
	.input-2 {width:122px !important;}	
	.input-3 {width:340px !important;}
	.input-4 {width:57px !important;}
	.input-5 {width:67px !important;}
	.input-6 {width:35px !important;}
	.input-7 {width:160px !important;}	
	.input-8 {width:50px !important;}
	#cliente_tipo {width:20px !important; margin-left:-9px;}
	#cliente_nombre {width:145px !important; margin-left:-9px;}
	
/*	background: #fff !important; /* Firefox y los demás */
/* 	*background: #000 !important;  /* Sólo IE7 */
	#cliente_provincia_popup {width:195px !important; margin-left:0px;}
	#cliente_provincia {width:195px !important; margin-left:17px;}
	#cliente_localidad {width:115px !important;}

select {height:22px !important;}
.listados {padding:5px !important;}

#registro {
	width: 143px;
	height: 21px;
	top: 20px;
}
#registro-ko {
	padding-top: 3px;
	padding-left: 2px;
}	
/*ERRORES*/
.popup_mensaje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #535353;
}
#errorExplanation {
	color: #9f9f9f;
	font-size: 11px;
	font-weight: bold;
}
#errorExplanation h2{
    font-size:11px;color:#9f9f9f;margin: 10px 0px 0px 0px;
	
}
.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {
    background-color: #FFDFDF;
    border: 1px solid #A40008;
}
#btn-registro .btn-registro {
	width: 40;
}
#flash-cliente {
	color: #005b04;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
}
#flash-cupon {
	color: #005b04;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-left: -10px;
}
#flash-taller {
	color: #005b04;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.alert {
	background: #fff6bf url(/images/exclamation.png) 15px center no-repeat;
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin-top: 10px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.mensaje {
	background: #dffffe url(/images/accept.png) no-repeat 15px center;
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin-top: 10px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #6e8497;
	border-color: #6e8497;
}
	
/*FILTROS*/	
#popup-anchura {
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 240px;
	float: left;
	visibility: hidden;
}
#popup-altura {
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 352px;
	float: left;
	visibility: hidden;
}
#popup-diametro {
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 467px;
	float: left;
	visibility: hidden;
}
#popup-carga {
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 582px;
	float: left;
	visibility: hidden;
}
#popup-velocidad {
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 697px;
	float: left;
	visibility: hidden;
}
#popup-runflat {
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 450px;
	float: left;
	visibility: hidden;
}
#popup-temporada {
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 855px;
	float: left;
	visibility: hidden;
}
#popup-info-home {
	position: absolute;
	z-index: 100;
	top: 30px;
	left: 830px;
	float: left;
	visibility: hidden;
}
#popup-contacto {
	position: relative;
	z-index: 100;
	top: -0px;
	left: -84px;
	float: left;
	visibility: hidden;
}
#popup-contacto-in {
	position: relative;
	z-index: 100;
	top: -0px;
	left: -76px;
	float: left;
	visibility: hidden;
}
.fieldWithErrors {
	float: left;
}
#clear-table tr td {
	border-color: #FFFFFF;
	border-style: none;
}
/*autocomplete*/
.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}

.auto_complete ul {
      list-style-type: none;
      margin:0px;
      padding:0px;
}
    
.auto_complete ul li.selected 
{ 
	    background-color: #bbf;

}

.auto_complete ul li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:16px;
}
li.selected { background-color:#bbf; }

#condiciones-generales {
	width:900px;	
	color: #404040;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding: 20px 20px 20px 20px;
}

/* Agregados 2009-05-26 + cambio en tag BODY */

#menu a{font-family:Arial Black, Helvetica, sans-serif; font-weight:bold;font-size:11px;text-transform:uppercase; letter-spacing:-1px;}
#menu-talleres {position:relative;z-index:1;width:990px;height:90px;margin-top:-30px;}
#menu-talleres a{font-family:Arial Black, Helvetica, sans-serif; font-weight:bold;font-size:11px;text-transform:uppercase; letter-spacing:-1px;}

.texto-apertura { width:460px; margin:0 auto; padding:30px 0px}
.texto-apertura h1 { font:normal 16px Arial, Helvetica, sans-serif; color:#ff6702; margin:0 0 5px 0 !important; padding:0;}
.texto-apertura p { font:normal 11px Arial, Helvetica, sans-serif; color:#666; margin:5px 1px 15px 1px}
/*24 Hs*/
.envios24hs { float:right; top:-3px; position:relative}
.envios24hs-comp { float:right; top:0px; right:8px; position:relative}
.td-marca-24-comp { border:none !important; text-align:left !important; vertical-align:middle;}

.ranking { float:left; }

#search table tr td {
    font-size:11px;
    color:#999;   
    vertical-align:middle;
    width:120px;
    height:22px;    }
   
#search .filtros-td-marca { width:95px; }
#search .filtros-td-buscar { width:50px; text-align:right; }
#logo-colectivo {
float:left;
width:400px; height:140px;
position: relative; z-index: 100;
bottom:0px;margin:0; padding-top: 0px;
text-align:center;
}
#logo-colectivo div.logo-otros { height:80px;}
#logo-colectivo div.logo-otros img { padding:10px 0 0 0}
#logo-colectivo div.banner-ofertas {height:60px; text-align:center;}