@charset "utf-8";
/*'estilos.css :: Desarrollado por www.Hooping.net

***************************************************************
Nombre: estilos.css
Implentacion: JBernalte
Revision: 301106
Descripcion: Estilos de la web
***************************************************************/

BODY{margin: 0px auto 0px auto; background-color:#666666; 
	background-image:url(../images/body-background.jpg);
	background-repeat:repeat-x;
	 font-family:"Arial", Verdana, Tahoma, Trebuchet MS, Helvetica, sans-serif; font-size:11px;
	 height:100%;
	 text-align:center;
	 }
	 
.clear{
clear:both;
}
/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:896px; margin: 10px auto 0px auto; background-image:url(../images/base-background.jpg); background-repeat:no-repeat; background-position:center top; min-height:600px; position:relative;}

A{ color:#D10020}
A:hover{ color:Red; text-decoration:underline;}
A IMG{ border:0px;}

h1{color:#FFFFFF; font-size:12px; margin:0px; padding:0px; text-indent:25px; margin-top:7px;}
h2{color:#000000; font-size:40px; margin:0px; padding:0px;}
H4{ color:#BF0D28; font-size:14px;}
H3{ margin:0px;}
H5{ color:#BF0D28; font-size:18px; margin:0px; padding:0px; border-bottom:1px solid #CCCCCC;}
BLOCKQUOTE{ margin:0px; margin-left:15px;}

HR{ height:0px; border:0px; border-bottom:1px solid #CCCCCC;}


/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:Arial; position:relative;
	}
	
	
	
	
/********************************MENU DESPLEGABLE*/

#menu	{ background-color:none; border-bottom:0px solid #CCC; list-style-type:none; margin:0; padding:0; font-family:Verdana; font-size:20%; margin-top:20px; _ margin-top:10px; _margin-top:0px; position:relative }
#menu li	{ font-weight:bold; color:#999999; margin:0; cursor:default; white-space:nowrap; list-style-type:none; background-color:none; }

#menu.horizontal li	{ display:inline; padding:10px; height:50px; padding-bottom:20px; padding-top:25px; _padding-top:20px; background-color:none; }

#menu.vertical	{ width:6em; border-right:1px solid none }
#menu.vertical li	{ width:6em; list-style-type:none }

#menu li.active	{ background-color:none; background-image:url(../images/ico-menu.gif); background-repeat:no-repeat; background-position: center 35px;}
#menu li a	{ text-decoration:none; color:#999999 }

/*FONDO DESPLEGABLE*/
#menu ul	{ position:absolute; visibility:hidden; text-align:left; background-color:#FFFFFF; border:1px solid #CCCCCC; width:210px; _width:200px;  margin:0;  padding:0;
filter: alpha(opacity=70); opacity: .7; -moz-opacity:0.7;

margin-left:-55px;
}

#menu ul li,
#menu.vertical ul li,
#menu.horizontal ul li	{ display:block; border-bottom:1px solid #CCCCCC; padding:0em; white-space:normal; width:210px; _width:200px; list-style-type:none; height:20px; text-indent:5px; }

/*ITEMS MENU DESPLE*/
#menu ul li a	{ display:block; width:200px; color:#003F64; text-decoration:none; padding:5px; margin:0; }
#menu ul li a:hover	{ color:white; background-color:#3398D1 }

#menu ul li.active	{ background-color:#44d; color:white; width:200px; }


/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/
#central{ clear:both; display:block; height:100%; min-height:500px; width:856px; background-image:url(../images/central-background.jpg); background-repeat:repeat-y; margin-left:14px;}

/*LAS SOMBRAS DE LA WEB*/
#izquierda{ width:24px; height:100%}
#derecha{ width:20px; height:100%}



/*FORMULARIO DE CONTACTO*/
#central #formularioContacto, #central #formularioContacto TABLE{ font-size:11px; font-family:Arial; color:#BF0D28; font-weight:bold;}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #B5B5B5;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #B5B5B5;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #B5B5B5;}
P.notalegal{ font-size:10px; font-family:Arial; color:#666666; font-weight:normal;}


/*CAPA CAMPOS DEL FORM NO RELLENOS*/
#capaError #mensajeError{ font-size:9px;}
#capaError A{ font-size:11px; color:#FFFFFF; text-decoration:none;}



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-family:"Arial", Helvetica, sans-serif; font-size:12px; padding:20px;}


/* MAPA WEB*/
#mapaweb{ padding:20px;}

/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal; color:#D10020; font-size:11px;}
#mapaweb A:hover{color:#FF0000;}

/* PRIMER NIVEL*/
#mapaweb UL LI{color:#333333; font-size:16px; list-style-type:square;  padding-top:5px; font-weight:bold;}}

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#333333; padding-top:2px;}
#mapaweb UL LI UL LI A{ color:#333333;}
#mapaweb UL LI UL LI A:hover{color:#D10020;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#666666; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#666666;}
#mapaweb UL LI UL LI UL LI A:hover{color:#D10020;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ height:100%; min-height:530px; background-image:url(../images/actualizable-background.jpg);
background-repeat:no-repeat; display:table; position:relative;  width:870px;}




/*LA ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/

#central #actualizable #zonaEnlaces{ font-size:12px; width:199px; float:left; font-family:Arial; color:#666666; padding-left:20px; margin-top:21px;}
#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:3px; font-size:12px; cursor:pointer;
}

/* TEMAS*/
.marcado{color:#BF0D28; background-image:url(../images/marcado.jpg); background-repeat:no-repeat; 
background-position:left;  margin-left:10px; width:188px; 
 padding-left:15px; min-height:17px; padding-bottom:5px;
}
.marcado:hover{color:#BF0D28;}
.marcado EM{ margin-left:15px; font-style:normal; display:block; border-bottom:1px solid #999999; padding-bottom:6px;}

.desmarcado{color:#666666; display:block; background-image:url(../images/desmarcado.jpg); background-repeat:no-repeat; 
background-position:left center;  margin-left:10px; width:188px;
 padding-left:15px; min-height:17px; padding-bottom:5px;
}




.desmarcado:hover{color:#BF0D28; background-image:url(../images/marcado.jpg); background-repeat:no-repeat; background-position:left;}
.desmarcado EM{ margin-left:15px; font-style:normal; display:block; border-bottom:1px solid #999999;  padding-bottom:6px;}


/* style="border-bottom:1px solid #999999; margin-left:15px; min-height:17px; cursor:pointer; padding-bottom:5px;"*/

/* SUBTEMAS */
.marcadoNoticia{color:#BF0D28; background-image:url(../images/marcado.jpg); background-repeat:no-repeat; background-position:left; display:block; margin-left:28px;width:170px; min-height:17px;}
.marcadoNoticia:hover{  color:#BF0D28;}
.marcadoNoticia EM{ margin-left:15px; font-style:normal; display:block; border-bottom:1px solid #999999; padding-bottom:6px;}

.desmarcadoNoticia{color:#666666; display:block; background-image:url(../images/desmarcado.jpg); background-repeat:no-repeat; background-position:left;  margin-left:28px;  width:170px; min-height:17px;}
.desmarcadoNoticia:hover{color:#BF0D28; background-image:url(../images/marcado.jpg); background-repeat:no-repeat; background-position:left;}
.desmarcadoNoticia EM{ margin-left:15px; font-style:normal; display:block; border-bottom:1px solid #999999; padding-bottom:6px;}

/*FIN  ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{ height:100%;font-family:Arial; font-style:normal; font-size:11px; color:#666666; 
margin-left:30px; margin-top:10px; float:left; width:595px; min-height:515px; margin-top:20px;}


#central #actualizable #contenidosEmpresa{ 
	background-repeat:repeat-y; font-family:Arial; font-style:normal; font-size:11px; color:#666666; float:right; width:580px; height:100%; margin-right:35px; _margin-right:15px; 
 display:table; margin-top:20px;}



#seccionTitle{ background-image:url(../images/title-seccion.jpg); height:33px; width:954px; color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif; margin-left:2px; padding-left:15px; font-size:13px; padding-top:8px; font-weight:bold;}

/*PAGINACION*/
.paginacion{display:block; width:335px; float:left; margin-top:3px; color:#FFFFFF; font-size:12px;}
.paginacion A{color:#FFFFFF; text-decoration:none;}
.paginacion .anterior{ float:left; display:block; width:15px;}
.paginacion .anteriorInactivo{}
.paginacion .estado{ float:left; text-align:center; width:305px;}
.paginacion .siguiente{ float:left; display:block; width:15px;}
.paginacion .siguienteInactivo{}
.paginacion .numero{ color:#D10020; text-decoration:underline;}

#paginacion{ color:#666666; width:590px; text-align:center}
#paginacion A{color:#666666;}
#paginacion .estado{ float:left; text-align:center; width:555px;}




#loginusuario{ height:100%; background-image:url(images/zona-privada-background.jpg); background-repeat:no-repeat}
#loginusuario TABLE{margin-top:70px; color:#0F2B8F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif}


#loginState{ position:absolute; background-color:#CC3300; z-index:10; display:block; padding:4px; top:0px; left:35%; color:#FFFFFF; }
#loginState A{ color:#FFFFFF; font-weight:bold}
#loginState A:hover{ color:#CCCCCC;}

/*CATALOGO*/

.producto{ margin-top:40px; width:172px; text-align:center; float:left; margin-left:4px; padding:10px 10px 10px 8px; background-image:url(../images/product-background.jpg); height:222px; background-repeat:no-repeat; margin-bottom:4px; text-align:left; position:relative;}

.producto A.imagen{  height:90px; text-align:center;}

.producto .descripcion {margin-bottom:5px;}

.producto A{ font-size:14px; color:#D10020; font-weight:bold;; text-decoration:none; display:block;}
.producto A:hover{ text-decoration:underline;}

.producto A.showMore{ position:absolute; right:6px; top:222px;}


.productoFicha{ float:left; margin-left:0px; width:580px; margin-top:10px;}
.productoFicha H4{ color:#000000; font-size:40px; margin:0px; padding:0px;}

.productoFicha .left{ float:left; width:370px;}
.productoFicha .right{ width:200px; min-height:215px; margin-top:15px;float:right; background-image:url(../images/precio-background.jpg); background-repeat:no-repeat; background-position:bottom;}

.productoFicha .right .marca{ height:115px; text-align:center;}

.productoFicha HR{ clear:both;}


.productoFicha .relacionados{ margin:0px; padding:0px; margin-top:10px; display:block; width:600px;}
.productoFicha .relacionados LI{ position:relative;
width:191px; float:left; margin-right:9px; margin-bottom:10px; background-image:url(../images/product-background.jpg);
min-height:238px; text-align:center; padding-top:5px;}
.productoFicha .relacionados LI DIV.image{ height:110px;}
.productoFicha .relacionados LI IMG{ margin-top:5px; margin-bottom:5px;}
.productoFicha .relacionados LI A{ clear:both; display:block; margin-top:13px; text-align:left; font-size:14px; font-weight:bold; margin-left:10px; text-decoration:none; height:24px;}
.productoFicha .relacionados LI .descripcion{height:43px; margin-bottom:5px;}
.productoFicha .relacionados LI A.showMore{ position:absolute; right:6px; top:208px;}

#catalogoNavegacion{ color:#FFFFFF; font-size:13px; font-weight:bold; margin-top:3px;}
#catalogoNavegacion A{ color:#FFFFFF;}
#catalogoNavegacion .tema{color:#FFFFFF; }
#catalogoNavegacion .galeria{ font-size:13px; color:#FFFFFF;}

	/*CAPA EMERGENTE DE APMLIACION DEL PRODUCTO*/
	#cerrarImagenAmpliada{display:none; position:absolute; background-color:#0D2F93; border:1px solid #333333; z-index:4;  padding:3; text-align:center; height:20px; width:70px;}
	#capaImagenAmpliada{display:none; position:absolute; top:50px; left:50px; z-index:4; width:550px; border:1px solid #333333;}
	#capaImagenAmpliada A{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}

#banners{ height:75px; text-align:left; overflow:hidden; width:856px; color:#FFFFFF; padding-top:23px; padding-left:40px; clear:both;
background-image:url(../images/banners-background.jpg); background-repeat:no-repeat; background-position:center; margin-top:5px;}

	#banners .banner{  background-image:url(../images/banners-background.jpg);
					   width:175px; height:80px; float:left; 
					   background-repeat:no-repeat; margin-left:4px; padding-top:7px;}

/*LISTADO DE MARCAS*/

#marcas{
	height:87px; text-align:left; overflow:hidden; width:856px; color:#FFFFFF; padding-top:15px; padding-left:40px; clear:both;
background-image:url(../images/banners-background.jpg); background-repeat:no-repeat; background-position:center;}

#marcas UL{padding:0px; margin:0px; margin-top:20px; list-style:none;}

#marcas UL LI{ float:left; border:1px solid #CCCCCC; width:144px; text-align:center; }
#marcas UL LI IMG{ border:0px;  }


/* TIENDA ONLINE */	
#black{
	 position:absolute;
	 top:0; left:0; right:0px; background-color:#333333;
	 z-index:3; display:none; filter: alpha(opacity=90); opacity: .9; -moz-opacity:0.9;
}


#shoppingcartlayer{ 
	 background-repeat:no-repeat;
	width:573px; min-height:300px;  margin-left:10px;
	 right:auto; text-align:center}

	
#shoppingcartlayer .shoppingCartcontent{ width:572px; border:1px solid #CCCCCC; border-left:0px; border-bottom:0px; }
#shoppingcartlayer .shoppingCartcontent INPUT{ border:1px solid #CCCCCC; font-size:11px; text-align:center;}
#shoppingcartlayer .shoppingCartcontent THEAD{ background-color:#E0E0E2; font-weight:bold;}
#shoppingcartlayer .shoppingCartcontent TBODY{border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC}
#shoppingcartlayer .shoppingCartcontent THEAD TD, #shoppingcartlayer .shoppingCartcontent TBODY TD{border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; padding-bottom:3px; padding-top:3px;}
#shoppingcartlayer .shoppingCartcontent TFOOT{}
#shoppingcartlayer .shoppingCartcontent TFOOT TD{ height:20px; border-bottom:1px solid #CCCCCC;  border-left:1px solid #CCCCCC;}
#shoppingcartlayer .controls{ margin-top:15px; display:block; height:34px;}

#shoppingcartlayer #customerData{ text-align:left;}
#shoppingcartlayer #customerData #customerDataDetails{ text-align:left;  width:300px;}
#shoppingcartlayer #customerData #customerDataDetails H2{ font-size:22px; font-weight:bold}
#shoppingcartlayer #customerData #customerDataDetails H3{ font-size:15px; font-weight:bold}
#shoppingcartlayer #customerData #orderData{  width:570px; margin-top:10px;  }
#shoppingcartlayer #customerData #orderData H1{ color:#000000; text-indent:0;}
#shoppingcartlayer #customerData #orderData LABEL{ display:block; width:100px; float:left; margin-bottom:10px; clear:both}
#shoppingcartlayer #customerData #orderData SELECT{ width:140px; margin-top:-5px;}
#shoppingcartlayer #customerData #orderData INPUT{ width:135px; margin-top:-6px;}




.register{ width:380px; margin-left:10px;}
.register INPUT{ width:182px; float:left;  margin-bottom:5px;}
INPUT:focus{
	background: #fffeec;
}

.register SELECT{ width:188px; float:left; margin-bottom:5px; }
.register SPAN { float:left; margin-left:5px; margin-bottom:5px;}
.register LABEL{ display:block; float:left; width:100px; clear:both; margin-bottom:5px;}

.sendproducttofriend{ position:relative}
.sendproducttofriend INPUT{ font-size:11px; border:1px solid #CCCCCC; margin-left:25px; float:right; width:115px;}
#sendproductTofriendLayer{ border:1px solid red; }



#portadaProductos{}
#portadaProductos .top{ margin:0px; height:135px; width:400px;  background-image:none; margin-top:35px;}

#portadaProductos .left{ float:left; width:405px; margin:0px;}
#portadaProductos .left{ float:left;}
#portadaProductos .left UL{ margin:0px; padding:0px; list-style:none;}
#portadaProductos .left UL LI{list-style:none; float:left; width:119px; text-align:center; background-image:url(../images/producto-portada-background.jpg); height:171px; margin-bottom:10px;}
#portadaProductos .left UL LI .imagen{ display:block; height:70px; margin:0px;}
#portadaProductos .left UL LI A{ display:block; margin-top:5px; height:60px; margin-top:15px;}
#portadaProductos .left UL LI B{ font-size:16px; display:block; width:68px; float:left; margin-top:3px;}

#portadaProductos .right{ width:187px; float:left;}
#portadaProductos .right UL{ color:#CC3300; margin:0px; margin-top:15px; float:none;}
#portadaProductos .right UL LI{ margin-bottom:5px;}
#portadaProductos .right UL LI A{ color:#000000; text-decoration:none; font-weight:bold; font-size:12px;}
#portadaProductos .right UL LI A:hover{text-decoration:underline;}








/* HOME ------------------------------------------------*/
.top{ margin-left:1px; margin-top:0px; margin-bottom:0px; height:315px; width:868px; background-image:url(../images/home-top-background.jpg); background-repeat:no-repeat;}
.top .left{ width:204px; float:left; margin-right:3px;height:280px; margin-left:17px; _margin-left:10px; margin-top:15px; text-align:center; }
.top .left H1{ text-align:left; margin-bottom:15px; text-indent:10px;}


.top .right{ width:640px; float:left;height:295px; background-repeat:no-repeat; margin-top:15px; }
.top .right UL{ margin:0px; padding:0px; margin-left:17px; list-style:none; margin-top:25px; }
.top .right UL LI{ width:191px; height:60px; float:left; margin-right:5px; margin-bottom:10px; padding-right:10px; background-image:url(../images/servicios-background.png); background-repeat:no-repeat; padding-top:6px;} 
.top .right UL LI IMG{ margin:6px; margin-top:0px;}
.top .right UL LI A{ color:#D10020; display:block; text-decoration:none; font-weight:bold;}
.top .right UL LI A:hover{ text-decoration:underline;}





.bottom{ clear:both; margin-left:1px; margin-top:0px; margin-bottom:0px; height:263px; width:868px; background-image:url(../images/home-bottom-background.jpg); background-repeat:no-repeat;}
.bottom .left{ width:204px; float:left; margin-right:3px;height:254px; margin-left:17px; _margin-left:10px; margin-top:0px; text-align:center;}
.bottom .left H1{ text-align:left; margin-bottom:15px; text-indent:10px;}
.bottom .left .newsletter{ height:120px;}

.bottom .left .customers{ height:135px; margin-top:15px;}
.bottom .left .customers IMG{ border:0px;}

.bottom .right{ width:640px; float:left;height:254px; position:relative}
.bottom .right UL{ margin:0px; padding:0px; margin-left:7px; margin-top:15px; list-style:none; }
.bottom .right UL LI{ width:151px; height:190px; float:left; margin-right:0px; margin-bottom:5px; background-image:url(../images/novedades-home-background.jpg); background-repeat:no-repeat;} 
.bottom .right UL LI IMG{ margin-left:6px; margin-bottom:13px;}
.bottom .right UL LI A{ display:block; text-align:center;text-decoration:none; color:#D10020; font-weight:bold; padding-left:5px;padding-right:5px; margin-bottom:10px;}
.bottom .right UL LI A:hover{ text-decoration:underline;}
.bottom .right UL LI B{ font-size:15px; display:block; float:left;  width:102px; text-align:center;}



/*SLIDER DE NOVEDADES*/

.accessible_news_slider  {
	width: 612px; border:0px solid red; height:215px;
	margin: 8px 0px 32px 17px;
}

.accessible_news_slider li,
.accessible_news_slider {
	position: relative;
	overflow: hidden;
}
.accessible_news_slider .javascript_css {
	position: relative;
	background: #fffcd3;
}

.accessible_news_slider ul {
	position: relative;
	left: 0;
	width: auto;
	overflow: hidden;
	z-index: 1; 
}




.next, .next A{color:#FFFFFF; float:left; margin-left:4px;}
.back, .back A{ color:#FFFFFF; float:left}

#controler{ position:absolute; right:25px; color:#FFFFFF; top:7px;}
/*FIN DEL SLIDER*/



#formularioSuscripcion{ position:relative}
#formularioSuscripcion LABEL{ width:40px; display:block; float:left; margin-top:4px; margin-left:10px; clear:both;}
#formularioSuscripcion INPUT{ color:#666666; font-size:11px; border:1px solid #CCCCCC; margin-bottom:5px;}
#formularioSuscripcion IMG{ float:right; margin-right:10px;}
#textoSuscripcion{ color:#FF0000; position:absolute; top:57px; left:30px;}


/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
text-align:center;
	background-image:url(../images/bottom-background.jpg);
	background-repeat:no-repeat; background-position:bottom center;
	width:897px;
	height:46px;
	color:#FFFFFF; padding-top:30px;
	
	}
	/*ENLACESPIE*/
	#pie A{ color:#FFFFFF;text-decoration:none;}
	#pie A:hover{ color:#D10020;text-decoration:none;}

.tituloEmpresa{
	margin-left:25px;
	font-family:"Century Gothic";
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:13px;
}

.titulo{
	font-family:"Century Gothic";
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:15px;
}


#central #actualizable .breves{ height:360px;  margin-bottom:27px;}
#central #actualizable .newsletter{ height:82px; width:200px; padding-top:0px;}
#central #actualizable .newsletter H1{ padding-left:0px; margin-left:0px; text-indent:0px;}

#central #actualizable .breveActualidadBig{
	background-image:url(../images/breve-actualidad-grande.jpg); background-repeat:no-repeat;width:191px; height:230px;float:left; padding-top:12px; margin-left:0px; padding-right:5px;}

#central #actualizable .breveActualidadBig A{ padding-top:0px; margin-top:0px;}

#central #actualizable .breveActualidadSmall{
	background-image:url(../images/breves-peq-actualidad.jpg); background-repeat:no-repeat;width:197px; height:122px; float:left; padding-top:0px;}


.breveServicio{
	background-image:url(../images/fondo-breve.jpg); background-repeat:no-repeat;width:192px; height:158px;float:left; padding-top:12px; padding-left:6px;
	text-align:center;
	}
	
.breveServicio EM{
	display:block; font-style:normal;
	font-size:14px; color:#333333; font-weight:bold; margin-top:17px; width:150px; text-align:left; padding-left:5px;
}