/**
 * Style rules for the MonoLoco site
 * @author Luis Pirir luispirir@gmail.com
 */
* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	background-color: #000;
	font-size: 62.5%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Lucida, sans-serif;
}
/** Wrapper */	
#wrapper {
	width: 1100px;
	margin: auto;
	text-align: center;
}
	#header {
		background: url(../pix/header.jpg) left bottom no-repeat;
		height: 305px;
		position: relative;
	}
		#header #header_flash {
			position: absolute;
			top: 57px;
			left: 2px;
			width: 370px;
			height: 85px;
		}
		#header #top_menu {
			position: absolute;
			left: 67px;
			font-size: 1.2em;
			top: 9px;		
			color: #fff;	
		}
			#top_menu a {
				color: #fff;
				text-decoration: none;
				line-height: 18px;
			}
				#top_menu a:hover, #top_menu #active { text-decoration: underline; }
		#header form {
			position: absolute;
			right: 300px;
			color: #fff;
			top: 9px;
		}
			#header form label {
				font-size: 1.2em;
				line-height: 20px;
			}
			#header #keyword {
				width: 134px;
				height: 18px;
				background: url(../pix/search.jpg) no-repeat;
				font-size: 1.1em;
				color: #fff;
				padding: 2px 5px 0;
				margin-left: 5px;
			}
	#content {
		float: left;
		width: 100%;		
	}
	/** MENU **/
	#menu {
		width: 261px;
		height: 525px;
		background: url(../pix/sidebar.png) no-repeat;
		float: left;
		margin-left: 40px;
		margin-top: -95px;
		position: relative;
		z-index: 50;
	}
		#menu ul { margin: 65px 8px 0; }
			#menu ul li {
				list-style: none;
				text-align: left;	
				margin-top: 5px;			
			}
				#menu ul li a {
					width: 221px;
					height: 58px;
					display: block;
					text-indent: -9999px;
				}
					* html #menu ul li a { 
						float: left; 
						width: 99%;	
					}
					#menu ul li a.quienes-somos { background: url(../pix/quienessomos.png) no-repeat; }
						#menu ul li a.quienes-somos:active, #menu ul li a.quienes-somos:hover { background-position: left -58px; }
					#menu ul li a.menu { background: url(../pix/menu.png) no-repeat; }
						#menu ul li a.menu:active, #menu ul li a.menu:hover { background-position: left -58px; }
					#menu ul li a.galeria-de-fotos { background: url(../pix/galeria.png) no-repeat; }
						#menu ul li a.galeria-de-fotos:active, #menu ul li a.galeria-de-fotos:hover { background-position: left -58px; }
					#menu ul li a.noticias { background: url(../pix/noticias.png) no-repeat; }
						#menu ul li a.noticias:active, #menu ul li a.noticias:hover { background-position: left -58px; }
					#menu ul li a.ubicaciones { background: url(../pix/ubicaciones.png) no-repeat; }
						#menu ul li a.ubicaciones:active, #menu ul li a.ubicaciones:hover { background-position: left -58px; }
					#menu ul li a.souvenirs { background: url(../pix/souvenirs.png) no-repeat; }
						#menu ul li a.souvenirs:active, #menu ul li a.souvenirs:hover { background-position: left -58px; }
					#menu ul li a.franquicias { background: url(../pix/franquicias.png) no-repeat; }
						#menu ul li a.franquicias:active, #menu ul li a.franquicias:hover { background-position: left -58px; }
					#menu ul li.en a.quienes-somos { background: url(../pix/quienessomosen.png) no-repeat; }
						#menu ul li.en a.quienes-somos:active, #menu ul li.en a.quienes-somos:hover { background-position: left -58px; }
					#menu ul li.en a.menu { background: url(../pix/menuen.png) no-repeat; }	
						#menu ul li.en a.menu:active, #menu ul li.en a.menu:hover { background-position: left -58px; }
					#menu ul li.en a.galeria-de-fotos { background: url(../pix/galeriaen.png) no-repeat; }
						#menu ul li.en a.galeria-de-fotos:active, #menu ul li.en a.galeria-de-fotos:hover { background-position: left -58px; }
					#menu ul li.en a.noticias { background: url(../pix/noticiasen.png) no-repeat; }
						#menu ul li.en a.noticias:active, #menu ul li.en a.noticias:hover { background-position: left -58px; }
					#menu ul li.en a.ubicaciones { background: url(../pix/ubicacionesen.png) no-repeat; }
						#menu ul li.en a.ubicaciones:active, #menu ul li.en a.ubicaciones:hover { background-position: left -58px; }
					#menu ul li.en a.souvenirs { background: url(../pix/souvenirsen.png) no-repeat; }
						#menu ul li.en a.souvenirs:active, #menu ul li.en a.souvenirs:hover { background-position: left -58px; }
					#menu ul li.en a.franquicias { background: url(../pix/franquiciasen.png) no-repeat; }
						#menu ul li.en a.franquicias:active, #menu ul li.en a.franquicias:hover { background-position: left -58px; }
					#menu ul li a#active { background-position: left -58px; }
		#menu p { 
			height: 158px; 
			margin-top: 3px;
		}
			#menu p a {
				height: 158px;
				display: block;
				width: 261px;
				background: url(../pix/contactenos.png) no-repeat;
				text-indent: -9999px;
			}
			#menu p.en a { background: url(../pix/contactenosen.png) no-repeat; }
				#menu p.en a:hover, #menu p.en a#active { background-position: left -158px; }
				#menu p a:hover, #menu p a#active { background-position: left -158px; }		
	/** FOOTER */
	#footer {				
		color: #fff; 
		height: 3em;
		padding: 0.5em 0 1em;
		clear: both;
		position: relative;
	}
		#footer ul { 
			overflow: hidden; 
			width: 49%; 
			margin: 1em auto;
		}
			#footer ul li {
				list-style: none;
				float: left;				
			}
				#footer ul li a {
					color: #666;
					text-decoration: none;
					font-size: 1.2em;
					border-right: 1px solid #666;
					padding: 0 5px;
					line-height: 2.0em;
				}
					#footer ul li a:hover, #footer ul li a#active { text-decoration: underline; }
					#footer ul li a.franquicias { border: none; }
		#footer p {
			padding: 0.5em 0;
			font-size: 1.2em;			
		}
			#footer p a { color: #fff; }
				#footer p a:hover { text-decoration: none; }