#topbar-container {
	font-size: 14px;
    /*max-width: 1127px !important;*/
    font-weight: 250;
    color: #fff !important;
    max-height: 45px;
}

#container-fluid-header {
	background-color: #193253 /* #004b87 */;
}

.bg-green {
	background-color: #001B40; /* #7db458 */
	max-height: 45px;
}

.navbar-expand-lg .navbar-nav .nav-link a {
	color: #fff !important;
}

.topbar-social {
	color: #fff !important;
	float: right;
    margin: 2px 0px 0 5px;
    position: relative;
}

.topbar-social > a > i {
    color: #fff !important;
    font-size: 22px;
    margin-right: 10px
}

.topbar-social > a > i:hover {
    color: #7E9DD2 !important /* Anterior #004b87 */;
}

li.nav-item {
    min-width: 35px;
    /*margin-right: 10px;*/
}

li.nav-item > a {
    color: #fff;
}

.dropdown-menu {
	font-size: 13px;
}

li.nav-item:hover {
    background-color: #a0ce4e;
    border-radius: 4px;
}

.topbar-social .fa-facebook:hover {
    color: #7E9DD2 !important /* Anterior #004b87 */;
}

.topbar-social .fa-twitter:hover {
    color: #7E9DD2 !important /* Anterior #0083c7 */;
}

.topbar-social .fa-youtube-play:hover {
    color: #7E9DD2 !important /* Anterior red */;
}

.dot {
  height: 20px;
  width: 20px;
  background-color: #ff0;
  border-radius: 50%;
  display: block;
}

.table-semaforo {
	height: 100%;
	color: #fff;
	margin-bottom: 15px;
}

button.btn.btn-new-search.border-left-0.border {
    background-color: #fff;
    border-radius: 0px 10px 10px 0px;
    font-size: 20px;
    font-weight: lighter;
    color: #5678BB /* Anterior #7db458 */;
}

.input-new-search {
	border-radius: 10px 0px 0px 10px;
	font-style: italic;
    font-weight: 100;
}

.btn-new-search:focus {
    outline: none !important;
    border:1px solid #5678BB /* Anterior #7db458 */;
    box-shadow: 0 0 10px #7E9DD2 /* Anterior #a0ce4e */;
}

.input-new-search:focus {
    outline: none !important;
    border:1px solid #5678BB /* Anterior #7db458 */;
    box-shadow: 0 0 10px #7E9DD2 /* Anterior #a0ce4e */;
}

@media screen and (max-width:970px){
	.sm-text-center {
		text-align: center;
		/*margin: auto;*/
		margin-bottom: 4px;
	}
}

@media screen and (max-width: 468px){
	.sm-text-center {
	    text-align: center;
	    margin: auto;
	    margin-bottom: 4px;
	}
}


@media screen and (max-width: 1024px){
	.megamenu-li {
    	text-align: center;
	}
}

@media screen and (max-width: 991px){
	ul.navbar-megapills li.vida-universitaria {
    	background-color: #012e34;
    	border-radius: 5px 5px 0 0;
	}
	ul.navbar-megapills li.admision-y-oferta {
    	background-color: #366070;
	}
	ul.navbar-megapills li.estudiantes-y-egresados {
    	background-color: #0BA49E;
	}
	ul.navbar-megapills li.generacion-de-conocimiento {
    	background-color: #0ba569;
	}
	ul.navbar-megapills li.organizacion-institucional {
    	background-color: #5c8606;
	}
	ul.navbar-megapills li.difusion-y-medios {
    	background-color: #8dac2a;
	}
	.mobile_nav {
		display: block;
		ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	    -ms-flex-positive: 1;
	    flex-grow: 1;
	    -ms-flex-align: center;
	    align-items: center;
	}
}

@media screen and (min-width: 992px) {
	.mobile_nav {
		display: none;
	}
}


