body{
	background-color: #339966;
	margin: 0px;
	padding: 0px;
}
#top{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #329665;
	width: 100%;
	height: 75px;
}
#top p{
	color: #fff;
}
#top h1{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic", Annifont, sans-serif, fantasy;
	text-align: center;
	font-size: 19px;
	color: #fff;
	position: absolute;
	top: 25px;
	left: 500px;
}
#center{
	background-color: #52C68D;
	position: absolute;
	top: 76px;
	left: 0px;
	width: 100%;
	height: 250px;
}
#centerfotos{
	background-color: #52C68D;
	position: absolute;
	top: 76px;
	left: 0px;
	width: 100%;
	height: 250px;
}
#centerfotos img{
	position:absolute;
	top:50px;
	left:25px;
}

#antes{
	position: absolute;
	top: 317px;
	left: 0px;
	background-color: #329665;
	width: 100%;
	height: 235px;
	color: #fff;
}

ul.menu a{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
}
ul.menu,
ul.menu ul{
	background: #329665;
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 150px;
	position: absolute;
	top: 10px;
	left: 395px;	
}
ul.texto li{
	color: #fff;
	font-size: 15px;
}

ul.menu li{
	position: relative;
	padding: 2px;
	text-align:	right; 
}
ul.menu li:hover{
	background: #329665;
}
ul.menu li:hover > li{
	visibility: visible;	
}
#foot{
	position: absolute;
	top: 550px;
	left: 0px;
	width: 100%;
	height: 75px;
	background-color: #2C865A;
	color: #fff;
}
#foot p{
	position: relative;
	top: 30px;
	left: 275px;
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic", Annifont, sans-serif, fantasy;
}
#foot :link{
	color: #fff;
	line: none;
}
#foot :visited{
	color: #fff;
}
#foot :hover{
	color: #fff;
}
#middle{
	position: relative;
	top: 25px;
	left: 550px;
	width: 400px;
	height: 530px;
	background-color: #3FBC7F;
	padding: 7px;
}
#middle a{
	text-decoration: none;
	color: #fff;
}
#middles{
	position: relative;
	top: 10px;
	left: 550px;
	width: 425px;
	height: 535px;
	background-color: #3FBC7F;
	padding: 7px;
}
#middles h1{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align: center;
	font-size: 21px;
	color: #fff;
}
#middles h2{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align:	left;
	font-size: 19px;
	color: #fff;
}
#middles p{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align: justify;
	font-size: 17px;
	color: #fff;
}
#middledos{
	position: relative;
	top: 50px;
	left: 550px;
	width: 400px;
	height: 500px;
	background-color: #36A56F;
	padding: 7px;
}
#historia{
	position: relative;
	top: 25px;
	left: 550px;
	width: 420px;
	height: 540px;
	background-color: #36A56F;
	padding: 7px;
}
#middle3{
	position: relative;
	top: 10px;
	left: 385px;
	width: 600px;
	height: 725px;
	background-color: #36A56F;
	padding: 7px;
}

#middle h1{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align: center;
	font-size: 21px;
	color: #fff;
}
#middle h2{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align:	left;
	font-size: 19px;
	color: #fff;
}
#middle p{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align: justify;
	font-size: 17px;
	color: #fff;
}
#middle img{
	float: left;
	padding: 10px 10px 0px 0px;
}
#middledos h1{
	font-family: font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic", Annifont, sans-serif, fantasy;
	text-align: center;
	font-size: 21px;
	color: #fff;
}
#middledos h2{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align:	left;
	font-size: 19px;
	color: #fff;
}
#middledos p{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align:	justify;
	font-size: 17px;
	color: #fff;
}
#middledos a{
	text-decoration: none;
	color: #fff;
}
#middledos img{
	float: right;
	padding: 0px 0px 10px 10px;
}

#historia h1{
	font-family: font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic", Annifont, sans-serif, fantasy;
	text-align: center;
	font-size: 21px;
	color: #fff;
}
#historia h2{
	font-family:"Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align:	left;
	font-size: 19px;
	color: #fff;
}
#historia p{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align:	justify;
	font-size: 17px;
	color: #fff;
}
#historia a{
	text-decoration: none;
	color: #fff;
}
#historia img{
	float: right;
	padding: 0px 0px 10px 10px;
}
#middle3 h1{
	font-family: font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic", Annifont, sans-serif, fantasy;
	text-align: center;
	font-size: 21px;
	color: #fff;
}
#middle3 h2{
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align:	left;
	font-size: 19px;
	color: #fff;
}
#middle3 p{
	font-family:"Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic",  sans-serif, fantasy;
	text-align:	justify;
	font-size: 17px;
	color: #fff;
}
#middle3 a{
	text-decoration: none;
	color: #fff;
}
#middle3 img{
	float: right;
	padding: 0px 0px 10px 10px;
}

