/* Default CSS Stylesheet for a new Web Application project */
/* css */


/* ---------------------------------------------------------- CSS RESET */

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, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; 
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; 
	vertical-align: baseline;} 
:focus {outline: 0;} 
ol, ul {list-style: none;} 
table {border-collapse: collapse; border-spacing: 0;} 
caption, th, td {text-align: left; font-weight: normal;} 
blockquote:before, blockquote:after, q:before, q:after {content: "";} 
blockquote, q {quotes: "" "";} 
input, select {margin:0; padding:0;}
strong { font-weight:bold;}
/* ---------------------------------------------------------- GLOBALS */

HTML {
	margin:0;
	padding:0;
	font-size:62.5%;
	width:100%;
	height:100%;
}

BODY {
	font: normal 1.2em Arial, Helvetica, Georgia, Verdana, sans-serif !important;
	line-height:1.5em;
	color: #555;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background:#fff;
}

FORM { background:none repeat scroll 0 0; width:100%; height:100%;}

a:link, 
a:visited,
a:active { text-decoration:none; color:rgb(45,137,220);}
a:hover { text-decoration: underline;}

img a { border:0;}

/*
=============================
float clearing 
*/
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */


.h5 { height:5px; font:normal 1px arial; line-height:1px; margin:0; padding:0;}
.h10 { height:10px; font:normal 1px arial; line-height:1px; margin:0; padding:0;}
.h15 { height:15px; font:normal 1px arial; line-height:1px; margin:0; padding:0;}
.h20 { height:20px; font:normal 1px arial; line-height:1px; margin:0; padding:0;}

.center { text-align:center;}
.middle { vertical-align:middle !important;}
.left { text-align:left;}
.right { text-align:right;}
.upper, .caps { text-transform:uppercase;}
.todo, .all { white-space: nowrap;}
.abs { position:absolute; }
.bold, .bold SPAN, .bold DIV { font-weight:bold;}
.noborde { border:0;}
.clear { float:none; clear:both; height:1px; font:normal 1px arial; line-height:1px; 
	margin:0; padding:0; border:0; }
