@charset "utf-8";
/* CSS Document */
@font-face{
	font-family:"Always Together";
	src:url(fuentes/Always Together.TTF);
	
	}
@font-face{
	font-family:"ROBOTO";
	src:url(fuentes/ROBOTO.TTF);
	}

body {
background: url(imagenes/Lago.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	}

#particioncero{
	
	width:1024px;
	height:900px;
	/*background-color:green;*/
	margin:auto; 
	}
#encabezado{
	padding:10px;
	width:1005px;
	height:320px;
	/*background-color:blue;*/
	margin-top: 10px;
	}
	
#cuerpo{
	width:1005px;
	height:560px;
	background-color:white;
	margin:auto;
	margin-top: -580px;
	}

#encabezadologo{
	width:100px;
	height:142px;
	/*background-color:yellow;*/
	float:left; 
	margin: 0px 0px 0px 20px;
	} 
	
#Titulo{
	width:480px;
	height:100px;
	/*background-color:Green;*/
	background-image: url(imagenes/titulo.png);
	margin: 0px 0px 0px 230px;
	margin-top:25px;
	}
	
#contacto{
	width:159px;
	height:137px;
	/*background-color:Green;*/
	margin: 0px 0px 0px 800px;
	padding: 0px;
	margin-top:-143px;
	}
#menu{
	width:1000px;
	height:142px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	margin-top:50px;
	}
	
	#menu img{
		margin: 0px 0px 0px 40px;
		}

#piedepagina{
	width:1005px;
	height:54px;
	/*background-color:yellow;*/
	margin:auto;
	margin-top:640px;
	}
	
#derechos{
	width:1000px;
	height:53px;
	background-color:white;
	float:left; 
	margin-top:0px;
	margin-left:2px;
}
  #derechos p{
	  color:#808285;
	  text-align:center;
	  font-size:14px;
	  font-family:ROBOTO;
	  margin-top:0px;
	  }

#textocuerpo{
	width:1000px;
	height:500px;
	background-color:white;
	margin-left:2px;
	float:left; 
	margin-top:5px;
	}
	
	#textocuerpo p{
		color:#808285;
		text-align:left;
		font-family:ROBOTO;
		margin-top:15px;
		font-size:18px;
		margin-left:35px;
		}
	

#oferta{
	width:1005px;
	height:50px;
	background-color:white;
	margin-top:20px;
	margin-left:0px;
	}
	#oferta p {
		color:#808285;
		text-align:left;
		font-family:Always Together;
		margin-top:20px;
		font-size:40px;
		margin-left:35px;
		}
#facultades{
	width:1000px;
	height:50px;
	background-color:white;
	margin-top:20px;
	margin-left:0px;
	}
	#facultades p {
		color:#808285;
		text-align:left;
		font-family:Always Together;
		margin-top:20px;
		font-size:40px;
		margin-left:35px;
		}
#valle{
	width:350px;
	height:280px;
	/*background-color:blue;*/
	margin-top:-25px;
	margin-left:70px;
	background-image: url(imagenes/valle.png);
	}
#cauca{
	width:350px;
	height:280px;
	/*background-color:blue;*/
	margin-top:-280px;
	margin-right:80px;
	float:right;
	background-image: url(imagenes/cauca.png);
	}
	
#salud {
  background: url(imagenes/salud.png) no-repeat;
  height: 100px;  
  width: 100px; 
  margin-left: 30px; 
 }
 
#salud:hover {
   background: url(imagenes/salud1.png) no-repeat;
  height: 100px;  
  width: 100px;  
  margin-left: 30px; 
 }
 
 #admon {
  background: url(imagenes/admon.png) no-repeat;
  height: 100px;  
  width: 100px;
  float:right;
  margin-right:765px; 
  margin-top:-100px; 
 }
 
#admon:hover {
   background: url(imagenes/admon1.png) no-repeat;
  height: 100px;  
  width: 100px; 
  float:right; 
  margin-right:765px;
  margin-top:-100px;
 }
 
 #artes {
  background: url(imagenes/artes.png) no-repeat;
  height: 100px;  
  width: 100px;
  float:right;
  margin-right:660px; 
  margin-top:-100px; 
 }
 
#artes:hover {
   background: url(imagenes/artes1.png) no-repeat;
  height: 100px;  
  width: 100px; 
  float:right; 
  margin-right:660px;
  margin-top:-100px;
 }
 
  #ciencias {
  background: url(imagenes/ciencias.png) no-repeat;
  height: 100px;  
  width: 100px;
  float:right;
  margin-right:555px; 
  margin-top:-100px; 
 }
 
#ciencias:hover {
  background: url(imagenes/ciencias1.png) no-repeat;
  height: 100px;  
  width: 100px; 
  float:right; 
  margin-right:555px;
  margin-top:-100px;
 }
 
 #sociales {
  background: url(imagenes/sociales.png) no-repeat;
  height: 100px;  
  width: 100px;
  float:right;
  margin-right:450px; 
  margin-top:-100px; 
 }
 
#sociales:hover {
  background: url(imagenes/sociales1.png) no-repeat;
  height: 100px;  
  width: 100px; 
  float:right; 
  margin-right:450px;
  margin-top:-100px;
 }

#humanidades {
  background: url(imagenes/humanidades.png) no-repeat;
  height: 100px;  
  width: 100px;
  float:right;
  margin-right:345px; 
  margin-top:-100px; 
 }
 
#humanidades:hover {
  background: url(imagenes/humanidades1.png) no-repeat;
  height: 100px;  
  width: 100px; 
  float:right; 
  margin-right:345px;
  margin-top:-100px;
 }
 
 #ingenieria {
  background: url(imagenes/ingenieria.png) no-repeat;
  height: 100px;  
  width: 100px;
  float:right;
  margin-right:240px; 
  margin-top:-100px; 
 }
 
#ingenieria:hover {
  background: url(imagenes/ingenieria1.png) no-repeat;
  height: 100px;  
  width: 100px; 
  float:right; 
  margin-right:240px;
  margin-top:-100px;
 }
 
  #psicologia {
  background: url(imagenes/psicologia.png) no-repeat;
  height: 100px;  
  width: 100px;
  float:right;
  margin-right:135px; 
  margin-top:-100px; 
 }
 
#psicologia:hover {
  background: url(imagenes/psicologia1.png) no-repeat;
  height: 100px;  
  width: 100px; 
  float:right; 
  margin-right:135px;
  margin-top:-100px;
 }
 
 #educacion {
  background: url(imagenes/educacion.png) no-repeat;
  height: 100px;  
  width: 100px;
  float:right;
  margin-right:30px; 
  margin-top:-100px; 
 }
 
#educacion:hover {
  background: url(imagenes/educacion1.png) no-repeat;
  height: 100px;  
  width: 100px; 
  float:right; 
  margin-right:30px;
  margin-top:-100px;
 }
 
 #talentos{
  
  height: 300px;  
  width: 100px;
  float:right;
  margin-right:550px; 
  margin-top:15px; 
 }