@import url("reset.css"); 
body {
	color:#2b2b2b;
	margin:0;
	padding:0;
	/*text-shadow: #2b2b2b 0 0 0px; */ /*quitar efecto "bold" en mac*/
	background:#bebdb8 url(../images/bg_fondo.jpg) 0 0 repeat-x; 
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
h1, h2, h3{
	font-weight:bold;
	color:#067A9F;	
}
h1{
	font-size:22px;
}
h2{
	font-size:17px;
}
h3{
	font-size:14px;
}
h4, h5{
	font-size:13px;
	color:#067A9F;		
}

p{
	margin:5px 0;
	line-height:1.5;
}
a, a:visited{
	text-decoration:none; 
	color:#067A9F;
	outline:none;
}
a:visited{

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


/* --------------- LAYOUT---------------  */
#page{
	width:950px;
	margin: 0 auto;
	font-size:12px;	
	text-align:left;	
	position:relative;
	background:#fff;
	font-family: Helvetica, Arial, sans-serif; 
}
#header{
	background:#fff;
}
#wrapper{
	position:relative;
	z-index:1;	
}
#footer{
	padding:15px 0px 20px;
	background:#bebdb8;	
	border-top:5px solid #8b8b8b;
}


/* --------------- HEADER ---------------  */
#header{
	position:relative;
	background:#f4f4f4;
	z-index:2;	
}
#header #contenedor_top{
	padding:16px 0 15px 20px;
	position:relative;
}
#header #logouct{	
	width:123px;
	height:69px;
	text-indent:-9999px;
	position:absolute;
	top:20px;
	left:20px;
	/*hack transparencio png explorer*/
	background: url(../images/logo_uct.png)  no-repeat !important;
	background-image: none;
	filter: none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/logo_uct.png');		
	/*fin hack*/
}
#header #banner{
	height:138px;
	/*background:url(../images/bn_default.jpg) 0 -1px no-repeat; 	*/
	position:relative;
}

#header #banner #bn_imagenes{
	width:373px;
	height:139px;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
}
/* --------------- MENUS ---------------  */
/*navegacion principal*/
#cont_mainnav{
	position:absolute;
	bottom:10px;
	left:0;	
}
ul#mainnav{
	font-family: Helvetica, Arial, sans-serif;
	background:#000;
	width:415px;
}
ul#mainnav li{
	height:20px;
	margin: 5px 0  3px 0;
	padding: 0 8px 0 8px;	
	float:left;
	border-right:1px solid #fff;	
	list-style-type:none;
	position:relative;
}
ul#mainnav li.last{
	border-right:none;	
}
ul#mainnav li a{
	color:#fff;
	line-height:15px;
	display:block;
	outline:none;		
	border-bottom:2px solid #000;	
	background:#000;
}
ul#mainnav li a:hover, ul#mainnav li a.activo{
	text-decoration:none;
	border-bottom:2px solid #fff;
}
/*dropdown*/
ul#mainnav li  ul{
	background:#000;
	position:absolute;
	top:100%;
	left:0;
	z-index:3;
	visibility:hidden;
}
ul#mainnav li  ul#sub_edcontinua{
	width:130px;
}
ul#mainnav li  ul#sub_programas{
	width:140px;
}
ul#mainnav li ul li{
	clear:both;
	border:none;	
}
ul#mainnav li ul li a{
	white-space:nowrap;
	border:none;
}


/*navegacion interior costado superior derecho*/
ul#subnav{
	float:right;	
	height:39px;
	margin: 10px 15px 0 0; 
}
ul#subnav li{
	float:left;
	list-style-type:none;	
}
ul#subnav li a{
	display:block;
	padding:5px 10px;	
	color:#2b2b2b;
	line-height:29px;	
	font-weight:bold;
	background:url(../images/bg_submenu_2.jpg) 0 0 no-repeat;
}
ul#subnav li a:hover, ul#subnav li a.activo{
	background:url(../images/bg_submenu.gif) 0 0 no-repeat;
	text-decoration:none;
	color:#067A9F;	
}

