/*empezamos por esto, para evitar resultados extraños en distintos navegadores, y algo de estilo al texto*/


.azul{
	color:#6BA4D7;
	font-weight:bold;
}

body {
	font: 12px/1.5em Verdana;
	width:1200px;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/
	/*border:1px solid #333333; /*decoracion*/
	margin:0px auto;
	background-color:#64798B;/*azul marino*/

}

#contenedor {
	
    width:1200px; /*ancho total de la pagina*/
	height:auto;
    border:1px solid #333333; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#FFFFFF;/*blanco*/
    margin:10px auto auto auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/
}

#encabezado {
   
	margin:5px auto; /*para que no se pegue al borde*/ 
	/*padding:10px; /*algo de relleno*/
	border:1px solid #333333; /*decoracion*/ 
	background-color:#3399CC;
    width:1190px; /*este ancho es para que cuadre con el texto*/ 
    height:140px;
}

#titulo{

	float:left;
	width:1190px;
	height:140px;
	/*background:url(../img/titulo_encabezado.gif);*/
	/*border:1px solid #333333; /*decoracion*/
}

/*------------------ div principal donde se encuentra la información---------------------------*/

#principal {
    width:1030px; /*el ancho mas el padding me da 1000px de ancho que es loque mide la pagina */
   /* clear:both; /*con esto nos aseguramos de que no se ponga nada a los lados*/ 
    padding:5px;
	/*border:1px solid #333333;*/
	float:right;
	height:auto;
	background-color:#FFFFFF;
	margin:5px auto;/* arriba abajo derecha izquierda*/

} 

/*------------------------- fin div principal--------------------------------------------*/

/* ---------------- pie de pagina ----------*/

#footer {
    width:1200px; 
	height:auto;
   	/*padding:10px;*/
    font-size:80%; /*mas pequeño el texto*/ 
    font-style:italic;
    
	
}

.footer_left{
	text-decoration:none;
	 float:left;/* coloco el texto a la izquierda*/
	 color:#3399CC;
	}

.footer_right{
	text-align:right;
	float:right;/* coloco el texto a la derecha*/
	font-weight:bold;
}

/*------------fin pie de pagina-------------*/


/*- Menu Registro_acceso --------------------------- */
/* este el contenedor donde se meten las pestañas*/
    #Registro_acceso {
	  float:right;
      width:240px;
      /*background:#3399CC;*/
      font-size:85%;
      line-height:normal;
	  /*border-bottom:1px solid #666;*/
	   margin:-23px 0 0 0;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:11px;
	   font-weight:bold;
	   font-style:italic;
}

/* modificamos los ul dentro de Registro_acceso*/	  
    #Registro_acceso ul {
	margin:0;
	/*padding:10px 10px 0 50px;*/
	list-style:none;
      }
/* modificamos los li dentro de Registro_acceso*/		  
    #Registro_acceso li {
	  float:left;
      display:inline;
      margin:0;
      padding:0;
	  border:1px solid;
	  
	  
      }
	  
    #Registro_acceso a {
      float:left;
	  background-color:#6BA4D7;/* azul clariot*/
      /*background:url("tableftG_new.gif") no-repeat left top;*/
	  margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  
      }
	  
    #Registro_acceso a span {
      float:left;
      display:block;
	  background-color:#6BA4D7;/* azul clariot*/
      /*background:url("tabrightG_new.gif") no-repeat right top;*/
      padding:5px 15px 4px 6px;
      color:#FFFFFF;
	  
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #Registro_acceso a span {float:none;}
    /* End IE5-Mac hack */
    #Registro_acceso a:hover span {
      color:#FFF;
	  text-decoration:underline;
	   
      }
	  	  
    #Registro_acceso a:hover {
      background-position:0% -42px;
      }
	  
    #Registro_acceso a:hover span {
      background-position:100% -42px;
      }
	
	
/* ------------------ fin tabs del encabezado registro y la identificacion -------------------------*/

/*------------------------------ Menu lateral--------------------------- */
.Encabezado_menu_lateral_top{

	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:12px;
	background:#000000;
			
}

