/**
 * Parallax Scrolling Tutorial
 * For NetTuts+
 *  
 * Author: Mohiuddin Parekh
 *	http://www.mohi.me
 * 	@mohiuddinparekh   
 */


body{margin:0;padding:0;font-family:Helvetica, sans-serif;}
body > a {text-decoration: none;}

#home {background: url(../images/home.jpg) 50% 0 no-repeat fixed;height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;box-shadow: 0 0 50px rgba(0,0,0,0.8);}
#about { background: url(../images/about.jpg) 50% 0 no-repeat fixed; height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;box-shadow: 0 0 50px rgba(0,0,0,0.8);}

#regla2 { background: url(../images/forest.jpg) 50% 0 no-repeat fixed; height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;box-shadow: 0 0 50px rgba(0,0,0,0.8);}
#regla3 { background: #f9f9f9 /*url(../images/castillo.jpg) 50% 0 no-repeat fixed*/; height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;box-shadow: 0 0 50px rgba(0,0,0,0.8);}
#regla4 { background: url(../images/arcos.jpg) 50% 0 no-repeat fixed; height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;box-shadow: 0 0 50px rgba(0,0,0,0.8);}
#regla5 { background: url(../images/catedral.jpg) 50% 0 no-repeat fixed; height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;box-shadow: 0 0 50px rgba(0,0,0,0.8);}
#regla6 { background: url(../images/ciudad.jpg) 50% 0 no-repeat fixed; height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;box-shadow: 0 0 50px rgba(0,0,0,0.8);}
#end { background: url(../images/end.jpg) 50% 0 no-repeat fixed; height: 1000px;margin: 0 auto;width: 100%;max-width: 1920px;position: relative;box-shadow: 0 0 50px rgba(0,0,0,0.8);}

/* Introduction */

.upper {text-transform: uppercase;}
	#home article { background: url("../images/intro.png") no-repeat scroll center top transparent; height: 458px; position: absolute; /*text-indent: -9999px;*/ top: 291px; width: 100%; }
		#home h1 {color: #fff;display: block;font-size: 52px;position: relative;text-align: center;top: -40px;	width: 100%;}
		#home .textoEditor {color: #fff;font-size: 52px;margin: 0 auto;position: relative;top: 120px;width: 620px;z-index: 10;}

	#about article { /*background: url("../images/parallax.png") no-repeat scroll center top transparent;*/ height: 458px; position: absolute; /*text-indent: -9999px;*/ top: 291px; width: 100%; }

	#about header {color: #fff;margin: 0 auto;position: relative;	width: 760px;z-index: 10;}
		#about header h1 {	font-size: 50px;	margin: 20px 0 0 0;	}
		#about .textoEditor {color: #fff;margin: 5px auto 0 auto;position: relative;width: 760px;z-index: 10;}
			#about .textoEditor > * {	font-size: 22px;	}
			#about .textoEditor > p + p {	margin: 20px 0 0 0;	}

	#regla2 article { /*background: url("../images/forest.png") no-repeat scroll center top transparent;*/ height: 458px; position: absolute; /*text-indent: -9999px;*/ top: 291px; width: 100%; }

		#regla2 .textoEditor,
		#regla4 .textoEditor,
		#end .textoEditor {color: #fff;margin: 0 auto 0 auto;position: relative;width: 760px;z-index: 10;}
			#regla2 .textoEditor > * {	font-size: 34px;	}
			#regla2 .textoEditor > ul {	display: block;	list-style: none;	margin: 0;	padding: 0;	}
				#regla2 .textoEditor > ul > li {background: url('../images/icoLista.gif') 26px 12px no-repeat;margin: 0;padding: 0 0 0 55px;}	
				#regla2 .textoEditor > ul > li:first-child {background: url('../images/icoLista.jpg') 26px 12px no-repeat;color: #ff3977;font-size: 40px;text-transform: uppercase;}	
				#regla2 .textoEditor > ul > li + li {margin: 8px 0 0 0;	}

	#regla3 article { height: 458px; position: absolute; text-indent: -9999px; top: 90px; width: 100%; }
		#regla3 article .formulario{overflow: hidden; background: #f9f9f9;margin: 0 auto;position: relative;width: 635px;z-index: 10; padding: 25px }
	
	#regla4 article { background: url("../images/mapa.jpg") no-repeat scroll center top transparent; height: 525px; position: absolute; /*text-indent: -9999px;*/ top: 215px; width: 100%; }
	#regla4 .textoEditor {	text-align: center;	top: 482px;	width: 753px;}	
	#regla4 .textoEditor > * {font-size: 18px;}		
	#regla4 .textoEditor .big {font-size: 22px;}

#regla5 { z-index: 10; }
	#regla5 article { /*background: url("../images/catedral.png") no-repeat scroll center top transparent;*/ height: 458px; position: absolute; /*text-indent: -9999px;*/ top: 291px; width: 100%; }
	#regla5 .textoEditor {color: #fff;margin: 125px auto 0 auto;position: relative;text-align: center;width: 760px;z-index: 10;}
	#regla5 .textoEditor > * {	font-size: 28px;	}
	#regla5 .textoEditor > p+p {	margin: 25px 0 0 0;	}

#regla6 { z-index: 5; }
	#regla6 article { background: url("../images/ciudad.png") no-repeat scroll center top transparent; height: 458px; position: absolute; /*text-indent: -9999px;*/ top: 291px; width: 100%; }
	#regla6 .textoEditor {color: #fff;left: 80px;margin: 0 auto 0 auto;position: relative;top: -550px;width: 1120px;z-index: 1;}
	#regla6 .textoEditor > * {	font-size: 50px;	font-weight: bold;	}
	#regla6 .textoEditor > p+p {margin: 70px 0 0 0;}
	
home { z-index: 4; }
#end,
#about,
#regla2,
#regla3,
#regla4 { z-index: 7; }

	#end article { background: url("../images/end.png") no-repeat scroll center top transparent; height: 458px; position: absolute; /*text-indent: -9999px;*/ top: 291px; width: 100%; }
	#end .textoEditor {	text-align: center;	top: 310px;	}	
	#end .textoEditor > * {font-size: 34px;font-weight: bold;}	
	#end .textoEditor .big {font-size: 42px;}