@charset "utf-8";
/* CSS Document */
/*--------------------RESET--------------------*/ 

body{ padding:0; margin:0; font: normal 10px "Lucida Grande", sans-serif; background:#999 url(/Content/imagenes/bg2.jpg) repeat-y center; }
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{ padding:0; }
.spacer{ clear:both; font-size:0; line-height:1; }
#wrapper{ background:url(/Content/imagenes/bg.jpg) no-repeat top; width:100%; } /*min-height:800px; #height:800px*/
img { border:none; }
/*-------------------------		header		--------------------*/
#header { height:160px; width:950px; margin:auto}

/*-------------------------		MENU		--------------------*/
ul#menutop { height:32px; clear:both; width:900px; margin:0 auto; padding-left:0;} 
ul#menutop li{ float:left; list-style:none;}
ul#menutop li a{ text-decoration:none; padding:7px 10px; color:#ccc; font-size:11px; display:block}
ul#menutop li a:hover{ color:#fff; }

/*	#body		--------------------*/
#body{ width:970px; margin:auto; }

/*		#body > #sidebar		--------------------*/
#rightBar{ float:right;}
#leftBar{ float:left; margin-left: 10px;}
#leftBar, #rightBar, .lateral  { padding-bottom: 32768px; margin-bottom: -32768px;} /*HACK COLUMNAS 100% ALTAS*/
#body{ overflow:hidden;}/*HACK COLUMNAS 100% ALTAS*/


.lateral { background:url(/Content/imagenes/bg_lateral.jpg) 7px 0 repeat-y; float:right; width:232px; min-height:1000px; _height:1000px; padding:0 0 0 12px;}
.lateral form{ margin:0;}
.lateral label{ margin:10px 0 0 20px;color:#333; }
.lateral input{  margin:0 0 0 20px; width:175px; border:solid 1px #999; padding:0 5px; color:#999; }
.lateral input[type=submit]{ float:right; width:63px; height:23px; background:url(/Content/imagenes/boton.jpg) no-repeat; margin:5px 28px 0 0;
 border:none; font-size:10px; color:#333;}
.lateral input[type=submit]:hover {color:#000;}


/*		#body > #sidebar > .search		--------------------*/
.lateral .search{ clear:both; margin:10px 0 0 0; }

/*		#body > #sidebar > .cart		--------------------*/
.lateral .cart { background:url(/Content/imagenes/cart.jpg) 0 20px no-repeat; width:192px; height:70px;
 margin:0 0 0 20px; padding:55px 0 0 15px; 
font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.lateral .cart a{ float:right; height:40px; width:70px; display:block; text-indent:-5000px; margin: 0 10px 0 0; outline:none;}
.lateral .title { background:url(/Content/imagenes/barra_azul.jpg) no-repeat; color:#CCC; height:29px; margin:10px 0 0 19px; padding:5px 0 0 10px; font-size:11px; }
p.usuario{ margin:10px 0 0 30px;}
p.UsuarioOpciones{ text-align:right; margin:10px 0 0 30px; padding:5px 30px 0 0; display:block}
p.UsuarioOpciones a{color:#666; margin:5px 10px 0 0 ;}

/*		#body > #sidebar > .cart		--------------------*/
.lateral .publi { margin:0 20px 0 8px;}
.lateral .publi a{ width:100%; display:block; margin:20px auto; text-align:center;}
.lateral .publi img{ border:none;}


/*		#body > #sidebar > .user		--------------------*/
.lateral .user {}
.lateral .user a { outline:none;}
.lateral .registro { background:url(/Content/imagenes/registro.jpg) no-repeat; clear:both;
 text-indent:-5000px; margin:15px 0 0 15px; }
.lateral .registro a{ width:191px; height:75px; display:block; margin:0; padding:0; outline:none; }

.lateral .user a{ text-decoration:none; color:#333; margin:10px 0 0 20px; display:block;}
.lateral .user a:hover{ color:#000;}

/*		#body > #content		--------------------*/
#content { padding:10px 0 0 20px; float:right;}
.unaColumna {width:688px; }
.dosColumnas {width:475px; }
.ceroColumnas {width: 920px; }
#content .textoRelleno{ margin:0 20px}

#content h1{ background:url(/Content/imagenes/barra_blanca_larga.jpg) no-repeat; height:32px; padding:8px 0 0 20px; margin:10px 0; font-size:12px; color:#003; width:680px;}
#content h2{ background:url(/Content/imagenes/barra_blanca_corta.jpg) no-repeat; height:32px; padding:5px 0 0 20px; margin:10px 0; font-size:12px; color:#003}
#content h2 a{ text-decoration:none; color:#003; width:600px; display:block; outline:none;}
#content h2 a:hover{ color:#000;}
#content a.rss{ background:url(/Content/imagenes/rss.jpg) no-repeat; width:39px; height:41px; text-indent:-5000px; float:right; padding:0 0 0 10px; margin:5px 0; #margin:-5px 0;}
#content a.leer{ color:#333; text-decoration:none; background:url(/Content/imagenes/contacto_boton.jpg) no-repeat; width:76px; height:26px; float:right;
border:none; padding:3px 0 0 10px; }
#content a.verTodas { text-decoration:none; color:#333; position:absolute; z-index:100; margin:18px 0 0 580px; *margin-top:7px; display:block; }

/*---- RUTA ------*/
#ruta { margin:0px 10px 0 15px; min-height:15px; width:680px; }
#ruta a{ color:#003; font-size:10px; text-decoration: none; padding: 0 5px 0 10px; }
#ruta a:hover{ color:#000; }
#ruta ul { list-style:none;  margin: 0 10px 0 10px; padding:0; float:left;}
#ruta ul li { float:left; display:block;}/*----------*/

/*		#body > #content > .Noticia		--------------------*/
#content .noticia { min-height:150px; width:650px; }
#content .noticia .foto{ float:left; width:150px; min-height: 50px;}
#content h3{ font-size:12px; margin:5px 0;}
#Noticia span.img { float: left; padding: 0 15px 15px 0; }
/*	Licencia	*/
#AvisoLicencia{ background:url(/Content/imagenes/avisoLicencia.jpg) no-repeat; width:585px; height:91px; text-align:left;
margin:20px 0 0 0; padding:15px 25px 10px 90px}
#AvisoLicencia h1{ background:none; margin:0; padding:0; height:auto;  } 
#AvisoLicencia p{ margin:0; padding:5px 0 0 0;  } 


/*		#body 	> #content	> ul.Destacados	--------------------*/
ul#destacados{ float:left; margin:0; padding:0 0 0 2px; }
ul#destacados li{ background:url(/Content/imagenes/recuadro.jpg) no-repeat; width:223px; height:212px; list-style:none; margin:3px 5px 0 0; padding:10px 0 0 0; 
float:left; color:#003; }
ul#destacados li p{ margin:0 10px 0 15px; font-size:12px; color:#999;}
ul#destacados li p a{ text-decoration:none; color:#999;}

ul#destacados li p.title{ font-weight:normal; display:block; min-height:35px;}
ul#destacados li p.title a{ text-decoration:none; font-size:10px; color:#003;}

ul#destacados li .image{ height:140px; text-align:center;} 
ul#destacados li p a.precio{ float:right}/* float:right OJO CON OFERTAS*/ 
ul#destacados li .OfertaArriba { left:165px; position:relative; top:-175px; z-index:1; }



/*		#body 	> #content	> .Productos >#menu	--------------------*/
#content #menu { float:left; background:url(/Content/imagenes/productos_botonera_centro.jpg) repeat-y; width:176px; }
#content #menu ul { background:url(/Content/imagenes/productos_inicio_botonera.jpg) no-repeat; margin:0; padding:16px 0 0 0 ; }
#content #menu li {  list-style:none; margin:0; padding:0; }
#content #menu li a{ text-decoration:none; color:#003; padding:5px 2px 5px 10px; display:block; margin:0 4px 0 2px; border-bottom:solid 1px #CCC; }
#content #menu li a:hover{ background:#CCC; }
#content #menu li ul{ padding:0;background:none;}
#content #menu li li{ background:rgb(237,239,243); margin:0 4px 0 4px; }
#content #menu li li a{ color:#666}
#content #menu li li a:hover{ margin:0; }
#content #menu li li ul{ padding:0; background:none;}
#content #menu li li li{ background:#F5F5F5; margin:0 0 0 0px; }
#content #menu li li li a{ color:#777; }
#content #menu li li li a:hover{ background:#666; color:#CCC}
#content #menu li.close { height:21px; background:url(/Content/imagenes/productos_botonera_final.jpg) no-repeat; width:100%; 
display:block; margin:162px 0 0 0; padding:0; border:0;}
#content #menu li a.active{ background:#CCC;}

/*		#body 	> #content	> #Productos	--------------------*/
#productos {margin:0; float:right; width:510px; padding:0 0 0 0;}
#productos ul.productosenc{ font-size:0;  margin:0; padding:0; }
#productos ul.productosenc li{ background:url(/Content/imagenes/productos_recuadro.jpg) no-repeat; width:100%; height:120px;
display:block; margin:0 0 5px 0; padding:15px 5px 0 5px; list-style:none; _padding:0px; float:left; 
 }/*font-size:9px;*/
#content #NoEncontro{ background:url(/Content/imagenes/productos_recuadro.jpg) no-repeat; height:127px; width:501px;
 margin:0 0 0 0; padding-top:50px; float:left; text-align:center; display:block;}

#productos ul.productosenc li a.layout{ display:block; float:left; font-size:0; line-height:0; margin:0; text-align:center; width:90px;}
#productos ul.productosenc li span { padding:5px 0 0 0; height:35px; width:300px; }
#productos ul.productosenc li span.titulo { }
#productos ul.productosenc li span.titulo a{  text-decoration:none; color:#333; font:bold 12px "Lucida Grande", sans-serif;  }
#productos ul.productosenc li span.txt2{ color:#333333; font:normal 10px "Lucida Grande", sans-serif; 
display:block; padding:0; width:280px; float:right; }

#productos ul.productosenc li span.ver { float: left; background:url(/Content/imagenes/productos_lupa.jpg) no-repeat; width: 80px; }
span.encontrados { background-color:#F1EACD;}
#productos ul.productosenc li span.precio{ width: 43%; float: right; }
#productos ul.productosenc li.last2{  display:block; border:#EBF3F5 solid 4px; margin:0; padding:0 0 10px 0; width:145px; }

#productos ul.productosenc .ver{ margin:0 20px 5px 5px; padding:0; float: right; height:100%; width:108px; }
#productos ul.productosenc .ver p.oferta{ height: 40px; width:50px; float:right; background:url(/Content/imagenes/productos_oferta.jpg) no-repeat;}
#productos ul.productosenc .ver p.vacio{ height: 40px; width:50px; float:right; }

#productos ul.productosenc .ver p.destacado{ height: 40px; width:50px; float:right; background:url(/Content/imagenes/productos_destacado.jpg) no-repeat;}
#productos ul.productosenc .ver p.acciones{ height:37px; width:110px; float:right; margin:5px 0 0;}
#productos ul.productosenc .ver a.mas{ background:url(/Content/imagenes/productos_lupa.jpg) no-repeat; display:block; width:53px; height:37px; margin:0; float:right}
#productos ul.productosenc .ver a.comprar{ background:url(/Content/imagenes/productos_comprar.jpg) no-repeat; display:block; width:54px; height:37px; margin:0; float:right; text-indent:-5000px;}
#productos ul.productosenc .ver p.precio{ background:none; width:100px; margin:5px; color:#000000; float:right; font:bold 12px "Lucida Grande", sans-serif; height:20px;
text-align:center;}

/*		#body 	> #content	> #PRODUCTO	--------------------*/
#producto {margin:0; float:right; width:510px; padding:0;}
#producto h1 { background:url(/Content/imagenes/producto_barra_azul.jpg) no-repeat; color:#FFF; padding:3px 0 3px 15px; margin:0;}
#producto .imagenes{height:250px; margin:0 20px 0 50px; }
#producto .imagenes .thumbg{ float:left; display:block; margin:5px auto 0 auto; text-align:center; float:left; }
#producto .imagenes_scroll{ overflow:auto; overflow-x:hidden; width:110px; height: 250px; margin:5px 0 0 20px; }
#producto .imagenes_scroll img{margin:2px 5px; }
#galeria a{ min-height:250px;}

#producto .parte1{}
#paginador{ width:500px; margin:0 0 0 10px;}
.tituloPaginador{ border-bottom:solid 1px #DDD; margin:0}
#paginador ul{ margin:0; padding:0}
#paginador li{ margin:0 2px; list-style:none; float:left; display:block; padding:2px 5px;}
#paginador a{ text-decoration:none; color:#333; font-weight:bold;}
#paginador a:hover{ }
#paginador li.actual{ background:#EEE; color:#000;  display:block;}
#paginador li:hover{ background:#EEE; color:#000;}




#producto .comentarioGlobo { background:url(/Content/imagenes/comentarios2.jpg) repeat-y; margin:0 0 0 0; width:502px; }
#producto .comentarioGlobo p.Comentario{ background:url(/Content/imagenes/comentarios1.jpg) no-repeat; margin:0; padding:20px 10px 0 15px; }
#producto .comentarioGlobo p.Firma{ background:url(/Content/imagenes/comentarios3.jpg) no-repeat #FFF; margin:0; padding:20px 0 0 40px; height:30px; font:bold 12px}

/*- VALORACION	-*/
#producto .valor { font:normal 12px Verdana, Arial; height:25px; margin:0 auto; padding:0 20px 0 50px; clear:both}
#producto .valor a { height:18px; width:18px; display:block; float:left; background:url(/Content/imagenes/star1.jpg) no-repeat; cursor:pointer}
#producto .valor a.n { background:url(/Content/imagenes/star2.jpg) no-repeat; }
#producto .valor a:hover{ background:url(/Content/imagenes/star3.jpg) no-repeat;}
#producto h2{ background-image:url(/Content/imagenes/producto_barra_blanca.jpg); margin:20px 0 10px 0; clear:both}
#producto h2.subH2{ background-image:url(/Content/imagenes/producto_barra_comentario.jpg); padding:0 0 10px 20px; height:17px; font-size:0.9em}

#producto .iconitos { width:60px; float:right; }
#producto p.destacado{ margin:0 0 10px 0; height:40px; width:50px; float:left; background:url(/Content/imagenes/productos_destacado.jpg) no-repeat;}
#producto p.oferta{ margin:0 0 10px 0; height:40px; width:50px; float:left; background:url(/Content/imagenes/productos_oferta.jpg) no-repeat;}
#producto p.stock{ margin:0 0 10px 0; height:40px; width:50px; float:left; background:url(/Content/imagenes/producto_stock.jpg) no-repeat;}
#producto a.link{ margin:0 0 10px 0; width:55px; height:45px; display:block; float:left;  background:url(/Content/imagenes/producto_link.jpg) no-repeat;}

#producto .datos { height:60px; margin:0 auto; padding:0 20px 0 50px;}
#producto .datos a{ background:url(/Content/imagenes/producto_consulta.jpg) no-repeat; width:60px; height:30px; margin:5px 2px; float:left;}
#producto .datos a.consultar{}
#producto .datos a.cuotas{ background-image:url(/Content/imagenes/producto_cuotas.jpg);}
#producto .datos a.comprar{ background-image:url(/Content/imagenes/productos_comprar.jpg);}
#producto .datos a.imprimir{ background-image:url(/Content/imagenes/bt_print.jpg);}
#producto .datos a.etiqueta{  background-image:url(/Content/imagenes/producto_precio.jpg); height:42px; width:117px; padding:12px 0 0 0; margin:0; text-align:center; font-size:11px;}


/*		#body 	> #content	> #Ubicacion	--------------------*/
#ubicacion { padding:0 0 0 10px; }

/*--------------------		FORMULARIOS	--------------------*/
form.normal{ margin:auto;}
form.normal p{ margin:8px 5px 8px 10px; padding:0 33px 0 0; text-align:left;}
form.normal label{ float:left; width:140px;}
form.normal input { width:250px; }
form.normal select{ width:255px; }
form.normal textarea{ width:252px; }
form.normal input, textarea, select, checkbox{}
form.normal textarea{ overflow:auto; min-height:150px; }

form.normal p.botones{ height:30px;}
form.normal p.botones input{ background:url(/Content/imagenes/contacto_boton.jpg) no-repeat; width:76px; height:26px; float:right;
border:none; margin:0 0 0 10px ; }
form.normal .corto{ width:121px; }
form.normal select.corto{ width:126px; }
form.normal select{ font-family:Calibri;}
form.normal select option{ font-family:Calibri;}
form.normal select.iva{ width:252px; }
form.normal input[type=checkbox]{ width:15px;}
form.normal input.cv{ }
form.normal p.captcha img { margin-left:160px;}
.condiciones { background:#CCCCCC; height:150px; overflow:auto; padding:10px}
.condiciones h1{ font:bold 14px Verdana, Arial;}
form.normal .largo1{ width:124px;}
form.normal .largo2{ width:78px;}
form.normal .largo3{ width:93px;}
form.normal .largo4{ width:158px;}
form.normal p.nombre{ width:400px; margin:5px auto}

form#formRegistro p{ padding:0 0 0 130px;}
form#formRegistro p.editardatos{ padding:0;}
form#formRegistro p.botones{ padding:0 75px 0 0; clear:both  }
form#formRegistro label{ width:160px;}

form#formRRHH input{ }
form#formRRHH p.botones{ padding:0 137px 0 0; *padding-right:140px; margin:0;  }

form#reseteo{ margin:40px 0;}
form#reseteo p.botones{ padding:0 130px 0 0;  }

form#formComentario  p.botones{ padding:0 55px 0 0; width:400px}

form#cambioPassword  p.botones{ padding:0 65px 0 0;  }

form#formDatos input[type=submit]{margin-right:20px;  }/* Pedir cliente*/
form#formDatos {margin:0 0 0 95px;}
form#formDatos  p.botones{ padding:0 72px 0 0px; }

form#formLogin input[type=submit]{margin-right:39px;  }/* */
form#formLogin p{ padding:0 0 0 90px;}
form#formLogin p.botones{ padding:0 15px 0 0; }

form#formContacto{ margin:0 0 0 130px;} 
form#formContacto p.botones{ margin:0 auto; padding:0 50px 0 0; width:325px; *width:320px;  }
form#formContacto label{ width:95px; }

form#ConsultarProd{ margin:20px 0 20px 50px;} 
form#ConsultarProd p.botones{ margin:0 auto; padding:0 40px 0 0; width:325px; *width:320px;  }
form#ConsultarProd label{ width:95px; }

form#formComentario{ margin:0 0 0 37px}

form#formRRHH{ margin:40px 0 0 0}



.topRrhh{ background:url(/Content/imagenes/rrhh.jpg) no-repeat; width:677px; height:260px; display:block}
.topVigilancia{ background:url(/Content/imagenes/vigilancia.jpg) no-repeat; width:687px; height:247px; display:block}
.topEmpresa{ background:url(/Content/imagenes/laEmpresa.jpg) no-repeat; width:687px; height:237px; display:block}
.topServicio{ background:url(/Content/imagenes/servicioTecnico.jpg) no-repeat; width:671px; height:225px; display:block; margin:0 0 20px 5px }

/*--------------------------- Repetir compra -------------------*/
table#repetirCompra{  width:492px; margin:0; padding:0; border-collapse: collapse; margin:0 0 0 5px; }
table#repetirCompra td,th{ text-align:left; margin:0; height:25px; padding:0 3px;}
table#repetirCompra th{ background:#CCC; border:solid 1px #CCC;}
table#repetirCompra td{ background:#FFF; border:solid 1px #CCC; }
table#repetirCompra a{ text-decoration:none; color:#999; display:block;}
table#repetirCompra a:hover{ color:#000; }

/*--------------------------- PLANES DE PAGOS -------------------*/
#planes table{ width:400px; border-collapse : collapse; margin:20px; border:#666666 solid 1px;}
#planes table tr{ height:20px; text-align:left; text-transform:uppercase; }
#planes table th{ background:url(/Content/imagenes/glossyback2.gif) repeat-x; color:#FFF; padding:5px;}
#planes span{ padding:5px; margin:5x;}
#planes table td {}
#planes table td.ver{ background:url(/Content/imagenes/cuotasVer.jpg) no-repeat; width:50px; text-align:right;}
#planes table td.ver a{ text-decoration:none; padding:5px; color:#000; display:block; font:bold 10px Verdana, Arial }
#planes table td.ver a:hover{ color:#FF0000;}


/*--------------------------- detalleCuotas-------------------*/
#detalleCuotas { margin:5px; width:400px; color:#000000}
#detalleCuotas h1{ font:bold 14px Verdana, Arial ;color:#000}
#detalleCuotas h2{ font:bold 14px Verdana, Arial; color:#000033}
#detalleCuotas h3{ background:url(/Content/imagenes/glossyback2.gif) repeat-x; 
color:#FFF; font:bold 12px Verdana, Arial; height:18px; margin:10px 5px 5px 0; padding:3px 0 3px 5px; text-align:left;	 }
#detalleCuotas h4{ background:url(/Content/imagenes/glossyback2.gif) repeat-x; 
color:#FFF; font:bold 12px Verdana, Arial; height:18px; margin:10px 5px 5px 5px; padding:3px 0 3px 5px; }

/*--------------------------- Producto jquery-------------------*/
#detalleCuotas ul{ text-align:left; margin:0 5px; background:#CCCCCC;}
#detalleCuotas ul li{ font:bold 10px Verdana, Arial; color:#000000; padding:3px; margin:2px; list-style:none;}
#detalleCuotas a{ background:url(/Content/imagenes/arrow_pre.gif) 0 2px no-repeat; font:bold 10px Verdana, Arial; color:#000; margin:; padding:0 0 0 10px; text-decoration:none}
#detalleCuotas a:hover{ color:#FF0000;}
form.normal textarea#asunto{ min-height:30px; overflow:auto}
table#coutas{ width:390px;}
table#coutas th{ border-bottom:solid #999 1px;}
table#coutas th, td{ margin-left:20%; }
table#coutas th.CoutasNumero{ width:50px}
table#coutas th.CoutasTotal{ width:100px}


/*--------------------------- CONTACTO-------------------*/
#contactenos{ background:url(/Content/imagenes/contacto.jpg) no-repeat; min-height:290px; padding:10px 0 0 150px; margin:0 0 0 5px; }
h4{ text-align:center; width:100%; font:normal 12px Calibri; margin:0 0 20px 0;}
#contactenos p.botones{ width:390px}
#contactenos label{ width:120px;}

.gente_txt{background:url(/Content/imagenes/gente1.jpg) repeat-y; width:500px}
.gente_pie{ background:url(/Content/imagenes/gente2.jpg) 1px 0 no-repeat; height:26px; }
.gente_cada{ height:127px; width:501px; margin:0; padding:10px 0 0 15px; background:url(/Content/imagenes/productos_recuadro.jpg) no-repeat; }
.gente_cada h3{ font:bold 14px; margin:0 5px 5px 0;  }
.gente_cada p{ font:normal 10px; background: 120px 0 no-repeat;margin:0 0 0 10px; padding:5px 0 5px 0;}

.gente_cada p a{ text-decoration:none; color:#000033; padding-left:30px;}
.gente_cada p.mail{color:#000000; display:block; background:url(/Content/imagenes/contacto_mail.jpg) 120px 0 no-repeat; }
.gente_cada p.tel{color:#000000; display:block; background:url(/Content/imagenes/contacto_tel.jpg) 120px 0 no-repeat; 
background-position:120px 0; }
.gente_cada p.msn{ color:#000000; display:block; background:url(/Content/imagenes/contacto_msn.jpg) 120px 0 no-repeat;
 background-position:120px 0;}
.gente_thumb{ display:block; font-size:0;line-height:0;margin:2px 10px 10px 0;text-align: center;float: left; clear:both}

/*--------------------------- VER CART -------------------*/
.TituloTicket { height:58px; }

#VerCar { font:normal 10px Verdana, Arial; border:#666666 solid ; border-width:0 1px 1px 1px; padding:10px 0 10px 0; margin:0; width:691px;}
#VerCar h1{ background:none; margin:0 0 0 20px; padding:0; line-height:1em;}
#VerCar p{ margin:0 0 0 10px; padding:5px 10px;}
#VerCar table{ width:95%; border-collapse:collapse; margin:10px 20px 10px 20px; border:#666666 solid 1px;}
#VerCar table tr { height:15px; text-align:left; text-transform:uppercase; }

#VerCar table tr.subtotal { font:bold 12px Verdana, Arial; background:#F1F0B4; height:25px; border-top:2px solid #333333;}
#VerCar table tr.total { font:bold 12px Verdana, Arial; background:#EDE996; height:25px;}
#VerCar table th { 	background:url(/Content/imagenes/glossyback2.gif) repeat-x; color:#FFF; padding:5px;}
#VerCar table th.cero { width:30px;}
#VerCar table th.uno { }
#VerCar table th.dos {  width:75px;}
#VerCar table th.tres { width:40px;}
#VerCar table th.cuatro { width:85px;}
#VerCar table th.cinco { width:20px;}
#VerCar span{ padding:5px; margin:5x;}
#VerCar table td { padding:0 5px;}
#VerCar table td a.quitar{ background:url(/Content/imagenes/quitar.jpg) no-repeat; width:33px; height:33px; display:block; text-indent:-5000px;}



#VerCar input.numero { width:20px; margin:10px 0 0 0}
#VerCar table td.ver{ background:url(/Content/imagenes/cuotasVer.jpg) no-repeat; width:50px; text-align:right;}
#VerCar table td.ver a{ text-decoration:none; padding:5px; display:block; font:bold 10px Verdana, Arial }
#VerCar table td.ver a:hover{ color:#FF0000;}

p.OpcionCarrito{ margin: 0 0 10px 30px; height:60px;}
p.OpcionCarrito a{ font:bold 12px Arial; color:#000; text-decoration:none; width:137px; height:32px; float:left; padding:10px 0 0 25px; outline:none}
p.OpcionCarrito a:hover{ color:#666;}
p.OpcionCarrito a.seguir { background:url(/Content/imagenes/btSeguircompra.jpg) no-repeat;  float:left; }
p.OpcionCarrito a.fin { background:url(/Content/imagenes/btFinCompra.jpg) no-repeat;}
p.OpcionCarrito a.Imprimir { background:url(/Content/imagenes/imprimir.jpg) 0 3px no-repeat; width:255px; float:right;  display:block; padding:20px 0 0 70px; font:normal 12px Arial; }


#registro { width:639px; margin:0 0 30px 0;}
#registro p.olvido{ margin:0 10px 0 40px;} 
.descripcion p{ margin:0 0 0 20px;} 
#registro h2{ font:normal 16px "Lucida Grande"; background:none; margin:30px 0 10px 20px; height:auto;}
#registro p{ margin:0 20px 10px 40px;} 

/*-------- Confirmar*/
#registro .login{ width:600px; font:normal 10px Verdana, Arial;  }
#registro p.logueate{ background:none; height:40px; padding-left:70px; }/*url(/Content/imagenes/error1.jpg) no-repeat*/
#registro p.anonimo{ background:none; 
height:40px; margin:0; padding-left:70px;}

#registro .login form.contact { background:url(/Content/imagenes/llave.jpg) 5px 20px no-repeat; padding-left:60px; border:#CDDDED 1px solid;  margin:0 0 20px 90px; width:400px;} 
#registro .login form.contact label{ width:70px; background:none;}
#registro .errores { margin:10px 0 10px;}
#registro .errores label.error { background:url(/Content/imagenes/unchecked.jpg) no-repeat; margin-left:90px; color:#FF6600; font:bold 11px Verdana, Arial; padding:3px 0 0 35px; height:20px;
width:630px; height:30px; display:block;}
#registro p.clear{ }
/*------------	PROMOCIONES	-------------------*/
#promociones h1{ text-align:left; margin:10px 0 40px 0;}
#promociones{ text-align:center} 
#promociones a{ margin:20px;}

/*-------- GRACIAS ----*/
.gracias{ background:url(/Content/imagenes/fon_gracias.jpg) no-repeat; width:400px; min-height:121px; 
font:normal 10px Verdana, Arial; padding:20px 30px 0 120px; margin:20px auto; display:block;}
.gracias span{ font:bold 12px Verdana, Arial; display:block;}
.gracias p{ float:right}

/*------------ MAPA del SITIO	-------------------*/
#registro ul{ margin:10px 0 0 10px; *margin:10px 0 0 50px;  }
#registro ul li{ margin-left:10px;}

/*--------------------------- registro OK -------------------*/	
.descripcion p.enviado{ background:url(/Content/imagenes/OkRegistro.jpg) no-repeat;  float:left;
	margin:20px 30px 50px; padding:20px 0 20px 70px; width:180px; }

/*--------------------------- LICENCIAS -------------------*/	
.descripcion p.advertencia{ background:url(/Content/imagenes/error.jpg) no-repeat; float:left;
	margin:20px 30px 50px; padding:20px 0 20px 70px; width:130px; height:130px; }	
.descripcion p.licenciaTitulo { font:bold 12px Verdana; text-transform:uppercase; }	
	

/*------------------------------------------------footer--------------------*/
#footer{ background:url(/Content/imagenes/foot.jpg) center no-repeat; height:52px; clear:both; margin:20px 0 0 0; }
#footer .text{ color:#CCC; width:870px; padding:4px 0 0 40px; *padding-top:12px; margin:auto; font-size:11px;  }
#footer a{ float:left;}
#footer a:hover{ color:#fff; }
#footer a.ges{  height:40px; float:right; text-indent:-5000px; _text-indent:; width:70px; }
#footer p{ float:left; }
/*------------------------------------------------footer--------------------*/

/*********************************************************************/
div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

