@charset "UTF-8";
/* CSS Document */
.central
{width: 99vw;
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*	align-items: center;*/
justify-content: flex-start;}
.central img
{max-width: 75%;
padding-left: 30%;
}
.central h1
{font-size: 1.6em;
color: #fff;
text-align: center;
font-weight: 600;
line-height: 95%;
margin-bottom: 5px;}
.mapa h2
{color: #000;font-size: 1.6em;
text-align: center;
font-weight: 600;
line-height: 95%;
margin-bottom: 5px;}
.tablita 
{background-color: #fff; opacity: .8;text-align: left;}
.tablita img
{padding-left: 5px;}
.tablita p
{font-size: .8em;}
.tablita1 
{background-color: #fff; opacity: .5;text-align: left;}
.tituleando
{background-color: #000; color: #53caea; padding: 0;margin: 0; font-size: 1.2em;text-align: center;}
.listado 
{font-size: 1em;
color: #fff;
text-align: center;margin-bottom: 5px;}
.dearriba
{margin-top: 50px;}
.listado img
{padding-left: 0px;}
.oblongo
{flex-basis: 23%;
	margin: 10px 0 10px 12px;
border-radius: 15px 50px;
  padding: 10px;
  height: 78vh;
}
.cabeceando
{width: 97vw; 
border-radius: 10px 30px;
  height: 10vh;
	background-color: #fff;
	display: flex;
}
.cabeceando img
{max-height: 7vh; margin-right: 10px;}
.cabeceando h2
{color: #53caea; width: 100vw;padding-left: 38vw;}
.portales
{flex-basis: 18%;
	margin: 10px 0 10px 12px;
border-radius: 15px 50px;
  height: 15vh;
}
.portales h1
{font-size: 1.1em;}
.portales img
{height: 40px;padding-left: 0}
.botoncito
{
background-color: #808285;
}
.circulito{height: 30px; margin-right: 15px;}
.quirofanos
{	background-image: url("../imagenes/quirofanos.jpg"); 
	background-repeat: no-repeat;
	background-size: cover;}
.mapa{width: 32vw; padding-left: 10px; margin-top: 0px;padding-top: 0;}
.mapa img
{width: 40px;}
.mapa h3
{font-size: 1.4em;
color: #fff;
text-align: center;
font-weight: 600;
line-height: 90%;}
.mapa h4
{font-size: 1em; color: #808285; text-align: center;}
.mapa p
{text-align: center; padding: 0 5px; font-size: 1em;}
.mapa p img
{padding: 0; width: 40px;}
.mapa h1 img
{padding: 0; width: 40px; margin: 0 5px}
.mapita
{padding-bottom: 40vh; width: 32vw; padding-left: 10px;}
.banner
{width: 32vw; justify-content: center;padding: 10px;align-content: center;}
.banner img {max-width: 100%;margin-left: 0; padding-left: 0;}
.mail
{margin: 0;
border-radius: 15px;
width: 31vw;
background-color: #fff;}
.mail img
{width: 40px;padding: 0; margin-left: 90px;}
@media (max-width:1023px)
{.central{width: 98vw;}
	.central h1{font-size: 1.2em;}
	.oblongo{flex-basis: 90%;height: auto;}
	.quirofanos
	{display: none;}
	.listado{display: none;}
	.portales{flex-basis: 90vw;height: 12vh;}
	.cabeceando{width: 96vw;}
	.cabeceando h2{ padding-left: 5vw;}
	.mapa {width: 98vw;padding: 2px;}
	.mapita {width: 95vw; padding-bottom: 0;padding-left: 2px;}
	.mapa h3{font-size: 1em;}
	.mapa h4{font-size: 1em;}
	.banner{width: 98vw;}
	.mail{width: 97vw; border-radius: 5px;}
	.mail img
	{margin-left: 0px;width: 30px;}
}