.Encabezado_menu_lateral{

	text-align:left;
	font-family:Arial, Helvetica, sans-serif; 
	color:#FFFFFF; 
	font-weight:bold; 
	font-size:12px;
	background:#000000;
			
}
	
	
#menu_lateral {
	
	width: 150px;
	margin:0px 0 0 0px;
	border-color:#000000;
	border:1px solid;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#666666;
	float:left;
	font-weight:bold;
	
	
	}
	



#menu_lateral ul {

	list-style:none;
	margin:0px 0px 0px -35px;
		
	/*background:#666666;*/
	
}

/* para que fucione en ie 7 */	
*:first-child+html #menu_lateral ul {

	list-style:none;
	margin:0px 0px 0px 5px;
}
	


#menu_lateral li a {
	height:32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	
	text-decoration: none;
	color:#FFFFFF;
	font-size:11px;
	background:#000000;
	border:1px solid;
	
	
	
	}	
		
#menu_lateral li a:link, #menu_lateral li a:visited {
	/*font-weight:bold;*/
	color: #333;
	display: block;
	/*background:  url(menu14_new.gif);*/
	background-color:#CCCCCC;
	padding: 8px 0 0 8px;
	
	
	}
	
#menu_lateral li a:hover {
	color: #FFF;
	background-color:#6BA4D7;/* azul clariot*/
	/*background:  url(menu14_new.gif) 0 -32px;*/
	padding: 8px 0 0 10px;
	}				

/*------------ fin menu lateral -------------------*/





/*------------------- descripcion index -----------------------*/

#descripcion_index{
	width:700px;
	height:150px;
	margin:30px auto;
	border:1px solid #333333;
	
	
}

/*----------- fin descripcion index -----------------------------------*/


#imagen_fedpc{

	margin:70px auto;
	color:#6BA4D7;
}


#imagen_deportes{

	width:650px;
	margin:30px auto;
	height:auto;
	
}

.borde_imagen_deportes{border-color:#6BA4D7; border-width:medium;}

#imagen_deportes a:visited {text-decoration:none; color:#6BA4D7;} /*Link visitado*/

.cuenta_atras_encabezado
{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic; 
	font-size:12px; 
	color:#666666; 
	font-weight:bold;
	text-align:center;
}

.cuenta_atras
{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic; 
	font-size:22px; 
	color:#000000; 
	font-weight:bold;
	text-align:right;
}

.cuenta_atras_activa
{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic; 
	font-size:18px; 
	color:#FF0000; 
	font-weight:bold;
	text-align:center;
}







































/*------------------- oferta_permanente index -----------------------*/

#oferta_permanente{
	width:400px;
	height:150px;
	margin:30px auto;
	border:1px solid #333333;
	float:left;
	
	
}


/*----------- fin descripcion index -----------------------------------*/

/*------------------- oferta -----------------------*/

#oferta{
	width:700px;
	height:150px;
	margin:10px auto;
	
	
	
}


/*----------- fin oferta -----------------------------------*/

/*------------------- ayuda_online index -----------------------*/

#ayuda_online{
	width:300px;
	height:150px;
	margin:30px auto;
	/*border:1px solid #333333;*/
	float:right;
	
	
}


/*----------- fin descripcion index -----------------------------------*/


/*------------------- acceso online -----------------------*/

#acceso_online{
	width:700px;
	/*height:100px;*/
	
	
	
		
}

/*----------- fin acceso online -----------------------------------*/

/*------------------- proteccion_datos_imagen -----------------------*/

#proteccion_datos_imagen{
	width:230px;
	height:168px;
	margin:50px auto;
	
		

}



/*----------- fin proteccion_datos_imagen -----------------------------------*/





/*-------------------------- formulario de alta ---------------------------------------------*/

#formulario_alta{
	
	 padding:0 0 0 0;

}

#formulario_alta label{/* para alinear perfectamente el label con el imput text*/

	float:left;
	width:25%;
}

#formulario_alta input[type=text]{
	
   margin:5px 180px	;
   display:block;
   

}

#formulario_alta_boton{
	
   margin:25px 180px;
   display:block;
   

}

