@charset utf-8;
/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0;}
body{line-height:2;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
a{color:#0e4660;text-decoration:none;}
a:hover{color:#0e4660;text-decoration:underline ;}
/*FIN DE RESET*/
body{background-color:#1751a2;background-image:url(../imagenes/bg-img.gif);background-repeat:repeat-x;font-family:Arial, Helvetica, sans-serif}
body.calendario{background-color:#ffffff;background-image:none;font-family:Arial, Helvetica, sans-serif}
*{margin:0;padding:0}
#container{background-color:#FFF;height:auto;margin-left:auto;margin-right:auto;padding-bottom:15px;padding-left:20px;padding-right:20px;width:900px; margin-bottom:10px; position:relative}
#header{height:211px;width:862px}
#flash{ margin-bottom:40px; height:235px; margin:0 auto10px }
#nav ul{display:none;position:absolute;top:32px;width:120px}
#nav ul li ul{background:none;height:32px;margin:0;width:100px}
#nav,#nav ul li ul{background:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:relative}

ul#ancho1 li a{color:#A4810B;width:165px}
#contenido{height:auto;margin-top:20px;padding-bottom:25px}
/*#leftbar{background-color:#ecf5ff;border:1px solid #CCC;float:left;height:auto;padding-top:15px;width:183px}
#leftbar ul li a{display:block;font-family:Arial, Helvetica, sans-serif;font-size:10px}
#leftbar ul li a#carrera{background-image:url(../imagenes/leftbar-btn1.gif);background-repeat:no-repeat;height:49px}
#leftbar ul li a#cursos{background-image:url(../imagenes/leftbar-btn2.gif);background-repeat:no-repeat;height:46px}
#leftbar ul li a#agenda{background-image:url(../imagenes/leftbar-btn3.gif);background-repeat:no-repeat;height:44px}
#leftbar ul li a#biblioteca{background-image:url(../imagenes/leftbar-btn4.gif);background-repeat:no-repeat;height:43px}
#leftbar ul li a#matricula{background-image:url(../imagenes/leftbar-btn5.gif);background-repeat:no-repeat;height:48px;margin-bottom:20px}
#leftbar ul li a#edusys{background-image:url(../imagenes/leftbar-btn6.jpg);background-repeat:no-repeat;height:50px;margin-bottom:5px;margin-left:17px}
#leftbar ul li a#webmail{background-image:url(../imagenes/leftbar-btn7.jpg);background-repeat:no-repeat;height:50px;margin-bottom:5px;margin-left:17px}
#leftbar ul li a#bolsa{background-image:url(../imagenes/leftbar-btn8.jpg);background-repeat:no-repeat;height:50px;margin-bottom:5px;margin-left:17px}
#leftbar ul li a#carrera:hover{background-image:url(../imagenes/leftbar-btn1b.gif);background-repeat:no-repeat}
#leftbar ul li a#cursos:hover{background-image:url(../imagenes/leftbar-btn2b.gif);background-repeat:no-repeat}
#leftbar ul li a#agenda:hover{background-image:url(../imagenes/leftbar-btn3b.gif);background-repeat:no-repeat}
#leftbar ul li a#biblioteca:hover{background-image:url(../imagenes/leftbar-btn4b.gif);background-repeat:no-repeat}
#leftbar ul li a#matricula:hover{background-image:url(../imagenes/leftbar-btn5b.gif);background-repeat:no-repeat}
#leftbar ul li a#edusys:hover{background-image:url(../imagenes/leftbar-btn6b.jpg);background-repeat:no-repeat}
#leftbar ul li a#webmail:hover{background-image:url(../imagenes/leftbar-btn7b.jpg);background-repeat:no-repeat}
#leftbar ul li a#bolsa:hover{background-image:url(../imagenes/leftbar-btn8b.jpg);background-repeat:no-repeat}
-->*/
#index-advertise{padding-bottom:5px;padding-left:15px;padding-top:15px}
#center{/*border:1px solid #CCC*/height:auto;margin-bottom:0;margin-left:auto; margin-right:auto;margin-top:0;padding: 0 11px;padding-top:0;width:480px}

#wel-text{float:left;width:200px}
#wel-tit{padding-bottom:15px;width:130px}
#welcome{ margin:0 auto; height:330px}
#welcome p{ font: 14px/22px Arial, Helvetica, sans-serif;padding-top:15px;text-align:justify} 
body p.wel{font:bold 17px Arial, Helvetica, sans-serif; color:#03C}
#wel-img{float:right;padding-bottom:15px;padding-left:15px;padding-right:13px;width:180px}
#index-line{margin-bottom:25px;margin-top:20px}

#rightbar{float:right;width:190px}
.clear{clear:both}
.centro{ margin:0 auto}
#footer{height:60px; background:url(../imagenes/bgPie.gif) left top repeat-x}
#footer{color:#113F7B; padding-top:10px;}
#footer #menuPie {float:right;font-size:10px;}
#footer #menuPie a{color:#113F7B;font-size:11px; margin:0 10px; }
#address p{font-size:11px;line-height:18px;text-align:left}
#address p a{color:#113F7B}

#redes {
width:190;}

.sociales{
float:left;
height:40px;
width:40px;}



#cursos-info h1{background-color:#C90;color:#FFF;display:block;font-size:14px;font-weight:400;margin-bottom:15px;padding-left:10px;width:120px}
#cursos-info li{line-height:24px}
#cursos-info li a{color:#333;font-size:13px;font-weight:400}
#cursos-info li a:hover{color:#F60}
#info li{font-size:14px;line-height:16px;padding-left:7px;padding-right:27px;text-align:justify}
#info p{font-size:16px;line-height:16px;margin-bottom:14px;padding-left:7px;padding-right:27px;text-align:justify}
#info h4 a{color:#860;font-size:14px;padding-left:405px;text-decoration:underline}
#info h4 a:hover{color:#06C}

#cursos-info #electricas{background-color:#1952A2;color:#FFF;display:block;font-size:14px;padding-left:10px;width:250px}
#carrera-tabla table tr td{color:#FFF;font-size:12px;text-align:center}
#electricas h1{background-color:#C90;color:#FFF;display:block;font-size:14px;font-weight:400;padding-left:10px;width:240px}
#drywall-img{border:1px solid #999;height:272px;margin-left:11px;margin-top:40px;width:429px}
#herramientas h1{background-color:#C90;color:#FFF;display:block;font-size:14px;font-weight:400;padding-left:10px;width:270px}
#laboratorio-img{border:1px solid #999;height:259px;margin-left:73px;padding:5px 5px 5px 3px;width:346px}
#laboratorio-img2{border:1px solid #999;height:259px;margin-left:73px;padding:5px 5px 5px 3px;width:346px}

#biblioteca-img{border:1px solid #999;height:259px;margin-left:73px;padding:5px 5px 5px 3px;width:346px}
#biblioteca-img2{border:1px solid #999;height:259px;margin-left:73px;padding:5px 5px 5px 3px;width:346px}

#convenios h1{background-color:#C90;color:#FFF;display:block;font-size:14px;font-weight:400;margin-bottom:15px;padding-left:10px;width:260px}
#convenios-img{padding-right:15px}
#convenios-img2{margin-left:90px;width:300px}
.header{height:211px;overflow:hidden;position:relative;width:862px;z-index:1}
.header img{border:none;display:block;position:absolute}
#header-flash{margin-left:90px;width:862px}
#logo{height:143px;padding-top:37px;position:absolute;width:597px}

#noticias h1{background-color:#C90;color:#FFF;display:block;font-size:14px;font-weight:400;padding-left:10px;width:150px}
#noticias h3{font-size:23px;line-height:26px;padding-left:5px;padding-right:10px;padding-top:23px}
#news-pic{float:right;height:188px;padding:25px 27px 15px 17px;width:153px}

#bolsa p #red{color:#C00;text-decoration:underline}
#bolsa p #red1{color:#C00}

#bolsa p #strong2{text-decoration:underline}
#local-estudios-img{height:468px;margin-left:auto;margin-right:auto;width:351px}
#cv{height:378px;margin-left:auto;margin-right:auto;width:450px}
#bienestar{height:378px;margin-left:auto;margin-right:auto;width:350px}
#local-estudios p{font-size:12px;line-height:-22px;padding-left:140px}
#font1{font-size:12px}

#links { margin-top:10px}
#links a#ser01,a#ser02,a#ser03,a#ser04,a#ser05,a#ser06{display:block;height:69px}
#links a#ser01{background:url(../imagenes/linksServicios.jpg) left 0}
#links a#ser02{background:url(../imagenes/linksServicios.jpg) left -69px}
#links a#ser03{background:url(../imagenes/linksServicios.jpg) left -138px}
#links a#ser04{background:url(../imagenes/linksServicios.jpg) left -207px}
#links a#ser05{background:url(../imagenes/linksServicios.jpg) left -276px}
#links a#ser06{background:url(../imagenes/linksServicios.jpg) left -345px}

#links a#ser01:hover{background:url(../imagenes/linksServicios.jpg) -194px 0}
#links a#ser02:hover{background:url(../imagenes/linksServicios.jpg) -194px -69px}
#links a#ser03:hover{background:url(../imagenes/linksServicios.jpg) -194px -138px}
#links a#ser04:hover{background:url(../imagenes/linksServicios.jpg) -194px -207px}
#links a#ser05:hover{background:url(../imagenes/linksServicios.jpg) -194px -276px}
#links a#ser06:hover{background:url(../imagenes/linksServicios.jpg) -194px -345px}


#calendario{font-size:11px; text-align:center !important;}
#calendario table#main{border:1px solid #069; margin:4px 0px 0px 0px; width:100%;}
#calendario table#main th{font-weight:bold; color:#036; padding:0px 4px 0px 4px; text-align:center;}
#calendario table#main th.mes{font-weight:bold; color:#036; padding:0px 4px 0px 4px; text-align:center; background:#EAEAEA; border-bottom:1px solid #069;}
#calendario table#main td{text-align:center; padding:0px 4px 0px 4px; background:#E3EDF2}
#calendario table#main td.hoy{padding:0px 2px 0px 2px;border:2px solid  #C00; font-weight:bold;}
#calendario table#main td.evento{background-color:#12ACC7; font-weight:bold; cursor:pointer;}

.info h1{ display:block; background:url(../imagenes/bgPie.gif) repeat-x  left bottom; color:#06C; margin-bottom:10px}
.info p{font:14px/22px Arial, Helvetica, sans-serif}
.info ul li{ padding-left:20px; font:14px/22px Arial, Helvetica, sans-serif; background:url(../imagenes/bgLi2.gif) left 4px no-repeat}
.info strong{color:#333} .min1{font-size:11px}
#newsfeeds, #address, #cursos-info, #institucional,#carrera, #lectura,#electricas,#metrados, #topografia,#drywall, #herramientas, #convenios, #noticias, #bolsa, #local-estudios{height:auto}

#DMenu ul li a:hover,#address p a:hover{color:#F30}

#info h3,#carrera h3,#lectura h3,#electricas h3,#metrados h3,#topografia h3,#drywall h3,#herramientas h3,#convenios h3{font-size:14px;padding-bottom:5px;padding-top:17px;text-decoration:underline}

#institucional p,#carrera p,#lectura p,#electricas p,#metrados p,#topografia p,#drywall p,#herramientas p,#convenios p,#noticias p,#bolsa p{font:11px/22px Arial, Helvetica, sans-serif;line-height:16px;padding-left:7px;padding-right:27px;padding-top:20px;text-align:justify}

#institucional h2,#carrera h2,#lectura h2,#electricas h2,#metrados h2,#topografia h2,#drywall h2,#herramientas h2,#convenios h2,#noticias h2,#bolsa h2,#local-estudios h2{font-size:12px;padding-bottom:10px;padding-top:16px}
#institucional li,#carrera li,#lectura li{font-size:12px;line-height:20px;padding-left:7px;padding-right:27px;text-align:justify}

#carrera h1,#lectura h1{background-color:#C90;color:#FFF;display:block;font-size:14px;font-weight:400;padding-left:10px;width:170px}
#carrera h4,#lectura h4{font-size:12px;padding-bottom:6px}
#carrera-tabla,#topografia-tabla,#drywall-tabla,#cursos-swf{padding-top:15px}
#electricas-img,#noticias-img{border:1px solid #999;height:429px;margin-left:85px;margin-top:40px;width:272px}
#metrados h1,#topografia h1,#drywall h1{background-color:#C90;color:#FFF;display:block;font-size:14px;font-weight:400;padding-left:10px;width:260px}
#topografia table,#drywall table{font-size:75%}
#bolsa h1,#local-estudios h1{background-color:#C90;color:#FFF;display:block;font-size:14px;font-weight:400;padding-left:10px;width:200px}
#bolsa h3,#local-estudios h3{font-size:14px;padding-bottom:5px;padding-top:17px}

/*tools*/
.right{ float:right} .abajo10{ margin-bottom:10px}
.top10{ margin-top:10px}
.info .azul{color:#06C}

#blockNoticias h2{ font-size:12px; color:#09C }
#blockNoticias p{font:11px/18px Arial, Helvetica, sans-serif}
#blockNoticias div{ height:140px; margin:10px 0;border-bottom:dashed 1px #CCC}
#blockNoticias p.wel{font-size:17px; font-weight:bold}
#blockNoticias div img{ float:left; margin-right:10px}#blockNoticias div p a{color:#06C; font-weight:bold}

.info h3{color:#F90; margin-top:15px}
/*tablas*/
table#datos tr th{ background:#369;color:#fff; font:bold 12px/27px Arial, Helvetica, sans-serif}
table#datos tr {border-bottom:solid 1px #ccc}
table#datos tr td{ background:#E5E5E5;color:#000; font:11px Arial, Helvetica, sans-serif; padding:7px; text-align:left; height:30px}

.contNoticias strong{font-size:15px; color:#06C}
.contNoticias img.right{ margin-left:10px}
#pag{ float:right}
#pag a{ color:#039; font:11px Arial, Helvetica, sans-serif; text-decoration:underline}

/*contactenos*/
#formulario table {background:#fff; font:11px Arial, Helvetica, sans-serif; width:auto; text-align:left; margin-left:10px; margin-top:15px}
#formulario table td {padding:5px; vertical-align: top}
.datos{color:#09F}
.verde{color:#9C0}
#formulario input[type="text"]{background:url(../img/formText.gif) no-repeat;width:315px;padding:4px 8px; border:solid 1px #09F;outline:none;font: 11px Arial, Helvetica, sans-serif}
#formulario input#textfield4[type="text"]{ width:40px}
#formulario input#textfield5[type="text"]{ width:40px}
#formulario input#textfield4[type="text"]{ width:40px}
#formulario #mensaje{width:317px;height:100px;padding:7px;border:solid 1px #09F}
#formulario textarea#comentario{border:solid 1px #fff;outline:none; width:317px; height:100px;font: 11px Arial, Helvetica, sans-serif}
#formulario input[type="submit"]{ background:url(../imagenes/formEnviar.jpg) no-repeat; width:119px; height:32px;color:#fff;border:none;cursor:pointer}
#formulario input.dos[type="submit"]{ background:url(../imagenes/formEnviar2.jpg) no-repeat; width:159px; height:32px;color:#fff;border:none;cursor:pointer}
#formulario .requerido{color:#FF0000; font-weight:bold;}
#gracias{font:11px Arial, Helvetica, sans-serif; border:solid 1px#666; background:#FFC; padding:15px}
.left20px{ margin-left:20px}
/*pag galeria*/
#fotos { padding:0 0px}
#fotos img{ margin: 12px;border:solid 1px #CCC; padding:2px;  float:left}
#fotos img:hover{border:solid 1px #069}
/*-------------------------------menu superior---------------------------------*/
#menuTop{background-image:url(../imagenes/bg-menu.jpg);background-repeat:no-repeat;display:inline;height:45px;width:865px;
position:absolute; top:211px; left:40px; z-index:100px}
#nav,#nav ul{line-height:25px;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:relative}
#nav a:hover{color:#FFF}
#nav li{float:left;position:relative}
#nav li a{color:#fff;display:block;font:bold  11px"Lucida Sans Unicode", "Lucida Grande", sans-serif;height:30px;text-align:center;text-decoration:none}
#nav li a#btnInicio{ background:url(../imagenes/btn-inicio.jpg);width:146px}
#nav li a#btnInstitucional{background:url(../imagenes/btn-quienes.jpg);width:142px}
#nav li a#btnServicios{background:url(../imagenes/btn-servicios.jpg);width:143px}
#nav li a#btnConvenios{background:url(../imagenes/btn-convenios.jpg);width:142px}
#nav li a#btnGaleria{background:url(../imagenes/btn-galeria.jpg);width:141px}
#nav li a#btnContacto{background:url(../imagenes/btn-contacto.jpg);width:142px}
#nav ul{display:none;position:absolute;top:30px;width:145px; z-index:20; margin-left:5px;}
#nav li ul a{text-align:left;width:123px; color:#000;-moz-opacity:.9s;background: url(../imagenes/bgmenuLat2.jpg);display:block;filter:alpha(opacity=95);float:left;font:bold 10px Arial, Helvetica, sans-serif; height:15px;opacity:0.95;overflow:hidden;padding:12px 0 15px 10px; border-left:solid 1px #ccc;border-right:solid 1px #ccc}
#nav ul ul{top:auto; margin-left:10px;border-bottom:solid 1px #ccc}
#nav li ul ul{left:128px;margin:0 0 0 10px}
#nav li:hover ul ul,#nav li:hover ul ul ul,#nav li:hover ul ul ul ul{display:none}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{display:block}
#nav li ul a:hover{background-color:#CF3225}
/*-estilos de sublista-*/
#nav li ul li a:hover{background:url(../imagenes/bgmenuLat3.jpg);color:#fff;text-decoration:none}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li li li li:hover ul{color:#FFF;display:block}

/*-------------------------------------menu lateral-----------------------------------------------*/
#leftcolumn {float:left; width:190px; position:relative}
/*
#rightcolumn {float:left; width:525px}
#menuLateral{ position: absolute; left:0; top:0; z-index:2px}*/
#menu a:hover{color:#044299; }
#menu{}
#menu li{border-bottom:#fff 1px solid}
#menu a{color:#000;display:block;font:11px Helvetica, Arial, sans-serif ;padding:16px; padding-left:30px;text-decoration:none; background:url(../imagenes/bgmenuLat.jpg) no-repeat left top;border-bottom:solid 1px #666; height:17px}
#menu a:hover{color:#069;background:url(../imagenes/bgmenuLat.jpg) no-repeat left bottom}
#menu ul li,#menu ul li li{padding:0; cursor:pointer; display:block}
#menu ul a{color:#fff;display:block; width:165px;font:10px Helvetica, Arial, sans-serif ;padding:6px 12px; height:15px;text-decoration:none;  background-color:#044299; background-image:none; border:none}
#menu ul a:hover{background-color:#0557C7; background-image:none;color:#fff;}
#menu ul{background-color:#044299;display:block;list-style-image:none;list-style-type:none;margin:0;padding:0;width:auto}
#menu li ul{display:none}
/*Pag ofertas laborales*/
#atencion{ display:block; padding:10px; background:#FFC;border:solid 1px #09C; margin-bottom:12px}.oferta{ margin-bottom:10px}
.ofertasLaborales h2{ display:block; background:url(../imagenes/bgLi2.gif) left 10px no-repeat; padding-left:17px;color:#036;font-size:15px}
.ofertasLaborales h3{font:bold 14px/18px Arial, Helvetica, sans-serif; text-align:center; color:#000}
.ofertasLaborales h4{font:bold 16px/18px Arial, Helvetica, sans-serif; text-align:center; color:#000}
#masOf a{font:bold 11px Arial, Helvetica, sans-serif}
/*estilos de datos*/
table.data{ background:#fff;font:11px/18px Arial, Helvetica, sans-serif}
table.data tr th{ background:#C90; font:bold 12px Arial, Helvetica, sans-serif; padding:5px}
table.data tr{border-bottom: solid 1px #ccc}
table.data td{ background:#EAEAEA; text-align:left; padding:10px}
#error{
	border:1px solid #FF4F53;
	text-align:left;
	font-size:11px;
	padding:3px 6px 3px 20px;
	background-color:#FFCACB;
	color:#FF0000;
	background-image:url(../administrador/imagenes/error.png);
	background-position:2px 2px;
	background-repeat:no-repeat;
}

.activeLink{
	padding:2px 40px 2px 2px;
	margin:3px 0px 3px 0px;
	vertical-align:middle;
	border:1px solid #70FF40;
	color:#009900;
	text-decoration:none;
	background-color:#FFFFFF !important;
	background:url(../administrador/imagenes/up.gif) right center no-repeat;
}

.activeLink:hover{
	padding:2px 40px 2px 2px;
	margin:3px 0px 3px 0px;
	vertical-align:middle;
	border:1px solid #FFA8A8;
	color:#FF2B2B !important;
	text-decoration:none;
	background-color:#FFFFFF !important;
	background:url(../administrador/imagenes/down.gif) right center no-repeat;
}

.inactiveLink{
	padding:2px 28px 2px 2px;
	margin:3px 0px 3px 0px;
	vertical-align:middle;
	border:1px solid #FFA8A8;
	color:#FF2B2B;
	text-decoration:none;
	background-color:#FFFFFF !important;
	background:url(../administrador/imagenes/down.gif) right center no-repeat;
}

.inactiveLink:hover{
	padding:2px 28px 2px 2px;
	margin:3px 0px 3px 0px;
	vertical-align:middle;
	border:1px solid #70FF40;
	color:#009900 !important;
	text-decoration:none;
	background-color:#FFFFFF !important;
	background:url(../administrador/imagenes/up.gif) right center no-repeat;
}

h2#titEmp{font:17px Verdana, Geneva, sans-serif;color:#06C; text-align:center} #ofertaPanel{ margin-top:20px}
#ofertaPanel a{color:#06F; display: block; margin: 5px 0 0 10px ; padding-left:7px; font:bold 12px/22px Arial, Helvetica, sans-serif;text-decoration:none}
#ofertaPanel a:hover{ background:#FFC; text-decoration:underline}
body #formulario table.publicaciones tr td {border-bottom:solid 1px #ccc}
.vistaPrevia{ background:#FFC;border:solid 1px #09F;font: 12px Arial, Helvetica, sans-serif; text-indent:15px}
.font1{ font-size:12px}






#curso{
Height:180px;
width:480px;
}



#informacion{
Height:auto;
width:480px;
}