.red100 { background:red !important;}
.grey { color:#777;}
/* --------------------------- */


/* --------------------------- */

.btn, 
.btn2, 
.btn3 a:link, 
.btn:visited, 
.btn2:visited, 
.btn3 a:visited,
a.gridButton,  
a.gridButton:visited 
/* especial bots pop up compra */
/*#ctl00_contentCentral_roundPanelFicha_gvTallaColor_DXPEForm_ef1_panelEdit_RPC a  */
{ 
	color:#fff !important; font:bold 0.95em arial; text-transform:uppercase; text-decoration:none; 
    background: url(web/btn.png) center center repeat-x; padding:3px 10px; border:1px solid #ccc;
    cursor:pointer;
}

a.gridButton:link,
a.gridButton:visited { font:bold 0.8em arial !important;}

.btn:hover,
.btn2:hover, 
.btn3 a:hover, 
a.gridButton:hover { text-decoration:none !important; background:rgb(17,69,181) !important; color:#fff !important;}


.btn2 .dxbButton { background: transparent;  color:#fff !important;}
.ie .btn2 .dxbButton { padding:3px 10px;}
.btn2 .dxbButton DIV { margin:0; padding:0; border:0 !important;}
.btn2:hover .dxbButton, 
.btn2:hover .dxbButton DIV, 
.btn2:hover .dxbButton DIV SPAN { background:rgb(17,69,181) !important; color:#fff !important;}
.btn2:hover .dxbButton DIV SPAN { border:0 !important;}
.btn2 .dxbButton, 
.btn2 .dxbButtonHover .dxbf { border:0px !important;}

/* btn2 para usra en ASPxButton */
TABLE.btn2 { padding:0 !important; margin:0 !important; font:bold 0.95em arial; }
TABLE.btn2 TD.dxbButton { padding:3px 10px !important; margin:0 !important; }
TABLE.btn2 TD.dxbButton DIV.dxb { padding:0 !important; margin:0 !important; }
TABLE.btn2 TD.dxbButton DIV.dxb SPAN { padding:0 !important; margin:0 !important; font:bold 0.95em arial; }


/* --------------------------- */

.mensaje { background:#cc0000; color:#fff; font:bold 1em arial; text-align:center;}

.mensaje span { padding:5px 0; }


/* --------------------------- */


.bigContainer { width:100%; text-align:center; margin:20px 0 0 0; }
.container { width:980px; margin:0 auto; text-align:left;}

/* ------------ CABECERA --------------- */
.topMenu { margin:0 auto 15px; width:980px; display:block; float:left; }

.logo { display:block; float:left; width:169px; height:40px; margin:0 0 0 0; overflow:hidden;}
.logo a { display:block; float:left; width:169px; height:40px; background:url(web/logoCalleja.png) 0 -40px no-repeat; }
.logo a:hover { display:block; float:left; width:169px; height:40px; background:url(web/logoCalleja.png) 0 0 no-repeat; }

.niveles {display:block; float:left; width:811px; height:40px; list-style:none; margin:0 0 0 0;  }
.niveles li { display:block; float:left; width:161px; height:40px; }
.niveles li.separador { display:block; float:left; width:1px; height:35px; margin:1px 0 0 0; background:#000; }

.niveles a { display:block; float:left; width:100%; height:40px; }

.niveles #desde a { background:url(web/nivel_desde1935.png) 0 -40px no-repeat;}
.niveles #boutique a { background:url(web/nivel_boutique.png) 0 -40px no-repeat;}
.niveles #recambios a { background:url(web/nivel_recambios.png) 0 -40px no-repeat;}
.niveles #motos a { background:url(web/nivel_motos.png) 0 -40px no-repeat;}
.niveles #areaclientes a { background:url(web/nivel_areaclientes.png) right -40px no-repeat;}

.niveles #desde a:hover { background:url(web/nivel_desde1935.png) 0 0 no-repeat;}
.niveles #boutique a:hover { background:url(web/nivel_boutique.png) 0 0 no-repeat;}
.niveles #recambios a:hover { background:url(web/nivel_recambios.png) 0 0 no-repeat;}
.niveles #motos a:hover { background:url(web/nivel_motos.png) 0 0 no-repeat;}
.niveles #areaclientes a:hover { background:url(web/nivel_areaclientes.png) right 0 no-repeat;}

/* ------------ fin CABECERA --------------- */

/* ------------ CONTAINERS --------------- */
.leftContainer { width:169px; display:block; float:left; }
.centerContainer { width:795px; display:block; float:right; }
.bottomContainer { width:980px; display:block; float:left; }
.pieContainer  { width:980px; display:block; float:left; height:32px; text-align:left; 
	background:url('web/piebar.png') 0 0 no-repeat; }
.cierraContainer { width:980px; display:block; float:left; text-align:left;}
	
/* ------------ fin CONTAINERS --------------- */

/* ------------ LEFT SIDE INICIO SESION --------------- */
.inicioSesionBots { display:block; margin:0 auto 5px; 
	background:rgb(218,218,218); }

.inicioSesionBots a { color:rgb(65,65,65) !important; 
    font:bold 1em arial; 
    text-decoration:none; 
    display:block; margin:0 1px; text-align:left;
    padding:3px 0 3px 5px;
    border-bottom:1px solid #fff;
    border-top:1px solid #aeaeae;
    background:url(web/secure.png) 145px 3px no-repeat}

.inicioSesionBots a.first { border-top:0;}
.inicioSesionBots a.last { border-bottom:0;}
    
.inicioSesionBots DIV:hover { color:#fff !important; 
	 background:url(web/overLeft.png) 137px 0 no-repeat;}
.inicioSesionBots a:hover { background:url(web/secure.png) 145px -31px no-repeat; }
/* ------------ fin LEFT SIDE INICIO SESION --------------- */

/* ------------ LEFT SIDE CARRO --------------- */
.panelCarrito { /*background:red;*/ width:169px; min-height:85px;}
.controlLeft { display:table; /*width:165px;*/ width:100%; margin:0 0 15px 0; position:relative;}

.controlLeft .top { width:100%; height:29px; position:relative; background:rgb(218,218,218); } 
.controlLeft .top SPAN { display:block; float:left; font:bold 1em arial; color:rgb(65,65,65); padding:6px 0 0 5px; height:23px;}

.gecko .controlLeft .top { width:169px;}
.gecko .controlLeft .top TD.tdleftCarro { width:147px !important; }
.gecko .controlLeft .top TD.tdBotCarro {  width:22px; text-align:right; vertical-align:top; position:relative;}

.controlLeft .top .btnCarroLeft { display:block; float:right; padding:4px 5px 2px 5px; width:22px; height:23px; top:0;  }
.controlLeft a:hover .btnCarroLeft, 
.controlLeft .top .btnCarroLeft:hover { background:url(web/nivel_motos.png) right -40px no-repeat; }

.controlLeft .items { width:164px; display:block; float:left; padding:0 0 0 5px; font-size:0.9em; color:rgb(0,72,148);}
.controlLeft .carro1 { width:164px; display:block; float:left; text-align:right; margin:-4px 0 0 0; font-size:2.9em; 
	line-height:0.7em;
	font-weight:lighter; color:rgb(0,72,148);}

.carro1enlace:active, 
.carro1enlace:visited { color:rgb(0,72,148) !important; }

.ie {}
	
.controlLeft .euro { font-size:0.7em;} 
.controlLeft .cover { position:absolute; right:0; top:0; background:url(web/refleccarro.png) right 0 no-repeat; width:54px; height:74px;}


/* ------------ fin LEFT SIDE CARRO --------------- */



/*------------- zona left --------------------------*/
.cajaLeft { display:block; margin-bottom:5px; background:rgb(218,218,218); height:28px; }
/*------------- fin zona left --------------------------*/

/*------------ LEFT SIDE OFERTAS --------------- */
.btnOfertasLeft {  padding:0 5px 1px 5px; width:169px; height:28px; 
	background:url(web/botscreen2.png) right 0 no-repeat transparent; 
	border:0;
	text-align:left;
	vertical-align:top;
	cursor: pointer;
	font:bold 1em arial; color:rgb(65,65,65);
}
.gecko .btnOfertasLeft { padding:0 5px 1px 3px; }
INPUT.btnOfertasLeft:hover, 
INPUT.btnOfertasLeft:focus { background:url(web/botscreen2.png) right -40px no-repeat !important;}
/*------------ fin LEFT SIDE OFERTAS --------------- */



/* ------------ LEFT OFERTAS TIENDA --------------- */
.btnOfertasLeft.btnOfertasTienda { background:url(web/bottienda2.png) right 0 no-repeat transparent;  }
INPUT.btnOfertasLeft.btnOfertasTienda:hover, 
INPUT.btnOfertasLeft.btnOfertasTienda:focus { background:url(web/bottienda2.png) right -40px no-repeat !important; }

/* ------------ LEFT OFERTAS TIENDA --------------- */



/* ------------ LEFT SIDE BUSCADOR --------------- */
.buscadorLeft { display:block; }
.buscadorLeft .cajaLeft { margin-bottom:0;}

.btnLupaLeft2 { display:block; /*padding:4px 5px 2px 5px;  */
	background:url(web/botlupa2.png) right 0 no-repeat transparent; 
	text-decoration:none;
	
	padding:0 5px 1px 5px; width:169px; height:28px; 
	border:0;
	text-align:left;
	vertical-align:top;
	cursor: pointer;
	font:bold 1em arial; color:rgb(65,65,65);
}
.btnLupaLeft2:hover { background:url(web/botlupa2.png) right -40px no-repeat !important; text-decoration:none;
	cursor:pointer;}

.buscadorLeft .textBox, 
.lamContent .textBox { width:169px; padding:2px 0; border:0; 
	font:normal 0.95em arial; 
	color:rgb(37,37,37);
	
	height:39px; 
	vertical-align:text-top; 
	overflow-y:auto;
}
.lamContent .textBox { height:25px; width:150px; text-align:right; font-size:1em; }
/* ------------ fin LEFT SIDE BUSCADOR --------------- */



/* ------------ fin LEFT NEWS --------------- */
.btnNewsLeft { display:block; 
	background:url(web/botnews2.png) right 0 no-repeat transparent; 
	text-decoration:none;
	padding:0 5px 1px 5px; width:169px; height:28px; 
	border:0;
	text-align:left;
	vertical-align:top;
	cursor: pointer;
	font:bold 1em arial; color:rgb(65,65,65); }
.btnNewsLeft:hover { background:url(web/botnews2.png) right -40px no-repeat !important; text-decoration:none;}
/* ------------ fin LEFT NEWS --------------- */



/* ------------ LEFT CALLEJA RESPONDE --------------- */
.callejaRespondeLeft { display:block; margin-bottom:15px;}

.callejaRespondeLeft .btnResponde { padding:0 5px 2px 5px; width:169px; height:28px; 
	background:url(web/botresponde2.png) right 0 no-repeat transparent; 
	border:0;
	text-align:left;
	vertical-align:top;
	cursor: pointer;
	font:bold 1em arial; color:rgb(65,65,65);
}
INPUT.btnResponde:hover, 
INPUT.btnResponde:focus  { background:url(web/botresponde2.png) right -40px no-repeat !important; }

.callejaRespondeLeft .textBoxMulti { width:169px; height:45px; padding:2px 0; border:0; background:#fff; font:normal 0.9em arial; color:rgb(37,37,37);
	overflow-y:auto; }

/* ------------ fin LEFT CALLEJA RESPONDE --------------- */


/*------------ LEFT SIDE OFERTAS --------------- */
#MarcasLeft .cajaLeft SPAN, 
#siguenosLeft .cajaLeft SPAN { display:block; padding:5px 5px 1px 5px; width:169px; height:22px; 
	border:0;
	text-align:left;
	vertical-align:top;
	font:bold 1em arial; color:rgb(65,65,65);
}
.gecko #MarcasLeft .cajaLeft SPAN, 
.gecko #siguenosLeft .cajaLeft SPAN  { padding:5px 0px 1px 8px; width:161px; }
/*------------ fin LEFT SIDE OFERTAS --------------- */



/* ------------ LEFT SIGUENOS EN INTERNET --------------- */
#siguenosLeft { display:block; margin:0 0 10px 0; }
#siguenosLeft .inline { width:169px; text-align:center; vertical-align:middle; padding:5px 0 0 0;  }

#siguenosLeft .inline a { display:inline; border-bottom:2px solid #fff;  }

#siguenosLeft .inline a.leftFacebook:hover { border-bottom:2px solid rgb(0,54,188);  }
#siguenosLeft .inline a.leftTwitter:hover { border-bottom:2px solid rgb(85,207,240);  }
/* ------------ fin LEFT SIGUENOS EN INTERNET --------------- */

/* ------------ LEFT ACTUALIDAD --------------- */
#actualidadLeft.buscadorLeft, 
#actualidadLeft .cajalef { display:block; margin:0 0 0;}

#actualidadLeft .cajaleft:hover { background:url(web/nivel_motos.png) right -40px no-repeat;}

#actualidadLeft .btnActualidad1Left { text-transform:uppercase; 
	display:block; padding:0px 5px 2px 5px; width:169px; height:28px; 
	border:0;
	text-align:left;
	vertical-align:top;
	font:bold 1em arial; color:rgb(65,65,65);
	background:url(web/botactualidad1.png) right 0 no-repeat #000;
}

#actualidadLeft .top.bottom { display:block; background:rgb(218,218,218); height:20px; font-size:1.2em } 
#actualidadLeft .btnActualidad2Left { display:block; float:right; padding:0; width:28px; height:20px; background: transparent; }
#actualidadLeft .btnActualidad2Left:hover { background:url(web/nivel_motos.png) right -40px no-repeat; }


#actualidadLeft .bannerVert { width:169px; height:242px; overflow:hidden;}
#actualidadLeft .bannerVert .news { width:169px; padding:13px 0 0;}
#actualidadLeft .bannerVert .news .tit { background:url(web/arrowTit.png) left 4px no-repeat; color:#000; font-size:1.2em; padding:0 0 0 13px;}
#actualidadLeft .bannerVert .news .body { color:#000; font-size:0.9em; line-height:1.2em; padding:3px 0 5px 0;}
#actualidadLeft .bannerVert .news .foto { width:169px; height:89px; overflow:hidden; }
/* ------------ fin LEFT ACTUALIDAD --------------- */


/* ------------ CENTER --------------- */
.bigBanner { width:795px; height:530px; margin:0 0 0; overflow:hidden;}
/* ------------ fin CENTER --------------- */


/* ------------ BOTTOM --------------- */
.pie { width:980px; height:200px; /*height:185px; overflow:hidden;*/ margin:15px 0 10px 0;}
.pie.conLineaDeCondiciones {  margin-top:10px;}

.pie ul { display:block; list-style:none; width:980px; height:200px; /*height:185px;*/}
.pie ul li { display:block; float:left; width:320px; height:200px; /*height:185px;*/ margin:0 10px 0 0;}
.pie ul li.last { margin:0;}
.pie ul li a { display:block; float:left; width:320px; height:200px; /*height:185px;*/ border:0; color:#fff;
	font-size:1em; line-height:1em; background:rgb(121,121,121);}
.pie ul li a .imgPie { display:block; float:left; width:320px; /*height:150px;*/ height:145px; border:0;}
.pie ul li a .txtPie { display:block; float:left; width:290px; height:55px; /*height:55px;*/ border:0; padding:0 15px 0 15px; 
	/*overflow:hidden;*/ margin:0 0 0 0;  }
.pie ul li a:hover .txtPie {  background:url(web/overpie.jpg) center bottom no-repeat; }
.pie ul li a:hover { text-decoration:none; }

.pie ul li a SPAN.signal { background:url(web/signalpie.png) 2px 0px no-repeat; width:12px !important; height:12px !important;}
.pie ul li a:hover .signal { background:url(web/signalpie.png) right 0px no-repeat; width:12px; height:12px; text-decoration:none;}
/* ------------ fin BOTTOM --------------- */

/* ------------ fin JCAROUSEL --------------- */
.carousel { width:795px; height:130px; margin:0 auto 15px; }

/* ------------ fin JCAROUSEL --------------- */



/* ------------ inicio NUEVOS KR SOL --------------- */


.espacio {height: 5px;}


/* ----- DATAVIEW NIVELES RECAMBIOS > REPEATER : TR DE 5 TD´s ------ */
.contenedorCentral { width:795px; padding:0; margin:0 auto 15px; display:table; position:relative; overflow:visible; }

.contenedorCentral.ListaProductos { margin: 0 auto;}

.envelopeRptBoutique1 { width:795px; height:5px; padding:0; margin:0 auto; display:table; }
.envelopeRptBoutique2 { width:795px; height:auto; padding:0; margin:0 auto; display:table; 
	border-right:1px solid rgb(164,161,164); border-left:1px solid rgb(164,161,164);}
.envelopeRptBoutique3 { width:795px; height:5px; padding:0; margin:0 auto; display:table; }


.dvRecambiosRepeater { background: url(web/bgmetal32.jpg) 0 bottom no-repeat;}


.dvRecambiosTb TABLE { width:100% !important;}
.dvRecambiosTb TABLE TD { padding:0 !important; background:transparent !important;}

.dvRecambiosTb TABLE TABLE { width:100% !important;}
.dvRecambiosTb TABLE TABLE TD { padding:0 !important; background:transparent !important;}

.dvRecambiosTb TABLE TABLE TABLE { width:100% !important;}
.dvRecambiosTb TABLE TABLE TABLE TD { padding:0 !important; background:transparent !important;}


.dvRecambiosFicha1
{
	text-align: center;
	vertical-align:middle !important;
	width:159px !important;
	padding:0;
}

.dvRecambiosItemLink1 {
	display:block;
	padding:7px 10px; 
	color: White !important;
	vertical-align: middle;
	font: bold 12px arial;
	line-height:12px;
}
.dvRecambiosItemLink1:hover { background:url('web/bgrecamb.png') center no-repeat;}
.dvRecambiosItemLink1:hover, 
.dvRecambiosItemLink1:visited { color:#fff !important; text-decoration:none;}


.dvRecambiosFicha2{
	background: url(controles/dataview/fondo_item.jpg);
	text-align: center;
}

.dvRecambiosItemLink2
{
	font-family: Verdana;
	color: White;
	vertical-align: middle;
	font-weight: bold;
	font-size: 9px;
}

/* ----- fin DATAVIEW NIVELES RECAMBIOS ------ */




/* ----- DATAVIEW  ˇˇ HORIZONTAL !! NIVELES BOUTIQUE ------ */
.dvNiveles { }

.dvNiveles2TbLeft, 
.dvNiveles2TbRight { width:50px; vertical-align:top;} 

.dvNiveles2TbCenter { background: url(web/nivelcenter.png) 0 0 repeat-x;}

.dvNiveles2Item  { background:none; text-align:center;}
.dvNiveles2Item  .dvNivelesLbl2 { width:100px; display:inline-block; text-align:right; font:bold 0.95em arial; 
	text-transform:uppercase;  }
/* ----- fin DATAVIEW  ˇˇ HORIZONTAL !! NIVELES BOUTIQUE ------ */



/* ----- DATAVIEW dvLista LISTA DE PRODUCTOS BOUTIQUE ------ */

.dvListaProducto3 TABLE TABLE TD { background: url(web/separadorItemList.png) 0 0 no-repeat;}
.dvListaProducto3.dlp4 TABLE TABLE TD { background: url(web/separadorItemList2.png) 0 0 no-repeat;}
.dvListaProducto3.dlp4 TD.dxpCtrl, 
.dvListaProducto3.dlp4 TD.dxpCtrl TD { background:transparent; padding:0 1px 0 0;}

.dvListaProducto3 TABLE TABLE TD.dvListaProductoItem, 
.dvListaProducto3 TABLE TABLE TD.dvListaProductoItem TD, 
.dvListaProducto4, 
.dvListaProducto4 TD { background:white;}

.red99 { width:149px;}
.red99 DIV { display:table; width:149px; height:200px; background:#fff;}

.dvListaProducto4 {  width:149px; height:200px; }
.dvListaProducto4 TD.dvListaProductoFoto { text-align:center; vertical-align:middle; width:149px; height:149px;}
.dvListaProducto4 TD.dvListaProductoFoto a { display:block; width:100%;}

.dvListaProducto4 TD.dvListaProductDetails { text-transform:uppercase; padding:0 15px; position:relative;}

.dvListaProducto4 TD.dvListaProductDetails DIV { display:inline; position:relative; padding:0 !important; margin:0 !important;} 

.dvListaProducto4 TD.dvListaProductDetails .dvListaProductoName {  font: bold 0.95em arial; color:Blue; line-height:1em; }
.dvListaProducto4 TD.dvListaProductDetails .dvListaProductoPrecio { font: bold 0.95em arial; color:Blue; line-height:1em; 
	background: url(web/reddot.png) 0 center no-repeat; padding:0 0 0 8px; white-space:nowrap; }

.dvListaProducto4 TD.dvListaProductDetails .dvListaProductoDto { font: bold 0.95em arial; line-height:1em; 
	padding:2px 5px; white-space:nowrap;   }

/* ----- fin DATAVIEW dvLista LISTA DE PRODUCTOS BOUTIQUE ------ */


/* ----- PRODUCTOS DETALLE ------ */

.productoDetalleLeft { float: left; width:300px;}

.productoDetalleLeft .Foto { width:300px; text-align:center; padding:10px 0; }

.productoDetalleLeft .lit_verMasFotos { font:normal 0.8em arial; color:#000; padding:0 0 5px 0;}

.envelopeMasFotos { display:block; border:1px solid #999; margin:-3px auto 15px; padding:0 0 2px 0;}

.productoDetalleLeft .masfotos, 
.productoDetalleLeft .masfotos TD,
.productoDetalleLeft .masfotos a { background:#fff !important;}

/**/.dxbButtonPressed:focus, 
.dxbf:focus { outline:0;}

.productoDetalleLeft .masfotos .btnVerMasFotos { width:60px !important; height:60px !important; 
	border:0px solid red; float:left; display:block; MARGIN:2px 10px 2px 0 !important; padding:0 !important; }
.productoDetalleLeft .masfotos .btnVerMasFotos:hover { border:0px solid red; }
.productoDetalleLeft .masfotos .btnVerMasFotos:focus, 
.productoDetalleLeft .masfotos .btnVerMasFotos:active { margin:0; padding:0;  outline:0 !important; border:0 !important;}
/**/

.productoDetalleLeft .masfotos .btnVerMasFotos .dxbButtonPressed { border:0}

/**/
.productoDetalleLeft .masfotos .dxb { width:60px !important; height:60px !important; 
	border:0px solid blue !important; float:left; display:block; MARGIN: 0 !important; padding:0 !important;}
.productoDetalleLeft .masfotos .dxb:hover { border:0px solid #aeaeae !important; }
/**/

.productoDetalleRight { float: right; width:450px; }

.productoDetalleRight .productoDetalleDetalles { width:99%; vertical-align:top; } 

.productoDetalleDetalles .nombre { font:lighter 2.5em trebuchet ms, arial !important; color:Red !important;
	line-height:0.9em !important; padding:0 0 0px 0 !important;
	text-transform:uppercase;
}

.productoDetalleDetalles .descripcion { font:normal 1em arial; line-height:2em;}

.productoDetalleDetalles .inlineCheck { display:block; margin:0 auto; text-align:center;}
.productoDetalleDetalles .inlineCheck .check { display:inline-block; margin:0 7px;}
.productoDetalleDetalles .inlineCheck .check TD { vertical-align:middle !important;}
.productoDetalleDetalles .inlineCheck .check TD INPUT { margin:0; float:left;}
.productoDetalleDetalles .inlineCheck .check TD LABEL { margin:0; padding:0 0 2px 3px; float:left; font:normal 1.2em arial;}
.productoDetalleDetalles .inlineCheck .check TD LABEL:hover { text-decoration:underline; cursor:pointer;}

.productoDetalleRight .productoDetallePrecio { width:1%; /*white-space:nowrap;*/ text-align:right; padding:0 0 0 40px; } 

.productoDetalleRight .productoDetallePrecio .valoracion { margin:170px 0 0 0; float:right;  
	/*display:inline-block;*/ position:relative;}

.productoDetalleRight .productoDetallePrecio .valoracion TABLE TD { padding:0 1px;}

.productoDetalleRight .productoDetallePrecio .valoracion TD.tit { padding:0 0 5px 7px; font:normal 0.9em arial; text-transform:none;}
.productoDetalleRight .productoDetallePrecio .valoracion TD.tit.tit2 { padding:10px 0 5px 7px; color:#888; }
.productoDetalleRight .productoDetallePrecio .valoracion TD.tit.tit2 LABEL.controlaAncho { /*white-space:pre-wrap;*/ font:normal 1em Arial; }

.clienteValora TD { border:0 !important; background:transparent !important; }
.clienteValora .btnstar TD { width:0; height:0; border:0 !important; padding:0 !important; margin:0 !important; background:transparent !important; }
.clienteValora .btnstar TD.dxbButton { width:20px !important; height:19px !important; padding:0 !important; background:transparent !important;  }
.clienteValora .btnstar TD.dxbButton DIV.dxb,  
.clienteValora .btnstar TD.dxbButton DIV.dxb TABLE, 
.clienteValora .btnstar TD.dxbButton DIV.dxb TABLE TD,
.clienteValora .btnstar TD.dxbButton DIV.dxb TABLE TD IMG  { width:20px !important; height:19px !important; 
	border:0 !important; background:transparent !important; padding:0 !important; margin:0 !important; }

.star, 
a.star { width:20px; height:19px; background: url(web/valoracion2.png) 0 -42px no-repeat transparent; border:0; text-decoration:none;
    cursor:pointer;}
.star:hover, 
a.star:hover {  background: url(web/valoracion2.png) 0 0 no-repeat transparent;}

.starFija { width:20px; height:19px; }

.productoDetalleRight .productoDetallePrecio .precio { color:Red; margin:30px 0 0 0; float:right; 
	display:inline-block; position:relative; } 
.productoDetalleRight .productoDetallePrecio .precio LABEL { font:bold 2.5em arial; white-space:nowrap; margin:0; float:left; display:inline-block; position:relative; } 
.productoDetalleRight .productoDetallePrecio .precio LABEL.centimos { font:bold 1.5em arial; white-space:nowrap; margin:2px 0 0 0; float:left; display:inline-block;  position:relative; } 
.productoDetalleRight .productoDetallePrecio .precio LABEL.extraSpace { letter-spacing:1px;}
.productoDetalleRight .productoDetallePrecio .precio SPAN { font:bold 2.5em arial; white-space:nowrap; margin:0 0 0 3px; float:left; display:inline-block; position:relative;}

.productoDetalleRight TD.tit { font:bold 1em arial; text-transform:uppercase; color:#000; text-align:left;}
.productoDetalleRight TD.iva { font:normal 0.8em arial; text-transform:uppercase; color:#000; text-align:right;}


/* ----- fin PRODUCTOS DETALLE ------ */

/* ----- GRID ------ */
.envelopeGrid {}

.grid { margin:0; border:1px solid #888;} 

.envelopeGrid .dxgvHeader { border-width:0 0 1px 0; border-style:solid; border-color:#777; background:#aeaeae; color:White !important;}

.gridThLeft, 
.gridThRight, 
.gridThCenter { border-width:0 0 1px 0; border-style:solid; border-color:#777; background:#aeaeae;}

.gridThLeft TD, 
.gridThRight TD, 
.gridThCenter TD { color:White; font:bold 0.88em arial !important; text-transform:uppercase;}

.gridTdLeft, 
.gridTdRight, 
.gridTdCenter { border-width:0 0 1px 0 !important;} 

.gridThLeft, 
.gridThLeft TD, 
.gridTdLeft { text-align:left;} 
.gridThRight, 
.gridThRight TD, 
.gridTdRight { text-align:right;} 
.gridThCenter, 
.gridThCenter TD, 
.gridTdCenter { text-align:center;}

.grid .bot a { color:#fff !important; font:bold 0.95em arial; text-transform:uppercase; text-decoration:none; 
    background: url(web/btn.png) center no-repeat;}
.grid .bot a:hover { text-decoration:none; background:rgb(17,69,181);}

.grid TD a:link, 
.grid TD a:visited,
.grid TD a:active { text-decoration:none; color:rgb(45,137,220);}
.grid TD a:hover { text-decoration: underline; color:rgb(0,54,188);}
/* ----- fin GRID ------ */


/*----------------- HILO -------------------------*/
.hilo { height:17px; margin:0 0 10px 2px; color:#333;}

.hilo TD { vertical-align:middle; font:normal 0.95em arial;	white-space:nowrap; text-transform:uppercase;}

.hilo TD a { color:#999; text-decoration:none; padding:0 2px; display:inline-block; white-space:nowrap; }
.hilo TD a:hover { text-decoration:underline; color:#252525; background:#fff;}

.esta { text-align:center; width:70px; color:#fff; background:url('web/esta.gif') 0 0 no-repeat; }
.esta SPAN { text-transform:none; padding-right:5px; font:bold 0.95em arial; text-transform:uppercase;}

.ruta, 
.lastHilo { white-space:nowrap;}
.ruta { padding-left:3px;}
.ruta TABLE { margin:0; padding:0;}
.ruta .arrowHilo,
.lastHilo .arrowHilo { margin: -2px 2px 0 2px; padding:0; vertical-align:top; display:inline-block; }

.lastHilo .ultimo { margin:0 0 0 2px; padding:0; color:#999; font:bold 0.95em arial;}
/*----------------- fin HILO -------------------------*/


/*----------------- BUSCADOR AVANZADO -------------------------*/
.floatRight{ float:right;}
.buscadorAvanzado, 
.buscadorAvanzado TD, 
.buscadorAvanzado DIV, 
.buscadorAvanzado LABEL, 
.buscadorAvanzado INPUT { font-family: arial !important;  }

.buscadorAvanzado.baAreaMotos { width:280px; height:auto; }
.buscadorAvanzado.baAreaMotos .dvListaProductoItem { height:auto; }
.buscadorAvanzado.baAreaMotos .dxdvItem { min-height:100px !important; height:auto !important;}

.buscadorAvanzado .dxtcPageContent { background:url('web/bgmetal3.jpg') 0 top no-repeat rgb(222,231,234) !important;}
.buscadorAvanzado .dxtcActiveTab { background: rgb(222,231,234) !important; }
.buscadorAvanzado .dxtcTab { background:#ddd; color:#fff !important;}

.headerBuscadorAvanzado TD { font:bold 1.2em arial !important; text-transform:uppercase;}

.headerBuscadorAvanzado.hbaFloatLeft { float:left;}
.headerBuscadorAvanzado.hbaFloatRight { float:right;}

.insideDashed { margin:7px 7px 0 0; }

.contentBus { /*background:red !important;*/}

.bgBotBuscaAvan { background:url('web/tb30.png'); float: left; margin:0 0 0 15px; padding:10px 0 0 0; }

.widhAll { width:100%;}
.tbCenter { font-family:Arial !important;}

.bgBotBuscaAvan .tbCenter { color:#fff;}

.tbCenter TD { padding:5px 3px; font-family:Arial !important;}
.tbCenter TD DIV, 
.tbCenter TD LABEL { font-family:Arial !important;}
.tbCenter .tdLeft { text-align:right; padding:0 0 0 10px}
.tbCenter .titPrecio { text-align:right; padding:5px 6px 0 0;}
.tbCenter .titPrecio21 { text-align:right; padding:0 3px 5px 10px; }
.tbCenter .titPrecio22 { text-align:left; padding:0 15px 10px 6px; }


.tbCenter .check { margin:5px 10px 10px 10px; display:inline-block;}
.tbCenter .check INPUT { margin:0; padding:0 0 0 0; display:inline-block; vertical-align:middle !important;}
.tbCenter .check LABEL { margin:0; padding:0 5px; display:inline-block; font-weight:bold;}
.tbCenter .check LABEL:hover { text-decoration:underline; cursor:pointer;}

.tbBtn { text-align:center; padding:10px 0 0 0; margin:0 0 0 15px; width:315px; float:left;}
.tbBtn TABLE { margin:20px auto; border:1px solid #ccc;}
.tbBtn TABLE TD { padding:0; background: url(web/btn.png) center no-repeat; text-transform:uppercase; color:#ddd;}
.tbBtn TABLE TD DIV { padding:0 !important;}
.tbBtn TABLE TD SPAN { padding:4px 10px !important; display:inline-block;}
.tbBtn TABLE:hover { border:1px solid #fff;}
.tbBtn TABLE TD:hover,  
.tbBtn TABLE TD SPAN:hover { color:#fff !important;}

.tbBtn.center { width:100%; text-align:center;}
.tbBtn.center TABLE { margin:5px auto;} 

.tbBtn.aloneBtn { padding:0; margin:0; width:auto; float:none; background:red;}
.tbBtn.aloneBtn TABLE { margin:0 auto;}

.tit2BucaAvan { width:195px; height:20px; background:#aeaeae; color:#fff; font:bold 1.1em arial; padding:5px 0 0 5px;
	 background:url('web/tb50.png');
}
.tit2BucaAvan SPAN { padding:0 15px 0 0; background:url('web/signaldown.png') right -46px no-repeat;}

.tit3BucaAvan { width:160px; height:20px; background:#aeaeae; color:#fff; font:bold 1.1em arial; padding:5px 0 0 5px;
	 background:url('web/tb50.png');
}
.tit3BucaAvan SPAN { padding:0 15px 0 0; background:url('web/signaldown.png') right -46px no-repeat;}

.tit4BucaAvan { width:104px; height:20px; background:#aeaeae; color:#fff; font:bold 1.1em arial; padding:5px 0 0 5px;
	 background:url('web/tb50.png');
}
.tit4BucaAvan SPAN { padding:0 15px 0 0; background:url('web/signaldown.png') right -46px no-repeat;}

.bgListaBuscaAvan /*DIV TABLE*/ { background:url('web/tb30.png') 0 bottom !important;}
.bgListaBuscaAvan TABLE, 
.bgListaBuscaAvan TABLE TR,  
.bgListaBuscaAvan TABLE TD, 
.bgListaBuscaAvan DIV { background:transparent !important;}  
.bgListaBuscaAvan TABLE TD { color:#fff !important; font:normal 0.95em arial; border:0 !important; }
.bgListaBuscaAvan TABLE TD:hover { color:#000 !important; background:url('web/bgmetal3.jpg') -275px -35px no-repeat !important; 
	cursor:pointer;
}



.pagerFloatLeft { float:left; margin:0 !important; padding:0 !important; }
.pagerFloatLeft TD { padding:0 !important; }
.pagerFloatLeft TABLE { margin:0 !important;}

.pagerFloatRight { float:right; margin:0 !important; padding:0 !important; }
.pagerFloatRight TD { padding:0 !important; }
.pagerFloatRight TABLE { margin:0 !important;}

.width150 { width:150px !important;}
.width150 TD TD TD { padding:0 0 0 1px !important; }
.width250 { width:250px !important;}


.sloganOferta, 
.sloganOferta a { clear:both; margin: 0 0 3px 3px; padding:0 5px 1px; display:block; color:#6699ff; font:bold 1em  arial; line-height:1em;}
.sloganOferta a:hover { background:#6699ff; color:#fff; text-decoration:none; }

.leermas { background:#666; color:#fff !important; text-decoration:none; margin:0 0 0 0px; padding:0 3px; font:normal 0.95em arial;}
.leermas:hover { background:rgb(17,69,181); text-decoration:none; }

.midLineBtn { float: right; margin:10px 0 0 0; border-top:1px solid #ccc; width:100%; text-align:right; }
.midLineBtn .wbordeBtn { float: right; margin:-12px 0 0 0 !important; background:#fff; padding:0 0 0 10px; }
.midLineBtn .wbordeBtn .btn2 { }

/*----------------- fin BUSCADOR AVANZADO -------------------------*/

/*----------------- LEFT AREA MOTOS-------------------------*/
.leftAreaMotos { display:block; padding:5px; border:1px solid #aaa;}
.lamTit { display:block; text-transform:uppercase; color:#000; padding:0 0 7px 0; border-bottom:1px solid #ccc;
    font:bold 1em arial; margin:0 0 7px 0;
}
.leftAreaMotos { text-align:right;}
.lamContent { font-size:0.9em; }
.leftAreaMotos .btn2, 
.condicionesPie .btn2 { text-transform:none; text-decoration:underline; margin:7px 0 0px !important; display:inline-block;
    background: #fff; padding:2px 3px; border:1px solid #fff; color:#000 !important; 
    font-size:1em;
}
.condicionesPie .btn2 { color:#777 !important; margin:3px 0 !important; font:normal 1em arial;}

.leftAreaMotos .btn2:hover, 
.condicionesPie .btn2:hover {color:#fff !important; text-decoration:none; clear:both; cursor:pointer; }

/*----------------- fin  LEFT AREA MOTOS-------------------------*/

/* ------------ CONDICIONES COMPRA --------------- */
.condicionesPie { width:780px; float:right; clear:both; margin:0; padding:0; text-align:right; }
.condicionesPie a { display:inline-block;} 
/* ------------ CONDICIONES COMPRA --------------- */


.tit2Marca { width:165px; height:150px; background:#aeaeae; color:#fff; font:bold 1.1em arial; padding:5px 0 0 5px;
	 background:url('web/tb50.png');
}

/*----------------- PRODUCTOS RELACIONADOS -------------------------*/
.panelRelacionados { margin:20px 0 0 0; padding:0 !important; }

.panelRelacionados TABLE, 
.panelRelacionados TD { border:0 !important; background:#fff !important; padding:0 !important; margin:0 !important;}

.headerRelacionados { padding:0 !important; width:100%;}
.headerRelacionados TD { font:bold 1.1em arial !important; 
	text-decoration:underline;
	padding:0 !important; }
.headerRelacionados TD SPAN { margin:0; width:100%; display:block;}

.itemPanelRelacionados { width:169px !important; margin:0 !important;/*0 0 0 -5px*/ padding:0 !important; }
.itemPanelRelacionados TD { padding:0; }
.itemPanelRelacionados a { color:#000; margin:0 !important; padding:0 !important; font:normal 0.9em arial; line-height:0.99em; display:block; }
.itemPanelRelacionados a:hover { color:red; text-decoration:none; }
.itemPanelRelacionados .precioItemRelac { white-space:nowrap; color:Red; font:bold 0.9em arial; padding:0 0 0 5px; 
	text-align:right; width:1%; }
	
.minHeightRel { min-height:15px !important;} 
/*----------------- fin PRODUCTOS RELACIONADOS -------------------------*/


/*----------------- PRODUCTOS RELACIONADOS -------------------------*/
.panelOtros { margin:20px 0 0 0; padding:0 !important; }

.panelOtros TABLE, 
.panelOtros TD { border:0 !important; background:#fff !important; padding:0 !important; margin:0 !important;}

.headerOtros { padding:0 !important; width:100%; margin:0;}
.headerOtros TD { font:bold 1.1em arial !important; width:100%; padding:0 0 5px 0 !important;}
.headerOtros TD SPAN { margin:0; width:100%; display:block; border-bottom: 1px solid rgb(65,65,65); padding:0 0 3px 0; color:rgb(65,65,65);}

.itemPanelOtros { width:169px !important; margin:0 !important;/*0 0 0 -5px*/ padding:0 !important; }
.itemPanelOtros TD { padding:0; border-bottom:1px dashed #ccc !important; }
.itemPanelOtros a { color:#000; margin:0 !important; padding:0 0 5px 0 !important; font:normal 0.9em arial; line-height:0.99em; display:block; }
.itemPanelOtros a:hover { color:red; text-decoration:none; }
.itemPanelOtros .precioItemRelac { white-space:nowrap; color:Red; font:bold 0.9em arial; padding:0 0 0 5px; 
	text-align:right; width:1%; }
	
.minHeightRel { min-height:15px !important;} 
/*----------------- fin PRODUCTOS RELACIONADOS -------------------------*/


/*----------------- LOG IN CALLEJA -------------------------*/
.logInCalleja { border:0 !important; width:100%; text-align:center;}

.logInCalleja TABLE { margin:0 auto;}


.tbLogIn { padding:0; width:100%; margin: 0 auto;}
.tbLogIn TD IMG.trans { display:block; position:relative; width:13px; height:18px; border:0; padding:0; margin:0; }

.tbLogIn .env11 { position:relative; padding:0; margin:0; width:13px !important; height:18px !important;
	background:url('login/t01.png') right bottom no-repeat; }
.tbLogIn .env12 { position:relative; padding:0; margin:0; width:824px !important; height:18px !important;
	background:url('login/t02.png') 0 bottom repeat-x; }
.tbLogIn.other .env12 { width:724px !important; }
.tbLogIn .env13 { position:relative; padding:0; margin:0; width:13px !important; height:18px !important;
	background:url('login/t03.png') left bottom no-repeat; }
	
.tbLogIn .env21 { position:relative; padding:0; margin:0; width:13px !important; height:100% !important;
	background:url('login/c01.png') right 0 repeat-y; }
.tbLogIn .env22 { position:relative; padding:0; margin:0; width:824px !important; height:100% !important;
	background:transparent;}
.tbLogIn.other .env22 { width:724px !important; }
.tbLogIn .env23 { position:relative; padding:0; margin:0; width:13px !important; height:100% !important;
	background:url('login/c03.png') left 0 repeat-y; }

.tbLogIn .env31 { position:relative; padding:0; margin:0; width:13px !important; height:18px !important;
	background:url('login/b01.png') right top no-repeat; }
.tbLogIn .env32 { position:relative; padding:0; margin:0; width:824px !important; height:18px !important;
	background:url('login/b02.png') 0 top repeat-x; }
.tbLogIn.other .env32 { width:724px !important; }
.tbLogIn .env33 { position:relative; padding:0; margin:0; width:13px !important; height:18px !important;
	background:url('login/b03.png') 0 top no-repeat; }

.tbLogIn .env22 .containerLogIn { display:block; position:relative; width:753px; border:1px solid #777; 
	background:url('web/bgmetal3.jpg') 0 bottom no-repeat rgb(222,231,234) !important;
	text-align:center;
	padding:0;
	margin:0 auto;} 

.logoLogIn { margin:40px auto 10px;}

.tbLogInInputs { margin:20px auto;}
.tbLogInInputs TD { font-family:Arial !important;}
.tbLogInInputs .left { text-align:right; font-weight:bold; padding:0 7px 0 0;}
.tbLogInInputs .right { padding:2px 0; text-align:left;}

.faltaLog { padding:0 0 2px 2px; width:15px; vertical-align:bottom; }
.faltaToLog { padding:3px 5px 0 5px;}

.check TD { vertical-align:middle;}
.check TD LABEL:hover { text-decoration:underline; cursor:pointer;}
.tbLogInInputs .check { margin:0 auto 20px auto;}

.tbLogInInputs .error { padding:0 20px;}
.gecko .tbLogInInputs .error, 
.opera .tbLogInInputs .error { display:block;}
.tbLogInInputs .error LABEL.dxeBase { padding:0; background:red; display:block; color:#fff; margin:0 auto; }
.gecko .tbLogInInputs .error LABEL.dxeBase, 
.opera .tbLogInInputs .error LABEL.dxeBase { display:table; width:100%;}

.tbLogInInputs .olvidado { text-align:right; padding:0 20px 0 0;}
.tbLogInInputs .olvidado a { color:#fff; text-decoration:underline; padding: 1px 5px; font-family:Arial !important;}
.tbLogInInputs .olvidado a:hover { color:#fff; background:#333; text-decoration:none;} 

/*----------------- fin LOG IN CALLEJA -------------------------*/


/*----------------- AREA CLIENTE -------------------------*/
.boxAreaCliente { background:url('web/bgmenu_clientes.png') 0 0 repeat-x !important; }

.boxAreaCliente .linkListado2, 
.boxAreaCliente .linkListado2:visited  { display:block; text-align:center; margin:0 auto; padding:0 0 0; color:#000; 
	text-decoration:none; /*height:55px;*/ width:100%;
}
.boxAreaCliente .linkListado2:hover { background:url('web/tb30.png');}
.boxAreaCliente .linkListado2 TABLE { width:190px; }
.boxAreaCliente .linkListado2 TD { height:55px; padding:0 15px 0 15px; vertical-align:bottom; text-align:left; 
	font:bold 1em arial; text-transform:uppercase;}
.boxAreaCliente .linkListado2 TD SPAN { margin:0 0 5px 0; display:block;} 	
.boxAreaCliente .linkListado2:hover TD { text-decoration:none; }

.boxAreaCliente .imgListado2 {border-top:2px solid #fff; }
/*----------------- fin AREA CLIENTE -------------------------*/


/*----------------- CONTROL CLIENTE FICHA -------------------------*/
.controlClienteFicha { border:1px solid #555; padding:10px; background:url('web/tb30.png') !important;}

.controlClienteFicha TABLE TD { border:0 !important; background:transparent !important;}
.controlClienteFicha TABLE TD.left { text-align:right; color:#fff; padding:0 20px 0 0; }
.controlClienteFicha TABLE TD.left LABEL {  font-size:1.1em !important;}
.controlClienteFicha TABLE TD.right { text-align:left; padding:0 0 0 10px; background:transparent !important; }
.controlClienteFicha TABLE TD.right TABLE TD { background:transparent !important; color:#fff !important;}
.controlClienteFicha TABLE TD.right TABLE TD INPUT { color:#fff !important; font-size:1.1em !important;}

.controlClienteFicha.bordeFicha TABLE { border:1px solid #555 !important;}
.controlClienteFicha.bordeFicha TABLE TABLE { border:0 !important;}

/*----------------- fin CONTROL CLIENTE FICHA -------------------------*/


/*----------------- CONTROL PEDIDO DATOS -------------------------*/
.ironBg { background:url('web/bgmetal3.jpg') 0 top no-repeat rgb(222,231,234) !important;} 

.bordeTreeInRow { width:100%;}
.bordeTreeInRow TD.borde3 { border:1px solid #fff; background:url('web/tb30.png') !important; padding:0; width:33%;}

.threeInRow { width:242px !important; width:100% !important; 
    padding:0; 
	border-collapse:collapse;
}
.threeInRow TABLE, 
.threeInRow TABLE TD { border-collapse:collapse; color:#fff !important;}
.threeInRow.lastInRow { margin-right:0; }

.dxrpControl.dxrpHeader.threeInRowHeader { border:0; background:url('web/tb30.png');}

.threeInRow .threeInRowHeader, 
.threeInRow .threeInRowHeaderTABLE, 
.threeInRow .threeInRowHeader TABLE TD { border:0 !important;}
.threeInRowHeader TABLE TD SPAN { font:bold 1.2em arial !important; text-transform:uppercase; border:0 !important; 
	display:table !important; position:relative;
	height:30px; vertical-align:bottom; top:8px;
}

.threeInRow TABLE { width:100%;}


.threeInRow .threeInRowTb TD { padding:4px 5px; font:normal 1em arial; line-height:0.95em; vertical-align:bottom; }
.threeInRow .threeInRowTb TD.left { display:block; text-align:right !important; vertical-align:top; 
	padding:4px 3px; font-weight:bold;}

/*----------------- fin CONTROL PEDIDO DATOS -------------------------*/

/*----------------- inicio Grabar Pedido ------------------------*/

.contentPage.finish { width:756px; margin:0 auto;}

.prodAlternativos  { display:block; padding:3px 0 3px 10px;
	background:url('../../Images/web/shadow.gif') 0 0 repeat-x #fff;
	border-top:1px solid #e0e0e0;
	font:bold 1.3em arial;
}

.prodAlternativosRed { display:block; padding:3px 0 3px 10px; margin:-30px 0 0 0;
	width:410px; 
	clear:none;
	background:url('../../Images/web/shadow.gif') 0 0 repeat-x #fff;
	border-top:1px solid #e0e0e0;
	font:bold 1.3em arial;
}
	
.mira { 
	position:relative;
	z-index:359;
	border:1px solid #ccc;
	margin:0 auto;
	padding:20px;
	text-align:left;
	clear:both;
}

#mira1Child, 
#mira2Child { position:relative; z-index:358;}

.miraRed { 
	border:1px solid #ccc;
	margin:0 0 0 0;
	padding:20px;
	text-align:left;
	clear:both;
}

#mira1ChildRed, 
#mira2ChildRed { position:relative; z-index:358;}

.labelLista  
{
	width:100%;
	padding:3px 0;
	margin:0 0 10px 0;
	background:#aeaeae;
	color:#fff;
	font:normal 1em trebuchet MS, arial;
	text-transform:uppercase; 
}

.labelLista span { margin-left:10px;}


.botTotal  
{
	FLOAT:left;
	CLEAR:both;
	width:100%;
	margin:0px auto 20px auto; 
	padding:0;
	vertical-align:top;
	background:url('../../Images/web/botshadow2.png') 0 0 repeat-x; 
	height:10px;
}

.botTotal1 { float:left; display:block; background:url('../../Images/web/botshadow1.png') 0 0 no-repeat;
	width:151px; height:10px; 
}
.botTotal2 { float:right; display:block; background:url('../../Images/web/botshadow3.png') right 0 no-repeat;
	width:148px; height:10px; 
}

.botTotalRed  
{
	FLOAT:left;
	CLEAR:both;
	width:410px;
	margin:0px auto 20px auto; 
	padding:0;
	vertical-align:top;
	background:url('../../Images/web/botshadow2.png') 0 0 repeat-x; 
	height:10px;
}

.botTotal1Red { float:left; display:block; background:url('../../Images/web/botshadow1.png') 0 0 no-repeat;
	width:151px; height:10px; 
}
.botTotal2Red { float:right; display:block; background:url('../../Images/web/botshadow3.png') right 0 no-repeat;
	width:148px; height:10px; 
}

.botTotal350  
{
	FLOAT:left;
	CLEAR:both;
	width:330px;
	margin:0px auto 20px auto; 
	padding:0;
	vertical-align:top;
	background:url('../../Images/web/botshadow2.png') 0 0 repeat-x; 
	height:10px;
}

.botTotal1350 { float:left; display:block; background:url('../../Images/web/botshadow1.png') 0 0 no-repeat;
	width:151px; height:10px; 
}
.botTotal2350 { float:right; display:block; background:url('../../Images/web/botshadow3.png') right 0 no-repeat;
	width:148px; height:10px; 
}

/*------------- fin GRID ----------------------------*/

.gridBlock { width:100%;}

.midGrid { width:50%;}

.grid2 { position:relative;
	BORDER:0;
	margin:10px 0 0 0;
	border-width:1px 0 0 0; border-style:solid; border-color:#ccc; 
}

.grid2 TD { padding:1px 5px;
	border-width:0 0 1px 0; border-style:solid; border-color:#ccc;
	vertical-align:middle; 
}

.grid2 TD .gridImg { margin:0; padding:0; position:relative;
	vertical-align:middle;
}

.gridHeadError TH, 
.gridHeadError TD {background:darkred; color:#fff; border-width:0 0 1px 0; border-color:#000; padding:3px 5px 2px 5px; 
	font:normal 9px arial; text-transform:uppercase;}

.grid2Head TH, 
.grid2Head TD { 
	background:#e1e1e1; color:#252525; 
	border-width:0 0 1px 0;
	padding:3px 5px 2px 5px; 
	font:normal 9px arial;
	text-transform:uppercase;
}

.grid2Head2 TH, 
.grid2Head2 TD { 
	background:#252525; color:#fff;
	border-width:0;
	padding:3px 5px 2px 5px; 
	font:normal 9px arial;
	text-transform:uppercase;
}

.grid2Alter TD { background:#f5f5f5;}


.gecko .grid INPUT, 
.gecko .grid IMG {  z-index:1002; position:relative;}

INPUT.put, 
span.put { border:1px solid #AEAEAE; font:normal 11px arial; padding-top:3px; line-height:12px; text-align:left;}

INPUT.date { border:1px solid #AEAEAE; font:normal 11px arial; padding:3px 0 0 3px; line-height:12px; text-align:left; 
	width:70px;
}


.grid2 INPUT.put { text-align:center;}


.grid2 .gridBot { text-align:center; 
	background:url('../../Images/web/agrid2.png') 2px center no-repeat #e1e1e1; 
	padding:0;
	
	}
	
.grid2 .gridLink a { position:relative;
	padding:0;
	display:block;
	/*width:100%;*/
	 background:url('../../Images/web/agrid2.png') 2px center no-repeat;
} 
.ie7 .grid2 .gridLink a { background:url('../../Images/web/agrid2.png') 3px center no-repeat; }
.ie8 .grid2 .gridLink a { background:url('../../Images/web/agrid2.png') 2px center no-repeat;  z-index:1001; }
.gecko .grid2 .gridLink a { background:url('../../Images/web/agrid2.png') 2px center no-repeat; z-index:1001; }
	
.grid2 .gridBotTrans { 
	padding:0; 
	text-align:center; } 

.grid2 .gridLink2 { background:url('../../Images/web/agrid2.png') 2px center no-repeat;}
.grid2 .gridLink2 a { 	
	padding:0;
	display:block;
	width:100%;
} 

.grid2 .gridLink2 a:hover { background:url('../../Images/web/agrid2.png') 7px center no-repeat #bbb; color:#111;}
.grid2 .gridLink a:hover, 	
.grid2 .gridBot:hover, 
.grid2 .gridBotTrans:hover { background:url('../../Images/web/agrid2.png') 2px center no-repeat #bbb; color:#111;}

.grid2 .gridLink a { padding:2px 10px 2px 10px; margin:-2px 0-2px 0;}
.grid2 .gridLink2 a  { padding:2px 10px; margin:-2px -10px;}
.grid2 .gridBot a, 
.grid2 .gridBot INPUT, 
.grid2 .gridBotTrans a, 
.grid2 .gridBotTrans INPUT { padding:2px 20px; margin:-2px -20px;}

/*------------- fin GRID ----------------------------*/
/*----------- PAGER ----------------*/

.grid2 .gridPager { text-align:center !important;}
.grid2 .gridPager TD { text-align:center !important;}
.grid2 .gridPager TD TABLE {  text-align:center !important; display:inline; margin:5px 0 0 0; padding:0; border:0;}
.grid2 .gridPager TD TABLE TD {  text-align:center !important; margin:0; padding: 0;}

.gecko .gridPager { text-align:center;}
.gecko .gridPager TD { text-align:center;}
.gecko .gridPager TD TABLE {  text-align:center;}
.gecko .gridPager TD TABLE TD {  text-align:center;}

.gridPager { text-align:center !important;}
.gridPager TD { border:0; text-align:center !important; margin:0; padding:0; font:normal 10px arial; background:none;}

.gridPager TD TABLE TD span { background:rgb(119,117,118); background:#555;
	color:#fff;
	display:inline-block; 
	float:inherit;
	position:relative;
	width:18px; height:15px; 
	padding:3px 0 0 0; 
	margin:2px; 
	text-align:center;
	text-decoration:none;
	font:normal 10px arial;
	line-height:12px;
	border:1px solid rgb(119,117,118);  }

.gridPager TD a { 
	background:url('../../Images/web/td.png') 0 0 repeat-x rgb(74,133,217);
	color:#fff;
	display:inline-block;  
	float:inherit;
	width:18px; height:15px; 
	padding:3px 0 0 0; 
	margin:2px; 
	text-align:center;
	text-decoration:none;
	font:normal 10px arial;
	line-height:12px;
	border:1px solid rgb(119,117,118); 
}

.gridPager TD a:hover {
	text-decoration:none;
	border:1px solid #252525; 
	background:rgb(187,218,226); 
	color:#FFF;
	background:url('../../Images/lupaon.png') 0 0 repeat-x rgb(77,189,254);
} 

/*----------- fin PAGER ----------------*/	


/*-------------- STEPS ----------------*/
.stepSeleccionado
{
	width:100px;
	color:#5899D9;
	text-align:center;
	font:bold 1.2em arial;
	padding:0 0 3px 0;
	border-bottom:3px #5899D9 solid;
}

.stepNoSeleccionado
{
	width:100px;
	color:#c0c0c0;
	text-align:center;
	font:bold 1.2em arial;
	padding:0 0 3px 0;
	border-bottom:3px #ccc solid;
}

.stepHecho
{
	width:100px;
	color:#083E72;
	padding:0 0 1px 0;
	text-align:center;
	font:bold 1.2em arial;
	border-bottom:3px #083E72 solid;
}
.stepHecho a { display:block; text-align:center; padding:0 0 2px 0;}
.stepHecho a:hover { text-decoration:none; color:#fff; background:#5899D9;}

.formaPagoWidth
{
	width:115px;
}
	
	
/* ------------- totales pedido ----------------*/

.totalesTabla
{
	font-size:14px;
}

.totalesIzquierda
{
	width:150px;
	height:30px;
	font-weight:bold;
}

.totalesCentro
{
	width:50px;
}

.totalesDerecha
{
	width:140px;
	text-align:right;
	padding-right:10px;
}


.bordeArriba
{
	/*border-top:1px solid black;*/
	border-top-color:Black;
	border-top-style:solid;
	border-top-width:1px;
	padding-top:5px;
}

/* -------- registro usuarios ------*/

.RegistroUsuario
{
	margin-left: 70px;
	vertical-align:middle;
}


/* ----------- área motos -------*/

.areaMotoDetalleLeft { float: left; width:450px;}

.areaMotoDetalleLeft .Foto { width:430px; text-align:center; padding:10px 0; }

.areaMotoDetalleLeft .lit_verMasFotos { font:normal 0.8em arial; color:#000; padding:0 0 5px 0;}

.areaMotoDetalleLeft .masfotos, 
.areaMotoDetalleLeft .masfotos TD,
.areaMotoDetalleLeft .masfotos a { background:#fff !important;}

.areaMotoDetalleLeft .masfotos .btnVerMasFotos .dxbButtonPressed { border:0}

.areaMotoEnvelopeMasFotos { display:block; border:1px solid #999; margin:-3px auto 15px;}

/* ----------- busqueda avanzada > neumáticos -------*/
.roundPanelNeumaticos { background:yellow; height:275px;
	background:url('web/busquedaneumatico.png') center bottom no-repeat;
	border-bottom:1px solid #ccc;
}

.bordeBotCCC {border-bottom:1px solid #ccc; }

.popupDataView
{
	width:100px;
}


/* ----------- pie links -------*/
dl.helpBottom  { float:left; margin:5px 5px 0 5px;}
dl.helpBottom.helpRight  { float:Right; margin:5px 5px 0 5px;}
dl.helpBottom dd { text-align:left; float:left; }

dl.helpBottom dd LABEL, 
dl.helpBottom dd a, 
dl.helpBottom dd a:visited { display:block; float:left; color:#777; font:normal 0.9em arial; padding:4px 7px; cursor:pointer;
	border-right:2px solid #fff;
	border-left:1px solid #777;
}
dl.helpBottom dd LABEL.first, 
dl.helpBottom dd a.first { border-left:0;}
dl.helpBottom dd LABEL.last, 
dl.helpBottom dd a.last { border-right:0;}


dl.helpBottom dd LABEL:hover, 
dl.helpBottom dd a:hover { text-decoration:none; background:#d0d0d0; color:#333;}


/* ----------- phone pie -------*/
.piePhone { display:block; float:right; margin:4px 10px 0 5px; background:url('web/headphones.png') 0 0 no-repeat;
	font:bold 1.2em trebuchet ms, arial;
	padding:1px 0 6px 40px;
}


/* ----------- cierra pie links -------*/
dl.linksCierra { float:right; margin:10px 5px 0 5px;}
dl.linksCierra dd { text-align:left; float:left; }

dl.linksCierra dd a, 
dl.linksCierra dd a:visited { display:block; float:left; color:#777; font:normal 0.9em arial; padding:2px 7px; 
	border-right:2px solid #fff;
	border-left:1px solid #ccc;
}
dl.linksCierra dd a.first { border-left:0;}
dl.linksCierra dd a.last { border-right:0;}

dl.linksCierra dd a:hover { text-decoration:underline; color:#333;}


/* ----------- cierra pie links -------*/
.newsletterCierra { float:right; margin:10px 5px 0 50px;}
.newsletterCierra dd { text-align:left; float:left; }

.newsletterCierra dd a,
.newsletterCierra dd label,  
.newsletterCierra dd a:visited { display:block; float:right; color:#777; font:normal 0.9em arial; padding:2px 5px 2px 23px; 
	background:url('web/iconewsletter.png') 0 -23px no-repeat;
	cursor:pointer;
}

.newsletterCierra dd a:hover, 
.newsletterCierra dd label:hover { text-decoration:underline; color:#333;
	background:url('web/iconewsletter.png') 0 0 no-repeat;
}


/* ----------- grabar pedido pasarela -------*/
.containerPasarela { display:table; width:100%; position:relative; }

.GrabaPedido {margin-left: 70px; float:left;}

.GrabaPedido TD.gptD  { border-bottom:5px solid #fff; vertical-align:middle; padding:2px 0 2px 10px;}

.cvv2 { padding:0 20px 0 0; background:url('web/cvv2.gif') right center no-repeat; cursor:help; }
.ie .cvv2 { position:absolute; margin:-5px 0 0 0;}
#helpCvv2 { display:none; margin:-60px 0 0 80px; 
    padding:10px;
    position:absolute;
	border:3px solid #cc0000;
	background:url('web/tw80.png')
}


.lineheight15 { height:15px !important; position:relative; display:inline-block;}


.GrabaPedidoIco { display:inline; float:right; padding:60px 40px 2px 0;}

#sabadell { padding:0 0 0 15px; display:table; }
.cajaSabadell { display:table; width:100%; background:url('web/orangedot.png') 0 bottom repeat-x;
	padding:25px 0 5px 0;
} 
.txtSabadell { display:block; float:left; width:510px; font:normal 0.9em arial;}
.imgmaster { display:block; float:right; background:#f0f0f0; margin:15px 0 0 0;}

#verisign { display:block; text-align:center; vertical-align:top;}
#verisign a { display:inline-block; margin:0 90px 20px 90px; text-align:center; 
	border:1px solid #fff;
	font:bold 0.9em arial;
	color:#777;
}
#verisign a:hover { text-decoration:underline; border:1px solid #C0E6F2; color:rgb(45,137,220);}

a.verifiedvisa { width:150px; 
    padding:70px 0 10px 0;
    background:url('web/verifiedvisa.png') center 5px no-repeat; }
a.mastersecurecode { width:150px; 
    padding:70px 0 10px 0;
    background:url('web/mastersecurecode.png') center 5px no-repeat; }

.btnHyperlink
{
	background-color:transparent;
	border:0 none;
	cursor:pointer;
	color:#5899d9;
}

.btnHyperlink:hover
{
	text-decoration:underline;
	color:Red;
}