/* CSS Document */
#page{
	width:922px;
	margin: 0 auto;
	font-size:12px;	
	text-align:left;	
	position:relative;
	background:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#header{
	background:#fff;
}
#banner{
	width:922px;
	height:101px;
	background: url("../images/banner.png") no-repeat;
	z-index:2;	
}
#wrapper{
	position:relative;
	z-index:1;	
}
.clearfix {
    display: inline-block;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#alu-encuesta_ {
    height: 25px;
    width: 35px;
	float:right;
	padding-top:15px;
}
#sgec_ {
    height: 25px;
    width: 35px;
	float:right;
	padding-top:15px;	
}
#moodle_ {
    height: 25px;
    width: 35px;
	float:right;
	padding-top:15px;	
}
#menu, #menu ul{
	float:left;
	background: none repeat scroll 0 0 #33608B ;
	height:28px;
	width:922px;
	font: bold 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style:none;
	padding:0;
	margin: 0;
}
#menu li {
    float:left;
    width: 145px;
	padding: 0;
	height:28px;
}
#menu a{
	color:#fff;
	display: block;
	font-size:14px;
	text-decoration: none;
	padding:0;
	background-color:none;
	vertical-align:bottom;
}
#menu li a {
	padding-left:45px;
}
#menu li:hover, #menu li.sfhover { 
    background: url("../images/bg_menu.png") repeat-x scroll #7A97B3;
}
#menu a.sfhover{
 	background: url("../images/bg_menu.png") repeat-x scroll #7A97B3;
	height:28px;
}	
.main_content {
    clear: both;
	height:auto;
}
#left_content {
    float: left;
    width: 228px;
	position:relative;
	padding-top:10px;
}
#center_content {
    width: 684px;
	float:left;
	position:relative;
	padding-top:10px;
	padding-left:10px;
}
#img-flash_ {
	width:666px;
	height:224px;
}
#actualidad-izq_ {
	position:absolute;
	left:0px;
	top:173px;
	width:228px;
	height:37px;
}
.tit_columna_izq{
	float:left;
	padding-left:10px;
	padding-right:5px;
	color:#FFF;
	font-size:12px;
	background: url("../images/titulo_azul.png") no-repeat;
	width:211px;
	height:19px;
	text-align:left;
	margin-top:-10px;
}
#actualidad_home{
	width:211px;
	height:auto;
	background:url("../images/fondo_gris_home.png") repeat-x;
	float:right;
	padding-top:10px;
	
}	
.img-actualidad{
	width:211px;
	height:140px;
}
.actualidad{
	width:195px;
	height:auto;
	padding-left:10px;
	text-align:left;
	padding-top:10px;
}
.actualidad a.a{
	color:#00386e;
	text-decoration: none;
	line-height:15px;
	font-size:14px;
}
.actualidad p.texto{
	font-size:12px;
	color:grey;
	line-height:15px;
	text-align:justify;
}
.lista_completa_d a.a{
	text-decoration:none;
	color:red;
	padding-left:10px;
	font-size:12px;
	float:left;
}	
.separador_actualidad {
	width:211px;
	height:5px;
	background-image:url("../images/destacados_izq.gif");

}
#dest-list-izq_home{
   	height: auto;
    width: 211px;
}
#dest-list-izq_home ul{
	color:#00386e;
	line-height:15px;
	text-align:left;
	padding-left:10px;
}	
#dest-list-izq_home li{
	list-style-type:none;
	line-height:20px;	
}
#dest-list-izq_home a{
	text-decoration:none;
	color:#00386e;
	font-size:14px;
}
.mas_info{
	float:left;
	padding-left:10px;
	vertical-align:bottom;
	height:24px;
}
.mas_info .img_mas{
	float:right;
}
#dest-list-izq_home a.a{
	text-decoration:none;
	color:red;
    font-size: 12px;
	vertical-align:super ;
}	
.separador_izq_home {
	width:192px;
	height:4px;
	margin-left:10px;
	background: url("../images/separador_destacados.png");
}
#logo-nch {
	float:right;
	width:211px;
	height:80px;
	padding-top:200px;
	text-align:center;
	position:relative;
}

