body{
	  background-color: grey;
    height: 750px;
    position: relative;
    font-family: "Arial";
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    overflow: auto;
    overflow: hidden;
}
.mainPg {
    width: 995px;
    height: 750px;
    margin: 1% 10% 1% 1%;
    position: relative;
}
#page-container {
    display: none;
}
header {
	height: 170px;
	width: 995px;
}

img {
	height: 170px;
	width: 995px;
}
.whiteLine {
	height: 5px;
	background-color: white;
}


main {
	  height: 574px;
    width: 995px;
	  margin-top: -5px;
    background-color: #0A3165;
}

.container {
    height: 565px;
    width: 940px;
    margin: auto;
    margin-top: 5px;
    position: relative;

}
section {
	height: 470px;
	width: 300px;
	display: inline;
	position: absolute;
}
section p {
    position: absolute;
    color: white;
    font-family: sans-serif;
    font-size: 14px;
    left:24px;
}
section p.es {
    left:7px;
}
.mathInfo{left: 3px;margin-top:5px;border-right: 3px solid white;}
.readInfo{left: 320px;margin-top: 5px;border-right: 3px solid white;}
.scienceWriteInfo{right: 3px;margin-top:5px;height: 555px;}


.mathBox,
.readingBox {
    border: 1px solid white;
    border-radius: 35px;
    display: inline;
    position: absolute;
    height: 395px;
    width: 281px;
    margin-top: 70px;
    right: 10px;
    background-color: white;
}

.scienceBox,
.writingBox {
    border: 1px solid white;
    border-radius: 35px;
    display: inline;
    position: absolute;
    height: 215px;
    width: 288px;
    background-color: white;
}

.scienceBox{border: 1px solid white;border-radius: 35px;display: inline;position: absolute;height: 237px;width: 288px;left: 7px;margin-top: 70px;}
.writingBox{left: 7px;bottom: 2px;}


.mathBox div:first-child ,
.readingBox div:first-child , 
.scienceBox div:first-child , 
.writingBox div:first-child {
    margin-top: 45px;
}


a {
    color: black;
    text-decoration: none;
}

.mathBox div,
.readingBox div,
.scienceBox div,
.writingBox div {
  left: 20px;
  margin-left: 20px;
}

.mathBox a:hover,
.readingBox a:hover,
.scienceBox a:hover,
.writingBox a:hover {
    color: white;
}

.mathBox > div:hover,
.readingBox > div:hover,
.scienceBox > div:hover,
.writingBox > div:hover {
    background-color: #022953;
    width: 240px;
}


.math,
.reading,
.science,
.writing {
    display: inline;
    border: 2.5px solid white;
    position: absolute;
    padding: 1.5%;
    padding-right: 20%;
    padding-left: 5%;
    border-radius: 35px;
    margin-top: 55px;
    background-color: #062F67;
    font-size: x-large;
    color: white;
}

.grado:before{
    vertical-align:top;
    font-size:small;
    content: "o";
 }
.grado.tercer:before {
    content: "er";
}

.writing {bottom: 193px;margin-top: 0px;}



footer {
    height: 60px;
    width: 530px;
    display: inline;
    position: absolute;
    bottom: 10px;
    left: 45px;
}

.languageBtn {
    height: 55px;
    width: 200px;
}

.languageBtn img {
    height: 55px;
    width: 200px;
    right: 165px;
    position: absolute;
    bottom: 2px;
}

#secure-browser-exit {
    margin-left: 435px;
    margin-top: -40px;
}

#secure-browser-exit a {
    font-size: x-large;
    color: white;
}