* { 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:Arial,sans-serif,Helvetica,Verdana; font-size:12px;color:#222;font-weight:500;
			background:#fff; 
			margin: 0 auto; 
	}
	
	
	#contenedor{ width:964px; margin: 0 auto;}
	
	#cabecera{ position:relative; float:left; background:url(../imagenes/_cabecera_fondo.jpg) repeat-x; z-index:100; width:964px; height:100px}
	#cabecera_logo{ position:relative; float:left; top:12px; left:15px; width:174px; height:68px}
	#cabecera_menu{ position:relative; float:right; top:-5px; width:420px; height:100px; }
	
	
	#index_cuerpo{ position:relative; float:left; top:-20px; width:964px; height:270px;*height:271px;
				   background:url(../imagenes/_index_cuerpo_fondo.jpg);	z-index:1}
		#index_cuerpo_flash{ position:relative; float:left; width:545px; height:265px;}	
		#index_cuerpo_insitu{ position:relative; float:left; width:419px; height:148px;
							  background: url(../imagenes/insitu.jpg) no-repeat; *overflow:hidden;}
			#index_cuerpo_insitu_furgo{ position:absolute; top:-30px;*top:7px; left:105px; *left:80px; *width:550px; *height:450px; }
	
		#index_cuerpo_lunas{ position:relative; float:left; width:419px; height:113px; *top:0px;
							background:url(../imagenes/lunas.jpg) no-repeat} 
			#index_cuerpo_lunas_luna{ position:absolute; top:-34px; left:-121px; width:450px; height:185px;
														*top:-35px; *left:-25px; *width:450px; *height:550px; }
	
	
	#index_servicios{ position:relative; float:left; width:964px; height:365px; top:70px;
							background:url(../imagenes/_index_servicios_fondo.jpg) no-repeat; }
		.index_servicio{ position:relative; float:left; width:241px; height:385px; top:-127px; *overflow:hidden; }
			.index_servicio_bus{ position:relative; top:0px; left:-45px; }
				#chapa{ *position:absolute; *top:36px; *left:2px;*width:410px; *height:450px;}
				#vinilos{ top:10px; left:-15px; *position:absolute; *top:42px; *left:0px;*width:400px; *height:450px; }
				#reformas{ top:-10px; left:-20px; *position:absolute; *top:30px; *left:0px;*width:410px; *height:450px;}
				#turistico{ top:-18px; left:20px; *position:absolute; *top:32px; *left:30px;*width:400px; *height:450px; }
			.index_servicio_texto{ position:relative; top:-25px; *top:180px;  }
	
		.servicio_titulo{ font-size:16px; color:#000; text-align:left; font-weight:bold; margin-bottom:15px }
		.servicio_descripcion{ font-size:11px; color:#888; text-align:left; margin-right:15px }	
	
	
	
	#sercar_cuerpo{ position:relative; float:left; top:-20px; width:964px; z-index:1; margin-bottom:-23px;
					line-height:18px; color:#888;}	
		#sercar_info{ position:relative; float:left; width:964px; background:url(../imagenes/_fondo.jpg); top:-4px; }
			#sercar_info_datos{ position:relative; float:left; width:570px; height:100%; text-align:justify; margin:20px 15px 10px 15px; }
			#sercar_info_datos_insitu{ position:relative; float:left; width:534px; height:100%; text-align:justify; margin:20px 15px 10px 15px; }
			#sercar_columna_derecha{ position:relative; float:left; background:url(../imagenes/e_separacion_vertical.jpg) repeat-y;
								width:364px; height:100%; text-align:right}
			#sercar_columna_derecha_insitu{ position:relative; float:left; width:400px; height:100%; margin-top:25px}
				#sercar_video{ position:relative; float:left; width:352px; margin-left:12px}									
		
		
		#sercar_instalaciones{ position:relative; float:left; width:964px; background:url(../imagenes/_fondo.jpg);}
		#sercar_instalaciones_foto{ position:relative; float:left; width:573px;}
		#sercar_instalaciones_info{ position:relative; float:left; height:100%}
		

		#sercar_servicios{ position:relative; float:left; width:964px; background:url(../imagenes/_fondo.jpg);}
		.sercar_servicio{ position:relative; float:left; width:100%; text-align:left}
			.sercar_servicio_foto{ position:relative; float:left; width:240px; text-align:left}
			.sercar_servicio_texto{ position:relative; float:left; width:700px; text-align:justify}


	
	#localizacion_cuerpo{ position:relative; float:left; top:-20px; width:964px;z-index:1; margin-bottom:-21px}						  
		
		#map_canvas{ position:relative; float:left;width:964px; height:350px; }
		#localizacion_info{ position:relative; float:left; width:964px; background:url(../imagenes/_fondo.jpg); top:-4px; height:256px}
		#localizacion_info_datos{ position:relative; float:left; width:200px; height:200px; text-align:left; line-height:18px;
									color:#888; margin:10px 10px 10px 10px; }
		#localizacion_mapa{ position:relative; float:left; top:2px}


	#aviso_cuerpo{ position:relative; float:left; margin:5px 5px 20px 5px; background:url(../imagenes/_fondo.jpg);text-align:justify}						  	#aviso_texto{ margin:10px 15px 20px 10px}
		
	
	/* ---------- PIES ------------------------------*/
	
	#pie { position:relative; float:left; width:964px; height:30px; background:url(../imagenes/_pie_fondo.jpg) repeat-x; }
		.pie_opcion{ position:relative; float:left; height:30px; padding: 7px 0 0 0}
		.pie_separacion{ position:relative; float:left; width:4px; height:30px; background: url(../imagenes/_pie_separacion.jpg);}
	
	
	
	.separacion_horizontal{position:relative; float:left; background:url(../imagenes/e_separacion_horizontal.jpg) repeat-x; height:8px; width:100%}
	.separacion_horizontal_corta{position:relative; float:left; background:url(../imagenes/e_separacion_horizontal.jpg) repeat-x; height:6px; width:100%}
	.mini_separacion_horizontal{position:relative; float:left; height:5px; width:100%}
	.separacion_vertical{ position:relative; float:left; background:url(../imagenes/e_separacion_vertical.jpg) repeat-y; 
						  height:100%; width:8px;}
 
	#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;}		


	
	
	/* ---------- 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;}
	

	
	
	h1 {font-size:20px; line-height:30px; letter-spacing:1px; color:#900 }
	h2 {font-size:14px; line-height:30px; color:#555  }
	
	.titulo_corto{ margin: 21px 0 -19px 0}	
	.rojo{ color:#900}
	.subir{ top:-15px;}


	
	.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%;}
	
	
	
	/*----- 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:#900; text-decoration:underline; 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 */