@charset "utf-8";
/* CSS Document*/
@import url("http://fonts.googleapis.com/css?family=Roboto:400,100,300,500");
@import url("http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300");

* {padding:0;
	margin:0;}

body{
	background: #fff;
	}
body,input,textarea,select{
	font-family: 'Roboto', sans-serif;
	color: #888;
	font-weight:300;
	}
section,article{
	margin-bottom: 50px;
	}
header{
	position: fixed;
	width: 265px;
	height: 100%;
	color: #fff;
	background: #222629 url('imagenes/overlay.png');
	box-shadow: inset -4px 0 4px 0 rgba(0,0,0,0.1);
	text-align: right;
	}
	
	header .menu{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		}
	header .redes{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		}
	header .redes ul li{
		list-style:none;
		display: inline-block;
		margin-right:15px;
		margin-bottom:30px;}
	
	header nav ul li a:hover
			{
				color: #E27689;
				border-bottom-color: rgba(255,255,255,0);
				background-color:#1B1F21;
			}
#logo{
	position: relative;
	margin: 28px 24px 24px 24px;
	min-height: 48px;
	cursor: default;
	}
	
	#logo h1{
		position: relative;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight:400;
		color: #fff;
		font-size:26px;
		line-height: 35px;
		margin-top:15px;
		}
	
	#logo p{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight:300;
		position: relative;
		display: block;
		font-size: 16px;
		color:#fff;
		line-height:15px;
		margin: 8px 0 0 0;
		}
		
	#logo .image{
		left: 0;
		top: 0;
		}
		
	nav ul li a{
		font-family: 'Roboto', sans-serif;
		font-weight:300;
		display: block;
		padding: 8px 24px 8px 24px;
		color: rgba(255,255,255,0.5);
		text-decoration: none;
		outline: 0;
		border: 0;
		transition: none;
		}

main{
	margin-left:265px;
	display:block;	
	}
	
	main > section{
		margin: 0;
		overflow: hidden;
		padding: 60px 0;
		box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.05), inset 0 0.1em 0.1em 0 rgba(0,0,0,0.025);
		text-align: center;
		}
		
		#intro{
			width:100%;
			background-color: #2787D1;
			background-image: url('imagenes/mango.jpg');
			padding: 70px 0px 50px 0px;
			color: #ffffff;
			}
			#intro h2{
				font-family:'Roboto Condensed', sans-serif;
				font-weight:300;
				color:#FFF;
				font-size:37px;}
			#intro h3{
				font-family:'Roboto Condensed', sans-serif;
				font-weight:300;
				color:#FFF;
				font-size:28px;}			
			.catedra{ 
				padding-top: 25px;
 				padding-bottom: 30px;}
			.proyecto{ 
				padding-top: 10px;
 				padding-bottom: 40px;}
			.button{
				border-radius: 6px;
				color:#FFF;
				border:solid #ffffff 1px;
				text-decoration: none;
				padding: 10px 25px 10px 25px;
				cursor: pointer;
				display: inline-block;
				font-family:'Roboto Condensed', sans-serif;
				font-weight:300;
				font-size:20px;
				}
			 #boton a:hover{
				 color: #E27689;
				 border:solid #E27689 1px;
				}
				
		#about{
			width:100%;
			background-color: #F2F2F2;
			padding: 50px 0px 70px 0px;
			color: #333333;
			}
			#about h2{
				font-family:'Roboto Condensed', sans-serif;
				font-weight:300;
				font-size:36px;}
			#izq{ 
				height: 100%;
				width:100%;
				}
				#aprobados{
					text-align:left;
					float:left;
					margin: 0px 25px 0px 80px;
					}
				#aprobados2{
					float:left;
					text-align:left;
					margin: 41px 115px 41px 80px;
					}
				#encurso{
					float:left;
					text-align:left;
					margin: 0px 25px 0px 80px;				
					}	
			
		#proyecto{
			text-align:left;
			margin:0px 80px 0px 80px;
			}
			#proyecto h2{
				padding-bottom:15px;
				color:#FC5154;}
			#proyecto h3{
				padding-bottom:15px;
				color:#FC5154;}
			#proyecto p{
				padding-bottom:35px;}
			#proyecto ol{
				margin-left:20px;}
			#proyecto ul{
				padding-bottom:35px;
				margin-left:20px;}
		#mapa{
			text-align:left;
			margin:0px 80px 0px 80px;
			}
			#mapa h2{
				padding-bottom:15px;
				color:#FC5154;}
			#mapa ul{
				margin-left:20px;}

	main > footer{
		margin: 0;
		overflow: hidden;
		box-shadow: inset 0 1px 0 0 rgba(0,0,0,0.05), inset 0 0.1em 0.1em 0 rgba(0,0,0,0.025);
		text-align: center;	
		background-color:#F2F2F2;
		padding:26px;
		color: #333333;			
		bottom: 0;
		}
		footer p{
			font-family: 'Roboto', sans-serif;
			font-weight:100;
			font-size:12pt;
			color:#333333;
			}
		
.contenedor{
	margin:0 auto;
	width: 100%;
	}
.encabezado{
	padding-bottom:45px;}
.titulo{
	padding-bottom:20px;
	text-align:left;
	font-weight:500;
	font-family: 'Roboto', sans-serif;
	font-size:24px;}
.catedras{
	font-weight:500;
	color:#FC5154;}