/* DISEÑO WEB: http://www.tripulacionweb.com */

/* ----------------------------------
	ETIQUETAS GENERALES
----------------------------------- */
html {
	height:100%;
}

body {
margin:0;
padding:0;
background:url(img/background/background.jpg) repeat-x #387eba;
height:100%;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

p {
margin:0;
padding:0;
}

form {
margin:0;
padding:0;
}

ol {
margin:0;
padding:0;
list-style:none;
}

h1,h2,h3,h4 {
	margin:0;
	padding:0;
}



/* ----------------------------------
	ESTRUCTURA
----------------------------------- */
/* MENU */
/* css/menu.css */

/* HEADER */
#header { /* <div> Encabezado: Sostiene el fondo (liquid width) */
background:url(img/header/background.jpg) repeat-x #ffcc00;
}

  #header #cintillo { /* <div> Sostiene el cintillo */
  }


/* ADVERTENCIAS */
.advertencias { /* <div> Para escribir avisos y advertencias (navegadores, mentanimientos, etc) */
background:#ffffdd;
padding:15px;
font:14px Arial, Helvetica, sans-serif;
border:1px dashed black;
margin:15px;
}

   .advertencias a { text-decoration:underline; color:#0066CC; } /* Links */

/* WRAPPER */
#wrapper { /* <div> Sostiene todo el contenido (fixed width) */
width:1010px; /* <-- Real 1000px, 5px de cada lado por las sombras */
margin:0 auto 0 auto;
padding-top:50px;
padding-bottom:15px;
}

#wrapper h1.titulo { /* El título "Directorio comercial para Mérida, Yucatán" */
font:29px Georgia, "Times New Roman", Times, serif;
color:white;
text-align:right;
padding-right:15px;
}
   
/* PRINCIPAL */
#principal { /* <div> Sostiene la parte principal (el fondo blanco) */
background:url(img/principal/background.png) no-repeat 50% 50%;
height:246px;
padding:1px 5px 0 5px; /* <-- Eliminando el sombreado */
position:relative;
}

  #principal #encontrar { /* <div> Sostiene el buscador y las sub-categorías, crea los márgenes */
  margin-left:420px;
  margin-top:40px;
  }
  
  #encontrar .titulo_quiero { /* <div> El título "¿Qué quiero encontrar?" */
  font:24px Georgia, "Times New Roman", Times, serif;
  color:black;
  }
  
  #encontrar form { /* <div> El formulario */
  position:relative;
  }
  
  #encontrar 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;
  }
  
  #encontrar form .texto_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;
  }
  
  #encontrar 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;
  }
  
  #encontrar #sugerencias { /* <div> XCOSAS SUGGEST: Ofrece las sugerencias (position absolute) */
  width:411px;
  position:absolute;
  display:none; /* <-- ocultamos */
  border:1px solid black;
  background:url(img/principal/sugerencias_background.png) repeat 0% 0%;
  font:bold 11px "Tahoma",Arial, Helvetica, sans-serif;
  z-index:1000;
  color:white;
  }
	  
	#encontrar .suggest_link {background-color:none;padding: 2px 6px 2px 6px;} /* <div> Emula un link */
    #encontrar .suggest_link_over {background-color:#0c2e4b;padding: 2px 6px 2px 6px;cursor:pointer;} /* <div> Emula un link */
		
		
   #encontrar #sugerencias_dia { /* <div> Sostiene la frase "Hoy te ofrecemos..." (position absolute) */
   font:12px "Tahoma",Arial, Helvetica, sans-serif;
   position:absolute;
   left: 425px;
   top: 110px;
   width:300px;
   }
   
   #encontrar #division { /* <div> La división entre los 2 tipos de búsqueda */
   margin-top:30px;
   margin-bottom:5px;
   background:url(img/principal/division.jpg) no-repeat 0% 50%;
   }
   
   #encontrar .titulo_categorias { /* <div> El título "Índice:" */
   font:18px Georgia, "Times New Roman", Times, serif;
   letter-spacing:normal;
   }
   
   #encontrar #giros { /* <div> Sostiene a los vínculso de los giros" */
   font:18px Arial, Helvetica, sans-serif;
   letter-spacing:.045em;
   }
   
      #encontrar #giros a { color:#215282; } /* Links */
	  
	#encontrar #botones { /* <div> Sostiene a los botones */
		margin-top:10px;
	}
	
	#encontrar #botones div { /* Botones flotantes a la izquierda */
		float:left;
	}
	
	/* Normales */
	#botones #btn_giros_i { background:url(img/botones/btn_giros.png) no-repeat 0 0; width:175px; height:35px; }
	#botones #btn_explorar_i { background:url(img/botones/btn_explorar.png) no-repeat 0 0; width:199px; height:35px; }
	#botones #btn_busqueda_i { background:url(img/botones/btn_busqueda.png) no-repeat 0 0; width:175px; height:35px; }
	
	#botones #btn_giros_i.over { background:url(img/botones/btn_giros_over.png) no-repeat 0 0; }
	#botones #btn_explorar_i.over { background:url(img/botones/btn_explorar_over.png) no-repeat 0 0; }
	#botones #btn_busqueda_i.over { background:url(img/botones/btn_busqueda_over.png) no-repeat 0 0; }
	  
	  
