body{
			background:url(../img/madera3.jpg);
			background-color:rgba(0,0,0,0.8);
			font-family:Georgia, "Times New Roman", Times, serif;
			overflow:hidden;
		}
		header{
			background:rgba(255,255,255,0.2);
			height:140px;
			border-radius:5px;
			font-family:Georgia, "Times New Roman", Times, serif;	
		}
		#cabeza{
			position:relative;
			margin-left:auto;
			margin-right:auto;
			height:100px;
			padding:10px;
			font-family:Georgia, "Times New Roman", Times, serif;
			
		}
		#titulo{
			position:relative;
			width:100%;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			top:-100px;
			color:black;
			font-family:Georgia, "Times New Roman", Times, serif;
			text-shadow:0px 0px 5px rgba(255,255,255,0.7);
				
		}
		#subtitulo{
			position:relative;
			width:100%px;
			height:40px;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			top:-100px;
			color:black;
			font-family:Georgia, "Times New Roman", Times, serif;
			text-shadow:0px 0px 5px rgba(255,255,255,0.7);
		}
		#menu{
			margin-left:auto;
			margin-right:auto;
			position:relative;
			width:395px;
			top:20px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		#menu li{
		 	display:inline;	
			background-color:(255,255,255,0.3);
			font-family:Georgia, "Times New Roman", Times, serif;

		}
		#menu li a{
			text-decoration:none;
			color:gray;
			padding:2px;
			float:left;
			border:1px solid black;
			border-radius:3px;
			margin-left:5px;
			margin-right:5px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		#menu li a:hover{
			border-color:#FFF;
			box-shadow:0px 0px 8px rgba(255,255,255,0.5);	
			color:rgba(0,0,0,0.5);
			background-color:rgba(255,255,255,0.3);
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		#animacion{
			position:relative;
			width:800px;
			height:450px;
			border-radius:5px;
			border:2px solid rgba(255,255,255,0.6);
			margin-left:auto;
			margin-right:auto;
			top:70px;
			background-color:rgba(255,255,225,0.3);
			padding:3px;
			font-family:Georgia, "Times New Roman", Times, serif;	
		}
		h4{
			position:relative;
			text-align:center;
			top:10px;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:18px;
			text-shadow:0px 0px 5px rgba(255,255,255,0.4);
				
		}
		#copyr{
			position:relative;
			text-align:center;
			color:rgba(255,255,255,0.5);
			height:0px;
			top:-10px;	
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		.img{
			width:250px;
			height:200px;
			position:relative;
			margin-left:15px;
			float:left;
			border:2px solid black;
			border-radius:5px;
			box-shadow:0px 0px 10px rgba(0,0,0,0.8);
			background-color:rgba(255,255,255,0.3);	
			overflow:hidden;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		article{
			margin-left:10px;
			margin-top:20px;
			position:relative;
			float:left;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		section{
			padding:60px;
			padding-top:20px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		#formulario{
			position:relative;
			margin-left:auto;
			margin-right:auto;
			border-radius:5px;
			border:inset;
			background-color:rgba(255,255,255,0.3);
			width:350px;
			height:420px;	
			top:50px;
			padding:20px;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		textarea {
    		height:150px;
			width:100%;
			font-family:Georgia, "Times New Roman", Times, serif;

		}
		#submit {
    		width:65px;
    		height:25px;
    		border:none;
    		margin-top:20px;
    		cursor:pointer;
			border:2px solid #f6f6f6;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		#submit:hover{
			box-shadow:0px 0px 20px #000;
			background-color:#000;
			color:white;
			border-radius:5px;
			border:1px solid white;	
		}
		input {
    		width:100%;
    		height:27px;
    		background:#666666;
    		border:2px solid #f6f6f6;
    		font-size:12px;
    		color:#ffffff;
			font-family:Georgia, "Times New Roman", Times, serif;
		}
		ul li{
			color:rgba(255,255,255,0.3);
		}
		#servicios{
			border:2px solid black;
			border-radius:5px;
			box-shadow:0px 0px 10px rgba(0,0,0,0.8);
			background-color:rgba(255,255,255,0.3);
			position:relative;
			float:right;
			padding:0px;
			height:200px;
			top:-350px;	
		}
		#actividades{
			width:503px;
			border:2px solid black;
			border-radius:5px;
			box-shadow:0px 0px 10px rgba(0,0,0,0.8);
			background-color:rgba(255,255,255,0.3);
			position:relative;
			padding:0px;
			height:200px;
			top:-80px;
			float:right;
			left:508px;
		}
		#mapa{
			border:solid 2px white;
			position:relative;
			width:800px;
			height:550px;
			left:20px;
			top:20px;
			margin:auto;
			background-color:rgba(255,255,255,0.5);
		}
p{
		color:white;
		font-family:Georgia, "Times New Roman", Times, serif;
		position:relative;
		left:394px;
		top:60px;
		width:350px;
		height:20px;
}
#respuesta{
	position:relative;
	font-size:24px;
	text-align:center;	
	font-family:Georgia, "Times New Roman", Times, serif;
	border-radius:5px;
	border:inset;
	width:350px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(255,255,255,0.5);
}
.resp{
	position:relative;
	left:0px;	
	color:#000;
	top:0px;
}