@import url(http://fonts.googleapis.com/css?family=Open+Sans);
* {margin:  0; 
	padding: 0;}
body{ margin:0 auto; padding:0px; font-family:"Open Sans"; overflow-x:hidden; font-size:14px; }
ul{margin: 0px;padding: 0px;}
li{ list-style:none;}
a{ text-decoration:none; cursor:pointer;}
a:link {color:#000;}
a:visited{ color:#000;}
a:hover{color:#ee2b4c;}
hr{ border:#ee2b4c  1px solid;}
h2{margin-left: 3%;padding-top: 2%;margin-top: 0%;}
.campo{ display:block; color:#000;}
.informacion{height:auto; width:100%; margin-left:2%;}
.imgbarrain{ float:left; width:60px; height:60px; margin-top:-10px;}
.cajatabla{width:100%; background:#891924; color:#FFF; text-align:center;}
article{ margin:0px; padding:0px;}
.icono{ background-position:right; background-repeat:no-repeat;  background-size:12px; width:100%;
display:block; margin: 4px 0px;}
.icono-pdf{background-image:url(../img/pdf.svg);}
.icono-mas{ background-image:url(../img/mas.svg);}
.campusimg{ width: 300px; height: 200px; margin:  10px 20px 10px 10px; float: left; }
	.nuevocampus{ width: 100%; }
/* inicio slider*/

.btn{width: 20px; height: 20px; border: #323232 2px solid; border-radius: 100%; display: inline-block; margin: 0px 5px;}
		.btn2{width: 20px; height: 20px; border: #323232 2px solid; background: #323232; border-radius: 100%; display: inline-block;margin: 0px 5px;}
		.btn3{width: 20px; height: 20px; border: #323232 2px solid; background: #323232; border-radius: 100%; display: inline-block; margin: 0px;}
		#slider{ width: 100%; height: 474px; overflow: hidden;}
		#botones{ height: 25px; width: auto; position: absolute; margin-left: 3%;}
		#botones > div, p{cursor: pointer;} 
		#iamgen{ width: auto; height: 440px; transition: all 0.8s;}
		#pausas{ transition: all 0.3s;}
.cien{ width:698px;}



@media only screen and (max-width: 4000px) {
#sectionprogram{ width:72%; margin-left:1%;}
header {height: 112px;width: 100%; clear:both; }

#barservia10 {height: auto;width: 163px;background:rgba(50,50,50,0.8); -moz-background:rgba(50,50,50,0.8); -webkit-background:rgba(50,50,50,0.8);position: absolute;z-index: 99;left: -163px; transition:all 0.5s; color:#e6e6e6; font-size:14px; top:400px; z-index:1;}
#barservia10 li{ list-style:none; display:block; line-height:15px; padding:8px;}
#barservia10 a{ color:#FFF;}
#barservia10 li:Hover{ background:#323232; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.2s;}
#servicios2{position: absolute;height: auto;width:90%; background: #002e56;transform: rotate(-90deg);left: 95px;top: 64px;padding: 5px 6px;color: #FFF;border-radius: 0px 0px 4px 4px;font-size: 14px; text-align:center}
#servicios2r{position: absolute;height: auto;width:80%; background: #002e56;transform: rotate(-90deg);left: 100px;top: 60px;padding: 5px 10px;color: #FFF;border-radius: 0px 0px 4px 4px;font-size: 14px; text-align:center}
#barservi1 {height: auto;width: 163px;background:rgba(50,50,50,0.8); -moz-background:rgba(50,50,50,0.8); -webkit-background:rgba(50,50,50,0.8);position: absolute;z-index: 99;left: -163px; transition:all 0.5s; color:#e6e6e6; font-size:14px;}
#barservi1 li{ list-style:none; display:block; line-height:15px; padding:8px;}
#barservi1 a{ color:#FFF;}
#barservi1 li:Hover{ background:#323232; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.2s;}
#servicios{position: absolute;height: auto;width: auto;
background: #cf2034;transform: rotate(-90deg);left: 136px;top: 199px;padding: 5px 10px;color: #FFF;border-radius: 0px 0px 4px 4px;font-size: 14px;}
#barservi1 img{ margin-left:40%; width: 18px; padding: 5px;}
#box2 {float: left;height: 39px; margin-left: 0%;margin-top: -674px;width: 100%;background-color: rgb(255, 0, 0);}

aside {float: right; height:auto;width: 25.421759%; display:block;}
#logo {float: left;height: 114px;width: 345px;}
#menu1 {width: 100%; display:block; font-size:12px; text-align:right; padding:0.7% 0%;}
#menu2 {height:36px;margin: 4px 0px;width: 100%;background-color: #323232;transition: all 0.5s; text-align:right;}
#menu3 {width: 100%; display:block; text-align:right; font-size:12px; padding:0.54% 0%;}
.menuds{ display:none; text-align:left;}
.menuc2 {padding: 1% 0.6%;color: #FFF;text-align: center;font-size: 14px;line-height: 260%;}
.menuc2n {padding: 1% 0.6%;color:#333 ;text-align: center;font-size: 14px;line-height: 260%; background:#FFF; font-weight:800;}
.menuc2n2 {padding: 1% 0.6%;color:#891924 ;text-align: center;font-size: 14px;line-height: 260%; background:#FFF; font-weight:800;}
.menuayuda{ width:47%; margin-left:53%; height:110%;}
.menuc2:hover{background:#FFF;color:#323232; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; transition:all 0.5s;}
.buscar {height: 25px;width: 90%;background-color:#FFF;background-color: #323232; border:hidden; color:#FFF; }
#tabla1{ width:100%; height:100%; transition:all 0.5s; overflow:hidden;}
#tabla2{ width:100%; height:265px; transition:all 0.5s;overflow:hidden;}
#tabla3{ width:100%; height:265px;transition:all 0.5s;overflow:hidden;}
i{ cursor:pointer}
#para{color:rgba(50,50,50,0.2); transition:ease-in-out 0.5s; margin-left:90%;}
#para:hover{color:rgba(50,50,50,0.9);}
#tag {height: 250px;width: 100%;margin-left: 0%;
}


.campusserv{float:left; width:23%;
margin-bottom:10px;}
.campusserv:first-child{margin-left:4%;}
footer {float:left;height:100%;width: 100%;background-color:#323232; padding:1% 0%;}
.color1:hover{color:#cf2034; transition:all 0.2s;}
.color2:hover{color:#f27521;transition:all 0.2s;}
.color3:hover{color:#F60;transition:all 0.2s;}
.color4:hover{color:#939;transition:all 0.2s;}
.color5:hover{color:#aa4524;transition:all 0.2s;}
.color6:hover{color:#959595;transition:all 0.2s;}
.img{ width:100%;}
.img1{ width:100%; height:100%; position:fixed;}

#social{ height:159px; width:53px; background:#cf2034;}
.iconsocial{color:#cf2034; background:#FFF; border-radius:100%; margin:6px;}
.iconservi{ width:160px; height:23px; background:#e7e7e7; position:relative; color:#959595; margin-left:-130px; padding:7px;}
#infofoot{ margin:auto; width:90%; height:auto;}
.infofootc1{ width:273px; height:78px; margin-left:2%; float:left; color:#959595; font-size:11.8px; margin-top:0.5%;}
.infofootc1:first-child{ margin-left:20%;}
.tipo1{ font-size:8px; color:#cf2034; transform:rotate(90g);}
.tipo2{ font-size:12px; color:#f27521; -webkit-transform:rotate(90deg); }
.tipo3{ font-size:16px; color:#7d6862;}
.tipo4{ font-size:14px; color:#002e56;}
.tipo5{ font-size:25px; color:#444d3e;}
.tipo6{ font-size:25px; color:#4c2432;}
#nube{ width:341px; height:80px; line-height:15px; word-wrap:break-word; margin-top:20px;}
#twit{  width:95%; margin-top:5px; height:100%;}
	#twit > div{font-size: 18px; line-height: -10px; margin-top: 15px;}
	#twit img{ margin-right: 10px;}
.articulocuadro{ width:216px; height:auto; font-size:15px; line-height:18px; background:#FFF; margin:0.5% 1.2%; background:rgba(204,204,204,0.3); float:left;}
.tituloarticulo{ display:block; text-align:center; color:#323232; background:#999; height:auto; padding:10px 0px; font-size:18px; line-height:20px;}
.infoarticulo{ width:68%; height:auto; background:#FFF; margin:5% 10% 0% 15%; color:#323232; text-align:justify; position:absolute; background-image:url(img/marca.png) no-repeat;}
#cerrar{color:#ee2b4c; margin-left:90%; cursor:pointer;}
.abrir{color:#ee2b4c; margin-left:86%; cursor:pointer;}
#uno1{width:432px;height: 295px;background:#e7e7e7;position: absolute;font-size:13px; line-height:15px;padding:10px;overflow:scroll;}
#dos2{width: 432px;height: 295px;background: #e7e7e7;position: absolute;font-size:13px; line-height:15px;padding:10px;overflow:scroll;}
#tres3{width: 432px;height: 295px;background:#e7e7e7;position: absolute;font-size:13px; line-height:15px;padding:10px;overflow:scroll;}
#conveinfo{width: 224px;height: 305px;background: #e7e7e7;position: absolute;left: 453px;top: 238px;display:none;
}
#boxfacul{ width:100%; height:auto; float:left;  margin-left:10px;}
.boxacor{width: 97%;height: 10px;border-bottom: #CE514F 1px solid;padding-bottom: 20px;padding-left: 10px;padding-right: 10px;padding-top: 10px; background:#E16462; color:#FFF;}
#acorinfo,#acorinfo2,#acorinfo3,#acorinfo4,#acorinfo5,#acorinfo6{ width:99%; height:0px; background:#E8E8E8; transition:all 0.3s; overflow:hidden; display:block; font-size:14px;}
.infoarticulo2{ width:68%; height:auto; background:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:5% 10% 0% 15%; color:#323232; padding:20px; text-align:justify; }
.asideform{position: absolute;margin-left: 75.9%;height: 82%;display: block;width: 324px;left: 0px;top: 129px; background:rgba(170,60,40,0.7);}
.sectionfondo{ width:100%;margin:0px; height:auto; padding:0px; margin-bottom:-5px;}
form{ color:#FFF; padding:20px;}
form >input { width:100%; background-color:rgba(255,255,255,0.32); color:#FFF; border:hidden; padding:7px 0px; -moz-background-color:rgba(255,255,255,0.32); -o-background-color:rgba(255,255,255,0.32); -webkit-background-color:rgba(255,255,255,0.32);}
.programtitle{ border-width:2px;border-style:dotted; border:#FFF;  padding:0.2%; margin:0.25%; text-transform:uppercase; font-weight:bold; font-size:22px; text-shadow:1px 1px #999;}
.titupop{ background:#F3F3F3; padding:15px; border-bottom: #ee2b4c 1px solid;}
#programastc, #programastn, #programasp{ height:585px; width:323px; float:left; background:#EFEFEF; display:block;}
#programastc{ margin-left:20px; transition:all 1s;}
#programastc, #programastn, #programasp:last-child{ border-bottom:1px #CCC solid;}
.bloquepro1{ height:52px; width:100%; border-left: 1px #CCC solid;border-top: 1px #CCC solid;font-size:11.50px; padding-left:9px;  padding:5px; padding-bottom:5px; }
.bloquepro2{ height:42px; width:105%;border-top: 1px #CCC solid;font-size:11.50px;   padding-top:20px;}
.bloquepro2 a{ margin-left:10px;}
.bloquepro3 a{ margin-left:10px;}
.bloquepro3{ height:42px; width:90%;border-top: 1px #CCC solid;font-size:11.50px;   padding-top:20px; border-right:1px #CCC solid;}
.bloquepro4{ height:37px; width:100%; border-left: 1px #CCC solid;border-top: 1px #CCC solid;font-size:11.50px; padding-left:9px;  padding:5px; padding-bottom:5px; padding-top:20px;}
.coloradmin:hover {color:#C87612;}
.colorconta:hover {color:#97B848;}
.colordise:hover{ color:#791E79;}
.colorgastro:hover{ color:#E9C532;}
.colorindus:hover{ color:#2B4D91;}
.colorcomer:hover{ color:#C87612;}
.colorsegu:hover{color:#74B2B0;}
.colornegoi:hover{color:#AA3C29;}
.coloringete:hover{color:#507AB7;}
.educap{ padding:5px; margin:5px; border-radius: 5px; background:#891924; cursor:pointer; color:#FFF;transition:all 0.2s;}
.educapac{ padding:5px; margin:5px; border-radius: 5px; background:#ee2b4c; cursor:pointer; color:#FFF; transition:all 0.2s;}
#barservi2{ width:100%;  padding:1% 1%;}
.tablapresencial{ width:100%;}
.nivel{ width:18px; height:18px; text-align:center; border-radius:100%; padding:6px; line-height:8px; font-size:8px; color:#FFF; display:inline-block; margin:5px; cursor:pointer; text-shadow:1px 1px #666666;}
.titulopop{ background:#f3f3f3; border-bottom:1px #ee2b4c solid; padding:10px 0px;}
.articulopop{ width:60%; height:auto; background:#FFF; position:fixed; top:75px; left:20%;}
.articulopop >article{ padding:20px;}
#barservi1mobil{ width:100px; float:left; display:none; height:100%;}
.medio{ font-size:18px;}
.programcir{border-radius: 100%;width: 85px;height: 55px;left:66%;top: 51%;text-align: center;padding-top: 32px;font-size:14px;margin-top:10px;transition:all 0.2s;background:rgba(0,0,0,0.4); text-shadow:1px 1px #666; color:#FFF;}
.boxsitos{ position:absolute; padding:10px; left:65%; top:35%; }

.nuevopop{ height:410px; overflow:scroll;}
#contac{ width:80px; height:50px; color:#FFF; text-shadow:2px 2px 1px#666666; background: rgba(207, 32, 52,0.4); border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; font-size:12px; text-align:center; padding-top:30px; box-shadow:2px 2px 5px #333333; transition:all 0.2s; cursor:pointer; position:fixed; left:70%; top:20%;}
#contac:hover{background: rgba(207, 32, 52,1);}
#barpresen{ width:98%; padding:10px; height: 60px; }
#barpresen2{
	position: absolute;
	width:71%; padding:10px; height: 60px;
	top: 560px;
}
.campuspresen{ float:left; width:19%;}

.consulte,.consulte1{ width:100%; font-size:14px; color:#FFF; height:29px; padding:15px 0px 0px 10px; margin:1%; overflow:hidden; transition:all 0.4s;}
.consulte a{ color:#FFF;}
.consulte1:hover{ height:100px;}
#admisioncont{ width:90%; height:auto; font-size:12px; margin:auto;}
#admicol{ width:33%; height:auto; float:left;}
.admicir{ width:120px; height:40px; padding:40px 0px; float:left; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; margin:10px; text-align:center; font-size:12px;}
.admisitex{ float:left; width:180px; padding:1.5%; height:110px; margin-top:10%;}
.admisitex >li{ margin:0px; padding:0px;}
.botonpen{position: absolute; margin-top:-35px;}
.botonpen >span{ color:#FFF; padding:5px 10px; margin:10px 5px; border-radius:5%; cursor:pointer; text-shadow:1px 1px #666666;}
.titulon{color:#891924; font-weight:bold; font-size:24px;}
.vern{position:relative; margin-top:60px; width:45px; float:right; background:#FFF; padding:5px; background:#891924; color:#FFF;}
.articlen{width:80%; height:200px; overflow:hidden; word-break: break-all;column-gap:30px; -moz-column-gap:30px; -webkit-column-gap:30px; -o-column-gap:30px;}
.titulon2{color:#891924; border-bottom:1px solid #891924; font-weight:900; text-align:center; margin:auto; width:70%; margin-bottom:1%; font-size:20px; text-transform:uppercase;}
.columnan{ column-count:2; -moz-column-count:2; -webkit-column-count:2; column-width:50%; -moz-column-width:50%; -webkit-column-width:50%; text-align:justify; padding:2%; font-size:14px;}
.columnan3{ column-count:3; -moz-column-count:3; -webkit-column-count:3; column-width:50%; -moz-column-width:50%; -webkit-column-width:50%; text-align:justify; padding:2%; font-size:14px;}
#nucont0000{ z-index:1;height:250px;}
#nucont000,#nucont00,#nucont0,#nucont1,#nucont2,#nucont3,#nucont4,#nucont5{ float:right; z-index:0; height:250px;}
.nucont{background: #FFF;width: 55%;height: auto;position: absolute;left: 215px;} 
.circuegresados{ padding:10px; margin: 10px; border-radius:100%; border:#CCC 2px solid; color:#CCC; border:dashed;  width:70px; height:70px; line-height:18px; text-align:center; font-weight:700; font-size:12px; float:left;}
.circuegresados:first-line{ padding-top:20px;}
#contegre{float:right; width:100%; height:260px; }
#inputcot{ position:relative;}
#conegresados{width:70%; margin-left:3%; background:url(img/logoegresadosf.png) no-repeat;}
#cat{ float:left; width:50%;}
.sede1{ border:#FFCC33 3px solid; width:10px; height:60px; float:left; margin-right:5px; background:#FFF; transition:all 0.3s;}
.sede2{ border:#E12229 3px solid; width:10px; height:60px; float:left; margin-right:5px; background:#FFF; transition:all 0.3s;}
.sede3{ border:#170C66 3px solid; width:10px; height:60px; float:left; margin-right:5px; background:#FFF; transition:all 0.3s;}
.sede4{ border:#FFEE00 3px solid; width:10px; height:60px; float:left; margin-right:5px; background:#FFF; transition:all 0.3s;}
.sede5{ border:#FF5A19 3px solid; width:10px; height:60px; float:left; margin-right:5px; background:#FFF; transition:all 0.3s;}
.novoimg{width: 10.5%;position: absolute;left: 12.5%;top: 57.5%; visibility:hidden; transition:all 0.5s;}
.doscol{column-count:2; -moz-column-count:2; -webkit-column-count:2; column-width:100%; -moz-column-width:100%; -webkit-column-width:100%; font-size:14px; text-align:justify;}
#insref{ display:none; margin:2%; padding:2%; border-radius:10%; -moz- border-radius:10%; -webkit- border-radius:10%; -o- border-radius:10%; font-size:10px;}
.frameclass{ width:100%; height:420px;}
#pop1,#pop2,#pop3,#pop4,#pop5,#pop6,#pop7,#pop8,#pop9,#pop10,#pop11,#pop13,#pop12,#pop14,#pop15,#pop16,#pop17,#pop18,#pop19,#pop20,#pop21,#pop22,#pop23,#pop24,#pop25{ width:100%; height:100%; position:absolute; display:none; z-index:1001; text-align:justify;}
.barcalse1{ background:rgba(211, 69, 69,0.5);}
.barcalse2{ background:rgba(206, 90, 33,0.5);}
.barcalse3{ background:rgba(142, 52, 16,0.5);}
.medio1{ width:50%;}
.medio1,.medio2,.medio3{ padding:20px;}
.medio3{ width:50%; float:right;}
#cae{line-height:30px; font-weight:900; margin:20px 20px 0px 10px;}
#cae1,#cae2,#cae3,#cae4,#cae5,#cae6,#cae7,#cae8,#cae9,#cae10,#cae11,#cae12,#cae13,#cae14{ background-image:url(../img/spritecae.png); background-repeat:no-repeat; height:30px; padding-left:35px; line-height:30px; font-weight:900; margin:10px 20px 0px 20px; width:50%;}
#cae2{ background-position:0 -30px;}
#cae3{ background-position:0 -60px;}
#cae3{ background-position:0 -60px;}
#cae4{ background-position:0 -90px;}
#cae5{ background-position:0 -120px;}
#cae6{ background-position:0 -150px;}
#cae7{ background-position:0 -180px;}
#cae8{ background-position:0 -210px;}
#cae9{ background-position:0 -240px;}
#cae10{ background-position:0 -270px;}
#cae11{ background-position:0 -300px;}
#cae12{ background-position:0 -330px;}
#cae13{ background-position:0 -360px;}
	#cae14{ background-position:0 -240px;}
#cae1{ background-position:0 -60px;}
#caeinfo1{background: rgba(51,51,51,0.2);border: #999 1px solid;width: 10%;margin: auto;position: absolute;left: 115px;top: 304px;font-size: 10px;padding:5px; display:none;}
#caeinfo2{background: rgba(51,51,51,0.2);border: #999 1px solid;width: 10%;margin: auto;position: absolute;left: 285px;top:285px;font-size: 10px;padding:5px; display:none;}
#caeinfo3{background: rgba(51,51,51,0.2);border: #999 1px solid;width: 10%;margin: auto;position: absolute;left:255px;top: 380px;font-size: 10px;padding:5px; display:none;}
#caeinfo4{background: rgba(51,51,51,0.2);border: #999 1px solid;width: 10%;margin: auto;position: absolute;left:280px;top: 215px;font-size: 10px;padding:5px; display:none;}
#caeinfo5{background: rgba(51,51,51,0.2);border: #999 1px solid;width: 10%;margin: auto;position: absolute;left:285px;top: 250px;font-size: 10px;padding:5px; display:none;}
#caeinfo6,#caeinfo7,#caeinfo8,#caeinfo9,#caeinfo10,#caeinfo11,#caeinfo12,#caeinfo13,#caeinfo14{margin: auto;position: absolute;padding:5px 17px; display:none; background-image:url(../img/spritegif.gif); background-repeat:no-repeat; width:15%; font-size:12px; height:20px;}
#caeinfo6{left:235px;top: 370px;}
#caeinfo7{left:195px;top: 370px;background-position:0px -30px;}
#caeinfo8{left:199px;top: 240px;background-position:0px -61.5px;}
#caeinfo9{left:255px;top: 355px;background-position:0px -92px;}
#caeinfo10{left:235px;top: 365px;background-position:0px -123px;}
#caeinfo11{left:265px;top: 295px;background-position:0px -154px;}
#caeinfo12{left:168px;top: 395px;background-position:0px -185px;}
#caeinfo13{left:270px;top: 335px;background-position:0px -216px;}
#caeinfo14{left:216px;top: 405px;background-position:0px -1px;}
#log{ width:100%; height:auto; padding:0.5%; box-shadow:2px 4px 3px #666666;}
#nuevolog input[type='text']{ width:95%; border-radius:5%; margin:0.2%;}

#adminsi{ width:90%; margin-left:20%;}
.enviocam{ font-size:16px; border-radius:5%;
background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%);
background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); color:#FFF; padding:2%; transition:all 0.4s; border:none; padding:10px 0px;}

tr input[type='submit']{ background:#F60; width:50px; color:#FFF; border:hidden; border-radius:0px 15px 15px 0px; cursor:pointer;}
form { text-shadow:#666 0.5px 0.5px 1px;}

.tabegresado{ padding:5px; background:#88355F; color:#FFF; width:20%; cursor:pointer;}
.tabegresado2{ background:#40192D; padding:5px;color:#FFF; width:20%; }
.conteegresado{width: 50%;position: absolute;left: 290px;background: #FFF;overflow: hidden;height: auto;top: 68%;}
.conteegresado2{width: 50%;position: absolute;left: 267px;background: #FFF;overflow: hidden;top: 708px; height:0px;}
.intercaja{ width:300px; height:300px; float:left; margin-left:5%; overflow:hidden;}
#result a { color:#FFF;}
#tablon{height:224px; width:342px; cursor: pointer;}
	iframe{cursor: pointer;}

#titulobiblio{ padding:20px; text-align:center; width:100%; text-shadow:#666 1px 2px 3px; font-size:18px; background-image:url(../img/bilbiofondo.png); color:#333;}
#listabiblio1,#listabiblio2,#listabiblio3,#listabiblio4,#listabiblio5,#listabiblio6{background-image:url(../img/spritebiblio.png); padding-left:22px;  margin:0px 10px 0px 30px;}
#listabiblio1{  padding-left:22px;}
#listabiblio2{ background-image:url(../img/spritebiblio.png);background-position:0px -24px;}
#listabiblio3{  background-position:0px -48px;}
#listabiblio4{   background-position:0px -95px;}
#listabiblio5{  background-position:0px -119px;}
#listabiblio6{ margin:10px; background-position:0px -141px;}
#enlacelibro{ box-shadow:#3B1A03 -3px 2px  2px; padding:10px 20px;  color:#FFF; background-image:url(../img/librosenlace.png); background-repeat:no-repeat;}
#enlacelibro a{ color:#FFF;}
#listamapa{ overflow:hidden; width:100%; margin-top:1%; color:#333;}
#listamapa ul >li{float:left; margin-left:2%; list-style:none; text-align:center; color:#333;}
.menumapa{ width:190px; text-align:center; height:50px; border:1px #666 solid;  line-height:50px; color:#333;} 
.cajamenu{ float:left; width:190px;margin:1%; color:#333;}
.cajamenu > nav{ margin-top:10px; color:#333;}
.cajamenu > nav li{ list-style:none; margin-top:4%; color:#333;}
.cajamenu > nav a{ color:#6D2020;}
.cajamenu > nav a:hover{ color:#ee2b4c;}
.barragestion1{ float:left; width:16%; text-align:center; padding: 10px 30px; border:1px solid #999; border-radius:10px;}
.cuadrogestion1{ width: 46.5%; float:left; margin-left:2%;}
.cajanorma, .cajanorma2{ width:30%; float:left;}
.cajanorma{  height:160px;}
.cajanorma2{  height:200px;}
.tarjetas{ width:320px; float:left; margin:5px; font-size:12px; }
#titugestion0,#titugestion2{transform: rotate(-90deg);  width: 390px; position: absolute; left: -154px; height: 40px; padding:5px; font-size: 18px; font-weight: 900; top: 350px; border-radius:20px; margin-left:3%;}
#titugestion0{ background-image:url(img/flechas2.png); background-repeat:no-repeat; background-position:0px 40px;}
#titugestion2{ margin-left:62%; height:70px; font-size:12px;background-image:url(img/flechas2.png); background-repeat:no-repeat; font-size: 16px;}
#containtsgs{width:100%; display:block; height:100%;}
.caja-proce{width:70%; margin:auto;}
.caja-proce > a{  padding:2px; line-height:30px;}
#result{position:absolute; background:rgba(51,51,51,1); color:#FFF; width:100%; border-left:#cf2034 3px solid;  overflow:scroll; overflow-x:hidden; display:none;}
#result a:hover{color:#cf2034;}
#paramov{ height:auto;}
#accesob2{ width:60%; float:left; }
#accesob{float:left;width:15%;}
#accesob3{float:left; padding:0px 10px; background:#754C24; width:20%; color:#42210B;}
.imgrota {display:none;}
.caja{ width:95px; height:50px; float:left; opacity:0.5;}
.conte{width:100%; overflow:hidden; height:300px;}
.sombra{ width:95px; height:50px; float:left; box-shadow:#666 0px 2px 3px; opacity:1;}
#mensajeok{ position:absolute; width:88%; height:70px; color:#FFF; text-align:center; background-image:url(img/mensaje.png); display:none;}
form  input{ color:#323232; }
.lista > li a{ color:#FFF; font-size:18px; text-align:center; margin:auto; line-height:28px; text-shadow:#000 2px 2px 1px;}
.menudsn{ display:none;}
section {float: left;height:auto;width:70%; clear:both; padding-left:1%;}
#video2{ position:fixed; z-index:9999; width:100%;}
.imgestudoce{ width:78%;}

	

.imgsemille{ float:left; padding-left:5px; width:45%;}

#anima{-webkit-animation-name: example;-webkit-animation-duration: 40s;  animation-name: example;animation-duration: 40s;animation-iteration-count: infinite;animation-play-state:running;
}
#anima:hover{ animation-play-state:paused;}
	.desa{ display:inline-block;}

@keyframes example {
    0%   { margin-top:0px;}
    20%  {margin-top:-521px;}
    40%  {margin-top:-1052px;}
	60%  {margin-top:-1583px;}
    80% {margin-top:-2104px;}
	100% {margin-top:-2650px;}
}

#containere{ width:99.70%; height:640px; background-image:url(../img/cielo.png); background-attachment:fixed; border:#FFF 1px solid; background-position:-640px 640px; animation-name: cielo; animation-duration: 3s;
	}
@keyframes cielo {
    0%{ background-position:0px;}
    100% {background-position:-640px 640px;}
}
#nave{ width:173px; position:absolute; left:27%; top:35%; z-index:100;}
#luna{ margin:auto;animation-name: luna;
animation-duration: 3s; width:382px; margin-top:20px;}
@keyframes luna {
    0%{ margin-top:-385px;}
	50%{ margin-top:-385px;}
	100% { margin-top:20px;}
}
#texto{
width: 382px; color: #898989; text-align: center; position: absolute; left: 489px; top: 469px;
}

#menu2r{background-color: #891924;transition: all 0.5s; text-align:right; height:36px;margin: 4px 0px;width: 100%;}
.notitab{ border:2px #999999 solid; border-style:dashed; height:10%; width:100%; overflow:hidden;}


.boton{ width:14px; height:14px;  border-radius:100%; color:#FFF; border:#ee2b4c 2px solid; display:inline-block; margin-left:10px; cursor:pointer; background: radial-gradient(#FFF,#666);}


@media only screen and (max-width: 1370px) {

.menuayuda{ margin-left:53%; }
header { height: 14.805195%;width: 100%;}
#box2 {float: left;height: 39px;margin-left: 0%;margin-top: -674px;clear: none;width: 100%;background-color: rgb(255, 0, 0);}
#logo {float: left;height: 114px; width: 345px;}
#barservi1{ margin-top:2px;}
.menuayuda{width: 48%;margin-left: 52%;margin-bottom: 0px;}

#adminsi{ width:100%; margin-left:0%;}
section {width:72%;}



}
@media only screen and (max-width: 1290px) {

#barpresen2{width:67%;}
	
.boxsitos{ position:absolute; padding:10px; left:65%; top:40%;}
.asideform{ height:73%;}
.tituloaside{ display:none;}
#admicol{ width:30%;}
.admisitex{ margin-top:1%; height:160px;}
#infofoot{ margin:0px; width:90%; height:auto;}
.infofootc1{ margin-left:0%;}
.infofootc1:first-child{ margin-left:23%;}
.cuadrogestion1{ width: 450px;}
.conte{ height:280px;}
section {width:65%; margin-left:5%;}

.barragestion1{ width:18%; text-align:center; padding: 5px 5px; }

section {width:68%;}
}

@media only screen and (max-width: 1150px) {
	.barragestion1{ width:18%; text-align:center; padding: 0px 0px; font-size:10px; }
	.cuadrogestion1{ margin:0px;}
	.infofootc1:first-child{ margin-left:15%;}

	.nuevocampus{ width: 80%; margin-left: 15%; }
	
}
@media only screen and (max-width: 1030px) {
		
 
	
	
#presen{ overflow:scroll;}
#virtu{ overflow:scroll;}
.medio{ font-size:13px;}
.asideform{ height:70%;}


.boxsitos{ top:30%;}
.novoimg{top: 46.8%;}
.infofootc1{ margin-left:0%; font-size:10px;}
.infofootc1:first-child{ margin-left:8%; padding-right:10px;}
.frameclass{ height:350px;}
.nucont{width: 50%;} 
#caeinfo1{left: 80px;top: 230px;}
#caeinfo2{left: 190px;top: 304px;}
#caeinfo3{left:190px;top: 310px;}
#caeinfo4{left:210px;top: 250px;}
#caeinfo5{left:220px;top: 220px;}
#caeinfo6{left:170px;top: 300px;}
#caeinfo7{left:140px;top: 310px;}
#caeinfo8{left:145px;top: 210px;}
#caeinfo9{left:195px;top: 300px;}
#caeinfo10{left:175px;top: 300px;}
#caeinfo11{left:200px;top: 315px;}
#caeinfo12{left:160px;top: 180px;}
#caeinfo13{left:158px;top: 340px;}
#caeinfo14{left:158px;top: 340px;}
.conte{ height:220px;}


	.cuadrogestion1{ margin:0px; width:420px; padding-left:10px;}
	


@media only screen and (max-width: 880px) {
	#barpresen{ width:400px; padding:0px; height: auto; margin-left: 25%; }
#barpresen2{
	position:none;
	width:400px; padding:0px; height: auto;margin-left: 25%; 

}
section {width:100%; margin-left:0%; height: auto;}
footer{ height:auto;}

header { width: 99.849447%;height: 35.298347%;}
#barservi1 {display: none;}
#box2 {margin-top: -674px;margin-left: 0%; clear: none; width: 100%;height: 39px;}
#logo {width: 345px;height: 114px;margin-left: 0%;margin-right: 0px;float: none;clear: none; }
.menuds{ width:100%; color:#FFF; display:block; padding:6px;}
.menuc2 {clear:both;font-size:16px;width:100%;text-align:center; display:block; line-height:150%;}
.menuc2n {clear:both;font-size:16px;width:100%;text-align:center; display:block; line-height:150%;}
.menuc2n2 {clear:both;font-size:16px;width:100%;text-align:center; display:block; line-height:150%; color:#891924;}

#menu2{ overflow:hidden; height:40px;} 
#menu2r{ overflow:hidden; height:40px;} 

.infoarticulo2{ height:auto;}
.menuayuda{ margin:0 auto; width:100%;}
.bloquepro2{  width:100%; border-right: 1px #CCC solid;}
#barservi2{ width:400px; margin: auto;}
#menu3{ text-align:center;}
#menu1 { text-align:center;}
aside{ display:none;}
.asideform{margin:auto; height:500px;  display:block; width:325px; float:none; position:static; background:rgb(170,60,40);}
#barservi1mobil{ width:50px; height:100%; display:inline-block;}
.medio{ font-size:13px;}

.campuspresen{ float:none; display:block;}
#infofoot{   margin:auto; width:270px; height:auto; margin-top:15px;}
.infofootc1{ width:273px; height:78px; margin-left:0; float:none; text-align:center;}
.campusserv{ display:block; width:100%; margin-top:6%;}
.campusserv:first-child{margin-left:0%;}
.campusserv:nth-child(3){ width:100%;}
.campusserv:last-child{ width:100%;}
#admicol{ float:none;width:60%;}
.desa{ display:none;}
.admisitex{ height:200px; margin-top:10%; }
.programcir{ float:left;  color:rgb(170,60,40); margin-left:5%; background:#FFF;}
.boxsitos{ height:100px; margin:auto; width:40%; position:static; display:block;}
.botonpen{ display:block; position:static; width:65%; margin:auto; margin-top:10px; margin-bottom:10px;}
#contegre{height:235px; }
#conegresados{width:95%;  height:auto;}
.novoimg{top: 90%; width:14%; left:17%;}
.nucont{width:80%} 
.doscol{column-count:1; -moz-column-count:1; -webkit-column-count:1; column-width:100%; -moz-column-width:100%; -webkit-column-width:100%; }
.frameclass{ height:320px;}
.barcalse1{ background:rgba(255,255,255,0);}
.barcalse2{ background:rgba(255,255,255,0);}
.barcalse3{ background:rgba(255,255,255,0);}
.gris{ background:#CCC;}
#caeinfo1,#caeinfo2,#caeinfo3,#caeinfo4,#caeinfo5,#caeinfo6,#caeinfo7,#caeinfo8,#caeinfo9,#caeinfo10,#caeinfo11,#caeinfo12,#caeinfo13,#caeinfo14{width: 79%;margin: auto;position:relative;font-size: 14px;padding:5px; display:block; left:0px; top:0px; background:none;}
#colom{ display:none;}
.tabegresado{ padding:5px; background:#88355F; color:#FFF; width:100%; text-align:center; }
.tabegresado2{ background:#40192D; padding:5px;color:#FFF; width:100%;text-align:center; cursor:pointer;}
.conteegresado{ position:static;width: 100%;}
#titugestion0,#titugestion2{transform: rotate(0deg);  position:static;  height: 60px;  margin:auto; width:90%;}
.conte{ height:166px;}
#barservia10{ display:none;}
.menudsn{ display:inline-block;float:right; margin-top:15px; }


.imgestudoce{ width:120px;}
.colorsec{ background:#CCC; width:100%;}
.barragestion1{ float:none; width:50%; text-align:center; display:block; clear:both; margin:auto;}
.cuadrogestion1{ margin-left:10%; width:400px;}





}
@media only screen and (max-width: 770px) {
#slider{ display: none;}
	

.programcir{ margin-left:2%; background:#FFF; border:#999 2px solid; color:#999;}
.botonpen >span{ display:block; text-align:center; width:70%; margin:auto; padding:2px; margin-bottom:5px;}
#cat{  width:100%; float:none;}
.novoimg{width: 31%;left: 35%;top: 94.5%;}
#insref{display:inline-block;}
#nucont0000{ z-index:1;height:220px;}
#nucont000,#nucont00,#nucont0,#nucont1,#nucont2,#nucont3,#nucont4,#nucont5{ height:220px;}
.nucont{width: 60%;} 
.medio1,.medio2,.medio3{ font-size:12px;}
.horario{ overflow-x:scroll; max-width:768px; overflow-y:hidden;}
#caja-proce > a{ display:block; float:none;}
#accesob3{ font-size:10px;}
.conte{ height:145px;}
.imgsemille{ float:none; padding-left:5px; width:100%;}
.nuevocampus{ width: 90%; margin-left: 5%; }


}
@media only screen and (max-width: 650px) {
#acorinfo,#acorinfo2,#acorinfo3,#acorinfo4,#acorinfo5,#acorinfo6{ font-size:12px; width:100%;}
.infoarticulo2{ height:auto;}
.boxacor{ width:90%;}
.bloquepro1{  width:96%; border: 1px #CCC solid;}
.bloquepro4{  width:96%; border: 1px #CCC solid;}
#sanmateoimg{ display:none;}
#admicol{ width:100%;}
.boxsitos{ width:60%; height:auto;}
.novoimg{top: 88%; width:32%; left:35%;}
.nucont{width:45%;}
#contegre{height:480px;}
.novoimg{visibility:visible;}
#nucont0000{height:350px;}
#nucont000,#nucont00,#nucont0,#nucont1,#nucont2,#nucont3,#nucont4,#nucont5{ height:350px;}
.nucont{width: 50%;left: 200px;} 
.cuadrogestion1{ width: 450px; float:none; margin:auto;}
#paramov{ height:250px; overflow:scroll;}
#contac{ display:none;}
}
@media only screen and (max-width: 490px) {
.sectionprogram{ height:627px; width:350px; margin-left:-18px;}
#programastc, #programastn, #programasp{ width:100%;}
.bloquepro1{  width:92%; border: 1px #CCC solid;}
.bloquepro4{  width:92%; border: 1px #CCC solid;}
footer{ width:100%;}
.menu2{ width:100%;}
.menu2r{ width:100%;}
#admicol{ width:100%;}
.botonpen >span{ width:100%;}
.articlen{ height:100px; font-size:12px;}
.titulon{ font-size:14px;}
.novoimg{top: 73.5%;}
#contegre{height:970px;}
#conegresados{ width:95%;}
.nucont{ width:25%;}
.boxsitos{ width:25%; height:auto;}
#nucont0000{height:450px;}
#nucont000,#nucont00,#nucont0,#nucont1,#nucont2,#nucont3,#nucont4,#nucont5{ height:450px;}
.nucont{width: 30%;left: 180px;}
.articulopop{ height:70%; width:80%; overflow:hidden; margin-left:-40px;}
}
@media only screen and (max-width: 400px) {
.infoarticulo{ height:auto;}
#acorinfo,#acorinfo2,#acorinfo3,#acorinfo4,#acorinfo5,#acorinfo6{ font-size:12px; width:96%;}
.boxacor{ width:90%; font-size:9px;}
.novisto{ display:none;}
#conenedor{ width:50%; height:auto;}
.infofootc1{ font-size:9px;}
#logo{ width:95%;}
#pres{ font-size:12px;}
#vir{ font-size:12px;}
#menu3{font-size:10px;}
.novoimg{top: 93%;}
#nucont0000{height:950px;}
#nucont000,#nucont00,#nucont0,#nucont1,#nucont2,#nucont3,#nucont4,#nucont5{ height:950px;}
.nucont{width: 20%;left: 180px;}
.cuadrogestion1{ width: 100%;}
#cajarota{ transform:rotate(90deg);}
.cajanorma,.cajanorma2{ display:block; float:none; width:100%;}
#barragestion1{ float:none; display:block;}
}