.error_caja_text{ border:solid; border-bottom-color:#FF0000; border-left-color:#FF0000; border-right-color:#FF0000; border-top-color:#FF0000;}


.error_label {
		color:#FF0000;
}

.descripcion_error_encabezado_formulario_alta{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic; 
	font-size:14px; 
	color:#FF0000; 
	
}



/*----------------------------- fin formulario de alta -------------------------------------------------*/

/*-------------------------- inscripcion correcta formulario de alta ---------------------------------------------*/

#formulario_alta_ok{
	
	 padding:0 0 0 0;

}

#formulario_alta_ok label{/* para alinear perfectamente el label con el imput text*/

	float:left;
	width:25%;
}

#formulario_alta_ok input[type=text]{
	
   margin:5px 180px;
   display:block;
  /* border-bottom-color:#6BA4D7;
   border-left-color:#6BA4D7;
   border-right-color:#6BA4D7;
   border-top-color:#6BA4D7;*/
   border:#6BA4D7;
   color:#6BA4D7;
   font-weight:bold;
}




/*----------------------------- fin formulario de alta -------------------------------------------------*/



.letras_formulario_alta{

	text-align:right;
	font-weight:bold;
}


.encabezado_formulario_alta{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic; 
	font-size:18px; 
	color:#3399CC; 
	font-weight:bold;
}

.error_encabezado_formulario_alta{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic; 
	font-size:18px; 
	color:#FF0000; 
	font-weight:bold;
}



.clear{
	clear:both;
}





/*----------- botones -------------------*/

.botones{
	background-color:#3399CC;
	color:#FFFFFF;
	font-family:Verdadera;
	
	
}

/*--------- enlaces ------------------*/
a:link {text-decoration:none; color:#3399CC; } /* Link no visitado*/
a:visited {text-decoration:none; color:#3399CC;} /*Link visitado*/
a:active {text-decoration:none;} /*Link activo*/
a:hover {text-decoration:underline;} /*Mouse sobre el link*/

/*-------------------- fin enlaces -------------*/

.dato_obligatorio{color:#FF0000;}

#dato_obligatorio{
	float:right;
	color:#FF0000;
	
}

/*-------------- proteccion de datos -----------*/

#proteccion_datos{
	
	padding:30px 0px 0px 0px;
	text-indent:1cm;
	float:right;
	width:50%;
	
	}	
	

#proteccion_datos p {
	text-align: justify;
	text-indent: 1	cm;
	margin: 0 0.50cm;
}


#proteccion_datos_v2{
	
	padding:40px 0px 0px 0px;
	text-indent:0cm;
	
	}	
	
#proteccion_datos_v2 p {
text-align: justify;
text-indent: 1cm;
margin: 0 0.50cm;
}

	/*----------- fin proteccion datos-----------*/



/* --------------- boton enviar -----------------------*/

#formulario_alta input[type=submit]{
	background-color:#3399CC;
	color:#FFFFFF;
	font-family:Verdadera;
}

/*--------------- fin boton enviar -------------------------*/


/*---------------------- informacion_legal -----------------------*/

#informacion_legal{
	width:350px;
	background-color:#6BA4D7;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	border:1px solid #999999;
	padding:10px 10px 10px 10px;
	margin:60px auto;
	font-size:13px;
}

#informacion_legal span{

	color:#000000;
	font-size:13px;
	font-weight:normal;
}

#informacion_legal a:link{

	color:#000000;
	font-size:13px;
	font-weight:normal;
}

#informacion_legal a:visited{

	color:#000000;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

#informacion_legal a:active{

	color:#000000;
	font-size:13px;
	font-weight:normal;
	text-decoration:none;
}

#informacion_legal a:hover{

	color:#000000;
	font-size:13px;
	font-weight:normal;
	text-decoration:underline;
}

#imagen_aviso_legal{

	margin:100px auto;
	width:250px;
	height:63px;
	color:#6BA4D7;
}

/*-------------- contacto -----------------------------*/

#formulario_contacto{
	width:600px;
	/*border:1px solid #333333;*/
	margin:30px auto;
}


#formulario_contacto label{/* para alinear perfectamente el label con el imput text*/

	float:left;
	width:25%;
}