/* estilos mega menu */
button.navbar-toggler {
    color: #fff;
    background-color: #7db458;
    margin-bottom: 10px;
}
.container-btn-toggle {
	width: 100%;
	text-align: right;
}
#megamenu-principal {
    padding: 0;
}
.mega-menu-sub-title a{
    color:#000 !important;
    font-weight:400;
    max-width: 100% !important;
    white-space: normal !important;
}
a.mega-menu-link {
    font-size: 13px !important;
    font-weight: 100 !important;
    max-width: 100% !important;
    white-space: normal !important;
}
span.mega-menu-sub-title {
    margin-top: 10px !important;
}
#fluid-megamenu {
	background-color: #000D3B;
}
.megamenu-li {
	position: static;
}

.megamenu {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	padding: 15px;
}
.megamenu h6{
    margin-left: 21px;
}
.megamenu i{
    width: 20px;
}
ul.navbar-megapills li.vida-universitaria {
    border-bottom: 5px solid #5678BB;
}
.navbar-megapills > li.megamenu-li {
	font-weight: 100;
    font-family: 'Open Sans';
    font-size: 13px;
}
li#li-vida-universitaria {
    border-bottom: 8px solid #5678BB /* Anterior #012e34 */;
}
ul.navbar-megapills li#li-vida-universitaria:hover {
    border-bottom: 8px solid #7E9DD2 /* Anterior #012e34 */;
    background: rgba(255, 255, 255, 0.3);
}

li#li-admision-y-oferta {
    border-bottom: 8px solid #5678BB /* Anterior #366070 */;
}
ul.navbar-megapills li#li-admision-y-oferta:hover {
    border-bottom: 8px solid #7E9DD2 /* Anterior #366070 */;
    background: rgba(255, 255, 255, 0.3);
}

li#li-estudiantes-y-egresados {
    border-bottom: 8px solid #5678BB /* Anterior #0BA49E */;
}
ul.navbar-megapills li#li-estudiantes-y-egresados:hover {
    border-bottom: 8px solid #7E9DD2 /* Anterior #0BA49E */;
    background: rgba(255, 255, 255, 0.3);
}

li#li-generacion-de-conocimiento {
    border-bottom: 8px solid #5678BB /* Anterior #0ba569 */;
}
ul.navbar-megapills li#li-generacion-de-conocimiento:hover {
    border-bottom: 8px solid #7E9DD2 /* Anterior #0ba569 */;
    background: rgba(255, 255, 255, 0.3);
}

li#li-organizacion-institucional {
    border-bottom: 8px solid #5678BB /* Anterior #5c8606 */;
}
ul.navbar-megapills li#li-organizacion-institucional:hover {
    border-bottom: 8px solid #7E9DD2 /* Anterior #5c8606 */;
    background: rgba(255, 255, 255, 0.3);
}

li#li-difusion-y-medios {
    border-bottom: 8px solid #5678BB /* Anterior #8dac2a */;
}
ul.navbar-megapills li#li-difusion-y-medios:hover {
    border-bottom: 8px solid #7E9DD2 /* Anterior #8dac2a */;
    background: rgba(255, 255, 255, 0.3);
}
.megamenu .dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background: rgba(1, 46, 52, 0.1);
    border-radius: 4px;
}
.megamenu a:hover {
    text-decoration: none;
}
.dropdown-item {
    padding: .25rem .25rem !important;
}
.mega-menu-link > strong {
    font-weight: 600;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.dropdown-menu {
		margin-top: 17px !important;
	}
	.megamenu-li {
		text-align: center;
	}
} 

@media screen and (max-width: 767px) {
	.sm-text-center {
		margin-right: auto;
		margin-left: auto;
	}
	#buscador-top {
		display: none !important;
	}
	#div-semaforo {
		display: flex;
	}
}

@media screen and (max-width: 768px) {
	#button-mobile {
		display: block !important;
	}
	#button-toggle1 {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#button-toggle1 {
		display: block;
	}
	#button-mobile {
		display: none !important;
	}
}
/* estilos mega menu */

