/* reglas generales */

@import url(http://fonts.googleapis.com/css?family=Anonymous+Pro:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto);

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}




html { min-height:100%; } /* to get the gradient to stetch to the bottom of the view port */
body {
	background:#edf2f4

}


header {
    background: #fff;
    width: 100%; /* usar porcentaje */
	font-family: 'Oswald';
    font-weight: 700;
	position: relative
		
	
}



a {
    color: #000;
    text-decoration: none; 
}

footer {
    font-size: 20px;
    color: #f00;
    
}

main {
    background-color: white;
    width: 50%;
    height: 300px;
}



.box4 {
  overflow: hidden;
  position: relative;
  background: #ffffff;
  margin-bottom: 30px;
	
	background-color: blue;
}
.header {
    widht: 50%;
float:left; }

header nav { 
width: 50%;
float: right;
    }
    
header nav ul li {

display: inline;
  padding-right: 5%;
  font-size: 18px;
    }


/* -- Grilla /
------------------------------------------------------------- */
body {
    width: 100%;
}

.container {
    width: 90%;
    max-width: 1100px;
    min-width: 300px;
}

.grid-wrap {
    
    overflow: hidden;
    *zoom: 1;
}

.grid-wrap:before,
.grid-wrap:after {
    content: "";
    display: table
}

.grid-wrap:after {
    clear: both
}

.grid {
    float: left;
    padding-left: 3rem;
    /* this is your gutter between columns */
    
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/boxsizing.htc);
}

.half-gutter {
    margin-left: -1.5rem;
}

.half-gutter .grid-col {
    padding-left: 1.5rem;
}

/* columnas */

.col-entera {
    width: 100%;
}

.col-mitad {
    width: 50%;
}

.col-tercio {
    width: 33.333%;
    float:left
}

.col-dostercios {
    width: 66.666%;
}

.col-cuarto {
    width: 25%;
}

.col-trescuartos {
    width: 75%;
}

.col-entera, .col-mitad, .col-tercio, .col-dostercios, .col-cuarto, .col-trescuartos {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}


.main > section { margin-bottom: 7em; }
.main header{ color: #555; }



.home-page {font-family: 'Oswald', sans-serif;
}

/*******************imagenes de estudiantes */

#perfil_gi {
  background: url("img/gi_perfil.jpg") no-repeat;
  height: 250px; 
  width: 100%;  
 }
 
#perfil_gi:hover {
  background: url("img/gi_perfilhover.png") no-repeat;
  height: 250px;  
  width: 100%;  
 }

#perfil_belu {
  background: url("img/belu_perfil.jpg") no-repeat;
  height: 250px; 
  width: 100%;  
 }
 
#perfil_belu:hover {
  background: url("img/belu_perfilhover.png") no-repeat;
  height: 250px;  
  width: 100%;  
 }

#perfil_agus {
  background: url("img/agus_perfil.jpg") no-repeat;
  height: 250px; 
  width: 100%;  
 }
 
#perfil_agus:hover {
  background: url("img/agus_perfilhover.png") no-repeat;
  height: 250px;  
  width: 100%;  
 }

#perfil_sole {
  background: url("img/sole_perfil.jpg") no-repeat;
  height: 250px; 
  width: 100%;  
 }
 
#perfil_sole:hover {
  background: url("img/sole_perfilhover.png") no-repeat;
  height: 250px;  
  width: 100%;  
 }

.estudiantes {
 height: auto;
  width: 100%;
}


body{
text-align:center;
margin:0 auto;
}
#contenedor{
margin: 0 auto;
text-align:left;
width:100%;
}

header.grid.col-entera {
  margin-bottom: 20px;
}

img {
	overflow: hidden;
}

#mapa {
	width: 100%;
}

.slider {
	overflow: hidden;
}

h1 {
  font-size: 3rem;
  padding: 0;
  margin: 0;
  font-weight: 400;
}

h2 {
  font-size: 1.2rem;
  padding: 0;
  margin: 0;
	
  font-weight: 400;
}

h3 {
  font-size: 1.0rem;
  padding: 0;
  margin: 0;
	
  font-weight: 400;
}

.bloquetexto {
  font-size: 0.7rem;
}
.dest1 {
  font-size: 0.7rem;
  padding: 0;
  margin: 0;
	
  font-weight: 700;
}
.dest2 {
  font-size: 0.7rem;
  padding: 0;
  margin: 0;
	
  font-weight: 300;
}



.home-page.main {
	margin-top: 40px;
}

header.principal {
  padding: 70px 40px;
}

header {
  border-radius: 15px;
}

p{
    font-size: 0.9rem;
  font-weight: 100;
	font-family: 'Roboto', sans-serif;
}

.btn {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #057C8B;
  padding: 13px 30px 13px 30px;
  border: solid #0d6973 2px;
  text-decoration: none;
}

.btn:hover {
  background: #139cab;
  text-decoration: none;
}