@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);

body {
    background-image: url(imagenes/1.jpg);
    font-family: 'Alegreya Sans SC', sans-serif;
}
main {
    width: 960px;
    float: none;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}
header {
	width:960px;
	margin:auto;
    height: 160px;
}
#barra {
    height: 45px;
	width:960px;
    align-items: center;
    list-style: none;
	}

#barra img {
    max-height: 35px;
    float: right;
    margin-top: 0px;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 0px;
}

#imagen {
float: left;
list-style: none;}


h1 {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    background-color: #d94e04;
    padding-bottom: 7px;
    padding-top: 7px;
}

h2 {
    background-color: rgba(40, 248, 200, 0.83);
    color: #000;
    display: block;
    line-height: 28px;
    width: 130px;
    text-align: center;
    font-size: 11pt; 
    
    }
h1:hover {
color: #fff;}

h3 {
    background-color: rgba(255, 255, 255, 0.64);
    text-decoration: none;
    color: #000;
    display: block;
    height: 60px; 
    line-height: 26px;
    width: 160px;
    text-align: center;
    padding-top: 4px;
    position: relative;
    margin-left: 400px;
    }

h4 {
    background-color: rgba(11, 18, 56, 0.89);
    text-decoration: none;
    color: rgba(255, 255, 255, 0.83);
    display: block;
    height: 26px; 
    line-height: 26px;
    padding-left: 7px;
    padding-right: 3px;
    font-size: 8pt;
    width: 700px;

    }

header {
    height: 50px;
    
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    float: none;
    margin-left: 1%; 
    margin-right: 2%;
}
nav ul li a {
    text-decoration: none;
    font-weight: 200;
    color: #fff;
    display: block;
    height: 28px; 
    line-height: 28px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 10pt;
}


#niveluno {
    background-color: rgba(97, 207, 149, 0.9);
       width: 30%;
     float: left;
    padding-left: 10px; 
    padding-right: 10px;
    padding-top: 4px; 
    margin-right: 10px;
     margin-left: 7px;
      margin-top: 7px;
     margin-bottom: 7px;
    height: 355px;
}

#niveldos {
    background-color: rgba(97, 207, 149, 0.9);
       width: 250px;
     float: left;
    padding-left: 10px; 
    padding-right: 10px;
    padding-top: 4px; 
    margin-right: 10px;
     margin-left: 7px;
      margin-top: 7px;
     margin-bottom: 7px;
        height: 355px;
}

#niveltres {
    background-color:rgba(97, 207, 149, 0.9);
       width: 30%;
     float: left;
    padding-left: 10px; 
    padding-right: 10px;
    padding-top: 4px; 
    margin-right: 10px;
     margin-left: 7px;
      margin-top: 7px;
     margin-bottom: 7px;
        height: 355px;
}

footer {
    background-color:rgba(245, 152, 0, 0.6);
    font-size: 7.5pt; 
    color:#FCFCFC;
    clear: both;
    text-align: center;
    height:33px;
    }

footer div#textopie {
    width: 100%
}