/* estilos general anterior */
.navbar select{display:none;}
select{-webkit-appearance:none;border-radius:10px;background:#fff;border-color:#ccc;height:30px;font-size:11px;padding-left:15px;background-image:url(../../images/flechita.jpg);background-position:95% 50%;background-repeat:no-repeat;}
select option{background:#f7f7f7;}

@media screen and (max-width:970px){header #content-menu ul li:nth-child(3) div{margin-right:0;}
    header #content-menu ul li .bg{padding:18px 0 0 0;}
    /*header .navbar ul{display:none;}*/
    header .navbar select{display:block;width:125px;margin:0px 10px 0 15px;float:left;}
    #topbar-social-movil {display: block !important;}
    header .upperHeader select.upper-nav{display:block;margin:5px auto 10px;}
    #contenido-dinamico *{max-width:100%;}
    #topnav-ua1{display:none;}
    .tinynav{display:block;margin:20px auto;width:90%;}
}
@media screen and (width:970px){header .navbar select{margin:-31px 10px 0 15px;}
    #header.flat-menu .search{margin-top:-3px !important;}
}
@media only screen and (max-width:768px){.contenedor-menu{}
    .navbar select{width:100%;}
    .oferta-educativa .bloque{width:100%;display:block;}
    header #isotipo-rectoria img{width:60%;margin:0 auto;display:block;}
    header #isotipo-rectoria{display:none;}
}

#header .logo-uaem {
    /*-webkit-transition: all 0.2s ease-in 0.2s;
    -moz-transition: all 0.2s ease-in 0.2s;
    transition: all 0.2s ease-in 0.2s;*/
    margin: 0;
    padding: 20px 0;
    display: block;
    vertical-align: middle;
    height: 100%;
    color: transparent;

}

#header .logo-uaem img{
    width:123px;
    height:auto;
    margin-left:0px;
}

#header .logo-uaem a {
    position: relative;
    z-index: 0;
}

#header .logo-rectoria {
    display:none;

}

@media (min-width: 768px) {


    #header .logo-rectoria {
        -webkit-transition: all 0.2s ease-in 0.2s;
        -moz-transition: all 0.2s ease-in 0.2s;
        transition: all 0.2s ease-in 0.2s;
        margin: 0;
        padding: 20px 0px;
        display: flex;
        vertical-align: middle;
        height: 100%;
        color: transparent;
        float:right;
        margin-right:auto;
        width: 80%;

    }
    #header .logo-rectoria img {
        width:100%;
    }

}

@media (min-width: 1200px) {

    #header.flat-menu .search {
        margin-top: -8px;
    }

    #header .logo-rectoria {
        margin-right:0px;
    }
    #header.flat-menu .search {
        margin-top: 14px;
    }
    .btn-responsive-nav
    {
        display:none !important;
    }

}


@media (min-width: 1281px) {

    #header .logo-uaem img{
        width:153px;
        height:auto;
    }

    #header .logo-rectoria img {
        width:100% !important;
    }

}

.container-btn-inverse {
    position: relative;
}

.btn-responsive-nav {
    background: #808080; /*Color de menú móviles*/
    top: -50px;
    position: absolute;
    right: 0px;
    color: #FFF;
    z-index: 1;
    margin-right: 0px;
    float: right;
    display:inline-block;
}
.btn-responsive-nav:hover {
    background: #1F1F1F; /*Color de menú móviles*/
    color: #FFF;
}
.btn-responsive-nav .fa {
    padding-right: 0px;
}
/* estilos general anterior */







