/* BLACK */
#black { /* <div> El fondo negro que cubre la pantalla */
width:100%;
height:100%;
background:url(../img/black/black.png) repeat;
position:fixed;
z-index:100;
display:none;
}

   #black table { /*La Tabla (collapse) */
      border-collapse:collapse;
	  margin:0;
   }

   #black table, #black tr, #black td { /* Ancho y altura al 100% */
      width:100%;
      height:100%;
	  text-align:left;
   }
   
   #black #black_wrapper { /* <div> Sostiene TODO dentro de la tabla, fixed width (740px) */
	   width:740px;  /* <-- Ancho total (con sombras) */
	   margin:0 auto 0 auto;
   }
   
   #black_wrapper #curva_superior { /* <div> La curva superior (incluye las 2 curvas) */
	   background:url(../img/black/curva-superior.png) no-repeat 0% 0%;
	   height:30px;
   }
   
   #black_wrapper #curva_inferior { /* <div> La curva superior (incluye las 2 curvas) */
	   background:url(../img/black/curva-inferior.png) no-repeat 0% 0%;
	   height:30px;
   }
   
   #black_wrapper #background { /* <div> El fondo normal (imagen repetida en y con sombra) */
	   background:url(../img/black/background.png) repeat-y;
	   position:relative;
   }
   
   #background #cerrar_txt { /* <div> El link "[cerrar ventana]", (position absolute) */
   position:absolute;
   bottom:-13px;
   left:325px;
   }
   
      #background #cerrar_txt a { color:white; font:13px Tahoma,Arial,serif} /* Links */
   
   #background #cerrar_btn { /* <div> El boton "[cerrar ventana]", (position absolute) */
   position:absolute;
   top:-10px;
   right:20px;
   }
   
      #background #cerrar_btn img { /* Imagen sin borde */
	  border:none;
	  }
   
   #background #background_superior { /* <div> Background superior (con degradado) */
	   background:url(../img/black/background_superior.png) no-repeat 50% 0%;
   }
   
   #background #background_inferior{ /* <div> Background inferior (con degradado) */
	   background:url(../img/black/background_inferior.png) no-repeat 50% 100%;
   }
   
   #background #background_fx { /* <div> Background FX */
	   background:url(../img/black/background_fx.png) no-repeat 50% 0%;
   }
 
   #background #contenedorM { /* <div> El contenido (sostiene el título, a #contenido) */
	   margin:0 auto 0 auto;
	   padding:0 40px 10px 40px; /* <-- Márgenes, deja libre el "área blánca" del lienzo */
	   border-top:1px solid transparent; /* <-- Necesario para poder hacer "margins-top"*/
   }
 
   #contenedorM h1 { /* El título "El directorio de Mérida, Yucatán" */
	   font:26px Georgia, "Times New Roman", Times, serif;
	   color:white;
	   padding-top:0px;
	   padding-bottom:15px;
   }
   
   #contenedorM #pestanas div { /* Las Pestañas */
	   float:left;
		width:214px;
		height:27px; /* <-- Real 32px */
		padding-top:5px;
		font:17px Tahoma, Geneva, sans-serif;
		text-align:center;
   }
	  
	  #contenedorM div.blanco { /* PRESIONADO (Pestañna blanca) */
		  background:url(../img/black/pestana-blanca.png) no-repeat 0 0;
	  }
	  
	  #contenedorM div.amarillo { /* NO PRESIONADO (Pestaña amarilla) */
		  background:url(../img/black/pestana-amarilla.png) no-repeat 0 0;
	  }
	  
	  #contenedorM .marginRight { /* Un pequeño margen a la izquierda */
		  margin-right:9px;
	  }
	  
	  #contenedorM #pestanas a { color:black;text-decoration:none; } /* Links Pestañas */

   /* EL VERDADERO CONTENIDO  */
   #contenedorM #contenido { /* <div> Otro contenido (sosteiene a #nav y el conteido)*/
	   background:white;
	   clear:both;
	   border-top:1px solid white; /* <-- Necesario para poder hacer "margin-tops"*/
   }
   
    /* NAV */
      #contenido .nav { /* <div> Barra azul de navegación */
		  background:url(../img/black/nav_background.png) repeat-x 0% 0%;
		  height:63px; /* <-- Real 74px */
		  margin-top:15px;
		  padding-left:25px;
		  padding-top:12px;
		  font:bold 15px Calibri,Arial, Helvetica, sans-serif;
		  color:#86d0fd;
		  position:relative;
	  }
	  
	  #contenido .nav h1 { /* Los títulos "Navega el Directorio", "Realiza una Búsuqeda", etc. */
		  font:30px "Times New Roman", Times, serif;

		  color:#86d0fd;
		  margin:0;
		  padding:0;
	  }
	  
	  #contenido .nav h2 { /* Los subtítulos "Explora a través de categorías y subcategorías..." */
		  font:14px Calibri,Arial, Helvetica, sans-serif;
		  color:white;
		  margin-top:-5px;
	  }
	  
	  #contenido #division_filtro { /* <div> División (position absolute) */
	     position:absolute;
	     width:1px;
         height:51px;
	     background:url(../img/black/division.png) no-repeat 0% 0%;
	     right:182px;
	     top: 13px;
	  }
	  
	  /* ESTILOS PARA TODO EL CONTENIDO  */
	   #contenido p { /* Los párrafos (A B C D E F G H I J K L M...etc. )*/
		  color:white;
		  font:18px Arial, Helvetica, sans-serif;
	  }
	  
	     #contenido p a { color:white; } /* Links */
		 #contenido p a.selected { color:#e6c33b; } 
		 
	  #contenido #filtro { /* <div> El buscador "Buscar giros" (float right) */
		  float:right;
		  width:170px;
	  }
	  
	  #contenido #filtro form { /* El formulario del buscador */
		  background:url(../img/black/filtro_background.png) no-repeat;
		  height:20px; /* <-- Real 22px; */
		  padding-top:2px;
	  }
	  
	  #contenido #filtro form .text { /* <input> La clase del campo de texto */
		  width:110px;
		  margin-left:25px;
		  border:1px solid white;
		  color:#595959;
		  font-size:12px;
	  }
	  
	  /* #CONTENT_* (Área activa AJAX) */
	  #content_giros, #content_explorar, #content_busqueda { /* <div> El área activa */
		  overflow:auto; /* <-- Autoscroll */
		  margin:15px 0 0 15px;
	  }
	  
	  /* PESTAÑA "GIROS COMERCIALES" */
	     #content_giros {
			 height:auto;
			 width:auto;
		 }
	  
         #content_giros.loading { /* <div> El conetenido versión "loading..." */
	         background:url(../img/black/processing.gif) no-repeat 50% 50% white;
	     }
		 
		 /* LETRAS / FONDOS */
		 #content_giros.A { background:url(../img/black/A.png) no-repeat 95% 100% }
		 #content_giros.B { background:url(../img/black/B.png) no-repeat 95% 100% }
		 #content_giros.C { background:url(../img/black/C.png) no-repeat 95% 100% }
		 #content_giros.D { background:url(../img/black/D.png) no-repeat 95% 100% }
		 #content_giros.E { background:url(../img/black/E.png) no-repeat 95% 100% }
		 #content_giros.F { background:url(../img/black/F.png) no-repeat 95% 100% }
		 #content_giros.G { background:url(../img/black/G.png) no-repeat 95% 100% }
		 #content_giros.H { background:url(../img/black/H.png) no-repeat 95% 100% }
		 #content_giros.I { background:url(../img/black/I.png) no-repeat 95% 100% }
		 #content_giros.J { background:url(../img/black/J.png) no-repeat 95% 100% }
		 #content_giros.K { background:url(../img/black/K.png) no-repeat 95% 100% }
		 #content_giros.L { background:url(../img/black/L.png) no-repeat 95% 100% }
		 #content_giros.M { background:url(../img/black/M.png) no-repeat 95% 100% }
		 #content_giros.N { background:url(../img/black/N.png) no-repeat 95% 100% }
		 #content_giros.O { background:url(../img/black/O.png) no-repeat 95% 100% }
		 #content_giros.P { background:url(../img/black/P.png) no-repeat 95% 100% }
		 #content_giros.Q { background:url(../img/black/Q.png) no-repeat 95% 100% }
		 #content_giros.R { background:url(../img/black/R.png) no-repeat 95% 100% }
		 #content_giros.S { background:url(../img/black/S.png) no-repeat 95% 100% }
		 #content_giros.T { background:url(../img/black/T.png) no-repeat 95% 100% }
		 #content_giros.U { background:url(../img/black/U.png) no-repeat 95% 100% }
		 #content_giros.V { background:url(../img/black/V.png) no-repeat 95% 100% }
		 #content_giros.W { background:url(../img/black/W.png) no-repeat 95% 100% }
		 #content_giros.X { background:url(../img/black/X.png) no-repeat 95% 100% }
		 #content_giros.Y{ background:url(../img/black/Y.png) no-repeat 95% 100% }
		 #content_giros.Z { background:url(../img/black/Z.png) no-repeat 95% 100% }
   
   
   #content_giros ol { /* Las listas (links) */
   font:bold 12px Arial, Helvetica, sans-serif;
   color:black;
   list-style:decimal;
   margin-left:30px;
   }
   
   #content_giros ol li { /* Una pequeña distancia entre las opciones */
   margin-bottom:4px;
   }
   

      #content_giros ol a { color:black; } /* Links */
	  
	  #content_giros ol span { /* Las categorias entre paréntesis */
	  font:10px Arial, Helvetica, sans-serif;
	  font-weight:normal;
	  color:#666666;
	  }
	  
    #content_giros p.sinResultados {
	   color:black;
	   font-size:12px;
	   font-weight:bold;
   }
   
    /* PESTAÑA "EXPLORAR DIRECTORIO" */
   #div_explorar {
	   display:none;
   }
   
   #div_explorar a:hover { text-decoration:none; }
   
     #div_explorar .categoria {
		 font:32px "Times New Roman", Times, serif;
		 padding-left:20px;
		 background:url(../img/black/blanco-mas.png) no-repeat 0% 10px;
		 margin-bottom:5px;
	 }
	 
	    #div_explorar .categoria a { color:black; }
		#div_explorar .categoria a:hover { color:#3075a5; }
		#div_explorar .categoria.clic { background:url(../img/black/amarillo-menos.png) no-repeat 0% 10px; }
		#div_explorar .categoria.loading {background:url(../img/black/processing.gif) no-repeat 0% 10px; } /* LOADING*/
   
   
      #div_explorar .subcategorias {
		  font:18px "Times New Roman", Times, serif;
		  border-left:1px dotted black;
		  margin-left:-15px;
		  padding-left:20px;
	  }
	  
	  #div_explorar .subcategoria {
		 padding-left:20px;
		 background:url(../img/black/blanco-mas.png) no-repeat 0% 3px;
	   }
	   
	      #div_explorar .subcategoria.clic {background:url(../img/black/amarillo-menos.png) no-repeat 0% 3px; }	
		  #div_explorar .subcategoria.loading {background:url(../img/black/processing.gif) no-repeat 0% 3px; } /* LOADING*/
	  
	  #div_explorar .anuncios {
		  display:none;
		  font:14px Calibri,Arial, Helvetica, sans-serif;
		  border-left:1px dotted black;
		  margin-left:-15px;
		  padding-left:35px;
		  padding-top:5px;
		  padding-bottom:5px;
		  list-style-type:decimal;
	  }
	  
	     #div_explorar .anuncios a { color:#3075a5; }
		 #div_explorar .anuncios a:hover { text-decoration:underline; }
   
   
    /* PESTAÑA "BUSQUEDA ABIERTA" */
   #div_busqueda {
	   display:none;
   }
   
   #div_busqueda #busqueda_holder {
	   margin-left:60px;
	   padding-top:30px;
   }
   
  #div_busqueda .titulo_quiero { /* <div> El título "¿Qué quiero encontrar?" */
  font:24px Georgia, "Times New Roman", Times, serif;
  color:black;
  }
  
  #div_busqueda form { /* <div> El formulario */
  position:relative;
  }
  
  #div_busqueda form .texto { /* <input> El campo de texto para buscar */
  width:400px;
  border:1px solid black;
  font:bold 16px Verdana, Arial, Helvetica, sans-serif;
  padding:7px 6px 7px 6px;
  background:#fdffe6;
  }
  
  #div_busqueda form .loading { /* <input> El campo de texto bara buscar (loading...) */
  width:400px;
  border:1px solid black;
  font:bold 16px Verdana, Arial, Helvetica, sans-serif;
  padding:7px 6px 7px 6px;
  background:url(../img/header/processing.gif) no-repeat 98% 50% #fdffe6;
  }
  
  #div_busqueda form .submit { /* <input> Boton "Buscar" FUNCIONAMIENTO PREDETERMINADO: FF */
  background:url(../img/principal/btn_buscar.jpg) no-repeat 0% 50% #061a2b;
  border:1px solid black;
  width:121px;
  font:bold 14px Arial, Helvetica, sans-serif;
  color:white;
  padding:7px 25px 7px 0;
  position:absolute;
  }
  
  #div_busqueda #busqueda_resultados { /* <div> Los resultados */
	  margin-top:20px;
	  padding:0 10px 0 10px;
  }
  
     #busqueda_resultados a {color:black; } /* Links */
	 
  #div_busqueda h3 { /* El título "Resulados Rápidos" */
  font:20px Georgia, "Times New Roman", Times, serif;
  padding-bottom:5px;
  }
  
  #div_busqueda #busqueda_resultados ol { /* <div> Lista de resultados */
	  margin:0 15px 0 20px;
	  font:14px Calibri, Arial, Helvetica, sans-serif;
	  list-style:decimal;
  }
  
  /* Las listas */
  #div_busqueda #busqueda_resultados ol li { padding:5px; }
  #div_busqueda #busqueda_resultados ol li.color1 { background:#ddf2ff; }
  #div_busqueda #busqueda_resultados ol li.color2 { background:white; }
  
  #div_busqueda #busqueda_resultados p {
	font:14px Calibri, Arial, Helvetica, sans-serif;
	color:black;
  }