@charset "UTF-8";
/* CSS Document */

#main {
	background-color:#FFF;
	height: 900px;
	width: 480px;
}
header {
	background-image:url(imag/headercel-01.jpg);
	height: 100px;
	width: 480px;
	position: absolute;
}
nav {
	background-color:#54C440;
	height: 94px;
	width: 480px;
	position: absolute;
	margin-top: 100px;
}
btn1 {
	height: 47px;
	width: 160px;
	position: absolute;
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #3E3D40;
	text-align: center;
	line-height: 50px;
}
btn1:hover {
	background-color: #3E3D40;
	height: 47px;
	width: 160px;
	position: absolute;
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #FFF;
	text-align: center;
}
btn2 {
	height: 47px;
	width: 160px;
	position: absolute;
	margin-left: 160px; 
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #3E3D40;
	text-align: center;
	line-height: 50px;
}
btn2:hover {
	background-color: #3E3D40;
	height: 47px;
	width: 160px;
	position: absolute;
	margin-left: 160px; 
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #FFF;
	text-align: center;
}
btn3 {
	background-color: #3E3D40;
	height: 47px;
	width: 160px;
	position: absolute;
	margin-left: 320px; 
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #FFF;
	text-align: center;
	line-height: 50px;
}
btn3:hover {
	background-color: #3E3D40;
	height: 47px;
	width: 160px;
	position: absolute;
	margin-left: 320px; 
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #FFF;
	text-align: center;
}
btn4 {
	background-color:#3E3D40;
	height: 47px;
	width: 240px;
	position: absolute;
	margin-left: 0px; 
	margin-top: 47px;
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #FFF;
	text-align: center;
	line-height: 50px;
}
btn4:hover {
	background-color: #3E3D40;
	height: 47px;
	width: 240px;
	position: absolute;
	margin-left: 0px; 
	margin-top: 47px;
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #FFF;
	text-align: center;
}
btn5 {
	background-color:#3E3D40;
	height: 47px;
	width: 240px;
	position: absolute;
	margin-left: 240px; 
	margin-top: 47px;
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #FFF;
	text-align: center;
	line-height: 50px;
}
btn5:hover {
	background-color: #3E3D40;
	height: 47px;
	width: 240px;
	position: absolute;
	margin-left: 240px; 
	margin-top: 47px; 
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #FFF;
	text-align: center;
}
content {
	display:none;
	background-color:#FFF;
	height: 560px;
	width: 480px;
	position: absolute;
	margin-top: 194px;
}
content2 {
	background-image:url(imag/gallerycel-01.jpg);
	height: 2800px;
	width: 480px;
	position: absolute;
	margin-top: 194px;
}
section {
	background-color:#F00;
	height: 1000px;
	width: 480px;
	position: absolute;
	margin-top: 10px;
}
section2 {
	background-image:url(imag/sectioncel-01.jpg);
	height: 200px;
	width: 470px;
	position: absolute;
	margin-top: 1015px;
	margin-left: 5px;
}
section3 {
	display:none;
	background-image:url(imag/sectioncel-02.jpg);
	height: 200px;
	width: 470px;
	position: absolute;
	margin-top: 1230px;
	margin-left: 5px;
}
footer {
	background-image:url(imag/footercel-01.jpg);
	height: 150px;
	width: 480px;
	position: absolute;
	margin-top: 3050px;
}
redes1 {
	background-image:url(imag/redesipad-01.png);
	height: 40px;
	width: 40px;
	position: absolute;
	margin-top: -10px;
	margin-left: 180px;
}
redes2 {
	background-image:url(imag/redesipad-02.png);
	height: 40px;
	width: 40px;
	position: absolute;
	margin-top: -10px;
	margin-left: 250px;
}