/* estilos actividades y convocatorias */
.centered {
    text-align: center;
}
h2 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
    letter-spacing: -0.3px;
}
h2.centered {
    font-weight: 100;
    font-family: 'Open Sans';
    font-size: 25px;
    color: #001B40 !important/* Anterior #012553 */;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #f7f7f9;
    border: 1px solid #f7f7f9;
    border-radius: 5px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.img-responsive {
	margin-right: auto;
	margin-left: auto;
}
#carrusel1 .owl-item .thumbnail {
    min-height: 265px;
}
#carrusel1 h3 {
    padding: 0px 15px !important;
    font-weight: 100;
    font-family: 'Open Sans';
    color: #5D5A5A !important;
}
#carrusel1 h3 > a {
    color: #5D5A5A !important;
}
#carrusel1 .fecha {
    border-top: none;
    font-weight: 100;
    color: #5D5A5A;
    right: 10px;
}
h1.centered {
    font-weight: 100;
    font-family: 'Open Sans';
    font-size: 20px;
    color: #001B40 !important /* Anterior #012553 */;
    padding-top: 10px;
}
.ul-servicios {
    list-style-type: none;
}
.ul-servicios li::before {
    content: "●";
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    color: #a0ce4e;
}
.ul-servicios li > a {
    color: #5D5A5A;
    font-family: 'Open Sans';
    font-weight: 100;
    text-decoration: none;
    margin-left: 5px;
}
.ul-servicios li > a:hover {
    color: #0083c7;
}
span.span-libros {
    font-size: 11.5px;
    font-family: 'Open Sans';
    font-weight: 400;
    color: #FFF;
}
.bg-primo {
    background-color: #7db458;
    border-radius: 5px;
}
.btn-primo-search {
    background-color: #fff;
    border-radius: 0px 10px 10px 0px;
    font-size: 17px;
    font-weight: lighter;
    color: #7db458;
}
#primoQueryTemp:focus {
    box-shadow: 0 0 7px #0083c7;
}
p.p-avisos {
    font-family: 'Open Sans';
    color: #5D5A5A !important;
    width: 100%;
    margin-bottom: 15px !important;
    font-size: 14px;
    font-weight: 100;
    text-align: justify;
    margin-top: 5px;
}
#slick2 h3 {
    /*padding: 0px 10px !important;*/
    font-weight: 100;
    font-family: 'Open Sans';
    color: #5D5A5A !important;
    font-size: 14px;
    line-height: 18px;
    text-transform: none;
    margin-top: 5px;
    margin-top: 10px;
}
#slick2 h3 > a {
    color: #5D5A5A;
}
#slick2 .fecha {
    border-top: none;
    font-weight: 100;
    color: #5D5A5A;
    right: 10px;
    display: block;
    text-align: right;
    font-size: 1.1em;
    position: relative;
    bottom: 0px;
    right: 21px;
    margin-top: 20px;
}
#slick2 .slide-item {
    max-height: 330px;
    width: 97.5% !important;
    /*margin-left: 5%;*/
}
#slick2 .thumbnail {
    min-height: 200px;
}
#slick2 .thumb-info:focus {
	outline: none;
}
#slick2 h3 a:focus {
	outline: none;
}
.container-prensa {
	background-color: #f7f7f9;
}
.h3-prensa {
    font-size: 20px;
    font-family: 'Open Sans';
    font-weight: 100;
    color: #001B40 /* Anterior #012553 */;    
    margin-bottom: 0px;
    border-bottom: 3px solid #5678BB /* Anterior #0083c7 */;
    width: 65%;
}
.h3-prensa > strong {
    font-weight: 700;
}
.border-azul {
	border-bottom: 1px solid #0083c7;
    margin-bottom: 40px;
}
.owl-carousel .owl-item img.thumb-img-full {
    border-left: 10px solid #0083c7;
}
.h4-prensa-home a{
    font-size: 20px;
    color: #0083c7 !important;
}
.recent-posts .date {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
    text-align: center;
}
.recent-posts .date .day {
    background: #FFF;
    color: #0088cc;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 8px;
}
.recent-posts .date .month {
    background: #0088cc;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
    color: #FFF;
    font-size: 0.9em;
    padding: 0 10px 2px;
}
.item p {
    color: #5D5A5A;
    font-weight: 100;
}
/*.featured {
    border-bottom: 8px solid #fff;
}*/
/* estilos actividades y convocatorias */




