body { background-color:#000;
	   background-image:url("../img/fondo_tecfood.jpg");
	   background-repeat:no-repeat;
	   color:#FFFFFF;
	   font-family:Arial,Helvetica, sans-serif;
	   margin:0px;
	   font-size:12px;
}

a img { border:0px;
}

.azul { color:#5C71A0 !important;
}

.azul_fuerte {color: #1C208C;
}

.blanco { color:#FFFFFF;
}

.capa_centrada { width:930px;
				 margin:auto;
				 text-align:center;
}

.error { color:#FF0000;
		 border:1px solid red;
		 background-color:#fff;
		 margin:0px;
		 padding:10px;
}

		.error li { list-style:none;
		}

#contenedor { margin:auto;
			  text-align:center;
			  width:980px;
			  position:relative;
}

#cabecera { height:130px;
}

			#logo { float:left;
					padding:25px 0 0 20px;
			}
			
			#fecha { position:absolute;
					 top:7px;
					 right:10px;
					 font-size:11px;
			}
			
#menu { clear:both;
		left:0px;
		margin:0 0 10px 0;
		padding:20px 0 0 0;
		font-family:'Lucida Sans Unicode';
}

		#opciones { margin:0px;
					padding:0 0 0 20px;
		}
		
					#opciones a { color:#FFFFFF;
								  text-decoration:none;
					}
		
					#opciones li { float:left;
								   list-style:none;
								   padding:4px 25px 0px 5px;
								   margin:0px;
								   font-size:13px;
					}
			
									#opciones li.barra_separadora_menu { padding:0 15px 0 0;
									}

#img_cabecera { float:right;
				width:120px;
}

				#img_cabecera ul { margin:0px;
								   padding:0;
								   width:150px;
				}

				#img_cabecera li { float:left;
								   list-style:none;
								   border-right:1px solid #5C71A0;
				}

								/* CONTACTO */
								a#contacto_menu { display:block;
											 width:30px;
											 height:25px; /* aqui esta el truco */
											 text-indent:-9999px;
											 background:url(../img/menu_boton_contacto.png) top left no-repeat;
											 behavior: url(../includes/transpng/iepngfix.htc);
								}
							
								a#contacto_menu:hover { background-position:0 -25px;/* con esto cambiamos la porcion de imagen que se muestra */
								}
								
								a#contacto_menu:active { background-position:0 -25px !important;/* con esto cambiamos la porcion de imagen que se muestra */
								}
								/* END CONTACTO */
								/* CONTACTO */
								a#enlaces_menu { display:block;
											 width:30px;
											 height:25px; /* aqui esta el truco */
											 text-indent:-9999px;
											 background:url(../img/menu_boton_enlaces.png) top left no-repeat;
											 behavior: url(../includes/transpng/iepngfix.htc);
								}
							
								a#enlaces_menu:hover { background-position:0 -25px;/* con esto cambiamos la porcion de imagen que se muestra */
								}
								
								a#enlaces_menu:active { background-position:0 -25px !important;/* con esto cambiamos la porcion de imagen que se muestra */
								}
								/* END EMPRESA */
								/* CONTACTO */
								a#galeria_menu { display:block;
											 width:30px;
											 height:25px; /* aqui esta el truco */
											 text-indent:-9999px;
											 background:url(../img/menu_boton_galeria.png) top left no-repeat;
											 behavior: url(../includes/transpng/iepngfix.htc);
								}
							
								a#galeria_menu:hover { background-position:0 -25px;/* con esto cambiamos la porcion de imagen que se muestra */
								}
								
								a#galeria_menu:active { background-position:0 -25px !important;/* con esto cambiamos la porcion de imagen que se muestra */
								}
								/* END EMPRESA */


/**** ENTRADA ****/