/*navegacion interior costado izquierdo*/
#cont_sidenav{
	background: url(../images/bg_interiorIzqTop.jpg) 0 0 no-repeat;	
}	
#cont_sidenav h2{
	color:#383838;
	padding:10px 0 20px 20px;
	font-weight:normal;
	color:#a1a1a1;		
	font-size:13px;
	font-weight:bold;
}
#cont_sidenav h2.titulo_solo{
	padding-bottom:40px;
}
ul#sidenav{
	margin:0px 20px 0 20px;	
	padding:0 0 20px 0;
}
ul#sidenav li{
	margin:12px 0;
	padding-left:18px;
	list-style-type:none;	
	background: url(../images/flecha_default.gif) 0 50% no-repeat;
	position:relative;
}
ul#sidenav li a{
	color:#383838;	
}
ul#sidenav li a:hover, ul#sidenav li a.activo{
	text-decoration:none;
	color:#067A9F;	
}

#cont_sidenav span.espacio{
	display:block;
	height:70px;
	width:10px;
}
#cont_sidenav span.espacio_prenav{
	display:block;
	height:40px;
	width:10px;
}
/* --------------- COLUMNAS ---------------  */
#col_izq{
	float:left;
	width:270px;
	position:relative;
}
#col_der{
	float:left;
	width:670px;	
	position:relative;
}
#col_der_2{
	float:left;
	width:670px;	
	position:relative;
	height:350px;
}

/* --------------- CAJAS IZQUIEDA ---------------  */

/* contenedor de cajas*/
#contentbox{
	width:240px;
	padding:10px 0 0 35px;
	background:url("../images/bg_side_2.png") repeat-y ;
}
/*caja contacto*/
#contentbox  #caja_contacto{
	width:175px;
	height:86px;
	background: url(../images/contacto_gral.gif) 0 0 no-repeat;
	color:#067A9F;
	position:relative;
	margin:10px 0;
}
/*caja facebook*/
#contentbox  #caja_facebook{
	width:240px;
	height:310px;
	margin-left:-25px;
}
#contentbox  #caja_facebook span#i_siguenos{
	color:#999999;
	font:1.5em "Arial Narrow",Arial,Helvetica,sans-serif;
	margin:0 0 5px;
	text-shadow:0 1px 0 #FFFFFF;
}
#contentbox  #caja_contacto span#i_fono{
	position:absolute;
	top:18px;
	left:40px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
}
#contentbox  #caja_contacto span#i_casilla{
	position:absolute;
	top:42px;
	left:35px;
}
#contentbox  #caja_contacto span#i_mail{
	position:absolute;
	top:62px;
	left:35px;
}

/*caja logos acreditaado*/
#contentbox  #caja_logos {
	width:240px;
	height:250px;
	margin:10px 0;
	
}
#contentbox #caja_logos  a#logo_acreditada{
	width:180px;
	height:85px;
	display:block;
	background:url(../images/acreditacion5.jpg) 50% 0 no-repeat; 	
	padding:5px;
	float:left;
	text-indent:-9999px;
}
#contentbox #caja_logos  a#logo_nch{
	width:85px;
	height:85px;
	display:block;
	background:url(../images/nch2728.jpg) 50% 0 no-repeat; 	
	padding:5px;
	float:left;	
	text-indent:-9999px;	
}
#contentbox #caja_logos  a#otec{
	width:85px;
	height:100px;
	display:block;
	background:url(../images/sello-OTEC.jpg) 50% 0 no-repeat; 	
	padding:5px;
	float:left;	
	text-indent:-9999px;	
}
/*accesos*/
#accesos_box{
	width: 260px;
	height:36px;
	clear:both;		
	margin:0 auto 0;
	overflow:hidden;
}
#accesos_box a{
	display:block;
	height:33px;
	float:left;	
	text-indent:-9999px;
	margin: 0 5px 0 5px;
}
#accesos_box a#ing_alumnos{
	background:url(../images/icon_alumnos_act.jpg) 0 0 no-repeat;
	width:71px;	
}
#accesos_box a#ing_gestion{
	background: url(../images/icon_coordinarores_act.jpg) 0 0 no-repeat;
	width:77px;	
}
#accesos_box a#ing_educa{
	background: url(../images/icon_educa_act.jpg) 0 0 no-repeat;
	width:70px;	
}
#accesos_box a#ing_alumnos:hover{
	background: url(../images/icon_alumnos_des.jpg) 0 0 no-repeat;
}
#accesos_box a#ing_gestion:hover{
	background: url(../images/icon_coordinarores_des.jpg) 0 0 no-repeat;
}
#accesos_box a#ing_educa:hover{
	background: url(../images/icon_educa_des.jpg) 0 0 no-repeat;
}

