@import url("bootstrap-4.4.1.css");
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
width:100%;
overflow-x: hidden;
}
header{
	width: 100%;
	overflow: hidden;
}

 ul li a:hover{
    text-color: #96AC0C;
    color: #96AC0C;
}
ul {
    list-style-image: none;
    list-style-type: none;
}

li {
    display: inline-block;
	padding: 9px;
}
a {
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #024787;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}




h1 {
    background-color: #024787;
    color: #FAF3F3;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-weight: bold;
    height: 45px;
    
}



 h2 {
    height: 45px;
    background-color: #024787;
    color: #FCF5F5;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: xx-large;
    text-align: center;
}
#bachillerato {
    height: 35px;
}

h3 {
    background-color: #024787;
    color: #024787;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    height: 20px;
	}

h4  {
    height: 20px;
    background-color: #96AC0C;
    color: #96AC0C;
}
tr td h2 {
}
.boton {
    width: 150px;
    height: 50px;
    border-radius: 50em;
    background-color: #024787;
}
td div .boton {
    text-align: center;
    transition: background-color 1s;

}
td div .boton:hover {
    background-color: #96AC0C;
}


div .boton #boton {
    color: #F8F0F0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    line-height: 2.5em;
}
tr td h5 {
    color: #024787;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: medium;
}
tr td p {
    color: #024787;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: x-large;
    text-align: center;
    font-weight: bolder;
}
p {
    color: #024787;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: x-large;
    text-align: center;
    font-weight: bolder;
}

/* TABLA MOBILE 1 */

.tabla-mobile1{
	display: none;
}

/* TABLA MOBILE 2 */

.tabla-mobile2{
	display: none;
}

/* TABLA MOBILE 3 */

.tabla-mobile3{
	display: none;
}

.menu{
	display: none;
}


/* TABLA MOBILE 4 */

.tabla-mobile4{
	display: none;
}

.tabla-objetivo1{
	display: none;
}

.tabla-myv1{
	display: none;
}

.bannerindex2{
	display: none;
}

.bannerprepa2{
	display: none;
	
}
.requisitosprepa2{
	display: none;
}
.bannerlics2{
	display: none;
}
.requisitoslics2{
	display: none;
}	

.bannerposgrado2{
	display: none;
}

.requisitosMD2{
	display: none;
}

.promodoc2{
	display: none;
}

.porqueprepa2{
	display: none;
}
.requisitoslics3{
	display: none;
}
.informaciónprepamobile{
	display: none;
}
.infoprepa2mobile{
	display: none;
}

.boton2 {
    width: 220px;
    height: 50px;
    border-radius: 50em;
    background-color: #024787;
}
td div .boton2 {
    text-align: center;
    transition: background-color 1s;

}
td div .boton2:hover {
    background-color: #96AC0C;
}


div .boton2 #boton {
    color: #F9F1F1;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    line-height: 2.5em;
}
.boton2 #boton2 {
    padding: .5em;
    color: #FDF3F3;
    line-height: 2.5em;
}

#objetivos {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-weight: normal;
    text-align: justify;
    font-size: large;
    line-height: 1.5em;
}
#Subtitulos {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #040404;
    font-size: x-large;
    font-weight: bold;
    text-align: left;
    background-color: #CDCDCD;
}
#textos {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: justify;
    font-size: large;
    line-height: 1.5em;
}
#contenedortitulos {
    background-color: #96AC0C;
}
#contenedortitulos {
    color: #024787;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: center;
    font-style: normal;
    font-size: xx-large;
    font-weight: bold;
}
#informacionprepa1   {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #024787;
    text-align: center;
    font-size: x-large;
    font-weight: bold;
    border-radius: 50em;
    background-color: #96AC0C;
    width: 600px;
    height: 40px;
    line-height: 1.5em;
}
#informacionprepa2   {
    color: #000000;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-weight: bold;
    font-size: x-large;
}
#informacionprepa3 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: center;
    font-size: x-large;
    font-weight: bold;
    color: #024787;
}
tr td #informaciónuniversidad1 {
    color: #024787;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    text-align: center;
    font-size: x-large;
    font-weight: bold;
}
tr td #informaciónuniversidad2 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #020202;
    font-weight: bold;
    font-size: x-large;
    text-align: center;
}
tr td #informaciónuniversidad3 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #FFFFFF;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    background-color: #96AC0C;
}
#prepacolesh {
    color: #024787;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    background-color: #A0A0A0;
}

