/* CSS Document */

	HTML	{height:100%;}
    BODY 	{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; background-color:#f0f1f1; height:100%; }					
	A,P,TD,DIV,FONT,BODY,SPAN,UL,LI,INPUT,TEXTAREA		{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color: #686868;}
	p		{margin-top:0px; text-align:justify;}
	img			{ border-width:0px; font-size:1px; margin:0px; padding:0px;}
	a {outline:0;}

/* estructura */
	.ventana  			{width:100%; height:100%; text-align:left; position:absolute; margin:0px; padding:0px;}
	.pagina  			{width:851px; margin:48px auto 20px auto; text-align:left;}
	
	.cabecera			{width:100%; height:139px;}
	.zonaContenidos		{width:100%; margin:10px 0px 44px 0px;}
	
	.pie				{width: 100%; padding-top:10px; border-top:solid 1px #b3b2b4;}


/* general */

	
/* cabecera */
	.logo	{float:left; width:176px;}

	.menuArriba	{float:left; width:675px;}
	
	.menuArriba ul				{margin:0px 0px 0px 0px; padding:0px; list-style-type:none;}
	.menuArriba ul li			{float:left; width:110px; margin:0px 29px 0px 0px; padding:0px 0px; text-transform:uppercase; text-align:center;}	
	.menuArriba ul li a 		{display:block; font-weight:bold; width:110px; height:20px; padding:8px 0px;}
	.menuArriba ul li a:hover 	{background-color:#fff;}
	
	.menuArriba ul li#seccionEmpresa	{}
	.menuArriba ul li#seccionEmpresa a.btnEmpresa	{color: #008acc; font-size:16px;}
	
	.menuArriba ul li#seccionNoticias 	{border-bottom:solid 1px #e082b2;}
	.menuArriba ul li#seccionNoticias a	{color: #e082b2; font-size:16px;}
	
	.menuArriba ul li#seccionBlog		{border-bottom:solid 1px #8cb068;}
	.menuArriba ul li#seccionBlog	a	{color: #8cb068; font-size:16px;}
	
	.menuArriba ul li#seccionTienda		{border-bottom:solid 1px #a4a2c5;}
	.menuArriba ul li#seccionTienda	a	{color: #a4a2c5; font-size:16px;}
	
	.menuArriba ul li#seccionContacto 	{border-bottom:solid 1px #828385; margin-right:0px;}
	.menuArriba ul li#seccionContacto a	{color: #828385; font-size:16px;}
	
	
	#submenuEmpresa				{border-top:solid 1px #008acc; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; list-style-type:none;}
	#submenuEmpresa li			{float:none; margin:0px 0px 0px 0px; padding:0px;}
	#submenuEmpresa li a		{display:block; width:110px; height:20px; padding:4px 0px 0px 0px; background:transparent url('../img/submenu.jpg') no-repeat 0px -24px; font-size:12px; text-transform:none; margin-bottom:3px; font-weight:normal; color:#fff;}
	#submenuEmpresa li a:hover, #submenuEmpresa li a.btnSelecc	{background-position:0px 0px; text-decoration:none;}

	
/* titulo */
	.zonaTitulo		{}
	h1				{margin:0px; padding:0px; font-size:28px; color: #008acc; font-weight:bold;}
	h1 .separador	{color: #008acc; font-size: 18px; border-left:solid 2px #008acc; margin-left:7px;}
	h1 .segundoNivel	{font-size:15px; color: #008acc; font-weight:bold;}	

/* contenidos */
	.zonaImagen	{float:left; width:323px; margin-right:29px;}	
	.zonaTexto	{float:left; width:499px; line-height:20px;}	
	
	.serviciosIzq	{float:left; width:323px; line-height:18px; margin-right:29px;}	
	.serviciosDcha	{float:left; width:499px; line-height:18px;}
	
	.serviciosIzq h2, .serviciosDcha h2 ,
	a.title {font-size:16px; color: #008acc; font-weight:bold; margin:32px 0px 20px 0px; padding:0px;}
	a.enlace{font-size:11px; color: #008acc;}
	.serviciosIzq p, .serviciosDcha p {margin:0px;}
	
	h2.primero	{margin-top:0px; margin-bottom: 20px;}
	
	.zonaMapa	{float:left; width:100%; margin:29px;}	
	.zonaInfoMapa	{float:right; width:410px; line-height:18px; margin-top: 20px;} 
	.zonaInfoMapa p	{font-size:14px; font-weight:bold;}
	
	.zonaDestacados {padding-bottom:50px;}
	.zonaDestacados ul			{margin:0px 0px 0px 0px; padding:0px; list-style-type:none;}
	.zonaDestacados ul li			{float:left; margin:0px 0px 0px 0px; padding:0px; width:147px; margin-right:29px;}
	.zonaDestacados ul li a 		{display:block; width:147px; font-size:24px; color:#fff; text-align:center; line-height:24px; margin-bottom:10px;}
	.zonaDestacados ul li a:hover 	{color: #000;}
	.zonaDestacados ul li p			{font-size:14px;}
	.zonaDestacados ul li p strong	{font-weight:normal; color:#57585a;}
	
	.zonaDestacados ul li#atletas 				{margin-right:0px;}
	
	.zonaDestacados ul li#ofertas a				{height:62px; padding-top:37px; background:transparent url('../img/destacado_azul.jpg') no-repeat;}
	.zonaDestacados ul li#productosDestacados a	{height:73px; padding-top:26px; background:transparent url('../img/destacado_rosa.jpg') no-repeat;}
	.zonaDestacados ul li#primerasMarcas a		{height:73px; padding-top:26px; background:transparent url('../img/destacado_verde.jpg') no-repeat;}
	.zonaDestacados ul li#familias a			{height:73px; padding-top:26px; background:transparent url('../img/destacado_azul_claro.jpg') no-repeat;}
	.zonaDestacados ul li#atletas a				{height:73px; padding-top:26px; background:transparent url('../img/destacado_gris.jpg') no-repeat;}

	
/* lista */
	.lista 		{margin:20px 0px 20px 0px; padding:0px; list-style-type:none; font-weight:bold;}
	.lista li			{margin:0px 0px 0px 0px; padding:0px 0px 0px 16px;}
	.lista li a 		{font-size:14px;}
	.lista li a:hover 	{color:#000;}
	.lista li {background:transparent url("../img/vinyeta_azul.jpg") no-repeat 0px 5px;}
	
/* boton volver*/

	#volver	 {
		float:right; 
		margin-top:40px;
		width: 100%;
		margin-bottom:60px;
		font-weight:bold;
		}

	.volver {
		background:transparent url('../img/btnvolver.jpg') no-repeat;
		color: #fff; 
		font-size:12px; 
		display:block; 
		width:147px; 
		text-align:center; 
		float: right; 
		list-style-type:none;
		line-height:24px; 
		}
			
	.volver:hover  {color: black;}	
	
/* pie */

	.direccion	{float:left; width:147px; margin-right:29px;}
	.estandares	{float:right;}
	
	.estandares a 		{}
	.estandares a:hover, .direccion a:hover 	{text-decoration:underline;}
	
/* formateo */

	.clear	{clear:both; margin:0px; padding:0px;}
	.derecha		{float:right;}
	.izquierda		{float:left;}