#formulario_contacto input[type=text]{
	
   margin:5px 0px;
   display:block;

}

#formulario_contacto textarea{
	
   margin:0px 0px;
   display:block;

}

#margen_botones{
	
   margin:20px 150px;
  /* border:1px solid #333333;*/
   

}

	


#imagen_formulario_contacto{
	
	margin:50px auto;
	width:150px;
	height:137px;
	/*border:1px solid #333333;*/
	

}
/*------------------ cerramos el contacto -------------------------*/


/*-------------------- localizacion -----------------------------*/

#localizacion{
	width:500px;
	/*border:1px solid #333333;*/
	margin:30px auto;
}

/*--------------------------- GALERIA FOTOS ---------------------------------*/



#galeria {
	background-color:#CCCCCC;
	width: 720px;
	height:600px;
	position:relative;
	
}

#galeriai {
	background-color:#6BA4D7;
	float: left;
	width: 120px;
	height: auto;
	margin-top: 2px;
	margin-left: 2px;
	display:inline;
}

#galeriad {
	background-color:#CCCCCC;
	float: right;
	width: 122px;
	height: auto;
	margin-top: 2px;
	/*margin-right: -140px;*/
	
	
}



#galeriai ul {padding:0px;margin:0px;width:119px;background:#6BA4D7;float:left;margin-left:0px;}

#galeriai li {list-style-type:none;padding:10px 8px 5px;background:#6BA4D7 ;float:left;line-height:11px;}

#galeriad ul {padding:0px;margin:0px;width:119px;background:#6BA4D7 ;float:left;margin-left:0px;}

#galeriad li {list-style-type:none;padding:10px 8px 5px;background:#6BA4D7 ;float:left;line-height:11px;}
	
#galeria a img.min {border:1px solid #6BA4D7;}

#galeria a span {
	visibility:hidden;
	text-align:center;
	font:bold 14px "Trebuchet MS",arial;
	position:absolute;
	top:50px;
	left:160px;  /* AQUI ES DONDE TENGO EL PROBLEMA*/
	border:0px solid #fff;
	z-index:10;
}
		
#galeria a:hover img.min {z-index:100;border:1px solid #6BA4D7;}
#galeria a:hover {display:inline;z-index:100;} /* Hace que funcione en IE6*/
#galeria a:hover span {visibility:visible;border:0px solid #6BA4D7;background:#6BA4D7;z-index:100; }
#galeria a:hover span img {visibility:visible;z-index:100;}		

#galeria a:focus span , a:active span  {visibility:visible;z-index:10;background:#6BA4D7;}
#galeria a img.fotos {border:0px solid #6BA4D7;margin:px;}




/*------------------------------- FIN GALERIA DE FOTOS --------------------------------------------*/

/*-------------------- imagen enviar_consulta----------------------*/
#imagen_enviar_consulta{
	
	margin:100px auto;
	width:250px;
	height:158px;
	/*border:1px solid #333333;*/
	

}

#wording_enviar_consulta{
	
	padding:20px 0px 0px 0px;
	text-indent:0cm;
	
	}	
	
	
#wording_enviar_consulta p {
text-align: justify;
text-indent: 1cm;
margin: 0 0.50cm;
}



/*------------- fin enviar_consulta------------------------------*/

/*------------------- datos cliente --------------------------------*/


#datos_cliente{
	
	 padding:10px 0 0 0;

}

#datos_cliente label{/* para alinear perfectamente el label con el imput text*/

	float:left;
	width:25%;
}

#datos_cliente input[type=text]{
	
   margin:5px 180px;
   display:block;
  /* border-bottom-color:#6BA4D7;
   border-left-color:#6BA4D7;
   border-right-color:#6BA4D7;
   border-top-color:#6BA4D7;*/
   /*border:#6BA4D7;*/
   color:#6BA4D7;
   font-weight:bold;
}



/*------------ fin datos cliente -----------------------------------*/

/* --------------- boton modificar datos -----------------------*/

