@charset "utf-8";
/* 
	UNIVIA - Universidad Virtual de America
	--------------------------------------------------
	Autor: Cuauhtemoc G. Togo
	Fecha: Octubre 2012
	Contacto: contacto@univia.edu.mx
 */

.titulo_conoce {	
	height: 60px;
	position: relative;
	width: 900px;	
}

#area_carga {
	/*background-image: url(../conoce/img/fondo.png);*/
	background-color: transparent;	
	height: 500px;
	position: relative;
	overflow: hidden;
	width: 900px;	
}

.buscar {
	height: 40px;
	width: 270px;
	position:absolute;
	left: 630px;
	top: 70px;
}

.conocimiento {
	background-image:url(img/ico_flecha_siguiente_verde_24.png);
	background-repeat:no-repeat;
	background-position: 900px 8px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #ccc;
	color: #333;
	cursor: pointer;
	font-size:14px;
	scroll-x: no;
	padding-left: 20px;
	padding-top: 10px;
	height: 30px;
	width: 867px;
	-moz-transition: background-position 0.5s ease;
    -ms-transition: background-position 0.5s ease;
    -o-transition: background-position 0.5s ease;		
    -webkit-transition: background-position 0.5s ease;
}

.conocimiento:hover {
	background-color: #efefef;
	background-position: 850px 8px;
	color: #196aaa;
	font-weight: bold;	
}

#btn_continuar {
	width: 100px;
	top: 465px;
	left: 475px;
}

#btn_regresar {
	width: 100px;
	top: 465px;
	left: 400px;
}

#busca {
	border: solid 1px #196aaa;
	height: 30px;
	width: 200px;
}

#conocimientos {
	border-bottom: solid 2px #ccc;
	border-top: solid 2px #ccc;
	height: 376px;
	width: 900px;
	position:absolute;
	left: 0px;
	top: 120px;
	overflow: auto;
}

#parte1 {
	height: 500px;
	width: 900px;
	position:absolute;
	left: 0px;
	top: 0px;
}

#txt_bienvenido {
	font-size: 14px;
	color: #333;
	position: absolute;
	top: 10px;
	left: 50px;
	width: 800px;
	text-align: left;
}

#parte2 {
	height: 500px;
	width: 1000px;
	position:absolute;
	left: 900px;
	top: 0px;
}

#parte2 .texto {
	font-size: 1em;
	left: 10px;
	height: 450px;
	position:absolute;
	top: 10px;
	width: 880px;
	overflow:auto;
}

#parte2 .link {
	color: #196aaa;
	text-decoration:underline;
}

#videoPlayer {
	left: 66px;
	position:absolute;
	top: 10px;
	background-color: #000;
	border: solid 1px #333;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 2px 2px 2px #CCC;
}

.texto_cargando {
	color: #fff;
	font-size: 24px;
	text-shadow: 2px 2px 2px #333;
}