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

 
@font-face
{

font-family:QlassikBold_TB;
src: url(QlassikBold_TB.eot); /* EOT para IE */

}


#bg {

        position:fixed;

		top:-50%;

        left:-50%;

        width:200%;

        height:200%;
		z-index:-2;

		

		

		

		

		

}

#bg img {

        position:absolute;

        top:0;

        left:0;

        right:0;

        bottom:0;

        margin:auto;

        min-width:50%;

        min-height:50%;
z-index:-2;
		

}



body{
	margin:0;}

.container{
	margin:0 auto 0 auto;
	position:relative;
	width:800px;
	height:650px;
	}
	
.slide{
	background:url(../imagenes/slide.png);
	margin:0 auto 0 auto;
	position:relative;
	width:800px;
	height:200px;
	}
	
.slide1{
	background:url(../imagenes/logos.png);
	margin:5px auto 0 auto;
	position:relative;
	width:800px;
	height:55px;
	}
	
.menu{
	margin:5px auto 0 auto;
	position:relative;
	width:800px;
	height:45px;
	float:left;
	padding:0;
	}
	

	
.acerca{
	margin:0 auto 0 auto;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/acerca.png);
	float:left;
	}
	
.acerca:hover{
	margin:0 auto 0 auto;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/acercah.png);
	float:left;
}

.acercah{
	margin:0 auto 0 auto;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/acercah.png);
	float:left;
}
	
.dinamica{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/dinamica.png);
	float:left;
	}
	
.dinamica:hover{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/dinamicah.png);
	float:left;
	}
	
.dinamicah{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/dinamicah.png);
	float:left;
	}
	
.politicas{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/politicas.png);
	float:left;
	}
	
.politicas:hover{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/politicash.png);
	float:left;
	}
	
.politicash{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/politicash.png);
	float:left;
	}
	
.inscribase{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/inscribase.png);
	float:left;
	}
	
.inscribase:hover{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/inscribaseh.png);
	float:left;
	}
	
.inscribaseh{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/inscribaseh.png);
	float:left;
	}
	
.agenda{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/agenda.png);
	float:left;
	}
	
.agenda:hover{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/agendah.png);
	float:left;
	}
	
.agendah{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/agendah.png);
	float:left;
	}
	
	
.programacion{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/programacion.png);
	float:left;
	}
	
.programacion:hover{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/programacionh.png);
	float:left;
	}
	
.programacionh{
	margin:0 auto 0 1px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/programacionh.png);
	float:left;
	}	
	
.reporte{
	margin:0 auto 0 2px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/reporte.png);
	float:left;
	}
	
.reporte:hover{
	margin:0 auto 0 2px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/reporteh.png);
	float:left;
	}
	
	
.reporteh{
	margin:0 auto 0 2px;
	position:relative;
	width:132px;
	height:45px;
	background:url(../imagenes/reporteh.png);
	float:left;
	}
	
.contenido{
	
	margin:0 auto 0 auto;
	position:relative;
	width:740px;
	height:190px;
	background:url(../imagenes/contenido.png);
	float:left;
	overflow:scroll;
	padding:30px
	}
	
.contenido1{
	
	margin:-6px auto 0 auto;
	position:relative;
	width:730px;
	height:190px;;
	background:url(../imagenes/contenido.png) repeat-y;
	float:left;
	overflow:scroll;
	padding:30px;
	border:#065D64 4px solid;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#6D7379;
font-family:QlassikBold_TB;
font-size:17px;
text-align:justify;
	
	}
	
.contenido1 h1{
	width:700px;
	height:50px;
	position:relative;
	float:left;
	margin:-10px auto 0 auto;
	color:#6D7379;
font-family:QlassikBold_TB;
font-size:30px;
text-align:justify;
text-align:center;
	}	
	
.formulario{
		
	margin:0 auto 0 auto;
	position:relative;
	width:700px;
	height:auto;
	float:left;
color:#6D7379;
font-family:QlassikBold_TB;
font-size:17px;
text-align:justify;
	}
	

	
.formulario span{
		
	margin:10px auto 0 auto;
	position:relative;
	width:85px;
	height:auto;
	float:left;
color:#6D7379;
font-family:QlassikBold_TB;
font-size:17px;
text-align:justify;
	}
	
	

	
.form1{
		
	margin:0 auto 0 auto;
	position:relative;
	width:230px;
	height:auto;
	float:left;
font-family:QlassikBold_TB;
font-size:17px;
text-align:justify;
	}
	
.form2{
		
	margin:-175px auto 0 380px;
	position:relative;
	width:230px;
	height:auto;
	float:left;
font-family:QlassikBold_TB;
font-size:17px;
text-align:justify;
	}
	
.form3{
		
	margin:30px auto 0 5px;
	position:relative;
	width:330px;
	height:auto;
	float:left;
font-family:QlassikBold_TB;
font-size:17px;
text-align:justify;
	}
	
.footer{
	
	margin:10px auto 0 auto;
	position:relative;
	width:800px;
	height:37px;
	background:url(../imagenes/footer.png);
	float:left;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	}
	
.acercaptp{
	position:relative;
	width:200px;
	height:37px;
	float:left;
	}
	
	
.barra{
	background:url(../imagenes/barra.png);
	width:246px;
	height:24px;
	position:relative;
	float:left;
	margin:-20px auto 0 100px;
	}
	
.barra1{
	background:url(../imagenes/barra1.png);
	width:120px;
	height:24px;
	position:relative;
	float:left;
	margin:-20px auto 0 100px;
	}
	
.barra2{
	background:url(../imagenes/barra2.png);
	width:50px;
	height:24px;
	position:relative;
	float:left;
	margin:-25px auto 0 290px;
	}
	
	
.ext{
	width:50px;
	height:auto;
	position:relative;
	float:left;
	margin:0 auto 0 -50px;
	}	
	
	
.evento{
	width:246px;
	height:24px;
	position:relative;
	float:left;
	z-index:1000;
	margin:-20px auto 0 280px;
	}
	
.enviar{
	margin:230px auto 0 350px;
	} 
	
.educativa{
	margin:20px auto 0 auto;
	} 
	
.universidades{
	margin:-180px auto 0 350px;
	
	} 
	
.ciudad1{
	margin:-20px auto 0 250px;
	
	}	
	
.login{
	margin:-20px auto 0 250px;
	width:240px;
	height:217px;
	position:relative;
	float:left;
	background:url(../imagenes/login.png);}
	
	
.usuario{
	position:relative;
	float:left;
	width:222px;
	height:29px;
	margin:70px auto 0 10px;
	}
	
.contrasena{
	position:relative;
	float:left;
	width:222px;
	height:29px;
	margin:30px auto 0 10px;
	}
	
.generar{
	background:url(../imagenes/generar.png)
	position:relative;
	float:left;
	width:182px;
	height:31px;
	margin:10px auto 0 30px;
	}
	
.invitacion{
	background:url(../imagenes/invitacion.png);
	position:relative;
	float:left;
	width:182px;
	height:31px;
	margin:160px auto 0 -10px;
	}
	
.ciudad1{
	background:url(../imagenes/bucaramanga.png);
	width:240px;
	height:220px;
	float:left;
	position:relative;}