/* estilos footer */
footer {
    border-top: 8px solid #5678BB /* Anterior #0083c7 */;
    background-color: #001B40 /* Anterior #012553 */ ;
	color: #fff;
}
.h4-footer {
    font-size: 20px;
    font-family: 'Open Sans';
    font-weight: 600;
    margin-bottom: 0px;
    border-bottom: 3px solid #5678BB /* Anterior #0083c7 */;
    width: 65%;
    padding-bottom: 8px;
}
#bg-fluidfooter {
	background: url('../img/isofooter.png');
    background-size: cover;
}
#footer .contact p strong {
    font-weight: 700;
    padding-left: 5px;
}
/* estilos footer */

/* Social Icons */
ul.social-icons {
    margin: 0;
    padding: 0;
    width: auto;
}

ul.social-icons li {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-image: url(../../img/social-sprites.png);
    background-repeat: no-repeat;
    background-position: 0 100px;
    display: inline-block;
    margin: -1px 1px 5px 0;
    padding: 0;
    border-radius: 100%;
    overflow: visible;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

ul.social-icons li a {
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
}

ul.social-icons li a:hover {
    text-decoration: none;
}

ul.social-icons li a i[class^="icon-"] {
    color: #444;
    font-style: 16px;
    position: relative;
    top: 3px;
}

ul.social-icons li a:active {
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3);
}

ul.social-icons li[class] a {
    text-indent: -9999px;
}

ul.social-icons li:active, ul.social-icons li a:active {
    border-radius: 100%;
}

ul.social-icons li.twitter {
    background-position: 0 -1140px;
}

ul.social-icons li.twitter:hover {
    background-position: 0 -1170px;
}

ul.social-icons li.facebook {
    background-position: 0 -120px;

}

ul.social-icons li.facebook:hover {
    background-position: 0 -150px;
}

ul.social-icons li.youtube {
    background-position: 0 -1380px;
}

ul.social-icons li.youtube:hover {
    background-position: 0 -1410px;
}

ul.social-icons li.googleplus {
    background-position: 0 -300px;
}

ul.social-icons li.googleplus:hover {
    background-position: 0 -330px;
}
#footer .contact {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .contact i {
    display: block;
    float: left;
    font-size: 1.2em;
    margin: 3px 0px 0px 0;
    position: relative;
    text-align: center;
    top: -2px;
    width: 16px;
    color:#0088cc;
}

#footer .contact i.fa-envelope {
    font-size: 1em;
    top: 0;
}


#footer .contact p {
    margin-bottom: 10px;
	color:#fff !important;
	font-weight: 100;
    font-family: 'Open Sans';
}
#footer .contact p a {
    color: #fff;
}
#footer a {
    color: #fff;
    padding-left: 5px;
}
.social-icons .fab {
    font-size: 30px;
}
.social-icons .fab:hover {
    color: #7E9DD2 /* Anterior #7db458 */;
}
/* end social icons */