#footdos{
	position: absolute;
	top: 550px;
	left: 0px;
	width: 100%;
	height: 75px;
	background-color: #2C865A;
	color: #fff;
}
#footdos p{
	position: relative;
	top: 20px;
	left: 260px;
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic", Annifont, sans-serif, fantasy;
}
#footdos :link{
	color: #fff;
	line: none;
}
#footdos :visited{
	color: #fff;
}
#footdos :hover{
	color: #fff;
}

#foothistoria{
	position: absolute;
	top: 550px;
	left: 0px;
	width: 100%;
	height: 70px;
	background-color: #2C865A;
	color: #fff;
}
#foothistoria p{
	position: relative;
	top: 25px;
	left: 260px;
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic", Annifont, sans-serif, fantasy;
}
#foothistoria :link{
	color: #fff;
	line: none;
}
#foothistoria :visited{
	color: #fff;
}
#foothistoria :hover{
	color: #fff;
}


#foot3{
	position: absolute;
	top: 575px;
	left: 0px;
	width: 100%;
	height: 235px;
	background-color: #2C865A;
	color: #fff;
}
#foot3 p{
	position: relative;
	top: 195px;
	left: 260px;
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic", Annifont, sans-serif, fantasy;
}
#foot3 :link{
	color: #fff;
	line: none;
}
#foot3 :visited{
	color: #fff;
}
#foot3 :hover{
	color: #fff;
}

ul.menuA a{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
}
ul.menuA,
ul.menuA ul{
	background: 	#329665;
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 150px;
	position: absolute;
	top: 10px;
	left: 225px;	
}

ul.menuA li{
	position: relative;
	padding: 2px;
	text-align:	right; 
}
ul.menuA li:hover{
	background: #329665;
}
ul.menuA li:hover > li{
	visibility: visible;	
}
#middlefotos{
	position: absolute;
	top: 60px;
	left: 175px;
	height: auto;
	width: 792px;
	background-color: #236545;
}

ul.menuF a{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
}
ul.menuF,
ul.menuF ul{
	background: #329665;
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 150px;
	position: absolute;
	top: 10px;
	left: 10px;	
}
ul.texto li{
	color: #fff;
	font-size: 15px;
}

ul.menuF li{
	position: relative;
	padding: 2px;
	text-align:	right; 
}
ul.menuF li:hover{
	background: #329665;
}
ul.menuF li:hover > li{
	visibility: visible;	
}#footes{
	position: absolute;
	top: 550px;
	left: 0px;
	width: 100%;
	height: 75px;
	background-color: #2C865A;
	color: #fff;
}
#footes p{
	position: relative;
	top: 45px;
	left: 275px;
	font-family: "Gill Sans MT Condensed", "Myriad Pro Light", Century, "Century Gothic", Annifont, sans-serif, fantasy;
}
#footes :link{
	color: #fff;
	line: none;
}
#footes :visited{
	color: #fff;
}
#footes :hover{
	color: #fff;
}
ul.nave a{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	color: #000000;
}

ul.nave,
ul.nave ul{
	background: #36A56F;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 604px;
	color: #000000;
}
ul.nave ul{
	position: absolute;
	top: -170px;
	right: -7px;/*el dato controla la colocación del submenu*/
	/*right: 145px; esta linea comentada para cuando funcione el menu*/
	width: 604px;
	height: auto;
	padding: 5px;
	visibility:	hidden ;
	color: #000000;
	
}
ul.nave li{
	position: relative;
	padding: 2px;
	text-align: center;
	color: #000000;
	
}
ul.nave li:hover{
	background:  #329665;
	color: #000000;
}
ul.nave li:hover > ul{
	visibility: visible;	
	color: #000000;
}
li.nave > a{
	/*background-color: #A2BFF4;*/
	color: #000000;}
	
ul.padres a{
	color: #fff;
	text-decoration: none;
	display: block;
	width: 100%;
	color: #000000;
}
ul.padres,
ul.padres ul{
	background: #36A56F;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 175px;
	color: #000000;
}
ul.padres ul{
	position: absolute;
	top: 0;
	right: 175px;/*el dato controla la colocación del submenu*/
	/*right: 145px; esta linea comentada para cuando funcione el menu*/
	visibility:	hidden ;
	color: #000000;
	
}
ul.padres li{
	position: relative;
	padding: 2px;
	text-align: center;
	color: #000000;
	
}
ul.padres li:hover{
	background:	#36A56F;
	color: #000000;
}
ul.padres li:hover > ul{
	visibility: visible;	
	color: #000000;
}
li.padres > a{
	/*background-color: #A2BFF4;*/
	color: #000000;
}