/* destacados */
#destacados_box{
	width:240px;
	height:380px;	
	margin:15px 0 0 25px;
	overflow:hidden;
}
#destacados_box h1{
	margin:10px 0 2px 65px;
	color:#b0b0b0;
	font-size:17px;	
}
#destacados_box  .jCarousel{
	height:330px;
	overflow:hidden;
}
#destacados_box  .destacados img{
	margin:4px 0 4px 20px;	
}
#destacados_box  .destacados .prev{
	text-indent:-9999px;
	display:block;
	background: url(../images/arrow_up.gif) 45% 0 no-repeat; 
}
#destacados_box  .destacados .next{
	text-indent:-9999px;
	display:block;	
	background: url(../images/arrow_down.gif) 45% 0 no-repeat; 
}
#destacados_box  .destacados a{
	outline:none;
}
#destacados_box  .destacados a:hover{
	text-decoration:none;
}
#destacados_box  .destacados .disabled{
	color:#101012;
}

/*caja lateral izquierda*/
#side_box{
	background: url(../images/bg_sideBoxRepeat.jpg) 0 0 repeat-y; 
	width:252px;		
	padding:0 0 20px 0;
}
#side_box .borde_sidebox{
	border-top:1px solid #ddd;
	margin:0 2px 0 0;
	padding:0;
}
#side_box #logos_box{
	margin:0 0 0 30px;
}

/*logos lateral*/
#col_izq #logos_box h2{
	text-align:center;	
	margin:20px 0 0 0; 
}
#col_izq #logos_box a#logo_acreditada{
	width:73px;
	height:69px;
	display:block;
	background:url(../images/logo_acreditada.jpg) 0 0 no-repeat; 	
	float:left;
}
#col_izq #logos_box a#logo_nch{
	width:75px;
	height:68px;
	display:block;
	background:url(../images/logo_nch.jpg) 0 0 no-repeat; 	
	float:left;	
}
#col_izq #logos_box a{
	cursor:default;
	text-indent:-9999px;
	margin: 20px 0 0 15px;
}

/* --------------- HOME ---------------  */
body.home #header #banner{
	background:url(../images/bn_home.jpg) 0 -1px no-repeat; 	
}
#subwrapper{
	margin: 3px 3px 3px 3px;
	padding: 2px;
	width:655px;
	height:350px;

}
#subwrapper_2{
	margin: 300px 3px 3px;
	padding: 2px;
	width:655px;
	height:370px;
}
#oferta{float:right;}
body.home #col_izq{
	background: url(../images/bg_side.png) repeat-y;
	width:270px;

	height:auto !important;

}
body.home #col_der{
	width:670px;
	height:auto !important;
	min-height:350px;
	position:relative;
	/*border:1px solid #067A9F;*/
	/*margin-left:-20px;*/
	/*margin:0px 0px 0 -50px;*/
}
body.home #col_der_2{
	width:670px;
	height:auto !important;
	height:370px;
	position:relative;
	/*border:1px solid #067A9F;*/
	/*margin-left:-20px;*/
	/*margin:0px 0px 0 -50px;*/
}
body.home #col_izq #logos_box{
	position:absolute;
	top:275px;
	left:0px;
	width:200px;
	height:180px;
}
body.home #contentbox_twitter{
	margin-top:5px;
	width:240px;
	height:auto !important;
}
#contentbox_twitter #caja_twitter{
	margin-left:-25px;
	position:relative;
}
body.home #contentbox{
	width:240px;
	height:auto !important;
}