#cuerpo_entrada { background-color:#EEE;
				  width:934px;
				  margin:0 auto 0 auto;
				  padding:0px;
				  text-align:center;
				  overflow:hidden;
				  clear:both
}

				 #entrada_izq { padding:10px;
				 				width:290px !important;
								float:left;
								text-align:left;
								margin-left:5px;
				 }
				 
				 #entrada_centro { padding:10px;
				 				width:290px !important;
								float:left;
								text-align:left;
				 }
				 #entrada_dcha { padding:10px;
				 				width:285px !important;
								float:left;
								text-align:left;
				 }
				 
				 
				 				.imagen_titulo_entrada { margin:0px;
														 padding:5px 0 5px 5px;
														 float:left;
														 width:25px;
								}
								
				 				.titulo_entrada { color:#333333;
												  width:300px;
								}
												
												.titulo_titulo_entrada { float:left;
																		 width:150px;
												}
												
												.titulo_entrada h1 { float:left;
																	 margin:0px;
																	 padding:0px;
																	 font-size:18px;
																	 font-weight:normal;
												}
												
								#evento_entrada { clear:left;
												  width:500px;
								}
								
								#imagen_evento_entrada { width:220px;
														 float:left;
														 padding-left:0px;
														 text-align:left;
								}
								
								#imagen_evento_entrada img { border:3px solid white;
								}
								
								#texto_evento_entrada { width:260px;
													 	float:left;
														text-align:left;
														clear:left;
														padding-left:5px;
														font-size:11px;
								}
								
														#texto_evento_entrada p { margin:0px;
																				  padding:5px
														}


#pie_cuadro_entrada { width:934px;
					  height:41px;
					  background-image:url("../img/pie-entrada.png");
					  margin:1px auto auto auto;
					  text-align:center;
					  font-family:'Lucida Sans Unicode';
}

/**** END ENTRADA ****/

/**** EMPRESA ****/
#menu_empresa { width:934px;
				height:41px;
				background-image:url("../img/moncho-menu-empresa.jpg");
				margin:auto;
				text-align:center;
				font-family:'Lucida Sans Unicode';
}
				#menu_empresa a { color:#FFFFFF;
								  text-decoration:none;
				}
				#menu_empresa ul { margin:0px;
								   padding:0px 0 0 20px;
								   width:934px;
				
				}
				
									#menu_empresa ul li { list-style:none;
														  float:left;
														  padding:0px;
														  margin:12px 10px 0 10px ;
														  font-size:13px;
									}
														.fondo_azul_menu { background-color:#151C43;
																		   padding:0px !important;
																		   margin:9px 0 0 0 !important;
																		   height:22px;
														}


														#menu_empresa ul li.titulo_menu { font-size:14px;
																						  color:#727584;
														}
														
														#menu_empresa ul li.separador_menu { font-size:14px;
																							 color:#727584;
																							 padding:0 10px 0 10px;
																							 margin:0px;
														}
														
#empresa { overflow:hidden;
}


#titulo_seccion { text-align:right;
				  margin:0px;
				  padding:0 35px 0 0px;
}

				#titulo_seccion h1 { margin:0px !important;
									 padding:20px 0 10px 0 !important;
									 color:#5C71A0;
									 font-weight:normal !important;
									 font-size:24px;
				}

#planta_piloto { width:520px;
				  text-align:justify;
				  margin-left:45px;
				  line-height:20px;
				  font-size:12px;
				  float:left;
				  padding-top:35px;
				  margin-bottom:30px;
}


#presen_empresa { width:350px;
				  text-align:justify;
				  margin-left:45px;
				  line-height:20px;
				  font-size:12px;
				  float:left;

}

#presen_empresa .azul { color: #5C71A0;
}

				#exito_basa { width:354px;
							  float:right;
							  text-align:left;
							  padding-top:65px;
							  padding-right:50px;
				  			  line-height:20px;
							  font-size:12px;
							  text-align:justify;
				}
								#exito_basa .grande { font-size:15px;
								}

								#exito_basa h2 { color:#5C71A0;
												 font-weight:normal;
												 font-size:24px !important;
												 margin:0px !important;
												 padding:0px !important;
								}
								
