* { margin: 0; padding: 0; }  /*-----  para todas las etiketas, evitamos diferencias para los margenes de los parrafos ---*/
html{ height:100%; }		  /*--- el * lo leen i6,i7 pero el _ solo el i6---*/

	body { 	text-align: center;		/* centra la pagina para IE */
			font-family:Verdana,Arial,sans-serif,Helvetica; font-size:12px;color:#222;font-weight:500;
			background: url(../imagenes/_fondo_principal.jpg) repeat-x #fff; 
			margin: 0 auto; 

				
	}
	
	
	#contenedor{ width:964px; margin: 0 auto;}
	
	#cabecera{ position:relative; float:left; width:964px; height:108px}
	.cabecera_fondo_i{background:url(../imagenes/_i_fondo_cabecera.jpg) no-repeat;}
	.cabecera_fondo{background:url(../imagenes/_fondo_cabecera.jpg) no-repeat;}	
	#cabecera_logo{ position:relative; float:left; width:71px; height:100px;}
	#cabecera_idioma{ position:relative; float:right; height:0; top:-46px; left:-10px; font-size:11px}
	.cabecera_fila{ position:relative; float:left; width:100%}
		.cabecera_fila_superior{ text-align:right; margin:48px 8px 0 0 }
		.cabecera_fila_inferior{ text-align:left;  margin: 4px 0 0 84px }
			.menu_separacion{ float:left; position:relative; width:20px; text-align:center}
			.menu_opcion{ float:left; position:relative;}
		
	#subcabecera{ position:relative; float:left; width:964px; }		
	
	.azules{ color:#538ec3;  }
	.negras{ color:#000;  }
	

	
	#index_cuerpo{ position:relative; float:left; width:964px; height:735px }
		.index_servicio{ position:relative; float:left; width:238px; height:321px; margin:22px 0 0 3px;
						   background:url(../imagenes/_fondo_servicio.jpg) no-repeat;}
		.index_servicio_cabecera{ position:relative; float:left; width:235px; text-align:right; padding:2px 0 0 2px}
		.index_servicio_img{ position:relative; float:left; width:236px;}
		.index_servicio_txt{ position:relative; float:left; width:217px; margin: 10px 0px 0 10px; text-align:justify; font-size:11px; }
		#index_bolsa_empleo { position:relative; float:left; top:-257px; left:90px }
	
	
	#servicios_cuerpo{ position:relative; float:left; width:964px; }
	#servicios_cuerpo_columna{ position:relative; float:left; width:50%; }
	#servicios_cuerpo_columna_entera{ position:relative; float:left; width:100%; }	

	
	#servicios_cuerpo_t_refrigeracion{position:relative; float:left; width:335px; height:450px;
									  text-align:justify;margin:65px 17px 20px 40px;}
	#servicios_cuerpo_t_refrigeracion_2{ position:relative; float:left; width:300px; text-align:justify; margin:65px 17px 20px 9px;}	

	#servicios_cuerpo_t_ingenieria{position:relative;float:left;width:350px;height:640px;text-align:justify;margin:65px 17px 20px 40px;}
	#servicios_cuerpo_t_ingenieria_2{ position:relative; float:left; width:357px; text-align:justify; margin:65px 17px 20px 47px;}	
	
	#servicios_cuerpo_t_servicios_generales{position:relative; float:left; width:320px; height:550px;
											text-align:justify;margin:79px 0px 20px 173px;}
	#servicios_cuerpo_t_servicios_generales_2{ position:relative; float:left; width:225px; text-align:justify;margin:79px 0px 20px 67px;}	
	
	#servicios_cuerpo_t_formacion{position:relative; float:left; width:340px; height:550px;text-align:justify;margin:79px 0px 20px 41px;}
	#servicios_cuerpo_t_formacion_2{ position:relative; float:left; width:295px; text-align:justify;margin:79px 0px 20px 6px;}	
	#servicios_cuerpo_t_formacion_gases{position:relative; float:left; width:680px; height:550px;text-align:justify;margin:79px 0px 20px 41px;}
	
	#servicios_bolsa_empleo { position:relative; float:left; top:-282px; left:311px }	
	
	#servicios_cuerpo_t_servicios_tecnologicos{position:relative; float:left; width:320px; height:550px;
											text-align:justify;margin:110px 0px 20px 50px;}
	#servicios_cuerpo_t_servicios_tecnologicos_2{ position:relative; float:left; width:320px; text-align:justify;margin:250px 0px 20px 67px;}
	
	
	
	#servicios_cuerpo_princ_botones{ position:relative;float:left; top:40px; left:71px; height:630px;}	
	.servicios_cuerpo_princ_boton{ position:relative; float:left; margin:0 0 20px 0;}	
	
	
	#grupo_cuerpo{ position:relative; float:left; width:964px; }
	.grupo_cuerpo_columna{ position:relative; float:left; width:50%; }
	#grupo_cuerpo_t { position:relative; float:left; width:316px; height:640px; text-align:justify; margin:132px 17px 20px 187px;}
	#grupo_cuerpo_t_2{ position:relative; float:left; width:316px; text-align:justify; margin:71px 17px 20px 65px;}	
	
	
	#contacto_cuerpo_t { position:relative; float:left; width:268px; height:800px; text-align:justify; margin:118px 0px 20px 31px;}
	#contacto_cuerpo_t2 { position:relative; float:left; width:620px; height:800px; text-align:justify; margin:118px 0px 20px 31px;}	

	.contacto_sede_fila { position:relative; float:left; width:620px; height:150px}		
	.contacto_sede { position:relative; float:left; width:200px; text-align:left; margin-left:5px}			

	.contacto a:link,.contacto a:visited{ font-size:11px;color:#fff; text-decoration:none;}
	.contacto a:hover{ font-size:11px;color:#DDD; text-decoration:none;}

	.contacto_negrita a:link,.contacto_negrita a:visited{ font-size:11px;color:#fff; text-decoration:none; font-weight:600}
	.contacto_negrita a:hover{ font-size:11px;color:#DDD; text-decoration:none; font-weight:600}
	
	.contacto_peq { font-size:10px;}
	.contacto_peq a:link,.contacto_peq a:visited{ font-size:9px;color:#fff; text-decoration:none; font-weight:600}
	.contacto_peq a:hover{ font-size:9px;color:#DDD; text-decoration:none; font-weight:600}
	
	
	
	#bolsa_cuerpo_t { position:relative; float:left; width:508px; height:650px; text-align:justify; margin:118px 0px 20px 31px;}

	.formacion a:link,.formacion a:visited{ font-size:12px;color:#666; text-decoration:none; font-weight:bold}
	.formacion a:hover{ font-size:12px;color:#999; text-decoration:none; font-weight:bold}
	
	.bolsa a:link,.bolsa a:visited{ font-size:11px;color:#fff; text-decoration:none;}
	.bolsa a:hover{ font-size:11px;color:#DDD; text-decoration:none;}

	.bolsa_negrita a:link,.bolsa_negrita a:visited{ font-size:11px;color:#fff; text-decoration:none; font-weight:600}
	.bolsa_negrita a:hover{ font-size:11px;color:#DDD; text-decoration:none; font-weight:600}
	
	.bolsa_peq { font-size:10px;}
	.bolsa_peq a:link,.bolsa_peq a:visited{ font-size:9px;color:#fff; text-decoration:none; font-weight:600}
	.bolsa_peq a:hover{ font-size:9px;color:#DDD; text-decoration:none; font-weight:600}
	
	
	
	#map{ position:relative; float:left; width:720px; height:610px; top:10px; left:10px}
	
	
	#servicios_separacion_vertical{ position:relative; float:left; width:1px; height:600px;
									background: url(../imagenes/_servicios_separacion_vertical.jpg) no-repeat}
	#servicios_columna_texto{ position:relative; float:left; width:617px; height:600px; text-align:justify; margin:30px 17px 20px 30px;
							background:url(../imagenes/_servicios_ingenieria_fondo.jpg) no-repeat bottom}
	.servicios_txt{ color:#666}
	.servicios_fila_fotos{ position:relative; float:left; width:299px; margin-top:3px;}
	
	
	#pie{ position:relative; float:left; width:964px; margin-left:2px}
		#pie_largo{ position:relative; float:left; left:-3px; width:874px; height:32px;
					background:url(../imagenes/_fondo_pie_largo.jpg) no-repeat;	text-align: right; }
		#pie_corto{ position:relative; float:left; width:90px; height:26px; margin-top:1px;
					background:url(../imagenes/_fondo_pie_corto.jpg) no-repeat;	text-align: left }
	
		#creditos{ position:relative; float:left; width:100%; text-align:center; margin-bottom:50px}
		#creditos a:link,#creditos a:visited{ font-size:10px;color:#BBB; text-decoration:none;}
		#creditos a:hover{ font-size:10px;color:#999;}		
	
	


	#navegacion{ position:relative; float:left; left:5px; height:18px; width:752px;_width:400px;text-align:left; font-size:12px; color:#fff;}
		.borde_bajo_rojo{border-bottom: thin solid #EC6568;}
		.borde_bajo_verde{border-bottom: thin solid #39AA63;}
		.borde_bajo_azul{border-bottom: thin solid #009DDC;}
		.borde_bajo_naranja{border-bottom: thin solid #F63;}
				 
		.nave a:link,.nave a:visited{ font-size:12px;color:#bbb; text-decoration:underline;}
		.nave a:hover{ font-size:12px;color:#444;}		


	/* ---------- PIES ------------------------------*/
	
	#index_pie{ position:relative; float:left; width:980px; height:43px; padding: 8px 0 0 24px;
				background:url(../imagenes/index_pie_fondo.jpg) no-repeat}
		.pie_texto { color:#6c6c6c; font-size:10px;  }
	
	#pie_logos{ position:relative; float:left; width:1001px; _width:992px; padding: 8px 0 0 9px;background:#fff}
	
	
	
	
	
	#map_canvas{ position:relative; float:left; top:-7px; left:32px; width:772px;height:300px; }
	#map_canvas_evento{ position:relative; float:left; top:5px; left:5px; width:767px;height:300px; }
		

	
	
	/* ---------- FORMULARIOS ------------------------------*/

	.formulario{ float:left; position:relative; width:540px; margin-top:30px;}
	.formulario_elemento{ float:left; position:relative; width:165px;}
	.formulario_elemento_largo{ float:left; position:relative; width:180px;}
	
	.busqueda_cuadro_texto{ float:left; position:relative; width:130px;}
	.busqueda_cuadro{float:left; position:relative; width:160px; height:20px; background:url(../imagenes/_busqueda.png) repeat-x ;
					 padding: 5px 0 0 1px}		
	.busqueda_boton{ }		
	
	.campo_dato_combo_corto{ position:relative; float:left; width:150px; margin: 2px 0 0 0 }
	.campo_dato_combo{ position:relative; float:left; width:190px;}
	

	/* ---------- LISTADO ------------------------------*/

	.resultado{ position:relative; float:left; width:750px; margin:5px 0 10px 0; color:#666}
	.resultado_elemento{ position:relative; float:left; }
  	.resultado_fila{ position:relative; float:left; width:100% }

	.resultado_nombre{ position:relative; float:left; color:#000 }
	.resultado_categoria{ position:relative; float:left; color:#000 }
	
	.resultado a:link ,.resultado a:active ,.resultado a:visited   { color:#333; text-decoration:underline; font-weight:400; }
	.resultado a:hover  { color: #666; text-decoration:underline; cursor:pointer }	
	

	/*----- Textos--------*/
	
	
	h1 {font-size:36px; line-height:20px; letter-spacing:1px }
	h2 {font-size:14px; height:36px; *width:250px  }
	
	.rojo_hotel{ color:#991915; font-weight:500; margin:12px 0 0 20px; }
	.azul_balneario{ color:#1173b6; font-weight:500; margin:12px 0 0 20px; }
	.verde_rural{ color:#009340; font-weight:500; margin:12px 0 0 20px; }
	.naranja{ color:#F63; font-weight:500; margin:12px 0 0 20px; }
	.amarillo{ color:#d9b81b; font-weight:500; margin:12px 0 0 20px; }
	.amarillo_claro{ color:#ffd719; font-weight:500; margin:12px 0 0 20px; }


	
	.float_left{ float:left}
	.establecimiento {float:left; position:relative; }
	.categoria{ float:left; position:absolute; top:5px; margin-left:5px; }
	.subnombre{ float:left; position:relative; margin: 0 0 10px 3px }
	


	.font_28 { font-size:28px;}
	.font_14 { font-size:14px;}
	.font_13 { font-size:12px;}
	.font_12 { font-size:12px;}
	.font_11 { font-size:11px;}
	.font_10 { font-size:10px;}
	.font_9 { font-size:9px;}
	
	.width_100{ width:100px;}
	.width_200{ width:200px;}
	.width_300{ width:300px;}
	.width_400{ width:400px;}
	.width_500{ width:500px;}
	.width_520{ width:520px;}
	.width_600{ width:600px;}

	.width_50%{ width:50%;}
	.width_100%{ width:100%;}
	
	.cuerpo_texto{ font-size:13px; color:#666;}
	.cuerpo_texto a:link,.cuerpo_texto a:visited{font-size:13px; color:#000; text-decoration:underline; font-weight:500 }
	.cuerpo_texto a:hover{ font-size:13px; color:#444; font-weight:600;}		
	
	
	
	/*----- Tooltip--------*/
      #tooltip { background-color: #DDD; border: 1px solid #ccc; color:#666; padding:4px; font-size: 0.95em;
	  			-moz-border-radius-bottomleft: 7px; -moz-border-radius-bottomright: 7px;
   		        -moz-border-radius-topleft: 0; -moz-border-radius-topright: 7px; line-height: 12px; }

	
	
	.oculto{ display:none}
	.form_campo { background:none; color:#999}		
		
		
	.clear { clear:both;}
	.oculto{ display:none}
	.reducido{ font-weight:500; }	
						
					
	.normal a:link,.normal a:visited{ color:#00F; text-decoration:underline; font-weight:500 }
	.normal a:hover{ color:#55F; font-weight:600;}			
		
					
					
	
		/*-------- generales -----------------*/
		a:link ,a:active ,a:visited   { color:#666; text-decoration:none; font-weight:400; }
		a:hover  { color: #444; text-decoration:none; cursor:pointer }		
		
				
		img { border: 0px;	}		
		/*-------- fin generales ------------*/		
		
		
		/*-------- accesibilidad ------------*/					
	
		
		
		span.oculto			 {	display:none;	}
		
		
		
		#enlace_alternativo {	display:none;	}		
		#pie span {				display:none;	}	
		/*-------- fin accesibilidad ------------*/			
		
		/*-------- clases ------------*/			
		
		.clear { clear:both;}
		.formulario input, .formulario select, .formulario textarea {border:0px;}		

		.borde_blanco a img{  border: thin solid #fff;}
		.borde_gris {	border: thin solid #333;}
		.borde_grisClaro img {	border: thin solid #CCC;}

		.alinear_izquierda{ text-align:left; }
		.alinear_derecha{ text-align:right; }		
		.alinear_justificado{ text-align:justify; }
		.alinear_centrado{ text-align:center; }
		.altura_abajo{ vertical-align:bottom}
		.altura_arriba{ vertical-align:top}
		.cursiva{ font-style:italic}
		.capitular{ float:left; margin:0 2px 0px 0px}
		.subrayado{ text-decoration:underline}
		.negrita { font-weight:800;}
		.negro { color:#000}
		.gris_oscuro { color:#222; font-weight:500}
		.gris_listado { color:#555; font-weight:500}
		.gris_info { color:#666; font-weight:500}
		.gris_oscuro_titulo { color:#777; font-weight:600;}
		.gris { color:#999; font-weight:500}
		.gris_claro { color:#EEE; font-weight:500}
		.borde{ border:thin solid #F00}	
		.error { color:#F00; font-weight:500}
		.blanco{ color:#FFF; font-weight:500}
		.rojo_mate{ color:#F22; font-weight:500}
		.rojo_claro{ color:#F88; font-weight:500}
		
		
		
		
		.azul_claro{ color:#aaF; font-size:1em; }
		.principal_titulo{ color:#411; font-size:1.2em; font-weight:600;}
		.principal_descrip{ color:#aaa; font-size:0.9em; font-weight:500;}	
		.principal_peq{ color:#999; font-size:0.8em;*font-weight:500 }
		.principal_peq_roja{ color:#F44; font-size:0.9em; font-weight:500; }
		.principal_peq_verde{ color:#0A0; font-size:0.9em; }
		.principal_titulo_gris{ color:#666; font-size:0.9em; text-decoration:underline; }	
		.txt_busqueda{ color:#555; font-size:1em; font-weight:400 }
		.iva{ color:#000; font-size:0.8em; font-weight:500}
		.peq{ font-size:0.8em; font-weight:500}
		.peq_listado{ font-size:0.9em; font-weight:500;}		
		.peq_negrita{ font-size:0.8em; font-weight:700}
		.puntero{ cursor:pointer;}
		.t_boton{ font-size:0.9em; font-weight:500}


		/*-------- fin clases ------------*/			
		
			
		/********** Rollover *************/

		a.desvanecimiento_medio img{filter: alpha(opacity=100); opacity:1;}						
		a.desvanecimiento_medio:hover img{ filter: alpha(opacity=50); opacity: 0.5;}	
		
		a.desvanecimiento_suave img{filter: alpha(opacity=100); opacity:1; }						
		a.desvanecimiento_suave:hover img{ filter: alpha(opacity=80); opacity: 0.80;}			
		
		a.desvanecimiento img{filter: alpha(opacity=100); opacity:1;}						
		a.desvanecimiento:hover img{ filter: alpha(opacity=50); opacity: 0.50;}			
		
		a.desvanecimiento_pie img{filter: alpha(opacity=100); opacity:1; border:none}						
		a.desvanecimiento_pie:hover img{ filter: alpha(opacity=50); opacity: 0.50;}	
		
		a.desvanecimiento_sin img{filter: alpha(opacity=100); opacity:1; border:none }						
		a.desvanecimiento_sin:hover img{ filter: alpha(opacity=80); opacity: 0.80;}	

		/******************* fin Rollover */