/* 
	Maquetado por Emiliano Mateu - colo.mateu@gmail.com
	Fecha: 11/08/2008.
	Modificado: 13/08/2008.
*/

/* Basicos */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
height: 100%;
cursor: default;
/*font-family: "Arial", sans-serif;*/
/*font-family: "Times", serif;*/
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
background: url('../images/bg_body.jpg') repeat-x left -2px #fff;
}
hr{display: none;}
label{cursor: pointer;}
a{cursor: pointer;}
a:active{outline: 0 !important;}
a img{border: none;}
abbr, acronym{cursor: help; border: none;}

/* Genericas */
.skip{
position: absolute;
top: -999px;
}
.fLeft{
width: 49%;
float: left;
}
.fRight{
width: 49%;
float: right;
}
.clear{clear: both;}

/* Estructura */
#container{
width: 746px;
min-height: 100%;
margin: 0 auto 0 auto;
}
#header{
height: 93px;
background: url('../images/bg_header.jpg') no-repeat right top;
}
	#header .logo{
	height: 93px;
	background: url('../images/logo.jpg') no-repeat 5px top;
	}
	h1{
	font-size: 1.9em;
	font-weight: normal;
	padding: 28px 0 0 110px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	}
		h1 a{
		color: #DA4707;
		text-decoration: none;
		}
		
	#nav{
	height: 28px;
	background: url('../images/bg_nav.jpg') no-repeat 5px bottom;
	}
		#nav ul{
		list-style: none;
		padding: 0 0 0 31px;
		}
			#nav ul li{
			float: left;
			}
				#nav ul li a{
				display: block;
				height: 28px;
				color: #fff;
				font-size: 0.5em;
				text-indent: -9999px;
				}
				#nav ul #b1 a{width: 50px; background: url('../images/b1.png') no-repeat left top;}
				#nav ul #b2 a{width: 88px; background: url('../images/b2.png') no-repeat left top;}
				#nav ul #b3 a{width: 95px; background: url('../images/b3.png') no-repeat left top;}
				#nav ul #b4 a{width: 102px; background: url('../images/b4.png') no-repeat left top;}
				#nav ul #b5 a{width: 84px; background: url('../images/b5.png') no-repeat left top;}
				#nav ul #b6 a{width: 78px; background: url('../images/b6.png') no-repeat left top;}
				#nav ul #b7 a{width: 159px; background: url('../images/b7.png') no-repeat left top;}
				
				#nav ul li a:hover,
				#nav ul li a:focus{
				background-position: left bottom !important;
				}
				
			
#content{
width: 736px;
margin: 0 auto 0 auto;
background: url('../images/bg_content.jpg') no-repeat left top;
}
	#content .donate{
	padding: 44px 0 0 47px;
	}
		#content .donate a{
		display: block;
		width: 205px;
		height: 110px;
		color: #F4FBDE;
		font-size: 0.5em;
		text-indent: -9999px;
		}