/* OTRAS SECCIONES */	
#otras { /* <div> Sostiene a "nosotros" y "nav" */
margin-top:42px;
}  

   #otras #nosotros { /* <div> Sostiene información sobre xcosas */
   width:680px; 
   height:135px;
   color:white;
   font:11px "Tahoma",Arial, Helvetica, sans-serif;
   text-align:justify;
   margin-left:5px;
   background:url(img/otras/nosotros_background.png) no-repeat 0% 0%;
   padding:15px;
   }
   
      #otras #nosotros a { color:white;font:16px Georgia, "Times New Roman", Times, serif; } /* Links */
   
   #otras #nosotros .titulo { /* <div> El título "¿Qué es xcosas?" */
   font:22px Georgia, "Times New Roman", Times, serif;
   color:white;
   text-align:left;
   }
   
   #otras #nosotros p { /* El párrafo "xcosas.com es el directorio.." */
	   width:329px;
	   margin-top:10px;
	   float:left;
   }
   
      #otras #nosotros p a { /* Links */
	    font:11px Tahoma, Geneva, sans-serif;
	  }
   
   /* Links (flotantes) */
   #otras #nosotros .linkAnunciate {
	   float:left;
	   margin-top:40px;
	   margin-left:35px;
   }
   
   #otras #nosotros .linkNosotros {
	   float:left;
	   margin-top:40px;
	   margin-left:40px;
   }
   
   #otras #nosotros .linkContacto {
	   float:left;
	   margin-top:40px;
	   margin-left:45px;
   }
   
   #otras #nosotros .linkTerminos {
	   float:left;
	   width:280px;
	   margin-left:50px;
	   margin-top:10px;
   }
   
      #otras #nosotros .linkTerminos a { /* Términos y Condiciones... */
		  font:10px Tahoma, Geneva, sans-serif;
	  }
   
   #otras #cine { /* <div> Sostiene la "cartelera del cine" */
   background:url(img/otras/cine_background.png) no-repeat;
   width:284px;
   height:192px;
   float:right;
   margin-top:-35px;
   }
   
   #otras #cine .titulo { /* <div> El título "La Cartelera del Cine" */
   font:24px Georgia, "Times New Roman", Times, serif;
   color:white;
   text-align:left;
   margin-left:18px;
   margin-top:123px;
   color:#b0d4f3;
   width:230px;
   text-align:center;
   }
   
      #otras #cine a { color:#b0d4f3; } /* Links */
   
      #otras #cine span { /* El texto "Cinépolis & MMCinemas" */
		  font:11px Tahoma, Geneva, sans-serif;
		  display:block;
		  margin-top:-3px;
	  }
   
   
   
/* FOOTER */
#footer_azul { /* <div> El footer azul (hasta abajo), (liquid width) */
background:url(img/footer/background_azul.jpg) repeat-x 0% 0% #082d4c;
height:80px;
}

  #footer_azul #footer_wrapper {
	  width:1000px;
      margin:0 auto 0 auto;
  }


   #footer_azul .logo { /* <div> Sostiene el logotipo (float right) */
   float:right;
   width:247px;
   margin-top:30px;
   margin-left:20px;
   }
   
   #footer_azul .contenedor { /* <div> que sosiene los links (liquid width) */
   text-align:right;
   padding-top:30px;
   font:12px "Tahoma",Arial,sans-serif;
   color:white;
   }
   
      #footer_azul .contenedor a {color:white;font:bold 12px "Tahoma",Arial, Helvetica, sans-serif;} /* Links */