@charset "utf-8";
/* CSS Document */

html {height: 100%;}

body {
	background-color:#CCC;
margin:0;
padding:0;
min-height: 101%;
}


.estudiantes {
margin-top:95px;
float: right;}

img
{  border-style: none;
}
	
	table {
		font-family:Verdana, Geneva, sans-serif;
		font-size:9px;
		color:#333;
		margin-top:2px;
		margin-left:3px;}

#container {
	width:826px;
	margin:0 auto; 
	padding: 28px 16px 23px 16px;
	background: #FFF  no-repeat left bottom ;
	border-left:3px solid #a8a8a8;
	border-right:3px solid #a8a8a8;
	}
	
#header {
	height:72px;
	}
	
	.logo {
	display:block;
	float:left}
	
	#menu {
	width:487px;
	float:left;
	height:72px;
	background-image: url(imagenes/animacion.gif);
	background-repeat:no-repeat;
background-position:bottom left;
	}
	
	.Bcontacto {
		height:15px;
		width:100px;
		/*text-indent: -9000px;*/
		vertical-align:middle;
		font-weight:400;}
		
	.Bequipo {
		height:25px;
		width:117px;
		background-color:#2999b6;
		background-image:url(imagenes/botoncontacto.gif);}
		
		.Bpostulaciones {
		height:25px;
		width:117px;
		background-color:#2999b6;
		background-image:url(imagenes/botoncontacto.gif);}


	.Binformacion {
		height:25px;
		width:117px;
		background-color:#2999b6;
		background-image:url(imagenes/botoncontacto.gif);}
	
	/*///////////////// este es la botonera///////////////*/
	
.ddcolortabs{
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
float:right;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


a.contacto {
float:left;
color: white;
background: #00acef;
/*background-image:url(imagenes/botoncontacto.gif);*/
margin:0 2px 0 0;
padding:2px 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
text-align:center;
}

a.equipo {
float:left;
color: white;
background: #e6b300 no-repeat left top;
margin:0 2px 0 0;
padding:2px 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
text-align:center;
}

a.informacion {
float:left;
color: white;
background: #35a944 no-repeat left top;
margin:0 2px 0 0;
padding:2px 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
text-align:center;
}

a.postulacion {
float:left;
color: white;
background: #ec0088 no-repeat left top;
margin:0 2px 0 0;
padding:2px 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
text-align:center;
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding: 4px 8px 2px 7px;

}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #696969;
}

.ddcolortabs a:hover span{
background-color: #696969;
}

.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
background-color: #696969;
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;

border-top-width: 0px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid white;
border-bottom: 1px solid white; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #3c3c3c;
background-color: #cfe9a1;
}



* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #81b523;
color: white;
}

.dropmenudiv_b{
position:absolute;
top: 0;

border-top-width: 0px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid white;
border-bottom: 1px solid white; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: #3c3c3c;
background-color: #f1b8d4;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #d80a8c;
color: white;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

	/*####################  termina la botonera   ###########################  */
	
#content {
	height:300px;
	padding-top:20px;
	background-image: url(imagenes/SUPERslogan.jpg);
	background-repeat: no-repeat;
	background-position: 10px top;
}
	

	.contentIZQ {
		float:right;
		width:632px;
	}
	
	.contentIZQ img{
float:left;
margin:0 5px 5px 0;
border-style:none;
}
	
		.contentIZQ img.comentario{
	float:none;
	border-style:none;
	}
	
	
	
	.imagenCENTRAL {
	float:left;
	display:inline;
	}
	
	

p.textoINICIO{
color:#666666;
font-family:Verdana,Geneva,sans-serif;
font-size:10px;
margin-top:0;
padding-right:10px;
width:285;
}
/*####################  footer   ###########################  */

#footer {
	height:102px;
	}
	
	.escudos{
		display:block;
		float:left;}
	
		#campos{
			width:363px;
			height:97px;
			background-color:#c7c7c7;
			float:left;
			padding-top:5px;
			}
			
			#campos input {
				border:0px;
				font-size:10px;}
			
			#campos a {
				font-family:Verdana, Geneva, sans-serif;
				font-size:6.5pt;
				text-decoration:none;
				color:#333;}
			
			.formulario {
				width:90px;
				margin-left:10px;}
				
				.entrar{
				background-color:#666666;
				color:#FFFFFF;
				height:20px;}
				
				.comunidad{
				background-color:#00FF00}
			
		.links {
			padding-top:66px;
			float:left;
			width:195px;}
		
	#subfooter{
		color:#666;
		background-color:#FFF;
		font-family:Verdana, Geneva, sans-serif;
		font-size:9px;
		margin-top:20px;
		margin-left:195px;
		text-align:left;
		clear:both;}

/* PAGINA CONTACTO */



#contentCONTACTO {
	background-color:#FFF;
			height:320px;
	padding-top:20px;}

.datoscontacto {
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	width:180px;
	margin-top:10px;
	border-left:3px solid #67c0f3;
	padding-left:10px;
	}
	
	.datoscontacto a{
		text-decoration:none;
		color:#666;}

.tablacontacto {float:right;
		width:400px;
		margin-top:0px;
		margin-right:40px;}
		
		.tablacontacto h3 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			margin-top:0px;}		
		
		.tablacontacto table {	
		width:479px;}
		
		.tablacontacto input{
			border:0px;
			background-color:#e1e1e1;}
			
			.tablacontacto select {
				border:0px;
			background-color:#c1c1c1;
			}
			
			.tablacontacto textarea {
				border:0px;
			background-color:#e1e1e1;
			width:300px;
			height:60px;}
			
			.tablacontacto #button{
				color:#c9c9c9;
				background-color:#404040;
}

