/* Hoja de estilos*/

body{
background-color:rgb(255,255,255);
margin: auto
}
/* menu */
header{ 
background-color:rgb(0, 0, 0);
height: 100px;
margin: 0;
}
header img{
margin-left: 5%;
width: 100px;
height: 100px;position: relative
}
header nav ul li{
list-style: none;
float: left;
margin-left: 5%;
}
nav ul li a { 
text-decoration: none;
font-family: Calibri bold, sans-serif;
}
/* fin menu */
/* efecto menu */
#menu div.barraMenu,
#menu div.barraMenu a.botonMenu {
font-family: Calibri bold, sans-serif;
font-size: 11pt;
color: white;
}
#menu div.barraMenu {
text-align: left;
}
#menu div.barraMenu a.botonMenu {
background-color: rgb(2, 2, 2);
color: white;
cursor: pointer;
padding: 4px 6px 2px 5px;
text-decoration: none;
}
#menu div.barraMenu a.botonMenu:hover {
background-color: #73cb28;
}
#menu div.barraMenu a.botonMenu:active {
background-color: #f4f8ef;
color: black;
} 
#menu { 
width:60%; height:40px; position: absolute; 
background-color:rgb(0, 0, 0);
top: 20px; right: 354px;left: 150px
}  
/* fin efecto menu */
/*redes*/
div#redes{float: right;height: 50px;width:200px; margin-top:15px;margin-right: 10px}
div#redes a {float: right;margin-top:10px;padding-top: 10px;width:35px}
div#redes img{height:30px;width: 40px; }
/*fin redes*/
/* article*/
article{background:white; width: 600px; height:800px; float: right;margin-top: 50px; margin-right: 10px; 
}  
article { width:700px;padding-left:25px;
}
#placa{position: relative; width: 200px;height: 0px; float: right;margin-right: 10px; padding-left: 5px;margin-top: 40px; padding-right: 5px; box-shadow: 1px 9px 1px 1px rgba(0, 0, 0, 0.46);background-color: white
}
#placa p{font-family: calibri,sans-serif;font-size: 12px
}
#texto{ 
width: 450px;
font-size: 13px;
font-family: calibri, sans-serif;
}
#texto h2{font-size:30px;margin-right: 25px; margin-top:10px
}
#texto img{;width: 400px;
}

/*seccion*/
section{background:rgba(115, 203, 40, 0.36);position: relative; width: 230px;height: 650px; margin-left: 50px; margin-top: 50px 
}

section h1 {font-family: calibri, sans-serif;font-size: 20px; padding-left: 10px; padding-top: 10px;padding-bottom: 5px; text-align: center; background: rgba(255, 165, 0, 0.51)
}

section p {position: absolute;top: 20px; font-family: helvetica,sans-serif;font-size: 12px; padding: 9px;text-align: left;
}

/*SECCION 2*/
section2 #programa{
position: absolute; width: 220px; height: 20px;margin-left: 50px;margin-top: 10px;background: rgb(0, 0, 0)
}
#programa,#contacto{
padding-top: 5px; padding-right: 5px;padding-left: 5px;padding-bottom: 5px;text-align: center; font-family: calibri,sans-serif;color: white
}
section2 #contacto{position: absolute; width: 220px; height: 20px;margin-left: 50px;margin-top: 45px;background: rgb(0, 0, 0)}

section2 a{text-decoration:none;color:white;
}

/*footer*/
#footer{position: o; margin-top:200px ; background:rgb(0, 0, 0);
height: 180px}

#mapa1{height: 100px;width:100px;position: absolute;margin-left: 50px;}
#mapa1 ul li a {font-family: calibri,sans-serif;color:#75ea66;font-size: 14px;}
#mapa2{height: 150px;width:200px;position: absolute;margin-left: 200px;}    
#mapa2 ul li a {font-family: calibri,sans-serif;color:#75ea66;font-size: 14px;}
#mapa3 {height: 150px;width:300px;position: absolute;margin-left: 400px;}    
#mapa3 ul li a {font-family: calibri,sans-serif;color:#75ea66;;font-size: 14px;}
    
#fadu img {width: 280px;float: right;margin-right: 50px; margin-top: 10px}
#pie p{position: absolute; font-family:helvetica, serif;color: white;font-size:10px;text-align: justify;margin-top: 130px;margin-left: 50px;margin-right: 50px;background: rgba(244, 248, 243, 0.38);padding-left: 10px;padding-right:10px;padding-top:3px; padding-bottom: 3px}