#footer {
	width:892px;
	height:79px;
	background: url("../images/footer.png") repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:30px;
	padding-top:0px;
	color:#0070af;
	text-align:left;
}
#footer_logos {
	float:right;
	color:#0070af;
	padding-right:30px;
	margin-top:-15px;
}
#facebook{
	float:right;
	width:40px;
	padding-left:10px;
}
#twitter{
	float:right;
	width:40px;
}
.ec_contenido_home{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:666px;
	height:auto;
	float:left;
}
.ec_contenido_home p.texto{
	color:#00386E;
	text-align:justify;
	padding-right:5px;
}
.ec_contenido_home h3{
	color:#9E2F37;
	line-height:10px;
}
.ec_contenido_home ul.ul{
	padding-left:10px;
}
.ec_contenido_home ul li.li{
	list-style-type:none;
	margin:14px 0;
}
.ec_contenido_home ul li a.a{
	text-decoration:none;
	color:#00386E;
	font-size:14px;
}
#columna_1_home{
	float:left;
	width:215px;
	height:auto;
	background: url("../images/fondo_gris.png") repeat-x scroll 0 0 #FFF;
	margin-top:20px;
}
#columna_2_home{
	float:left;
	height:auto;
	width:215px;
	background: url("../images/fondo_gris.png") repeat-x scroll 0 0 #FFF;
	margin-left:10px;
	margin-top:20px;
}
#columna_3_home{
	float:right;
	width:215px;
	height:auto;
	background: url("../images/fondo_gris.png") repeat-x scroll 0 0 #FFF;
	margin-top:20px;
}
/***************************************econtinua**************************************/
#menu_econtinua{
	height:auto;
	width:228px;
	float:left;
	background-color:#FFF;
}
#menu_econtinua ul{
	padding-top:14px;
	color:#00386E;
	padding-left:20px;
}
#menu_econtinua ul li{
	list-style-type:none;
	background-color:#DCDDDE;
	height:35px;
	text-align:center;
	margin-bottom:5px;
}
#menu_econtinua li a{
	width:200px;
	height:35px;
	text-decoration:none;
	color:#00386E;
	vertical-align:sub;
	font-size:14px
}
#menu_econtinua li:hover, #menu_econtinua li.activo {
	background-color:#9EA2A4;
}
#menu_econtinua li.activo{
 	background-color:#9EA2A4;
}	
#menu_econtinua p{
 	color:#00386E;
	padding-left:20px;
	font-size:13px;
	text-align:center;
	line-height:5px;
}	
#logos_izquierda{
	height:auto;
	width:200px;
	float:left;
}
#otec{
	padding-top:10px;
	float:left;
	padding-left:24px;
}
#nch{
	padding-top:10px;
	float:right;
	padding-right:10px;
}
.img-flash_ec {
	width:666px;
	height:auto;
}
#titulo_ec{
	color:#9E2F37;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:20px;
	font-size:20px;
}
.ec_contenido{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:650px;
	height:auto;
	float:left;
	padding-left:20px;
}
.ec_contenido p.texto{
	color:#00386E;
	text-align:justify;
	padding-right:5px;
	font-size:14px;
	line-height:22px;
}
.ec_contenido h3{
	color:#9E2F37;
	line-height:10px;
	font-size:16px;
}
.ec_contenido ul.ul{
	padding-left:10px;
}
.ec_contenido ul li.li{
	list-style-type:none;
}
.ec_contenido ul li a.a{
	text-decoration:none;
	color:#00386E;
	font-size:14px;
}
#img_ec_contenido{
	text-align:center;
	height:auto;
	padding-top:480px;
	width:650px;
}
/***************************************programas**************************************/
.tit_columna_1{
	float:left;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-size:12px;
	background: url("../images/titulo_verde.png") no-repeat;
	width:215px;
	height:19px;
	text-align:center;
}
#columna_1{
	float:left;
	width:211px;
	height:auto;
	background: url("../images/fondo_gris.png") repeat-x scroll 0 0 #FFF;
}
#columna_1 p{
	padding:5px;
}
#columna_1 ul li{
	list-style-type:none;
	background: url("../images/miniboton.png") no-repeat scroll 0 50% transparent;;
	padding-left:10px;
	vertical-align:text-top;
	line-height:15px;	
}
#columna_1 ul li a{
	color:grey;
}
#columna_2{
	float:left;
	height:auto;
	width:211px;
	background: url("../images/fondo_gris.png") repeat-x scroll 0 0 #FFF;
	margin-left:10px;
}
.tit_columna_2{
	float:left;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-size:12px;
	background: url("../images/titulo_rojo.png") no-repeat;
	width:215px;
	height:19px;
	text-align:center;
}
#columna_2 p{
	padding:5px;
}
#columna_2 ul li{
	list-style-type:none;
	background: url("../images/miniboton.png") no-repeat scroll 0 50% transparent;;
	padding-left:10px;
	vertical-align:text-top;
	line-height:15px;	
}
#columna_2 ul li a{
	color:grey;
}
#columna_3{
	float:right;
	width:211px;
	height:auto;
	background: url("../images/fondo_gris.png") repeat-x scroll 0 0 #FFF;
}
.tit_columna_3{
	float:left;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-size:12px;
	background: url("../images/titulo_naranja.png") no-repeat;
	width:215px;
	height:19px;
	text-align:center;
}
#tit_columna_4{
	float:left;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	font-size:12px;
	background: url("../images/titulo_morado.png") no-repeat;
	width:215px;
	height:19px;
	text-align:center;
}
#columna_3 p{
	padding:5px;
}
#columna_3 ul li{
	list-style-type:none;
	background: url("../images/miniboton.png") no-repeat scroll 0 50% transparent;
	padding-left:10px;
	vertical-align:text-top;
	line-height:15px;
}
#columna_3 ul li a{
	color:grey;
}
.noticias_programa{
	display:block;
	float:left;
	background:url("../images/fondo_noticia.png") repeat-x;
	height:140px;
	color:#00386E;
	width:670px;
	margin-left:-20px;
	
}
.noticias_programa .fecha_noticia{
	float:left;
	width:auto;
	padding-left:5px;
	height:150px;
	background:url("../images/filete-fecha.png") repeat-x scroll 0 50% transparent;
}
.noticias_programa span.mes{
	display:block;
	font-size:18px;
	
}
.noticias_programa span.dia{
	display:block;
	font-size:30px;
}
.noticias_programa .linea_fecha{
	float:left;
}
.noticias_programa .texto_noticia{
	float:left;
	width:605px;
	margin-bottom:10px;
	margin-top:0px;
	padding-left:5px;
}
.noticias_programa a.a{
	text-decoration:none;
	color:#00386E;
	line-height:15px;
	margin-left:180px;
	float:left;
	padding-top:10px;
}
.noticias_programa span.tit{
	font-size:16px;
}
img.img_news{
	float:left;
	background:url("../images/fondo-fotos.png") repeat-x ;
	padding:5px;
	margin-top:-35px;
	display:block;

}
.noticias_programa p.texto_m{
	color:grey;
	padding-left:180px;
}
.programas_izq{
	float:left;
	background:url("../images/fondo_amarillo.png") no-repeat;
	height:auto;
	width:211px;
	margin-left:20px;
}
.programas_izq a.a{
	text-decoration:none;
	color:#00386E;
}
.programas_izq li.li{
	list-style-type:none;
	background: url("../images/miniboton.png") no-repeat scroll 0 50% transparent;
	padding-left:10px;
    position: relative;
    margin: 12px 0;
	
}
.programas_izq ul.ul{
	padding-left:0px;
	padding-top:0px;
}
.ec_programa{
	width:650px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-top:10px;
}
.ec_programa span.titulo{
	color: #00386E;
    float: left;
    line-height: 15px;
    text-decoration: none;	
	font-size:18px;
	padding-right:110px;
	height:70px;
}
.ec_programa p{
	text-align:justify;
	color:grey;
	padding-right:5px;
}
.ec_programa h3{
	color: #00386E;
}
.ec_programa li{
	color:grey;
	text-align:justify;
	padding-right:5px;
}
.compartir{
	float:right;
	color: #00386E;
	background: url("../images/fondo-fotos.png") no-repeat;
	width:130px;
	margin-right:5px;
}
.center_title_bar_tw{
	width:120px;
	height:33px;
	float:right;
	padding:0 0 0 20px;
	margin:6px -10px 0 12px;
	line-height:33px;
	font-size:12px;
	color:#847676;
	font-weight:bold;
}
.center_title_bar_fb{
	width:110px;
	height:33px;
	float:left;
	padding:0 0 0 5px;
	margin:6px -10px 0 12px;
	line-height:33px;
	font-size:12px;
	color:#847676;
	font-weight:bold;
}
.secciones{
	float:left;
	margin-top:-20px;
}
.ec_programa a{
	text-decoration:none;
	color: #00386E;
}
.ec_programa a.linksubir{
	color:#067A9F;
	background:none;
	background:#fff url(../images/flecha_cursos_up.gif) 0 50% no-repeat;
	padding-left:15px;
	margin:10px 0 5px;	
}
div.separador{
	border-top:6px solid #dedede;
	margin: 15px 0;
}
.secciones ul{
	direction: ltr;
    list-style: none outside none;
    margin: 0;
	padding-left:0px;
}
.secciones ul li {
    display: inline;
	background: url("../images/miniboton.png") no-repeat scroll 0 50% transparent;
	padding-left:5px;
}
.secciones li a{
    background: none repeat scroll 0 0 transparent;
    border-right: 1px solid #BFBFBF;
    color: #00386E;
    font: 1em arial,helvetica,sans-serif;
    margin: 10px 0 0 0;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    text-decoration: none;
}
/**********************************Actualidad**********************/
.noticias{
	display:block;
	float:left;
	background:url("../images/fondo_noticia.png") repeat-x;
	height:80px;
	color:#00386E;
	width:670px;
	margin-left:-20px;
	margin-top:5px;
	
}
.noticias .fecha_noticia{
	float:left;
	width:150px;
	padding-left:5px;
	height:80px;
	background:url("../images/fondo-fotos.png") repeat-x scroll 0 0 transparent;
}
.noticias span.mes{
	display:block;
	font-size:18px;
	padding-left:10px;	
}
.noticias span.dia{
	display:block;
	font-size:30px;
	padding-left:10px;
}
.noticias .texto_noticia{
	float:left;
	width:500px;
	margin-bottom:10px;
	margin-top:0px;
	padding-left:5px;
}
.noticias a.a{
	text-decoration:none;
	color:#00386E;
	line-height:15px;
	margin-left:10px;
	float:left;
	padding-top:10px;
}
.noticias span.tit{
	font-size:14px;
}
.noticias .mas_info_noti{
	float:right;
	padding-top:5px;
}
.noticias .mas_info_noti a.a{
	text-decoration:none;
	color:red;
}
.mas_info_noti .img_mas{
	float:right;
	margin-top:-3px;
}
.ec_actualidad span.tit{
	color: #00386E;
    float: left;
    line-height: 15px;
    text-decoration: none;	
	font-size:18px;
	padding-right:110px;
	height:70px;
}
.ec_actualidad a.a{
	text-decoration:none;
	color:red;
}
.img_noti{
	float:right;
	color: #00386E;
	margin-top:-70px;
	background: url("../images/fondo-fotos.png") no-repeat;
	width:90px;
	margin-right:5px;
}
.img_noti span.mes{
	display:block;
	font-size:20px;
	padding-left:10px;
}
.img_noti span.dia{
	display:block;
	font-size:36px;
	padding-left:10px;
}
.ec_actualidad p{
	color:grey;
	text-align:justify;
	padding-right:5px;
}
.ec_actualidad li{
	color:grey;
}
.img_det_noti{
	float:left;
	padding-right:10px;
	display:block;
	padding-top:18px;
	width:220px;
	height:155px;
}
.mas_det_noti{
	float:left;
	padding-top:5px;
}
.mas_det_noti .img_mas{
	float:right;
	margin-top:-2px;
}
.ec_contenido p.ant-sig{
	padding-top:10px;
}
.ec_contenido p.ant-sig a{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    margin-right: 5px;
    padding: 2px 4px;
	color:red;
	text-decoration:none;
}
.ec_contenido p.ant-sig a:hover{
	background: none repeat scroll 0 0 #7A97B3;
    border: 1px solid #7A97B3;
    margin-right: 5px;
	color:#FFFFFF;
    padding: 2px 4px;
	text-decoration:none;

}
.ec_contenido p.ant-sig a.pag_marcada{
 	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    color: #00386E;
    font-weight: bold;
    padding: 2px 4px;
    vertical-align: top;
	text-decoration:none;
}
/***************Contacto*************/
.ec_contacto{
	width:647px;
	height:auto;
	float:left;
	padding-left:20px;
	background: url("../images/fondo_gris.png") repeat-x;
	padding-right:0px;
}
.ec_contacto span.tit{
	color:#900;
	font-size:14px;
	padding-top:20px;
}
.img_contacto{
	background:url("../images/filete-uct.png") no-repeat;
	float:right;
	text-align:right;
	line-height:5px;
	padding-right:40px;
	margin-top:-150px;
	width:140px;
}
.img_contacto p.texto{
	color:#00386E;
}
.img_contacto strong{
	font-size:14px;
	color:#00386E;
	padding-top:10px;
}
/* --------------- FORMULARIOS ---------------  */
/*formulario contacto*/
#center_content p#aviso{
	color:red;
}
.formulario{
	margin:0 auto;
	display:block;
}
.formulario dt{
	font-weight:normal;
}

.formulario dd{
	margin: 0 0 10px 0;
}
.formulario label{
	margin: 10px 0 5px;
	display:block;
	color:#00386e;
}
.formulario input.text{
	height:20px;
	border:1px solid #00386E;
	width:450px;
}

.formulario input:hover, .formulario textarea:hover {
	border: 1px solid #097EA9;
}

.formulario textarea{
	width:450px;
	height:200px;
	border:1px solid #00386E;
}

.formulario input.submit{
	width:120px;
	height:26px;	
	margin:0 0 0 180px;
	padding: 2px 10px;
	font-size:15px;	
	cursor: pointer;
	color: #fff;
	background: #4d4848;
	border-width: 2px;
	border-style: solid;
	border-color: #f5f5f5 #555555  #555555 #f5f5f5;
}
