body{
background-color:#E1E5EF;
font-family :Verdana, Arial, helvetica, sans-serif;
display:block;
text-align:center;
}

#cabecera{
background-color:#CCC;
text-align: center;
margin: auto;
width: 1020px;
height:150px ;
}
#ejcanvas{


	border:2px solid red;

}

#cabeceramovil{
visibility: hidden;
}

#menu{
	background-color: #FF4000;
	color:#797d8c;
	text-align: center;
	text-transform:uppercase;
	width: 1020px;
	height:70px;
	display: inline-block;	
	position:relative;	
	top:-160px;

}

ul{
text-align: center;
list-style: none;
margin: 0px;
position:relative;
right:25px;
}

li{
	
background-color: #848484;
color: #FFFFFF;
border: 1px solid #A4A4A4;
display: inline-block;
margin: 20px;;
text-align: center;
border-radius:10%;
width: 100px;
height: 25px; 
box-shadow: 0px 0px 5px #FFFFFF;


}

li:hover{
cursor: pointer;
background-color:#CCC;
box-shadow: 0px 0px 30px 5px #FFFFFF;
color:#000;

font-size: bold;

}
input{


padding:10px;
background:#E1E5E0;

}

input:required{

border:3px solid red;
}



    #cuerpo{
	width: 1020px;
	height: 1500px;
	text-align:center;
	display: inline-block;
	background-color: #CCC;
	position:relative;
	top:-160px;

	}

	    #cuerpocanvas{
	width: 1020px;
	height: 551px;
	display: inline-block;
	background-color: #CCC;
	position:relative;
	top:-160px;

	}
	#texto{	
		background-color:#FC9;
		border:1px solid black;
		margin:60px;
		box-shadow: 0px 0px 20px #FFFFFF; 
	    font-family :Verdana, Arial, helvetica, sans-serif;

		}
		
		#text{	
		
		text-align:center;
		
		}
		
		#map_canvas { height: 500px;
						widht:500px;}
		
		#formu{
			
			display:block;
			
			position:relative;
			left:300px;
			
		}

	#uno{
		width: 300px;
		height: 200px;
		margin: 30px;
		box-shadow: 0px 0px 20px #FFFFFF;
		}
	#dos{
		width: 300px;
		height: 200px;
		margin: 30px;
		box-shadow: 0px 0px 20px #FFFFFF; 
		}
		
	#tres{
		width: 300px;
		height: 200px;
		margin: 30px;
		box-shadow: 0px 0px 20px #FFFFFF; 
		}	
	#cuatro{	
		width: 300px;
		height: 200px;
		margin: 30px;
		box-shadow: 0px 0px 20px #FFFFFF; 
		}
		
	p{
		font-family:Arial, Times, serif;
		text-align : justify;
		margin:50px;		
		}
		
	a{
	    text-decoration:none;
		}
		
		
		
		
@media only screen and (max-width: 480px) {


body{

	text-align: center;
}

#cabecera{

visibility: hidden;
z-index:1;

}
#cabeceramovil{
background-color:#CCC;
text-align: center;
margin: auto;
width: 480px;
height:150px;
position:absolute;
top:10px;
visibility: visible;

}

#menu{
	background-color: #FF4000;
	color:#797d8c;
	text-align: center;
	text-transform:uppercase;
	width: 480px;
	height:70px;
	display: inline-block;
	top:0px;

}


ul{
text-align: center;
list-style: none;
margin: 0px;
}

li{
	
background-color: #848484;
color: #FFFFFF;
border: 1px solid #A4A4A4;
display: inline-block;
text-align: center;
width: 60px;
height: 50px; 
font-size:10px;
border-radius:0;
margin:0px;
padding-top:20px;
margin-top:5px;

}

li:hover{
cursor: pointer;
background-color:#CCC;
box-shadow: 0px 0px 30px 5px #FFFFFF;
color:#000;

font-size: bold;

}


    #cuerpo{
	width: 480px;
	height: 1500px;
	text-align:center;
	display: inline-block;
	background-color: #CCC;
	top:0px;
	}
	#texto{	
		background-color:#FC9;
		border:1px solid black;
		margin:60px;
		box-shadow: 0px 0px 20px #FFFFFF; 
		position:relative;
		top:-550px;
		}

	#uno{
		width: 300px;
		height: 200px;
		margin: 30px;
		box-shadow: 0px 0px 20px #FFFFFF;
		visibility: hidden;

		}
	#dos{
		width: 300px;
		height: 200px;
		margin: 30px;
		box-shadow: 0px 0px 20px #FFFFFF; 
		visibility: hidden;
		}
		
	#tres{
		width: 300px;
		height: 200px;
		margin: 30px;
		box-shadow: 0px 0px 20px #FFFFFF; 
		visibility: hidden;
		}	
	#cuatro{	
		width: 300px;
		height: 200px;
		margin: 30px;
		box-shadow: 0px 0px 20px #FFFFFF; 
		visibility: hidden;
		}
		
	p{	
		font-family:Arial, Times, serif;
		text-align : justify;
		margin:50px;		
		}




	}