﻿/*----------This CSS must be included for any new microsite site using 990px width---------*/

{padding:0; margin:0;}*/

#discovery_content_container {float:left}
#pageContainer{clear:both;float:left;width:990px;}
#contentHolder {float:left;}

#ad-right-skyscraper-container {
	float:left;
	background-color:#b8d4ff;
	padding:0;width:163px;
	height:623px;
	overflow:hidden;
	display:inline;
	margin-left:6px
}

#ad-right-skyscraper {text-align:center;}
#ad-right-advertisement img {border:none;overflow:hidden;}

.txt {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: 000000;
	text-decoration:none;
}
.txtBlack {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #505050;
	text-decoration:none;
}
.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #505050;
	text-decoration:underline;
}
.tituloClick {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}
.tituloClick:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration:underline;
}
.titulo {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
.tituloGris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-decoration:none;
}
.tituloBlanco {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}

.txt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 9ba3a8;
	text-decoration:none;
}
.txt2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 9ba3a8;
	text-decoration:underline;
}
.foot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration:none;
}
.foot:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #626B71;
	text-decoration: underline;
}
.titulosUnivCIC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #000000;
}

/*----------------------------------- estilos agregados -------------------------------------*/
.clear{ display:block; clear:both;}
.imagenTexto{ float:left; margin:0px 10px 10px 0px;}
ul,li,h1,h2,h3{ margin:0px; padding:0px;}
a{color:#000000;}
h2 a{ text-decoration:none;}
h2 a:hover{ text-decoration:underline;}
a.ver_mas{ font:bold 15px Arial, Helvetica, sans-serif; color:#6a6a6a; text-decoration:none;}
a.ver_mas:hover{color:#2B98F3;}


/*-------------- Home -------------*/

.porta_video{ width:580px; height:340px; float:left; overflow:hidden;margin: 8px;}
.porta_video object{ margin-top:-5px;margin-left: -5px;;}
.gallery_video{ width:362px; height:340px; overflow:hidden; float:right; font:normal 11px Arial, Helvetica, sans-serif; line-height:15px; text-align:left; position:relative;margin-right: 8px;margin-top: 8px;}
.gallery_video ul, .gallery_video li{ margin:0px; padding:0px; list-style:none;}
.gallery_video li{ list-style:none; display:block; clear:both; background-color:#eee57f;margin-bottom: 4px; }
.gallery_video li a img{border:0px; float:left; margin-right:8px;}
.gallery_video li a{ *height:82px; padding:3px; display:block; text-decoration:none; color:#000000; overflow:hidden;}
.gallery_video li a:hover{ background:#FCF8BB;}
.gallery_video li h3{ font-size:11px;}

#ver_todos{ display:block; width:52px; height:16px; overflow:hidden; position:absolute; right:0px; bottom:0px;}

.colum_agenda{ width:287px; float:left; text-align:left; overflow:hidden;}

.caja_agenda{ margin-bottom:10px; background:#4A9DF9; font:normal 12px Arial, Helvetica, sans-serif; padding:10px; color:#000000; height:257px; overflow:hidden; position:relative;}
.caja_agenda h2{ font-size:26px; letter-spacing:-1px; color:#FFFFFF; margin-bottom:15px;}
.caja_agenda a{ text-decoration:none; margin:10px 0px 25px 0px; }

.agenda_texto{ color:#FFFFFF; font-weight:bold;}
a.continuar_leyendo{ color:#000000; text-decoration:none; background:url(../imagenes/bullet_agenda.gif) no-repeat left center; padding-left:15px; display:block; margin-top:12px;}
a.continuar_leyendo:hover{ text-decoration:underline;}

.colum_contenido{ width:670px; float:right; font:normal 12px Arial, Helvetica, sans-serif; text-align:left;position:relative;}
.colum_contenido h2{ margin-bottom:10px;}

.agenda_ver_mas{ position:absolute; bottom:10px; right:10px; background:#FFF9FF; font-weight:bold; padding:3px;}
.agenda_ver_mas a{color:#4A9DF9; text-decoration:none;}

/*-------------- Contactos -------------*/
.formulario_contactos{ font-family:Arial, Helvetica, sans-serif; color:#666666; margin-left:154px;}
.formulario_contactos h2{text-align:left; font-size:26px; letter-spacing:-1px; margin:40px 0px 15px 0px;}
.linea_formulario{ clear:both; margin-bottom:11px;background:#C4C4C4; width:640px; text-align:right; clear:both; position:relative;}

.amarillo .linea_formulario,
.boton_contactos.amarillo,
.formulario_contactos.amarillo h2{ color:#666!important;}
.amarillo .linea_formulario,
.boton_contactos.amarillo{ background-color:#c4c4c4!important; border:0px;}

.linea_formulario input,
.linea_formulario textarea,
.linea_formulario select
{ width:290px; border:1px solid #FFFFFF;}

.linea_formulario span{ display:block; position:absolute; left:0px; font-size:15px; line-height:20px; font-weight:bold; padding-left:5px;}
.linea_formulario .doble{ height:40px;}
.linea_formulario.doble select{ margin-bottom:20px;}
.linea_formulario .triple{ height:60px;}
.contenido_contactos form{ padding-bottom:25px;}
.boton_contactos{ font:bold 20px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#666666; border:1px solid #C4C4C4; background:#C4C4C4; margin-left:10px; cursor:pointer;}

/*-------------- Agenda -------------*/
.titulo_punteado{ background:url(../imagenes/linea_punteada.gif) repeat-x bottom; padding-bottom:9px;}

.agenda_nota{ background:url(../imagenes/linea_punteada.gif) repeat-x top; font:normal 12px Arial, Helvetica, sans-serif; padding-top:2px; margin-bottom:17px; color:#666;}
.agenda_nota h1, .agenda_nota h1 a{ color:#636262; font-size:23px; line-height:26px; text-decoration:none;}
.agenda_nota h1 a:hover{ text-decoration:underline;}
.agenda_nota p{ margin:0px;}
.agenda_mes{font:bold 25px Arial, Helvetica, sans-serif; color:#00acff;}
.agenda_fecha{ font-size:18px; color:#00acff; background:#f5f5f5; padding:3px 5px 2px 5px;}
.agenda_horario{color:#7d7e7e; font-size:18px; margin:5px 0px 5px 0px;}

.caja_agenda_celeste{ background:#00acff; padding:5px; font:normal 15px Arial; margin-top:38px;}
.caja_agenda_celeste div{background:url(../imagenes/linea_punteada_celeste.gif) repeat-x top; margin-bottom:5px;}
.caja_agenda_celeste ul{ padding:5px 0px 5px 10px; background:url(../imagenes/linea_punteada_celeste.gif) repeat-x bottom;}
.caja_agenda_celeste li{ list-style:none; line-height:18px;}
.caja_agenda_celeste a{ text-decoration:none; font-weight:bold; color:#FFFFFF; background-image: url(../imagenes/bullet_alumnos.gif); background-repeat:no-repeat; background-position:left 5px; padding-left:10px;}
.caja_agenda_celeste a.selected{ color:#ffea00; background-position:left -16px;}
.caja_agenda_celeste a span, .caja_agenda_celeste a:hover{ color:#ffea00;}

.contenido_agenda{ height:235px; *height:220px; overflow:hidden;}

/*-------------- Novedades -------------*/
.novedades{ height:327px; background:#CCCCCC; overflow:hidden;}
.novedades .izquierda{ float:left; width:295px; padding:20px 15px 20px 20px;}
.novedades .derecha{ width:295px; height:335px; background:#B3B3B3;float:right; padding:20px;}
.novedades h3{ font:bold 16px Verdana, Arial, Helvetica, sans-serif;}
.novedades h3 a{text-decoration:none;}
.novedades img{ display:block; margin:15px 0px 10px 0px;}

.caja_agenda a:hover {
text-decoration:underline;
}




.div-videos{
	background-color:#dfdede;
	border: 1px solid #D5D4D4;
	margin-bottom:10px;
}
.el-cic{
	font-family:Arial;
	font-size:14px;
	line-height: 17px;
	text-align:left;
	position:relative;
	background-color:#f1efef;
	border:1px solid #d5d4d4;
	margin-bottom:10px;
}
.el-cic .ver_mas{
	top: 185px;
	position:absolute;
}
.el-cic .imagenTexto{
	margin:10px;
}
.el-cic h2{
	font-size:18px;
	text-transform:uppercase;
	padding: 15px 0 10px;
}

.caja-facebook{
	height:200px;
}
.cic-der{
	float:left;
	position:relative;
	width:590px;
	padding-right:15px;
}
