* {margin: 0;
   padding:0;}
   

.contenedor { width: 1280px;}


header {background: #1b96d2; 
	width: 80%; 
	height: 100px; 
	margin: auto;
	 }
	
header h1{font-size: 4rem; 
	color:#FFF; 
	position: relative; 
	float: left; 
	padding-left: 10px; }
	
header h1 a { color:#FFF;     
	text-decoration: none;}
	

nav { background:#333; ;
	width: 80%; 
	margin: auto;	
	height: 40px; }

	
nav ul li { text-align: right; 
	float: left;
	padding: 10px; }
	
nav ul a { 
	margin: 3px; 
	position: relative;
    color: #fff;
    font-size: 1rem;
    text-align: right;
    text-decoration: none;
    padding: 8px;
    text-align: center;	}

ul{list-style-type: none}

.menu nav ul li a:hover {
    background: white;
    color: #1b96d2;
    transition: 1s;
    text-shadow: none; }


.portada { width: 80%; 
	margin: auto;
	background:#CCCCCC;
	height:600px;
	}

.portada article h3 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 1.5 rem;
	color: #000;
	padding: 2%;
	}
.portada article p { font-family:Verdana, Geneva, sans-serif; 
	font-size: 0.8 rem;
	color: #000;
	padding: 0 2% 2% 2%;
	}

footer{
   width: 80%;
    margin:auto;
    background: #353535; }

footer p{ padding: 10px;
    color: #fff;
    font-size: 1rem;
    text-align: center; 
	margin: auto}

	

/*azul clarito acumar: #1b96d2        */




.mapa{ width: 80%; 
	margin: auto;
	background:#CCCCCC;
	height:800px;
	}

.mapa article h3 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 1rem;
	color:#006;
	padding: 2%;
	}
.mapa article p { font-family:Verdana, Geneva, sans-serif; 
	font-size: 0.8rem;
	color: #333;
	padding: 0 2% 0% 2%;
	}
   
   
.plan { width: 40%; 
	margin:0 0 0 10%;
	background:#CCCCCC;
	height:800px; float:left;
	}

.plan article h2 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 2rem;
	color:#006;
	padding: 5%;
	}
.plan article h3 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 1.5rem;
	color:#006;
	padding: 5%;
	}
.plan article p { font-family:Verdana, Geneva, sans-serif; 
	font-size: 0.8rem;
	color: #333;
	padding: 0 5% 0% 5%;
	}
	
.planaside { width: 40%; 
	margin: auto;
	background:#CCCCCC;
	height:800px;
	float:left;
	}
.planaside article h3 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 1.5rem;
	color:#006;
	padding: 5%;
	}
.planaside article p { font-family:Verdana, Geneva, sans-serif; 
	font-size: 0.8rem;
	color: #333;
	padding: 0 5% 0% 5%;
	}
	


.mel {width:80%; 
	margin: auto;
	height: 600px;
	background-image:url(images/fondo1.jpg);
}

.melfoto{ width: 150px;
	height: 150px;
	background-image:url(4/tp/imagenes/imagen.png);
	margin: 10% 5% 2% 4%;
	float:left; }
	
.melfoto h3 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 1rem;
	color:#FFF;
	text-align:center;
	padding: 110% 5% 1% 2% ;	
	}	
.melfoto h4 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 0.8rem;
	color:#FFF;
	text-align:center;
	padding: 10% 5% 1% 2%; 
	}
	
.melfoto p { font-family:Verdana, Geneva, sans-serif; 
	font-size: 0.8rem;
	color:#FFF;
	padding: 2%;
	text-align:center;
	
	}	

.melmaterias article{ width: 18%; 
	height:300px;
	float:left;
	}
.melmaterias h2 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 1.5rem;
	color:#28A6AC;
	padding: 80% 3% 3% 3% ;text-align:center;
	
	}
	
.melmaterias h3 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 1rem;
	color:#C99E45;
	padding: 5%;
	text-align:center;
	
	}	
.melmaterias h4 { font-family:Verdana, Geneva, sans-serif; 
	font-size: 0.9rem;
	color:#446BAC;
	padding: 5%;
	text-align:center;
	}
.melmaterias article p { font-family:Verdana, Geneva, sans-serif; 
	font-size: 0.8rem;
	color: #333;
	padding: 0 5% 0% 5%;
	text-align:center;}