/* --------------- NOTICIAS---------------  */
.cont_notis{
	width:590px;
	padding:0 0 30px 0;

	overflow:hidden;
	height:1%;
}
.cont_notis h1, .cont_notis h2, .cont_notis h3{
	font-family: Georgia, serif;
}

.noti_detacado h2{
	font-size:16px;
	margin:0 0 10px 0;
	text-align:center;
}
 .noti_simple h2{
	font-size:15px;
	margin:0 0 10px 0;
}
.noti_detacado{
	width:550px;
	padding:0 0 10px 0;
	border-bottom:3px double #E2E2E2;
	float:left;	
}
.noti_simple{
	width:550px;
	padding:0 0 10px 0;	
	border-bottom:1px solid #E2E2E2;
	float:left;	
}
.cont_notis .izq{
	margin:0 0 0 0;
}
.cont_notis .der{
	margin:0 0 0 70px;
}

/*fecha noticias*/
.noti_simple span.fecha{
	font-style:normal;
}
.calendariofecha{
	width:43px;
	height:53px;
	background:#ECF7FD url(../images/bg_fecha_noticia.jpg) 0 0 no-repeat; 
	float:left;
	margin:0 10px 10px 0;	
	position:relative;
}
.calendariofecha span.mes{
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:2px;
	left:6px;
	font-size:14px;
	background:#1496D0;
}
.calendariofecha span.dia{
	color:#1492CD;
	position:absolute;
	top:25px;
	left:26%;	
	font-size:24px;	
	text-align:center;
	background:#EBF8FB;	
}
img.thumb_news{
	float:left;
	margin: 0 10px 5px 0;
padding:7px;
	border:1px solid #CCCCCC;
}

/*noticias pagina interior*/
.news{
	margin:30px 0;
	border-bottom:1px solid #CDCDCD;	
}
.news .fecha{
	width:40px;
	float:left;	
}
.news span.mes{
	font-size:15px;
	display:block;
	margin:0 0 4px 0;
}
.news span.dia{
	font-size:25px;
	display:block;
	margin:0 0 4px 0;	
}
.news .txt_notis_item{
	border-left:1px solid #CDCDCD;
	padding:0 0 10px 10px;
	margin:0;
	float:left;	
	width:490px;	
}
#texto .news .txt_notis_item h2{
	margin-top:0;
	margin-bottom:10px;
}




/* --------------- ESTILOS VARIOS ---------------  */

