@import url(https://fonts.googleapis.com/css?family=Montserrat);

html,body{
    width:100%;
    height:100%;
    font-family: 'Montserrat', sans-serif;
    margin:0 auto;
    background-color: #eaebed;
}

.logo {
	display: block;
	margin: auto;
	margin-top: 20px;
}

.celeste{
    background-color:#00B8C2;
}

.rojo{
    background-color:#F15B58;
}

.azul{
    background-color: #0B566D;
}

.naranja{
    background-color:#F9A238;
}
.gris{
    background-color: grey;
}

.padding15{
    padding:15px;
}

nav {
    margin: 0;
    padding: 0;
}

nav ul{
    display:inline-flex;
    justify-content: space-between;
    width:100%;
    padding:0;
    margin-bottom: 0px
}

nav ul ul {
	display: none;
    position: absolute;
    left:-1px;
    top:53px;
    z-index: 3;
}

nav ul li:hover>ul {
    display: block;
}

nav ul li{
    text-align: center;
    position: relative;
    list-style: none;
    flex:1;
}

nav ul li a{
    text-decoration: none;
}

nav {
    clear:both;
}

nav ul li a{
	display: block;
	padding: 4px 0;
	color: #ffffff;
	font-weight: 400;
	font-size: 0.8em;
    text-transform: uppercase;
}

ul li {
	list-style: none;
	text-align: center;
}

.contenidos {
	display: flex;
}

.info{
	width: 25%;
	margin-top:25px;
}

.info h1{
    font-size: 0.9em;
    padding-left: 0.5em;
    text-transform: uppercase;
}

.info h2{
    font-size: 0.9em;
    padding-left: 0.5em;
}

.info h3{
    font-size: 0.8em;
    padding-left: 0.5em;
}

.info h4{
    font-size: 0.7em;
    padding-left: 0.5em;
}

.principal {
	width: 50%;
}

.principal ul li a{
	text-decoration: none;
	color: #eaebed;
}

.principal ul li {
	font-size: 5em;
	text-transform: uppercase;
}
.principal ul li a:hover {
	color: #00B8C2;
}
.padding3 {
	padding: 0.5em;
}


footer {
	font-size: 0.7em;
	padding: 0 15em;
	border-top: 1px dotted #00B8C2;

}

/*mapa*/



.contMap{
    display: flex;
    justify-content: space-between;
    margin: 1em 7em;
    width: 65%;
}
.contMap section section a{
    display: block;
}

.contMap a{
    text-decoration: none;
    font-size: 1em;
    text-transform: uppercase;
    padding: 0.2em;
    color: black;
}

.contMap a:link, .contMap a:visited {
    color: white;
}
.disSus {
    position: absolute;
    top: 210px; 
}
.disSus a{
      border: 1px solid #F9A238;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}
.hacelo {
    position: absolute;
    top:85px
}
.act {
    position: absolute;
    top: 380px;
}
.act a{
      border: 1px solid #F15B58;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}
.concursos {
    position: absolute;
    top: 270px
}

.int {
    position: absolute;
    top: 690px;
}

.int a {
    border: 1px solid #00B8C2;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}
.materiales {
    position: absolute;
    top: 770px;
}
.ingresa a{
    position: absolute;
    top: 1500px;
    border: 1px solid gray;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}
.regis a{
    position: absolute;
    top: 1550px;
    border: 1px solid gray;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}

footer{
    position: relative;
}
.fijo{
    position: absolute;
    top: 1600px;
}

.ind {
    position: absolute;
    top: 90px;
}
.text{
    position: absolute;
    top: 175px;
}
.di {
    position: absolute;
    top: 265px
}
.dp {
    position: absolute;
    top: 354px
}
.arq{
    position: absolute;
    top: 471px
}
.din {
    position: absolute;
    top: 620px
}
.todas {
    position: absolute;
    top: 810px
}
.inicio a {
    border: 1px solid #0B566D;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
}

/*Carta  */

.infocarta {
    margin: 2px auto;
    width: 90%;
    padding: 5px 0;
    margin-bottom: 15px;
}


.objetivos h1 {
    color: #3f8ac1;
    font-size: 2em;
}