#caracteristicas_empresa { border-top:1px solid white;
						   border-bottom:1px solid white;
						   overflow:hidden;
						   clear:left;
						   margin:40px 35px 20px 30px ;
						   padding-top:10px;
						   padding-bottom:20px;
}

						.caracs_listado { width:300px;
										  float:left;
										  color:#AEAEB8;
										  padding-top:10px;
						}
						
										.imagen_carac { width:30px;
														float:left;
														text-align:right;
										}
										
										.texto_caracs { float:right;
														width:265px;
														text-align:left;
										}
										
														.texto_caracs p { margin:0px;
																		  padding:0px;
																		  font-size:13px;
														}

/**** END EMPRESA ****/

/**** MISION ****/

#todos_compromisos { padding:0 0px 0 25px;
					 text-align:left;
					 overflow:hidden;
}

					.compromiso { width:220px;
								  float:left;
								  margin-right:15px;
					}
					
								.compromiso img { border:3px solid white
								}
					
								 .titulo_compromisos h2 { font-weight:normal;
								 						  font-size:16px;
														  margin:15px 0 10px 0;
														  padding:0px;
								 }
								 
								 .texto_compromisos { width:200px;
								 }

					#filosofia_empresa { width:360px;
										 text-align:justify;
										 line-height:20px;
										 padding-right:40px;
										 padding-left:10px;
										 padding-top:15px;
										 float:left;
					}

										#caracteristicas_empresa h2 { font-weight:normal;
																	  color:#fff;
																	  font-size:24px;

										}

					#valores_anadidos { width:400px;
										 text-align:justify;
										 line-height:20px;
										 padding-right:40px;
										 padding-left:10px;
										 padding-top:15px;
										 float:right;
										 margin:0px;
					}
					
										#valores_anadidos h2 { font-weight:normal;
																	  color:#fff;
																	  font-size:24px;

										}
										
										.valor { width:380px;
												 overflow:hidden;
												 margin-bottom:10px;
										}
										
												.imagen_valor { width:15px;
																float:left;
																text-align:right;
												}
												
												.texto_valor { text-align:left;
															   width:355px;
															   float:right;
												}
												
												.texto_valor p { margin:0px;
																 font-size:14px;
												}

/**** END MISION ****/

/**** MARCAS REPRESENTADAS ****/

.franja_marca { text-align:left;
				padding:0px 0px 30px 7px;
				margin:0px 0px 20px 24px;
				border-bottom:1px solid white;
				overflow:hidden;
}
				.marca { width:282px;
						 float:left;
						 margin-right:30px;
				}
							  .cabecera_marca { height:80px;
							  					position:relative;
							  }
							  
							  					.cabecera_marca img { position:absolute;
																	  bottom:0px;
																	  left:0px;
												}
												
							  .imagen_marca { padding-top:1px;
							  }
							  
											  .imagen_marca img { border:4px solid white;
											  }
											  
											  .imagen_marca p { margin:0px;
											  					padding:9px 5px 10px 0;
																text-align:right;
											  }
											  
											  .imagen_marca a { color:#CACDEC;
											  					text-decoration:none;
																font-size:14px;
											  }
							  .descripcion_marca p { line-height:20px;
							  }
							  
							  .enlace_videos_marca a { color: #b3acef;
							  						 margin:0px;
													 padding:0px;
													 text-decoration:none;
							  }
							  
							  .enlace_videos_marca p { color: #b3acef;
							  						 margin:0px;
													 padding:0px;
							  }

/**** END MARCAS REPRESENTADAS ****/

/**** MOSTRAR MARCA ****/

#marca_mostrada_izq { width:350px;
					  float:left;
					  padding-left:30px;
					  margin:0px;
}

#marca_mostrada_dcha { width:550px;
					   padding-top:20px;
					   text-align:left;
					   float:right;
					   padding-right:30px
}

