/* 
	Maquetado por Emiliano Mateu - colo.mateu@gmail.com
	Fecha: 17/09/2008.
	Modificado: 17/09/2008.
*/

/* Basicos */
*{
margin: 0;
padding: 0;
}
body, html{
width: 100%;
height: 100%;
cursor: default;
font-family: "Arial", sans-serif;
/*font-family: "Times", serif;*/
background: url('../images/bg_body.jpg') repeat-x center top #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: 804px;
min-height: 100%;
margin: 0 auto 0 auto;
background: url('../images/bg_container.jpg') repeat-y left top;
}
#header{
height: 428px;
background: url('../images/bg_header.jpg') no-repeat left top;
}
	#header .logo{
	background: url('../images/logo.jpg') no-repeat 43px 57px;
	}
	h1{
	font-size: 1.9em;
	padding: 90px 0 0 150px;
	font-family: "Georgia", Times, serif;
	}
		h1 a{
		color: #870505;
		text-decoration: none;
		}
	
	#patch{
	margin: 90px 0 0 40px;
	}
	
		#patch #nav{
		width: 360px;
		}
			#patch table{
			}
				#patch #nav #others{
				width: 274px;
				}
					#patch #nav #others a{
					display: block;
					outline: 0;
					height: 20px;
					color: #fff;
					font-size: 0.5em;
					text-indent: -9999px;
					margin: 1px 0 6px 0;
					}
				
				#patch #nav #home{
				}
					#patch #nav #home a{
					display: block;
					outline: 0;
					height: 20px;
					width: 47px;
					color: #fff;
					font-size: 0.5em;
					text-indent: -9999px;			
					}
					
		#patch #donate{
		padding: 100px 0 0 46px;
		}
			#patch #donate a{
			display: block;
			outline: 0;
			width: 198px;
			height: 82px;
			color: #fff;
			font-size: 0.5em;
			text-indent: -9999px;
			}
			
#content{
}
	#info{
	width: 620px;
	margin: 10px auto 0 auto;
	background: url('../images/bg_info.jpg') repeat-y left top;
	}
	#info .info_end{
	padding: 20px 0 0 0;
	background: red;
	background: url('../images/bg_info_end.jpg') no-repeat left top;
	}
	#s1 #info,#s1 #info .info_end{background: none;}
	
	#info h2{
	height: 60px;
	color: #fff;
	font-size: 0.5em;
	text-indent: -9999px;
	}
	#s1 #info h2{background: url('../images/t_mission.jpg') no-repeat left top; height: 40px;}
	#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: #454545;
	font-size: 0.75em;
	padding: 0 20px 10px 20px;
	}
	#s1 #info p{
	padding: 0 0 10px 0;
	}
	
	#info .prev-next{
	color: #fff;
	font-size: 0.6em;
	text-align: right;
	padding: 10px 50px 2px 50px;
	}
		#info .prev-next a{
		color: #FF0F0F;
		}
		
	#info .events{
	list-style: none;
	padding: 0 50px 5px 50px;
	}
		#info .events li{
		height: 115px;
		margin: 0 0 0 0;
		padding: 15px 0 0 0;
		border-bottom: 1px dashed #CCA76F; 
		}
			#info .events li img{
			float: left;
			width: 143px;
			height: 93px;
			border: 4px solid #E5E5E5;
			}
			#info .events li div{
			float: right;
			width: 360px;
			}
			#info .events li h3{
			color: #870505;
			font-size: 0.75em;
			}
			#info .events li p{
			padding: 0;
			font-size: 0.7em;
			}
			#info .events li .more{
			font-size: 0.7em;
			padding: 20px 0 0 0;
			}
				#info .events li .more a{
				color: #FF0F0F;
				}
	
	/* contact table */		
	#info .contact{
	width: 320px;
	font-size: 0.7em;
	margin: 10px auto 20px auto;
	}
		#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: #7B0D0E;
		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;
			}
	
	#info .deco{
	width: 433px;
	margin: 0 auto 10px auto;
	}
		#info .deco table{
		width: 90%;
		color: #454545;
		font-size: 0.75em;
		margin: 10px auto 10px auto;
		}
			#info .deco table strong{
			display: block;
			height: 30px;
			color: #870505;
			text-transform: uppercase;
			}
	
	#info .image{
	margin: 0 auto 10px auto;
	}
	#s2 .image{width: 440px; height: 286px; background: url('../images/program_img.jpg') no-repeat left top;}
	
	#info .google_map{
	width: 435px;
	height: 328px;
	margin: 0 auto 15px auto;
	padding: 6px 0 0 6px;
	background: url('../images/bg_googlemap.jpg') no-repeat left top;
	}

	/* 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: #454545;
		cursor: default;
		display: block;
		text-align: right;
		padding: 0 10px 0 110px;
		}
		#info .register table td input{
		padding: 1px 3px 1px 3px;
		background: #FFFFFF;
		border: 1px solid #95B69A;
		}
		#info .register table td select{
		width: 170px;
		background: #FFFFFF;
		border: 1px solid #95B69A;		
		}
			#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: 10px 0 0 0;
}
#footer{
height: 128px;
width: 1000px;
margin: 0 auto 0 auto;
background: url('../images/bg_footer.jpg') no-repeat -2px top;
}
	#footer p{
	color: #9D9D9D;
	font-size: 0.7em;
	padding: 15px 0 0 195px;
	}
		#footer p a{
		color: #155A9F;
		text-decoration: none;
		}
		#footer p a:hover,
		#footer 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{

}