/**
 * Style rules for the Pronino's website
 * @author Luis Pirir luispirir@gmail.com
 */
*, html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
	body {
		margin: auto;
		text-align: center;
		font-size: 62.5%;
		font-family: Lucida Sans Unicode, Lucida Grande, Arial, Tahoma, sans-serif;
		background-color: #e7e7e7;
	}
/** LAYOUT **/
#wrapper {
	width: 960px;
	margin: auto;
	text-align: left; 
	background-color: #fff;
}
	#header {
		height: 325px;
		position: relative;		
	}		
		#header #menu {
			position: absolute;
			bottom: 1px;
		}
			* html #header #menu { left: 0; }
			*+html #header #menu { left: 0; }
			#menu ul { 
				overflow: hidden; 
				width: 637px;
				margin-left: 323px;
				height: 74px;
			}
				#menu ul li {
					float: left;
					list-style: none;
				}
					#menu ul li a {
						text-decoration: none;
						color: #000E78; /*#404040;*/
						font-size: 1.2em;
						height: 74px;
						display: block;
						text-indent: -9999px;
					}						
						#menu ul li#acerca-de-pronino a {
							width: 114px;
							background: url(../pix/acerca_pronino2.png) no-repeat; 
						}
							#menu ul li#acerca-de-pronino a:hover { background-position: left -148px; }
							#menu ul li#acerca-de-pronino.active a { background-position: left -74px; }
						#menu ul li#pronino-en-guatemala a {
							width: 132px;
							background: url(../pix/pronino_guate2.png) no-repeat;
						}
							#menu ul li#pronino-en-guatemala a:hover  { background-position: left -148px; }
							#menu ul li#pronino-en-guatemala.active a { background-position: left -74px; }
						#menu ul li#trabajo-infantil-en-guatemala a {
							width: 145px;
							background: url(../pix/trabajo_infantil2.png) no-repeat;
						}
							#menu ul li#trabajo-infantil-en-guatemala a:hover { background-position: left -148px; }
							#menu ul li#trabajo-infantil-en-guatemala.active a { background-position: left -74px; }
						#menu ul li#galeria-de-fotos a {
							width: 114px;
							background: url(../pix/galeria_fotos2.png) no-repeat;							
						}
							#menu ul li#galeria-de-fotos a:hover { background-position: left -148px; }
							#menu ul li#galeria-de-fotos.active a { background-position: left -74px; }
						#menu ul li#noticias a {
							width: 114px;
							background: url(../pix/noticias2.png) no-repeat;
						}
							#menu ul li#noticias a:hover { background-position: left -148px; }
							#menu ul li#noticias.active a { background-position: left -74px; }
	#content { 
		overflow: hidden; 
		min-height: 600px;		
	}
	#footer {
		background: url(../pix/bg_footer.jpg) center top no-repeat;
		line-height: 3em;
		text-align: center;
		font-size: 1.2em;
		color: #8e9295;
	}
		#footer address { font-style: normal; }

		* html #footer { clear: both; }
		#footer a { color: #8e9295; }
			#footer a:hover { text-decoration: none; }
	/** SIDEBAR **/
		#content #sidebar {
			float: left;
			width: 215px;
			padding-top: 35px;
		}			
			* html #content #sidebar { width: 210px; }
			#sidebar ul {
				width: 190px;
				margin-left: 20px;
			}
				#sidebar ul li { 
					list-style: none; 
					background: url(../pix/item_sidebar.jpg) top left no-repeat;
				}
					#sidebar ul li.default {
						background: none;
						padding: 5px 0;
					}
					#sidebar ul li a {
						color: #000e78;
						text-decoration: none;
						font-size: 1.2em;
						display: block;
						padding: 3px;
					}
						* html #sidebar ul li a { height: 1%; }
						#sidebar ul li a:hover { color: #5c93d5; }
						#sidebar ul li.default a {
							text-indent: -9999px;
							background: url(../pix/home.jpg) no-repeat;
							height: 9px;
							padding: 5px;
							display: block;
						}
							* html #sidebar ul li.default a {
								height: 1%;
								padding-bottom: 0;
							}
							#sidebar ul li.default a:hover { background-position: left -20px; }
					#sidebar ul ul {
						width: 95%;
						margin: 0 auto 5px;
					}
						#sidebar ul ul li { background: none; }
							#sidebar ul li li a { 
								color: #aaadb0; 
								font-size: 1.0em;
								padding: 2px;
							}
								#sidebar ul li li a:hover, #sidebar ul li li a.active { color: #8e9295; }
			#sidebar form {
				width: 190px;
				margin-top: 0.5em;
				margin-left: 20px;
			}
				* html #sidebar form { margin-left: 10px; }
				*+html #sidebar form { margin-left: 10px; }
				#sidebar form input {
					border: 1px solid #8e9295;
					font-size: 1.1em;
					padding: 5px 20px 5px 5px;
					height: 18px;
					background: url(../pix/bg_search.jpg) 141px center no-repeat;
					width: 131px;
				}