#marca_mostrada_dcha h1 { font-weight:normal;
						  margin:10px 0 0 0;
						  padding:0px;
						  font-size:24px;
}

						.div_border { margin:5px 0 10px 0;
									  border-top:1px solid white;
						}

						#marca_mostrada_dcha img.gallery { border:2px solid white;
						}

						#marca_mostrada_dcha p { color:#b3acef;
						}
						
						#marca_mostrada_dcha p a { color:#b3acef;
												   text-decoration:none;
												   padding-left:15px;
						}

#menu_videos p { margin:0px;
				 padding:5px;
}
#menu_videos a:hover { font-weight:bold;
					   font-size:15px;
					   color:#FF0000 !important;
}

#menu_videos a { color: #FFFFFF;
				 text-decoration:none
}

#menu_videos a.selected { background-color:#FF0000;
}

/**** END MOSTRAR MARCA ****/

/**** GALERIA OBRADOR ****/
.carpeta { padding:10px;
		   clear:left;
		   border:1px solid #000066;
		   overflow:hidden;
		   margin-bottom:10px;
}

.carpeta:hover { background-color:#000033;
}

#galeria_rapida { float:right;
				  width:350px;
				  margin-right:25px;
				  text-align:left;
}

.imagen_carpeta { float:left;
}

.imagen_carpeta img { border:3px solid white;
}

.nombre_carpeta { float:left;
				  width:180px;
				  margin-left:20px; 
}

	/** DETALLE GALERIA **/
	#cabecera_galeria { text-align:left;
						margin-top:30px;
	}
	
						#cabecera_galeria p { padding:0px;
											  margin:0px;
						}

						#cabecera_galeria h1 { margin-bottom:3px;
						}
						
	#galeria_carpetas { margin:50px 20px 20px 15px;
	}
	
						#galeria_carpetas ul { overflow:hidden;
											   margin:0px;
											   padding:0px;
						}
						
											#galeria_carpetas li { width:180px;
																   height:135px;
																   background-position:center;
																   background-repeat:no-repeat;
																   float:left;
																   list-style:none;
																   margin-left:8px;
																   margin-bottom:8px;
											}
											
											#galeria_carpetas li .gal { width:180px !important;
																	    height:135px !important;
																		margin:0px;
																		padding:0px;
																		border:0px;
											}

/**** END GALERIA OBRADOR ****/

/**** REFERENCIAS ****/

#referencia_derecha { width:450px;
					  float:right;
					  position:relative;
					  padding-top:35px;
}

#referencia_izquierda { width:450px;
						float:left;
						position:relative;
						padding-top:35px;
}


.instalacion { clear:left;
			   margin-left:25px;
			   float:left;
			   width:350px;
			   text-align:left;
			   margin-bottom:10px;
}
			.instalacion a { color:#C1C7E7;
							 text-decoration:none;
			}

			.imagen_instalacion { width:115px;
								  text-align:left;
			   					  float:left;
			}


			.descripcion_instalacion { clear:both;
									   text-align: left;
									   padding-top:20px;
									   width:358px;
									   float:left;
		   }
		   
		   							   .texto_instalacion { color:#fff;
									   						font-size:14px;
															width:150px;
															float:left;
									   }
									   
		   #paginador a { padding:3px 5px 3px 7px;
		   				  background-color:#C3C3DD;
						  margin-right:10px;
						  text-decoration:none;
						  color:#000066;
						  font-weight:bold;
						  vertical-align:middle
						  
		   }
		   				.seleccionado a { background-color:#261C75 !important;
										  color:#C3C3DD !important;
						}
		   
/* Sample 6*/
#box6{
	position:absolute;
	width:158px !important;
}

#box6 span{
	display:block;
	width:358px !important;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	right:87px;
	top:38px;
	margin-left:0px;
	width:358px;
	height:268px;
	overflow:hidden;
}

.sample6 .buttons{
	clear:both;
	text-align:center;
}


	/*** Complementos **/

