* { 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,verdana, sans-serif,Helvetica; font-size:13px;color:#FFF;font-weight:500; background:url(../imagenes/_fondo_principal.jpg) no-repeat center top #000;		 
			margin: 0 auto; 		
	}
	#contenedor{ width:955px; margin: 0 auto;}
	
	
	a{ color:#CCC; text-decoration:none; font-weight:600 }
	a:hover{ color:#F55; font-weight:600;}		
	

	.font_cabin{ font-family: 'Cabin', sans-serif;}	
	
	.capitular { font-weight:bold; font-size:14px;}
	.enlace_normal a:link,.enlace_normal a:visited{font-size:13px; color:#FFF; font-weight:bold }
	.enlace_normal a:hover{ color:#BBB;}	
	
	
	/* ---------- 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;}			
		
					
					
	

		
				
		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}
		
		.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 { color:#db0909; 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 */
		
	
			
		
		
		
		
		