@import url(http://fonts.googleapis.com/css?family=Lato:300,400,900);
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }


body{
	background: url("fondo_contratapa_v.jpg") #67778e no-repeat fixed;
	background-size: 100%;
	color: #2E3444;
	font-size: 100%;
	line-height: 1.25;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
/* para compu*/
@media screen and (min-aspect-ratio: 4/3) {
body{
	background: url("fondo_contratapa.jpg") #67778e no-repeat fixed;
	background-size: 100%;
	color: #2E3444;
	font-size: 100%;
	line-height: 1.25;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}
}
#contenedor{
    position:absolute;
	top:10%;
	width:95%;
	margin-left:2.5%;

}
/*para celu*/
#album {
	position:relative;
	top: 0%;
	left:10%;
	width:80%;	
	float:left;
}

#album img{
	width:90%;	
	
}


#profes {
	position:relative;
	right:0%;
	width:100%;	
	float:left;

	display: flex;
	flex-wrap: wrap;
	
}

#profes img{
/* 	margin-left:5%;
 */	width:40%;	
	
}
/* para compu*/
@media screen and (min-aspect-ratio: 4/3) {
	#album {
		position:absolute;
		top: 0%;
		left:1%;
		width:40%;	
		
	}

	#album img{
		width:90%;	
		
	}


	#profes {
		position:absolute;
		top: 10%;
		margin-top: 5%;
		right:0%;
		width:60%;	
		padding-left: 5%;
		float:left;
		
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	#profes img{
		 margin-left:2%;
		/*margin-top:1%; */
		width:25%;	
		
	}
}

.impar{
		transform: rotate(-8deg);
}
.par{
	transform: rotate(8deg);
}


/* To Navigation Style */

a{
	color: #FF2A48;
	text-decoration: none;
	outline: none;
}

a:hover, a:focus {
	color: #2E3444;
}

.codrops-top {
	width: 100%;
	text-transform: uppercase;
	font-weight: 800;
	font-style: normal;
	font-size: 1em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 0 1em;
	text-decoration: none;
	letter-spacing: 1px;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
.codrops-icon:after {
	margin: 0 4px;
	text-transform: none;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}


.codrops-icon-drop:after {
	content: "\e000";
}
.codrops-icon-prev:before {
	content: "\e004";
}