#texto{
	margin: 60px 30px 40px;
	padding:0;
	border:1px solid #fff;
	text-align:justify;
}
#texto_home{
	margin: 20px 30px 40px;
	padding:0;
	border:1px solid #fff;
	text-align:justify;
}
#texto_home h2{
	margin:10px 5px 0 0;
	padding:0;
	font-weight:normal;
}
#texto p{
	padding: 10px 0  5px 0;
	margin:0;
	line-height:17px;
}
#texto h1{
	margin:20px 0 30px 0;
	padding:0;
}
#texto h2{
	margin:25px 0 0 0;
	padding:0;
	font-weight:normal;
}
#texto h3{
	margin:25px 0 0 0;
	padding:0;	
	text-transform: uppercase;	
	font-weight:normal;	
}
#texto h4{
	margin:25px 0 0 0;
	padding:0;	
	font-weight:normal;	
}
#texto h1, #texto h2, #texto h3, #texto h4{
	text-align:left;
}
#texto h5{
	margin:25px 0 0 0;
	padding:0;	
	text-align:center;
}
#texto ul, #texto ol{
	margin: 10px 0 10px 18px;
}
#texto ul li{
	line-height:17px;
	padding: 5px;		
	margin:0 5px 0 10px;
	list-style-type:disc;
	
}
#texto_home ul li{
	line-height:5px;
	padding: 5px;		
	margin:0 5px 0 0px;
	list-style-type:none;
	
}
#texto ul.circle li{
	list-style-type:circle;
}
#texto ol li{
	line-height:17px;
	padding: 5px;		
	margin:0 5px 0 10px;	
	list-style-type:decimal;
}
#texto ol.romano li{
	list-style-type:lower-roman;
}
#texto ol.letra li{
	list-style-type:lower-alpha;
}
hr.divisor{
	border:2px solid #EDF5F8;
	margin: 45px 20px 20px 20px;
}
div.divisor{
	border:2px solid #EDF5F8;
	margin: 360px 20px 20px -30px;
	width:642px;
}
div.separador{
	border-top:6px solid #dedede;
	margin: 15px 0;
}


/* alineacion para imagenes*/
img.alignleft{
	float:left;
	margin: 20px 20px 10px 0;
}
img.alignright{
	float:right;
	margin: 20px 0 10px 20px;	
}
img.aligncenter{
	display:block;
	margin:10px auto;
}

/* alineacion para texto*/
.txtleft{
	text-align:left;
}
.txtright{
	text-align:right;
}
.txtcenter{
	text-align:center;
}
.txtjustify{
	text-align:justify;
}

p.letra_chica{
	font-size:10px;
}

/*texto destacado bajada de texto*/
#texto p.txtdestacado{
	color:#2b2b2b;	
	font-size:17px;
	line-height:22px;
	font-style: normal;
	font-weight: lighter;
	margin: 20px 0 30px;
	font-family: sans-serif;
}
#texto p#aviso{
	color:red;
}


/* --------------- ESTILOS PAGINAS INTERIOR---------------  */
/*body.interior{
	background:#bebdb8 url(../images/bg_fondo_interior.jpg) 0 0 repeat-x; 
}*/
/*header*/
/*body.interior #header #banner{
	height:120px;
}*/

/*columnas*/
body.interior #wrapper{
	background: url(../images/bg_sideBoxRepeat.jpg) 0 0 repeat-y; 
}

body.interior #col_izq{
	background: url(../images/bg_interiorIzqRepeat.jpg) 100% 0 repeat-y; 
	width:252px;
}
body.interior #col_der{
	background: url(../images/bg_interiorDerTop.jpg) 0 0 no-repeat; 
	width:698px;	
}

/*columnas dentro del  texto  (col_der)*/
.inner_col1{
	width:50%;
	float:left;
}
.inner_col1_home{
	width:100%;
	float:left;
}
.inner_col2{
	width:50%;
	float:left;	
}



/* --------------- COLORES SECCIONES ---------------- */
/*  cursos:                      #620294 morado                   */
/*  diplomados:                #035203 verde oscuro           */
/* postitulos:                 #E79016 naranjo                   */
/* planes_especiales:      #BC1411 rojo                         */
/*------------------------------------------------------------- */