.informacionprepa1:hover{
	filter: blur();
}
#titulomaestria {
    background-color: #96AC0C;
    height: 50px;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: x-large;
    font-weight: bold;
    color: #024787;
}
#objetivomaestria {
    height: 40px;
    color: #FDF7F7;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
    background-color: #024787;
}
#espacio {
    background-color: #96AC0C;
}













































@media (max-width:480px){

	
#objetivo {
    width: 360px;
    height: 200px;
}
tr td #mision {
    width: 380px;
}
tr td #vision {
    width: 380px;
}


td a #faceuni {
    width: 40px;
    height: 30px;
}
td a #what {
    width: 40px;
    height: 30px;
}
td a #faceprepa {
    width: 40px;
    height: 30px;
}
td a #insta {
    width: 40px;
    height: 30px;
}
td a #tiktok {
    width: 40px;
    height: 30px;
}
ul {
    width: 50%;
}
li {
    display: block;
}
tr td #banner {
    width: 350px;
    height: 200px;
}
tr td .align-content-center {
    width: 350px;
}
#ubicacion {
    width: 350px;
}
tr td #contactanos {
    height: 20px;
    width: 350px;
}
#contactos {
    width: 350px;
}
tr td p {
    width: 40px;
    font-size: x-small;
}


.menu{
		display: none;
	}
.menucell{
		display: block;
	}
	
.tabla-mobile1{
		display: block;
	}
.tabla-desktop1{
		display: none;
	}
	

.tabla-mobile2{
		display: block;
	}
.tabla-desktop2{
		display: none;
	}
	
.tabla-mobile3{
		display: block;
	}
.tabla-desktop3{
		display: none;
	}	
	

.tabla-mobile4{
		display: block;
	}
.tabla-desktop4{
		display: none;
	}

.tabla-objetivo1{
		display: block;
	}
.tabla-objetivo{
		display: none;
	}

.tabla-myv1{
		display: block;
	}
.tabla-myv{
		display: none;
	}
.bannerindex1{
		display: none;
	}
	
	.bannerindex2{
		display: block;
	}	

	.bannerprepa1{
		display: none;
	}	
	
	.bannerprepa2{
    display: block;
    width: 320px;
	}

	.requisitosprepa1{
		display: none;
	}
	.bannerprepa2{
		display: block;
		align="center";
	}
	
	.bannerlics1{
		display: none;
		
	}
	.bannerlics2{
		display: block;
	}
	.requisitoslics1{
		display: none;
	}
	.requisitoslics2{
		display: block;
	}
	.requisitosMD1{
		display: none;
	}
	.requisitosMD2{
		display: block;
	}
	.bannerposgrado1{
		display: none;
	}
	.bannerposgrado2{
		display: block;
		
	}
	.promodoc1{
		display: none;
	}
	.promodoc2{
		display: block;
	}
	.porqueprepa1{
		display: none;
	}
	.porqueprepa2{
		display: block;
	}
	.requisitosprepa1{
		display: none;
		
	}
	.requisitosprepa2{
		display: block;
	}
	.requisitoslics3{
		display: none;
	}
	.informaciónprepamobile{
		display: block;
	}
	.infoprepa{
		display:none;
	}
	.infoprepa2mobile{
		display: block;
	}
	.infoprepa2{
		display: none;
	}
	
	
#somos {
    width: 350px;
}
#bachillerato {
    width: 350px;
}

tr td h2 {
    font-size: medium;
}


#banner {
    width: 350px;
}


#h2contactanos {
    width: 350px;
}
ul li a {
    font-size: x-large;
}
#bannerprepa {
    width: 350px;
}
tr td img {
    width: 350px;
}
#licenciatura {
    width: 350px;
}
tr td img {
    width: 350px;
    height: 200px;
}
#COLESH {
    width: 350px;
    padding-left: 10px;
}
#pie {
    width: 350px;
    padding-left: 10px;
}
#pie h4 {
    width: 360px;
}
#COLESH h1 {
    width: 350px;
}
p {
    color: #024787;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: x-large;
    font-weight: bold;
    text-align: center;
}




