#maincontent {background-color:#D4E1E3; }
#maincontent img:first-of-type {margin:1em auto 2em auto; width:320px; display:block}

#maincontent > div {margin:1em}

#portalContenido {width:100%; background-color: #d4e1e3; display:block; margin:-1em 0 2em 0;}
#portalContenido > div {margin:1em 1em 2em 1em; display:block;}
#portalContenido > div img {margin:1em auto 2em auto; width:320px; display:block}

#portal {display:flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; align-content:space-between; gap:1em; width:99.5%; margin:1em auto;}
#portal > div {width:180px;height: 120px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#portal > div > div {margin:1.5em 1em;}
#portal > div > div > ul li {background: url('/imgs/orange_bullet.gif') no-repeat 0 .5em; padding-left: .9em; margin:.5em .25em; font-size:.82em }

#portal .acceso {background-color: #a9c7c8; font-size: 1.15em; border-radius: .75em;  }
#portal .acceso a  {text-decoration: none;color: #333;}
#portal .acceso a:hover {text-decoration: none;color: #FFF;}

#portal .ingresar {background-color:#7fc242; font-size:1.5em; text-align:center; border-radius: .5em; align-items: center; }
#portal .ingresar > div {margin-top:2.35em;}
#portal .ingresar a {text-decoration: none;color: #fff; }
#portal .ingresar a:hover {text-decoration: none;color: #333;}

#portal .folleto {background-color: #a9c7c8; font-size: 1.15em; border-radius: .75em; width:100%; height:80px; font-weight:normal; margin-top:1em; }
#portal .folleto div {margin:2em}
#portal .folleto a {text-decoration: none;color: #333;}
#portal .folleto a:hover {text-decoration: none;color: #fff;}
#portal .disclaimer {width: 100%; margin:1em 2em; font-weight:normal; height:auto;	}

@media only screen and (max-width: 850px) {
		#portal > div {width:23%}
}

@media only screen and (max-width: 600px) {
	#portal > div {width:48%}
	#portal .folleto div {margin:1.75em}
	#portal > div > div > ul li {font-size:3vw; }
}