#modificar_datos input[type=submit]{
	background-color:#3399CC;
	color:#FFFFFF;
	font-family:Verdadera;
	float:left;
	/*width:25%;*/
	margin:15px 180px	;
   	display:block;
}

   

/*--------------- fin boton modificar datos -------------------------*/

/*-------------- proteccion de datos -----------*/

#lista_compra{
	
	padding:30px 0px 0px 0px;
	text-indent:1cm;
	float:right;
	width:50%;
	
	}	
	
/* ------------- imagen formulario get_password ------------------------*/

#imagen_get_password{
	
	margin:50px 150px;
	width:300px;
	height:150px;
	/*border:1px solid #333333;*/
	

}	

/* ------------------ ya esta registrado get_password --------------------*/

#ya_registrado{
	width:550px;
	background-color:#6BA4D7;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	border:1px solid #333333;
	padding:10px 10px 10px 10px;
	margin:200px auto;
	font-size:18px;
}


/*------------------- productos principales ------------------*/
#productos_principales {
	
   	margin:60px auto auto auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    
}

/*-------------------- tabla_producto -----------*/

#tabla_producto {
	
    width:500px; /*ancho total de la pagina*/
	height:auto;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
   /* background-color:#FFFFFF;/*blanco*/
    margin:10px auto auto auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    float:left;
}

/*-------------------- carrito -----------*/

#carrito {
	
    width:210px; 
	height:auto;
    border:1px solid #999999; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
    background-color:#6BA4D7;/*blanco*/
    margin:10px auto auto auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
    float:right;
	color:#FFFFFF;
}

	
/*---------------------- letras carnes ----------------------*/
.letras_productos{color:#6BA4D7; font-weight:bold}

/*--------------------- encabezado indicar peso no exacto ---------------------------*/
#peso_no_exacto{

	margin:10px auto;
	
}

/*------------------ div imagen and detalle producto -----------------------*/

#div_imagen{
	
	/* padding: 0px 0 0 0;*/
	 border:1px solid #999999;
	 width:300px;
	 height:250px;
	 margin:60px auto 0px 50px;
	 float:left;;

}

#div_detalle_producto{
	
	 /*padding: 0px 0 0 0;*/
	 border:1px solid #999999;
	 width:300px;
	  height:250px;
	  border-left-width:0px;
	 margin:60px 67px 0px 0px;
	 float:right;
	  background-color:#6BA4D7;
	  color:#FFFFFF;

}

#div_detalle_producto p{
	text-align:left;
	padding:2px;
	font-size:12px
}

#div_detalle_producto span{
	text-align:left;
	padding:10px;
	font-size:18px;
	text-decoration:underline;
	
}

.encabezado_kg_preparrado{font-size:16px;}

.encabezado_detalle_producto{font-size:18px; font-style:italic; font-weight:bold; text-align:center; }

.encabezado_volver_menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	color:#3399CC; 
	font-weight:bold;
}

/*----------------- conocenos ----------------*/

#div_conocenos{
	
	/* padding: 0px 0 0 0;*/
	/*border:1px solid #999999;*/
	 width:300px;
	 height:400px;
	 margin:20px 20px 20px 0px;
	 float:left;;
	 text-align:right;

}

/*------------- letras conocenos -----------------------*/	
.letras_conocenos{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color:#3399CC; 
	font-weight:bold;
}

/* ----------------- logo publicidad ----------------------*/

#logo_publi_ina {
	
	width:10px;
	margin:300px 0 0 -140px;
	text-align:left;
	float:left;
	/*border:1px solid;*/
	
	border-color:#FFFFFF;
	/*border:1px solid;*/
	text-align:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
	background:#FFFFFF;
	
/*	font-weight:bold;*/
	}
	

/* ----------------- logo digital futura ----------------------*/

#logo_df {
	
	width: 150px;
	margin:0px 0 0 0px;
	text-align:left;
	float:left;
	/*border:1px solid;*/
	
	border-color:#FFFFFF;
	/*border:1px solid;*/
	text-align:left;
	/*font-family:Arial, Helvetica, sans-serif;*/
	background:#FFFFFF;
	
/*	font-weight:bold;*/
	}
	

/*--------------- fin logo digital futura ------------------------*/