/* estilos seccion admision y oferta */
.div-icon {
	height: 60px;
    width: 60px;
    background-color: #396072;
    display: flex;
    border-radius: 5px;
    font-size: 30px;
    color: #fff;
    align-items: center;
    webkit-box-shadow: 0px 5px 5px 2px rgba(0,0,0,0.39);
    box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.39);
}
.card-admision {
    border-top: 5px solid #396072 !important;
    width: 100%;
    border: none;
    min-height: 280px;
}
.card-admision h4 {
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 1px;
    color: #5D5A5A;
    font-size: 20px;
    margin-left: 15px;
}
.card-admision p {
    font-weight: 100;
    text-align: justify;
    font-size: .9rem;
}
.short-line {
    width: 50px;
    border-top: 5px solid #396072;
    margin-left: 15px;
}
.img-esquina {
	width: 150px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.bg-bannersection {
	background: url('../img/banner_breadcrumb.png');
	min-height: 80px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}
.div-h4-underline-admision {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
h4.h4-underline-admision {
    border-bottom: 5px solid #396072;
    margin-bottom: 0;
    padding-bottom: 15px;
    max-width: 55%;
    font-size: 30px;
    font-weight: 200;
}
p.p-des-admision {
    font-size: 16px;
    font-weight: 350;
    color: #5D5A5A;
    text-align: justify;
}

.breadcrumb2 {
    line-height: 70px;
    color: #5D5A5A;
    font-weight: 300;
}

.breadcrumb2 a {
    color: #0083c7;
}

.h4-underline-admision strong {
    font-weight: 600;
}
h4.h4-title-section {
    font-weight: 100;
    font-family: 'Open Sans';
    color: #fff;
    font-size: 25px;
    line-height: 70px;
}


@media (max-width: 768px){
	.div-icon{
		margin: auto;
	}
	.card-body .col-md-10 {
    	text-align: center;
	}
	.short-line {
		margin: auto;
	}
	.h4-underline-admision{
		width: 100%;
		max-width: 100% !important;
		font-size: 30px !important;
	}
	/*.bg-bannersection{
		background-color: #004b87 !important;
		background: none;
	}*/
	.h4-title-section{
		color: #004b87 !important;
		font-size: 23px !important;
	}
	.hr-desc{
		display: none;
	}
}
/* estilos seccion admision y oferta */

/* estilos ingreso */
.card-ingreso{
	background-color: #fff;
	border-radius: 5px 5px 0px 0px;
	border: none;
}
.card-ingreso .card-header {
    background: #fff;
}

.card-ingreso h4 {
    font-size: 20px;
    padding-top: 10px;
    font-weight: 200;
}

.card-ingreso h4 strong {
	font-weight: 600;
}

.card-ingreso .short-line {
    margin-left: 0px;
}
.card-ingreso-list {
    border: none;
}
.card-ingreso-list ul {
    border-left: 5px solid #396072;
    min-height: 155px;
}
.card-ingreso-list .list-group-item strong {
    font-weight: 600;
    font-size: 15px;
}
.card-ingreso-list .list-group-item p {
    font-size: 14px;
    font-weight: 100;
    margin-top: 5px;
    text-align: justify;
}
.card-ingreso-bottom{
	border-radius: 0px 0px 5px 5px;
	background-color: #fff;
	border-top: 5px solid #396072;
	font-size: 13px;
	font-weight: 200;
}
.card-ingreso-bottom strong {
    font-weight: 600;
}
.card-ingreso-bottom a {
    color: #212529;
}
.card-ingreso-bottom p {
    max-width: 100%;
    margin-top: 1rem;
    line-height: 20px;
}
.banner-bottom-sections{
	background-color: #004b87;
	min-height: 150px;
	background-image: url(/web2020/maqueta/img/sup_footer.png);
    background-position: left;
    background-repeat: no-repeat;
}
.icon-banner {
    width: 100px;
    height: 100px;
    background-color: #fff;
    color: #004b87;
    font-size: 60px;
    margin-top: 25px;
}
.banner-bottom-sections h4{
	color: #fff;
    font-size: 22px;
    margin-bottom: 5px;
    padding-top: 25px;
    font-weight: 200;
}
.short-line-banner {
    width: 40px;
    border-top: 2px solid #0083c7;
}
.dato {
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    display: inline-block;
    margin-top: 10px;
    margin-right: 12px;
}
.dato a {
    color: #fff;
}
@media (max-width: 992px) and (min-width: 768px){
	.card-ingreso h4 {
		margin-left: 22px !important;
		padding-top: 0px;
	}
	.card-ingreso .short-line {
		margin-left: 22px !important;
	}
}
/* estilos ingreso */


/*estilos superior */
.div-h4-underline-superior {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
h4.h4-underline-superior {
    border-bottom: 5px solid #7db458;
    margin-bottom: 0;
    padding-bottom: 15px;
    max-width: 55%;
    font-size: 30px;
    font-weight: 200;
}
p.p-des-superior {
    font-size: 16px;
    font-weight: 350;
    color: #5D5A5A;
    text-align: justify;
}
.input-icons i { 
    position: absolute;
    padding: 7px 0px;
    font-size: 18px;
    width: 20px;
} 
  
.input-icons { 
    width: 100%; 
    margin-bottom: 10px; 
} 
  
.icon { 
    padding: 10px; 
    color: #5D5A5A; 
    min-width: 50px; 
    text-align: center; 
} 
  
.input-field { 
    width: 75%;
    padding: 10px;
    text-align: left;
    padding-left: 50px;
    font-weight: 100;
    font-style: italic;
    max-height: 35px;
    border-radius: 0px; 
} 
.bg-isotop {
	background-image: url(/web2020/maqueta/img/isotipo_top.png);
    background-position: right;
    background-repeat: no-repeat;
}
/* agropecuarias */
.div-agro {
    border-bottom: 4px solid #635f5c;
}
.title-oferta-agro {
    background-color: #fff;
    margin-top: 50px;
    min-height: 55px;
}
.icon-title-agro {
	width: 50px;
    height: 50px;
    background-color: #635f5c;
    color: #fff;
    font-size: 22px;
    top: 35px;
    position: absolute;
}
.icon-cubesup {
	margin-left: 14px;
    margin-top: 14px;
}
h4.title-superior-agro {
    margin-left: 60px;
    color: #635f5c;
    font-weight: 600;
    font-family: 'Open Sans';
    padding-top: 10px;
    font-size: 20px;
}
.row.ofertaedu-agro {
    background-color: #fff;
    color: #5D5A5A;
    font-weight: 200;
    min-height: 40px;
    align-items: center;
    font-size: 14px;
    border-left: 5px solid #fff;
}
.ofertaedu-agro:hover {
	border-left: 5px solid #5D5A5A;
}
.ofertaedu-agro a {
    color: #5D5A5A;
}
.ofertaedu-agro a:hover {
    color: #0083c7;
}
.border-oferta {
	border-right: 1px solid rgba(93,90,90,0.1);
}
@media screen and (max-width: 768px) {
	.border-oferta{
		border-right: none !important;
    	border-bottom: 1px solid rgba(93,90,90,0.1);
	}
	.input-field {
		width: 100% !important;
	}
}
/* agropecuarias */

/* ciencias naturales */
.div-cienat {
    border-bottom: 4px solid #49bc8b;
}
.title-oferta-cienat {
    background-color: #fff;
    margin-top: 50px;
    min-height: 55px;
}
.icon-title-cienat {
  width: 50px;
    height: 50px;
    background-color: #49bc8b;
    color: #fff;
    font-size: 22px;
    top: 35px;
    position: absolute;
}
.icon-cubesup {
  margin-left: 14px;
    margin-top: 14px;
}
h4.title-superior-cienat {
    margin-left: 60px;
    color: #49bc8b;
    font-weight: 600;
    font-family: 'Open Sans';
    padding-top: 10px;
    font-size: 20px;
}
.row.ofertaedu-cienat {
    background-color: #fff;
    color: #5D5A5A;
    font-weight: 200;
    min-height: 40px;
    align-items: center;
    font-size: 14px;
    border-left: 5px solid #fff;
}
.ofertaedu-cienat:hover {
  border-left: 5px solid #49bc8b;
}
.ofertaedu-cienat a {
    color: #5D5A5A;
}
.ofertaedu-cienat a:hover {
    color: #0083c7;
}
/* ciencias naturales */


/* ciencias exactas */
.div-ciexact {
    border-bottom: 4px solid #cea707;
}
.title-oferta-ciexact {
    background-color: #fff;
    margin-top: 50px;
    min-height: 55px;
}
.icon-title-ciexact {
  width: 50px;
    height: 50px;
    background-color: #cea707;
    color: #fff;
    font-size: 22px;
    top: 35px;
    position: absolute;
}
.icon-cubesup {
  margin-left: 14px;
    margin-top: 14px;
}
h4.title-superior-ciexact {
    margin-left: 60px;
    color: #cea707;
    font-weight: 600;
    font-family: 'Open Sans';
    padding-top: 10px;
    font-size: 20px;
}
.row.ofertaedu-ciexact {
    background-color: #fff;
    color: #5D5A5A;
    font-weight: 200;
    min-height: 40px;
    align-items: center;
    font-size: 14px;
    border-left: 5px solid #fff;
}
.ofertaedu-ciexact:hover {
  border-left: 5px solid #cea707;
}
.ofertaedu-ciexact a {
    color: #5D5A5A;
}
.ofertaedu-ciexact a:hover {
    color: #0083c7;
}
/* ciencias exactas */

/* ciencias sociales y admin */
.div-ciensoc {
    border-bottom: 4px solid #986798;
}
.title-oferta-ciensoc {
    background-color: #fff;
    margin-top: 50px;
    min-height: 55px;
}
.icon-title-ciensoc {
  width: 50px;
    height: 50px;
    background-color: #986798;
    color: #fff;
    font-size: 22px;
    top: 35px;
    position: absolute;
}
.icon-cubesup {
  margin-left: 14px;
    margin-top: 14px;
}
h4.title-superior-ciensoc {
    margin-left: 60px;
    color: #986798;
    font-weight: 600;
    font-family: 'Open Sans';
    padding-top: 10px;
    font-size: 20px;
}
.row.ofertaedu-ciensoc {
    background-color: #fff;
    color: #5D5A5A;
    font-weight: 200;
    min-height: 40px;
    align-items: center;
    font-size: 14px;
    border-left: 5px solid #fff;
}
.ofertaedu-ciensoc:hover {
  border-left: 5px solid #986798;
}
.ofertaedu-ciensoc a {
    color: #5D5A5A;
}
.ofertaedu-ciensoc a:hover {
    color: #0083c7;
}
/* ciencias sociales y admin */


/* ciencias de la salud */
.div-ciensalud {
    border-bottom: 4px solid #3495b6;
}
.title-oferta-ciensalud {
    background-color: #fff;
    margin-top: 50px;
    min-height: 55px;
}
.icon-title-ciensalud {
  width: 50px;
    height: 50px;
    background-color: #3495b6;
    color: #fff;
    font-size: 22px;
    top: 35px;
    position: absolute;
}
.icon-cubesup {
  margin-left: 14px;
    margin-top: 14px;
}
h4.title-superior-ciensalud {
    margin-left: 60px;
    color: #3495b6;
    font-weight: 600;
    font-family: 'Open Sans';
    padding-top: 10px;
    font-size: 20px;
}
.row.ofertaedu-ciensalud {
    background-color: #fff;
    color: #5D5A5A;
    font-weight: 200;
    min-height: 40px;
    align-items: center;
    font-size: 14px;
    border-left: 5px solid #fff;
}
.ofertaedu-ciensalud:hover {
  border-left: 5px solid #3495b6;
}
.ofertaedu-ciensalud a {
    color: #5D5A5A;
}
.ofertaedu-ciensalud a:hover {
    color: #0083c7;
}
/* ciencias de la salud */


/* educacion y humanidades */
.div-eduhum {
    border-bottom: 4px solid #89356b;
}
.title-oferta-eduhum {
    background-color: #fff;
    margin-top: 50px;
    min-height: 55px;
}
.icon-title-eduhum {
  width: 50px;
    height: 50px;
    background-color: #89356b;
    color: #fff;
    font-size: 22px;
    top: 35px;
    position: absolute;
}
.icon-cubesup {
  margin-left: 14px;
    margin-top: 14px;
}
h4.title-superior-eduhum {
    margin-left: 60px;
    color: #89356b;
    font-weight: 600;
    font-family: 'Open Sans';
    padding-top: 10px;
    font-size: 20px;
}
.row.ofertaedu-eduhum {
    background-color: #fff;
    color: #5D5A5A;
    font-weight: 200;
    min-height: 40px;
    align-items: center;
    font-size: 14px;
    border-left: 5px solid #fff;
}
.ofertaedu-eduhum:hover {
  border-left: 5px solid #89356b;
}
.ofertaedu-eduhum a {
    color: #5D5A5A;
}
.ofertaedu-eduhum a:hover {
    color: #0083c7;
}
/* educacion y humanidades */
/*estilos superior*/
ul.dropdown:hover>.dropdown-menu {
  display: block;
  background: #0083c7;
}