/** Base **/

* {
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	transition: 0.5s;
	text-decoration: none;
}

body {
	background-image: url(img/pattern.png);
	text-align: center;
	box-sizing: border-box;
}





/** Main **/

.menuindex {
  height: 4rem;
	font-size: 2.4rem;
	font-weight: 400;
	background-color: #747474;
	z-index: 999;
	margin-bottom: 4rem;
}

.menuindex li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: .2rem 2rem;
  font-size: 1.8rem;
	font-weight: 700

}

.menuindex li a {
color: white;
}
.menuindex li a:hover {
color: #27A7C4;
}


.logo {
	float: left;
	position: relative;
	margin: 0px 20px 50px 0px;
	height: 507px;
}


.vn {
	margin-top: 10rem;
	margin-bottom: 0rem;
	position: relative;
	float: left;
	font-size: 10rem;
	font-weight: 600;
	color: #27A7C4;
	width: 100%;
	text-align: left;
}

.numeros {
	float: left;
	position: relative;
	margin-top: 201px
}

/** Fotos **/

.integrantes article a {text-decoration: none; margin: 0 2rem}
.integrantes article {
	min-height: 308px;
	min-width: 294px;
}

#paula {
	background-image: url(img/main-03.jpg);
	float: left;
	position: relative;
	min-height: 308px;
	min-width: 294px;
}

#paula:hover {
	background-image: url(img/hover-03.png), url(img/main-03.jpg);
}

#mariano {
	background-image: url(img/main-04.jpg);
	float: left;
	position: relative;
	min-height: 308px;
	min-width: 294px;
}

#mariano:hover {
	background-image: url(img/hover-04.png), url(img/main-04.jpg)
}

#nicolas {
	background-image: url(img/main-05.jpg);
	float: left;
	position: relative;
	min-height: 308px;
	min-width: 294px;
}

#nicolas:hover {
	background-image: url(img/hover-05.png), url(img/main-05.jpg)
}

/* Mapa de sitio-----------------------------------------------------------------------------------------------------------*/


#mapatitulo {
font-size: 2.4rem;
font-weight: 500;    
}
.titulo {position: relative;}
.titulo p {  position: absolute;
  line-height: 1.3;
  font-size: 1.4rem;
  color: #4e4e4e;
  width: 64%;
  top: 57%;
  left: 34%;
  text-align: left;}

.mapa article {text-align: left;}
.seccion {
	color: #27A7C4;
	font-size: 1.6rem;
	font-weight: 600;
}

.mapa article ul li {font-size: 1.6rem}
.mapa article ul a {text-decoration: none; color: black}

/* Celular */
@media (max-width: 550px) {
	.mapa article {text-align: center;}
}


/** Footer **/

footer { 
	text-align: center; 
	font-size: 10px;
	margin-top: 50px;
}

/* Responsive
----------------------------------------------------------------------------------------------------*/

/* Celular */
@media (max-width: 550px) {
	.vn {font-size: 8rem;}
	.menuindex {height: 12rem;}
	.integrantes a {margin-bottom: 3rem; width: 100%}
	#paula {  min-width: 273px;}
	#mariano {  min-width: 273px;}
	#nicolas {  min-width: 273px;}
	section a img { width: 273px;}
	.titulo p {display: none}
}

/* Ipad */
@media (min-width: 550px) and (max-width: 1024px) {

}