#pie h3 {
    width: 360px;
}
tr td #bachillerato {
    height: 20px;
    width: 350px;
}
h5 {
    color: #024787;
    font-weight: bold;
    font-size: large;
}
#licsaños {
    width: 350px;
}
tr .licsaños #licsaños {
    width: 350px;
    height: 30px;
}
#infoprepa1 {
    width: 300px;
}
.informaciónprepamobile {
    line-height: 2.5em;
}
.infoprepa2mobile {
    line-height: 2.5em;
}
#xqprepa {
    width: 320px;
}
tr td #informacionprepa1 {
    width: 320px;
}
.columna .header #requisitosprepa2 {
    width: 320px;
}

























}

@media (max-width:780px) and (min-width:481px){
#banner {
    width: 550px;

}
tr td #banner {
    width: 550px;
    height: 300px;
}
#somos {
    width: 550px;
}
tr td h2 {
    width: 550px;
    height: 50px;
    font-size: large;
}
#ubicacion {
    width: 600px;
}
tr td .align-content-center {
    width: 600px;
}



.tabla-objetivo {
    width: 550px;
}
tr td #objetivo {
    width: 550px;
}
td a #faceuni {
    width: 200px;
    height: 50px;
}
td a #what {
    width: 200px;
    height: 50px;
}



#MyV {
    width: 550px;
}
tr td #mision {
    width: 550px;
}
tr td #vision {
    width: 550px;
}


#h2contactanos {
    width: 550px;
}
tr td #contactanos {
    width: 550px;
    height: 40px;
}
#contactos {
    width: 400px;
}
td a #faceprepa {
    width: 200px;
    height: 50px;
}
td a #insta {
    width: 200px;
    height: 50px;
}
td a #tiktok {
    width: 200px;
    height: 50px;
}



#bannerprepa {
    width: 600px;
}
tr td img {
    width: 600px;
    height: 350px;
}
#bachillerato {
    width: 600px;
}
tr td #bachillerato {
    width: 600px;
    height: 30px;
    font-size: large;
}
#requisitos {
    width: 650px;
}
tr td img {
    width: 650px;
    height: 400px;
}
#informacion {
    width: 200px;
}
#porque {
    width: 650px;
}
tr td img {
    width: 650px;
    height: 200px;
}
#licenciatura {
    width: 600px;
}
tr td img {
    width: 600px;
    height: 300px;
}
#requisitoslicenciatura {
    width: 600px;
}

tr td img {
    width: 600px;
    height: 300px;
}
#L1 {
    width: 600px;
}
tr td img {
}
tr td #LC {
    width: 200px;
    height: 200px;
}
tr td #LA {
    width: 200px;
    height: 200px;
}
tr td #LCP {
    width: 200px;
    height: 200px;
}
#L2 {
    width: 600px;
}
tr td #LCE {
    width: 200px;
    height: 200px;
}
tr td #LD {
    width: 200px;
    height: 200px;
}
tr td #LAdmon {
    width: 200px;
    height: 200px;
}
#L3 {
    width: 600px;
}
tr td #LP {
    width: 200px;
    height: 200px;
}
tr td #LITI {
    width: 200px;
    height: 200px;
}
tr td #LRT {
    width: 200px;
    height: 200px;
}
#posgrado {
    width: 600px;
}
tr td #posgrado {
    width: 600px;
    height: 200px;
}
.tabla-desktop4 {
    width: 600px;
}
tr td #MA {
    width: 200px;
    height: 200px;
}
tr td #ME {
    width: 200px;
    height: 200px;
}
tr td #MDP {
    width: 200px;
    height: 200px;
}
#requisitosMyD {
    width: 600px;
}
tr td #requiMyD {
    width: 600px;
    height: 500px;
}
#Doc {
    width: 400px;
}
tr td #doc {
    width: 400px;
    height: 200px;
}

	.requisitoslics1{
		display: none;
	}
#licsaños {
    width: 600px;
}


	.requisitoslics3{
		display: block;
	}
tr .licsaños #licsaños {
    width: 600px;
    height: 30px;
}
#infoprepa {
    width: 400px;
}
#infoprepa2 {
    width: 400px;
}
#xqprepa   {
    width: 500px;
}