body{
	background: url("../img/fondoContacto.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

.imagenContacto{
	margin: 25px;
	color: white;
}

.imagenContacto:hover{
	color: red;
}

h3{
	margin: 100px;
	font-size: 45px;
	color: #011F41;	
	margin-bottom: 30px;
}

h3:hover{
	font-size: 55px;
	transition: 1s;
	text-shadow: 3px 2px grey;
}
.linea{
	width: 25%;
	border: 4px solid red;
	box-shadow: 4px 4px yellow;
}

.principal{
	margin-top: 40px;
	width: 60%;
	box-shadow: 0px 0px 20px grey;
	border-radius: 35px;
	padding: 20px;
	margin-bottom: 30px;
}

.principal:hover{
	background: skyblue;
	transition: 1s;
}

.infoNosotros{
	padding: 40px;
	font-size: 23px;
	text-align: justify;
	font-style: italic;
	font-weight: bold;
	background: linear-gradient(to top left, #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6, rgb(250, 250, 250, 10%), #D5D0D6);
	border-radius: 0px 0px 35px 35px;
	text-shadow: 1px 1px red;
}

.infoNosotros:hover{
	color: blue;
	text-shadow: 2px 2px white;
}

.estiloSede{	
	color: white;
	font-weight: bold;
	text-shadow: 3px 4px blue;
}

.estiloSede:hover{	
	color: blue;
	font-weight: bold;
	text-shadow: 3px 4px white;	
	transition: 1s;
}

.cuerpoInicio{
	box-shadow: 0px 0px 20px grey;
	border-radius: 35px;
	text-align: left;
	display: flex;/*centrar caja verticalmente*/
   	align-items: center;/*centrar caja verticalmente*/
	border-radius: 35px;
	background: grey;
}

.cuerpoArriba{
	box-shadow: 0px 0px 20px grey;
	border-radius: 35px;
	text-align: left;
	display: flex;/*centrar caja verticalmente*/
   	align-items: center;/*centrar caja verticalmente*/
	border-radius: 35px;
	background: linear-gradient(to top right, grey, rgb(250, 250, 250, 10%), grey);
	margin-bottom: 40px;
}

.cuerpoArriba:hover{
	box-shadow: 0px 0px 20px yellow;
	transition: 1s;
}

.cuerpoArriba2{
	box-shadow: 0px 0px 20px grey;
	border-radius: 35px;
	text-align: left;
	display: flex;/*centrar caja verticalmente*/
   	align-items: center;/*centrar caja verticalmente*/
	border-radius: 35px;
	background: linear-gradient(to top left, grey, rgb(250, 250, 250, 10%), grey);
	padding-left: 40px;
	margin-bottom: 40px;
	padding-top: 10px;
}

.cuerpoArriba2:hover{
	box-shadow: 0px 0px 20px yellow;
	transition: 1s;
}

.sede{
	display: inline-block;
	width: 38%;
	font-size: 35px;
	text-align: center;
}

.direccion{
	padding: 20px;
	background: #65510798;
	display: inline-block;
	width: 59%;
	height: 302px;
	font-size: 22px;
	color: white;
	border-radius: 20px;
	text-align: justify;
	font-style: italic;
	text-shadow: 2px 1px black;	
}

.dato{
	font-weight: bold;
	text-shadow: 5px 3px black;
	font-size: 26px;
	text-align: center;
	text-decoration: underline;
	margin-bottom: 15px;
	margin-top: 12px;
}

.dato:hover{
	color: red;	
	transition: 1s;
}

.parrafo:hover{
	color: red;
	transition: 1s;
}

.mapa{
	display: inline-block;
	width: 49%;
}

iframe{
	width: 102%;
	height: 294px;
	border-radius: 0px 35px 35px 0px;
}

.cuerpoAbajo{
	margin-top: 40px;
	border-radius: 35px;	
	box-shadow: 0px 0px 20px grey;
	margin-bottom: 40px;
}

.cuerpoAbajo:hover{
	box-shadow: 0px 0px 20px yellow;
	transition: 1s;
}

.tituloHorario{
	background: orange;
	border-radius: 35px 35px 0px 0px;
	background: #655107;
	font-weight: bold;
	text-shadow: 5px 3px 20px yellow;	
	color: white;
	font-size: 40px;
}

.tituloHorario:hover{
	color: blue;
	transition: 1s;
}

.horario{
	background: linear-gradient(to top left, grey, #E3D1C3, grey);
	border-radius: 0px 0px 35px 35px;
	color: red;
	font-weight: bold;
	font-size: 22px;
	text-shadow: 2px 1px grey;	
}