#info{
padding: 50px 47px 0 45px;
}
	#info h2{
	height: 42px;
	color: #D3E0C4;
	font-size: 0.5em;
	text-indent: -9999px;
	}
	#s1 #info h2{background: url('../images/t_welcome.jpg') no-repeat left top;}
	#s2 #info h2{background: url('../images/t_program.jpg') no-repeat left top;}
	#s3 #info h2{background: url('../images/t_coverage.jpg') no-repeat left top;}
	#s4 #info h2{background: url('../images/t_register.jpg') no-repeat left top;}
	#s5 #info h2{background: url('../images/t_events.jpg') no-repeat left top;}
	#s6 #info h2{background: url('../images/t_contact.jpg') no-repeat left top;}
	#s7 #info h2{background: url('../images/t_donations.jpg') no-repeat left top;}
	#s8 #info h2{background: url('../images/t_privacy.jpg') no-repeat left top;}
	#s9 #info h2{background: url('../images/t_terms.jpg') no-repeat left top;}
	
	#info p{
	color: #4E4E4E;
	font-size: 0.75em;
	padding: 0 0 10px 0;
	}
	
	#info .prev-next{
	color: #fff;
	padding: 0 0 2px 2px;
	}
		#info .prev-next a{
		color: #992B2B;
		}
		
	#info .events{
	list-style: none;
	padding: 0 20px 5px 0;
	}
		#info .events li{
		height: 115px;
		margin: 0 0 0 0;
		padding: 15px 0 0 50px;
		border-bottom: 1px solid #E1EEF6; 
		}
			#info .events li img{
			float: left;
			width: 143px;
			height: 93px;
			border: 4px solid #CFDBA5;
			}
			#info .events li div{
			float: right;
			width: 410px;
			}
			#info .events li h3{
			color: #E57202;
			font-size: 0.85em;
			}
			#info .events li p{
			padding: 0;
			font-size: 0.75em;
			}
			#info .events li .more{
			font-size: 0.7em;
			padding: 20px 0 0 0;
			}
				#info .events li .more a{
				color: #C15F00;
				}
				
	#info .deco{
	width: 433px;
	margin: 0 auto 10px auto;
	padding: 12px 0 0 0;
	background: url('../images/bg_table_title.jpg') no-repeat left top;
	}
		#info .deco table{
		width: 84%;
		color: #454545;
		font-size: 0.7em;
		margin: 0 auto 0 auto;
		}
			#info .deco table strong{
			display: block;
			height: 30px;
			color: #992B2B;
			text-transform: uppercase;
			}
			
	#info .google_map{
	width: 511px;
	margin: 0 auto 15px auto;
	padding: 8px 8px 4px 8px;
	background: #C6D1DB;
	}
	#info .image{
	border: 8px solid #C6D1DB;
	margin: 0 auto 15px auto;
	}
	#s2 .image{width: 511px; height: 268px; background: url('../images/program_img.jpg') no-repeat left top;}


	/* contact table */
	#info .donate2{
	float: right;
	width: 215px;
	height: 141px;
	margin: 80px 30px 0 0;
	background: url('../images/b_donate.jpg') no-repeat left top;
	}
		#info .donate2 a{
		display: block;
		height: 100px;
		color: #fff;
		font-size: 0.5em;
		text-indent: -9999px;
		}
		
	#info .contact{
	float: left;
	width: 320px;
	font-size: 0.7em;
	margin: 0 0 40px 12px;
	}
		#info .contact td{
		padding: 3px 0 3px 0;
		}
		#info .contact .hr{
		height: 20px;
		background: url('../images/table_hr.jpg') no-repeat right center;
		}
		
		#info .contact td strong{
		display: block;
		color: #D76805;
		text-align: right;
		text-transform: uppercase;
		padding: 0 10px 0 0;
		}
			
			#info .contact td p{
			padding: 3px 0 3px 0;
			font-size: 1em;
			color:#000000;
			}
		
	/* register form */
	#info .register{
	font-size: 0.75em;
	padding: 15px 0 50px 0;
	}
		#info .register table td{
		padding: 9px 0 9px 0;
		}
		#info .register table td label{
		color: #797979;
		cursor: default;
		display: block;
		text-align: right;
		padding: 0 10px 0 110px;
		}
		#info .register table td input{
		padding: 1px 3px 1px 3px;
		background: #E9FA9F;
		border: 1px solid #80A74C;
		}
		#info .register table td select{
		width: 170px;
		background: #E9FA9F;
		border: 1px solid #80A74C;		
		}
			#info .register table td select option{
			padding: 1px 3px 1px 3px;
			}
			
		#info .register #email,
		#info .register #cemail{
		width: 140px;
		}
		#info .register #zip,
		#info .register #zip2{
		width: 40px;
		}
		#info .register .back{
		text-align: right;
		padding: 20px 0 0 0;
		}
		#info .register .next{
		text-align: left;
		padding: 20px 0 0 10px;
		}
			#info .register .back input,
			#info .register .next input{
			padding: 0 5px 0 5px;
			background: #D4D0C8;
			border: 2px outset #ccc;
			}

.end{
clear: both;
padding: 70px 0 0 0;
}
#footer{
width: 736px;
height: 40px;
color: #CACCCA;
font-size: 0.7em;
margin: -60px auto 0 auto;
padding: 20px 0 0 0;
background: url('../images/bg_footer.png') no-repeat left top;
}
	#footer .links{
	text-align: right;
	margin: -30px 0 0 0;
	}
		#footer .links a{
		color: #B1BA8D;
		text-decoration: none;
		}
			#footer .links a:hover,
			#footer .links a:focus{
			text-decoration: underline;
			}
			
	#footer .data{
	width: 580px;
	}
		#footer .data p a{
		color: #8A938A;
		text-decoration: none;
		}
			#footer .data p a:hover,
			#footer .data p a:focus{
			text-decoration: underline;
			}

/* Sección "Activa" del Menú */
#s1 #b1 a,
#s2 #b2 a,
#s3 #b3 a,
#s4 #b4 a,
#s5 #b5 a,
#s6 #b6 a,
#s7 #b7 a,
#s8 #b8 a,
#s9 #b9 a,
#s10 #b10 a{
background-position: left bottom !important;
}