/* PAGINA EQUIPO */


#contentEQUIPO{
	background-color: white;
	margin-bottom:40px;
			width:100%;
	padding-top:20px;
	position:relative;
	float:left;}
	
	.equipoIZQ {
		float:right;
		background-color:white;
		width:629px;}
	
#contentEQUIPO h4 {
	font-size:12px;
	letter-spacing:2px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;}
	
	
	#contentEQUIPO p {
		clear:left;
		padding-top:5px;
		margin-left:10px;
		margin-top:-10px;
		}

	
	
	#contentEQUIPO img {
						float:left;
						clear:left;
						margin-right:10px;
						margin-left:10px;
						
						border:2px solid #666;}
						
						* html	#contentEQUIPO img {
						float:left;
						clear:left;
						margin-right:10px;
						margin-left:30px;
						border:2px solid #666;
						margin-bottom:-15px;}
	
	.top1 {
height: 145px;
width: 185px;
padding-right:10px;
padding-top:8px;
background-color: ;
border-left:5px solid #f85353;
float: left;
font-size:9px;
font-family:Verdana, Geneva, sans-serif;}

	.top2 {
height: 140px;
width: 185px;
padding-right:10px;
padding-top:8px;
margin-top:10px;
background-color: ;
border-left:5px solid #64c112;
float: left;
font-size:9px;
font-family:Verdana, Geneva, sans-serif;}

	.top3 {
height: 115px;
width: 185px;
padding-right:10px;
padding-top:8px;
margin-top:10px;
background-color: ;
border-left:5px solid #6ce3fd;
float: left;
font-size:9px;
font-family:Verdana, Geneva, sans-serif;}

	.top4 {
height: 115px;
width: 185px;
padding-right:10px;
padding-top:8px;
margin-top:10px;
background-color: ;
border-left:5px solid #f6ae3c;
float: left;
font-size:9px;
font-family:Verdana, Geneva, sans-serif;}

/* PAGINA METODOLOGIA */

#contentMETODO{
	background-color: white;
	margin-bottom:40px;
			width:100%;
	padding-top:20px;
	position:relative;
	float:left;}
	
	#contentMETODO p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:400px;
	line-height: 14px;
	margin-left:20px;
	margin-top:-12px;
	color:#454545;
}

	#contentMETODO h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#454545;
	background-image:url(imagenes/punto.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
}




#contentMETODO h2 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#454545;
	background-image:url(imagenes/punto2.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;}

	#contentMETODO h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
}

#contentMETODO img {
	margin-bottom:10px;}

	#contentMETODO a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	margin-left:70px;
	line-height:30px;
	padding-top:5px;
	text-decoration:none;
	border-top:3px solid #00b14c;
}

	#contentMETODO a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	margin-left:70px;
	line-height:30px;
	padding-top:5px;
	text-decoration:none;
	border-top:3px solid #00b14c;
}

.video {
margin-left:20px;}

/* PAGINA CURSOS */

#contentCURSOS {
	background-color: #fff;
	margin-bottom:40px;
			width:100%;
	padding-top:20px;
	position:relative;
	float:left;}
	
#contentCURSOS h1 {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform: none;
	cursor: hand;
cursor: pointer;
}

	.titCURSO{
	background-image:url(imagenes/flecha.png);
		background-position:right bottom;
	background-repeat: no-repeat;
	}
	
	.titCURSOopen {
		background-image:url(imagenes/flechaup.png);
		background-position:right bottom;
		background-repeat: no-repeat;}
	
.curso1 {
	background-color:#F90;
	height:48px;
	padding:1px 0px 0px 10px;
}

		.curso2 {
		background-color:#09C;
		height:64px;
		padding:1px 0px 0px 10px;}
		
			.curso3 {
		background-color:#390;
		height:64px;
		padding:1px 0px 0px 10px;}
	
		.loscursos {
		font-family:Verdana, Geneva, sans-serif;
		font-size:11px;
		color:#666;
margin:5px 15px 15px 15px;
}

/* PAGINA FAQ */

	#contentfaq {
	background-color:#0099CC;
	margin:0 0 50 0;}

	#contentfaq h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#454545;
	padding-left:15px;
	width:570px;
}

	#contentfaq p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:500px;
	line-height: 14px;
	margin-left:20px;
	margin-top:-12px;
	color:#454545;
}

	#contentfaq ol{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:450px;
	line-height: 16px;
	margin-left:-15px;
	margin-top:25px;
	color:#454545;
}

	#contentfaq a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	text-decoration:none;
}

	#contentfaq a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#33CC33;
	text-decoration:none;
}

#mensaje{	
	position: absolute;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size:12px;
	color:#2A2A2A;
	text-align:center;
	width: 160px;
	background-color: #fff;
	margin-top:40px;
	margin-left:250px;
	padding: 10px;
	border-style: solid;
	border-width: 7px;
	border-color: #3F3F3F;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90); 
}


#mensaje h1{
	font-size: 20px;
	color: #EB0087;
}
#mensaje h2{
	font-size: 10px;
}

#mensaje a{
	color:#3F3F3F;
	text-decoration: none;
} 

#mensaje a:hover{
	color:#7F7F7F;
	text-decoration: none;
}