/* listas en la pagina programas */
h2.t_lst_cursos, h2.t_lst_cursos a{ color:#620294;}
h2.t_lst_diplomados, h2.t_lst_diplomados a{ color:#035203;}
h2.t_lst_postitulos, h2.t_lst_postitulos a{ color:#E79016;}
h2.t_lst_planes_especiales, h2.t_lst_planes_especiales a{ color:#BC1411;}
h2.t_lst_diplomados_home{color:#035203; background:url(../images/bg-th-diplomado.gif) repeat-x scroll 0 0 ; height:27px}
h2.t_lst_diplomados_home a{color:#035203; padding:5px; margin-top:2px; position:absolute;}
h2.t_lst_cursos_home{color:#620294; background:url(../images/bg-th-cursos.gif) repeat-x scroll 0 0 ; height:27px}
h2.t_lst_cursos_home a{ color:#620294;padding:5px; margin-top:2px; position:absolute;}
h2.t_lst_postitulos_home{ color:#E79016;background:url(../images/bg-th-postitulo.gif) repeat-x scroll 0 0 ; height:27px}
h2.t_lst_postitulos_home a{ color:#E79016;padding:5px; margin-top:2px; position:absolute;}
h2.t_lst_planes_especiales_home{ color:#BC1411;background:url(../images/bg-th-pet.gif) repeat-x scroll 0 0 ; height:27px}
h2.t_lst_planes_especiales_home a{ color:#BC1411;padding:5px; margin-top:2px; position:absolute;}

#texto  ul.lst_cursos li, #texto  ul.lst_diplomados li, #texto ul.lst_postitulos li,#texto  ul.lst_planes_especiales li{
	margin:0;
	padding-left:18px;
	list-style-type:none;
}
ul.lst_cursos li{	background: url(../images/flecha_cursos.gif) 0 50% no-repeat;}
ul.lst_diplomados li{	background: url(../images/flecha_diplomados.gif) 0 50% no-repeat;}
ul.lst_diplomados_home li{background:none repeat scroll 0 0 #EDE5CD; border-bottom:1px solid #FFFFFF;margin-bottom:8px; 
list-style:none;}
#home_nuevo{background:url(../images/mas_info.gif) no-repeat #EDE5CD; border-bottom:1px solid #FFFFFF;margin-bottom:8px; 
list-style:none; padding:20px; }
ul.lst_postitulos li{	background: url(../images/flecha_postitulos.gif) 0 50% no-repeat;}
ul.lst_planes_especiales li{	background: url(../images/flecha_planes_especiales.gif) 0 50% no-repeat;}

ul.lst_cursos li a, ul.lst_diplomados li a, ul.lst_postitulos li a, ul.lst_planes_especiales li a{ color:#2b2b2b;}
ul.lst_cursos li a:visited, ul.lst_diplomados li a:visited, ul.lst_postitulos li a:visited, ul.lst_planes_especiales li a:visited{ color:#849EA6;}
ul.lst_cursos li a:hover, ul.lst_diplomados li a:hover, ul.lst_postitulos li a:hover, ul.lst_planes_especiales li a:hover{ text-decoration:underline;}

/*banners para cada seccion de programa*/

body.interior #header .diplomados_portada{	background:url(../images/bn_diplomados.jpg) 0 -1px no-repeat; }
body.interior #header .postitulos_portada{	background:url(../images/bn_postitulos.jpg) 0 -1px no-repeat; }
body.interior #header .planes_especiales_portada{	background:url(../images/bn_planes_especiales.jpg) 0 -1px no-repeat; }

body.interior #header .cursos{	background:url(../images/bn_cursos.jpg) 0 -1px no-repeat; }
body.interior #header .diplomados{	background:url(../images/bn_diplomados_solo.jpg) 0 -1px no-repeat; }
body.interior #header .postitulos{	background:url(../images/bn_postitulo_solo.jpg) 0 -1px no-repeat; }
body.interior #header .planes_especiales{	background:url(../images/bn_pespeciales_solo.jpg) 0 -1px no-repeat; }

body.interior #header .contacto{ background:url(../images/bn_contacto.jpg) 0 -1px no-repeat; }
body.interior #header .noticias{ background:url(../images/bn_noticias.jpg) 0 -1px no-repeat; }
body.interior #header .edcontinua{ background:url(../images/bn_edcontinua.jpg) 0 -1px no-repeat; }
body.interior #header .programas{ background:url(../images/bn_programas.jpg) 0 -1px no-repeat; }


/*titulos*/
body.cursos   h1, body.cursos   h2, body.cursos   h3, body.cursos   h4, body.cursos   h5{ color:#620294;}
body.diplomados   h1, body.diplomados   h2, body.diplomados   h3, body.diplomados   h4, body.diplomados   h5{ color:#035203;}
body.postitulos   h1, body.postitulos   h2, body.postitulos   h3, body.postitulos   h4, body.postitulos   h5{ color:#E79016;}
body.planes_especiales   h1, body.planes_especiales   h2, body.planes_especiales   h3, body.planes_especiales   h4, body.planes_especiales   h5{ color:#BC1411;}

/*titulo econtinua**/
body.cursos #header a#frase_econtinua span.tit2{ color:#620294;}
body.diplomados #header a#frase_econtinua span.tit2{ color:#035203;}
body.postitulos #header a#frase_econtinua span.tit2{ color:#E79016;}
body.planes_especiales #header a#frase_econtinua span.tit2{ color:#BC1411;}

/*navegacion interior costado superior derecho*/

body.cursos  ul#subnav li a:hover, body.cursos   ul#subnav li a.activo{ color:#620294;}
body.diplomados  ul#subnav li a:hover, body.diplomados   ul#subnav li a.activo{ color:#035203;}
body.postitulos  ul#subnav li a:hover, body.postitulos   ul#subnav li a.activo{ color:#E79016;}
body.planes_especiales  ul#subnav li a:hover, body.planes_especiales   ul#subnav li a.activo{	color:#BC1411;}


/*navegacion interior costado izquierdo*/
body.cursos  ul#sidenav li{	background: url(../images/flecha_cursos.gif) 0 50% no-repeat;}
body.diplomados  ul#sidenav li{	background: url(../images/flecha_diplomados.gif) 0 50% no-repeat;}
body.postitulos  ul#sidenav li{	background: url(../images/flecha_postitulos.gif) 0 50% no-repeat;}
body.planes_especiales  ul#sidenav li {	background: url(../images/flecha_planes_especiales.gif) 0 50% no-repeat;}


body.cursos   ul#sidenav li a:hover, body.cursos   ul#sidenav li a.activo{ color:#620294;}
body.diplomados   ul#sidenav li a:hover, body.diplomados   ul#sidenav li a.activo{ color:#035203;}
body.postitulos   ul#sidenav li a:hover, body.postitulos   ul#sidenav li a.activo{ color:#E79016;}
body.planes_especiales   ul#sidenav li a:hover, body.planes_especiales   ul#sidenav li a.activo{ color:#BC1411;}

body.cursos  ul#sidenav li.separador{
	background:none;
	border-bottom:1px solid #ccc;
	color:#620294;
	padding:0 0 10px 0;
	text-align:right;
}

/* cajitas con info de contacto*/
body.cursos  #contentbox  #caja_contacto{ background: url(../images/contacto_cursos.gif) 0 0 no-repeat; color:#620294;}
body.diplomados  #contentbox  #caja_contacto{ background: url(../images/contacto_diplomado.gif) 0 0 no-repeat; color:#035203;}
body.postitulos  #contentbox  #caja_contacto{ background: url(../images/contacto_postitulo.gif) 0 0 no-repeat; color:#E79016;}
body.planes_especiales  #contentbox  #caja_contacto{ background: url(../images/contacto_pespeciales.gif) 0 0 no-repeat; color:#BC1411;}
body.cursos  #contentbox  #caja_contacto a{color:#620294;}
body.diplomados  #contentbox  #caja_contacto a{color:#035203;}
body.postitulos  #contentbox  #caja_contacto a{color:#E79016;}
body.planes_especiales  #contentbox  #caja_contacto a{color:#BC1411;}

/* texto*/
body.cursos  #texto  h1.tit_prog{ border-bottom:1px solid #620294; padding-bottom:8px;}
body.diplomados  #texto  h1.tit_prog{ border-bottom:1px solid #035203;	padding-bottom:8px;}
body.postitulos  #texto  h1.tit_prog{ border-bottom:1px solid #E79016;	padding-bottom:8px;}
body.planes_especiales  #texto  h1.tit_prog{ border-bottom:1px solid #BC1411;	padding-bottom:8px;}
body.cursos  #texto  h2{ font-weight:bold;}
body.cursos  #texto  h3{ font-weight:bold; background:#fff url(../images/acordion_activo.jpg) top right no-repeat; height:30px; vertical-align:sub; color:#FFF; padding:7px;}



/* --------------- FOOTER ---------------  */
p#ecinfo{
	float:left;
}
p#ecinfo a{
	color:#2b2b2b;
}
p#hdinfo{
	color:#989696;
	float:right;	
}
p#hdinfo a{
	color:#5C5C5C;
}


/* --------------- FORMULARIOS ---------------  */
/*formulario contacto*/
.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;
}
.formulario input.text{
	height:20px;
	border:1px solid #D8D7D7;
	width:450px;
}

.formulario input:hover, .formulario textarea:hover {
	border: 1px solid #097EA9;
}

.formulario textarea{
	width:450px;
	height:150px;
	border:1px solid #D8D7D7;
}

.formulario input.submit{
	width:120px;
	height:26px;	
	margin:0 0 0 180px;
	padding: 2px 10px;
	font-size:12px;	
	cursor: pointer;
	color: #fff;
	background: #606060;
	border-width: 1px;
	border-style: solid;
	border-color: #f5f5f5 #555555  #555555 #f5f5f5;
}

/* --------------- TABLAS ---------------  */
table.txt_simple{
	margin:10px auto;
	text-align:left;
}
table.txt_simple td, table.txt_simple th{
	padding:5px;
}

/* --------------- ACORDION ---------------  */
ul#acordion{
	width:99%;	
	margin:0;
	padding:0;
}
ul#acordion li{
	list-style-type:none;
	margin:0;
	padding:0;	
}
ul#acordion a{
	padding:0;
	height:1%;
}
ul#acordion a, ul#acordion span{
	display: block;
	padding: 8px 10px 8px 10px;
	color: #fff;
	text-decoration: none;
	background:#A484BC url(../images/acordion_inactivo.jpg) top right no-repeat;	
}

ul#acordion .toggle_acordion a, ul#acordion.toggle_acordion span {
	background:#A484BC  url(../images/acordion_inactivo.jpg)   top right  no-repeat;	
}

ul#acordion .open a, ul#acordion .open span {
	background:#620293 url(../images/acordion_activo.jpg) top right  no-repeat;	
	color:#fff;		
}
ul#acordion a:hover, ul#acordion a:focus, ul#acordion a:active{	
	color:#fffffe;
	outline:none;
}
ul#acordion li.toggle_acordion{
	padding:0;
	/*los bordes son un hack para explorer*/
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:0 0 5px 0; /*espacio entre los titulos de acordiones */
	position:relative;
}
ul#acordion .txt_acordion{
	margin:0 0 0 0;
	padding: 0 0 13px 0;/*padding para que se vea ma imagen de abajo*/
}
ul#acordion .txt_acordion li{
	margin:8px 20px;
	padding:3px 10px;
}

/* estilos varios para elementos de acordeon*/
ul#acordion ul.vineta li{
	list-style-type:disc;
}
ul#acordion ol.numeros li{
	list-style-type:decimal;
}

ul#acordion  a.extlink{
	color:#067A9F;
	background:none;
	display:inline;
	margin:0;
	padding:0;
	text-decoration:underline;	
}
ul#acordion a.extlink:hover{
	color:#067A9F;
	text-decoration:underline;
	background:none;
}
ul#acordion a.extlink:visited{
	color:#849EA6;
}

body.cursos  ul#acordion a.linksubir{
	color:#067A9F;
	background:none;
	background:#fff url(../images/flecha_cursos_up.gif) 0 50% no-repeat;
	padding:5px 0 8px 15px;
	margin:10px 0 5px;
}
/* --------------- CLEARFIX ---------------  */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}