.thumbs{
	width:81px;
}
.thumbs div{
	display:block;
	width:83px;
	margin:3px 0 7px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:358px;
	height:50px;
	position:absolute;
	bottom:0px;
}
.info p, .info h4{
	color:#fff;
	padding:0px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:3px 5px;
	text-decoration:none;
	margin-right:10px;
}

span img{
	display:block;
}

/**** END REFERENCIAS ****/

/**** NOTICIAS ****/

#news { padding-top:30px;
		padding-bottom:30px;
		padding-left:30px;
		margin:0px;
		text-align:left;
}
.noticia { clear:left;
		   padding:10px 20px 0px 30px;
		   margin:0px;
		   overflow:hidden;
}

		 .fecha { background-color: #999999;
		 		  width:40px;
				  margin-right:5px;
				  padding:5px;
				  font-weight:bold;
		 }

				 .fecha p { margin:0px;
				 			padding:0px;
				 }
				 
				 			.fecha p.numero_grande { font-size:14px;
							}

		 .informa { background-color:#999999;
		 		  	width:180px;

					margin-right:5px;
				  	height:41px;
		 }

		 .informa p { margin:0px;
		 			  padding:10px 0 0 0;
		 }

		 .titulo { background-color:#fff;
		 		   color: #000099;
		 		  	width:480px;

					padding:13px;
					margin:0px;
					text-align:left;
					display:inline-table;
					vertical-align:middle
		 }
		 
					 .titulo p { padding:0;
								 margin:0;
					 }
		 
		 .descarga { width:170px;
					 padding:0px 0px 0px 8px ;
		 }
		 
		 .descarga a { color:#fff;
		 			   text-decoration:none;
		 }


/**** END NOTICIAS ****/

/**** CONTACTO ****/
#formulario_contacto { float:right;
					   width:635px;
					   margin-right:30px;
					   text-align:left;
					   margin-top:20px;
}

.contienelinea { clear:left;
				 font-weight:bold;
				 width:635px;
				 overflow:hidden;
				 margin-top:10px
}

			   .contienelinea p { margin:0px;
			   					  padding:0px;
			   }
			   
.contienelinea2 { clear:left;
				 font-weight:bold;
				 width:635px;
				 overflow:hidden;
				 margin-top:3px
}

			   
/**** END CONTACTO ****/

/**** PIE ****/
#pie { color:#5C71A0 !important;
	   text-align:left;	   
	   padding-left:30px;
	   overflow:hidden;
	   clear:both;
	   margin-top:20px;
}

		#pie a { color:#FFFFFF;
		}
		
		#pie h2 { color:#FFFFFF;
				  font-size:12px ;
				  margin:0px;
				  padding:0 0 10px 0;
		}
		
		#pie h2.azul { color:#5C71A0 !important;
					   border-bottom:1px solid #5C71A0 !important;
		}
		
		#pie_izq { width:270px;
				   float:left;
		}
		
					#datos_pie { margin:0px;
								 padding:0px;
					}
					
					#pie_izq h2 { color:#FFFFFF;
								    font-size:12px !important;
									margin:0px;
									padding:0 0 10px 0;
								  }
								  
					#pie_izq a { color:#FFFFFF;
								 text-decoration:none;
					}
					
					#datos_pie li { list-style:none !important;
									color:#5C71A0 !important;
					}
					
		#pie_central { width:920px;
					   float:left;
		}
		
						#pie_central h2 { font-size:14px;
										  padding-bottom:5px;
						}
						
						.sitemap_pie { margin:0px;
									   padding:0px;
									   float:left;
						}
						
										.sitemap_pie li { list-style:none;
														  padding-bottom:10px;
														  margin:0px;
										}
										
										.sitemap_pie a { text-decoration:none;
										}
		
		.h2blanco { color:#fff;
					font-size:12px;
					font-weight:bold;
		}
		
		#pie_dcha { font-family:Arial black, Helvetica, sans-serif;
					margin:0px;
					padding:20px 0 0 50px;
					float:left;
		}