body {
    margin: 0%;
    background-image: url(img/fondooo.png); 
}

header {
    width: 700px;
    height: 160px;  
    background:#e11048;
    margin: 0px;
    display: block;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    width: 960px;
    border-radius: 0 0 15px 15px;
}

.logoroldan {  
            width: 10%;
            float: left;
            margin-left: 25px;
            margin-top: 15px;
}

.pagina {
    max-width: 960px; 
    margin: 0 auto;

    }

nav  {
  float: right;
  width: auto;
  margin-top: 110px;
  padding-right: 50px;
    
}

header nav ul li {
  padding-left: 10px;
display:inline-block;
 

}

 header nav ul li a {
  width: 90%; 
  color: #f2ece2;
  font-family: helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase; 
  text-decoration: none;
  font-size: 12px;
  padding: 15px; 
}

header nav ul li a:hover {
  padding: 15px;
  text-decoration:underline;

}


            

main {
    width: 100%; 
    height: 600px; 
    margin: 0px; 
    
}

section {
    width: 100%;   
    margin: 0px; 
    margin-top: 20px;
    margin-bottom: 0px;

} 



footer{
	width:960px;
	background-color:#e11048;
	position:relative;
	margin:auto;
	margin-top:50px;
    margin-bottom: 0;
    border-radius:15px 15px 0 0;
    float: left;
	}


footer article  {
    width: 900px;
    height: 150px;
    margin: 0 30px;
}

footer article nav{
	width:120px;
	height:150px;
	margin:2px;
	display: block;
	margin-top:30px;
   
	}

footer article nav ul{
    width: 100px;
    }

footer article nav ul li{
	list-style-type:none;
	}


footer article nav ul li a{
	text-decoration:none;
	color:#f2ece2;
	float:none;
	font-size:9px;
	font-family:Geneva, sans-serif;
	margin:2px;
    text-align: left;
	}

article {
    position: relative;
    width: 100%;
    }

.losdocentes {
    position: relative;
    width: 100%;
    height: 520px;
    background: #e11048;
    margin-bottom: 10px;
    margin-top: 0;
    }

.articledocentes {
    width: 300px;
    float: left;
    margin: 10px;
    }



aside {
    
    margin: 0 0 10px 0;
    height: 240px;
    background: #e11048;
}


aside article {
    width: 300px;
    height: 200px;
    margin-left: 15px;
    float: left;
    margin-top: 10px;
    position: relative;
    background: #cff;

    
}
 
h1 {
    font-family:gotham bold, arial, sans-serif; 
    font-size: 35px; 
    color: #e11048;
    margin: 0;
    position: absolute; left: 0px; top: 0px;
    height: 346px;
    width: 355px;
    padding: 35px 0 0 15px;;
    margin: 0; 
    background-color: #77b5a0; opacity: 0.9;
    }


.articledocentes p {
    font-family:gotham bold, arial, sans-serif; 
    font-size: 14px; 
    margin-top: 5px;
   
    color: #77b5a0;
    background-color: #f2ece2;
    padding: 5px;
    }


.noticias {
    position: relative;
    width: 100%;
    }


h3 {
    position: absolute; left: 0px; bottom: -30px; 
    width: 290px;
    height: 40px;
    padding: 5px;
    font-family:gotham bold, arial, sans-serif; 
    font-size: 18px; 
    color: #e11048;
    background-color: #77b5a0; opacity: 0.9;
    line-height: 20px;
    }

h4 { 
    width: 290px;
    height: 20px;
    padding: 15px;
    font-family:gotham, arial, sans-serif; 
    font-size: 18px; 
    color: #f2ece2;
    text-decoration: underline;
    margin-top: 5px;
    }

h1 p {
    font-family:gotham, sans-serif;
    color: #e11048;
    font-size: 14px; 
    font-weight: 600;
    margin: 0; 
    text-decoration: none;
    line-height: 20px;
    padding: 15px 15px 0 0;
    }




h2 {
    
    padding: 15px;
    font-family:gotham bold, arial, sans-serif; 
    font-size: 24px; 
    color: #f2ece2;
    background: #e11048;
    width: 930px;
    height: 30px;
    }



.left{margin-left:0px;}
.right{margin-right:0px;}
.center{margin-right:30px;margin-left:30px;}

@media screen and (max-width: 320px){
    
.pagina{max-width: 960px;
        margin: 0 auto;
        }

        header {max-width: 100%;
                background-image: url(imagenes/header_mobile.png);
        }