.content {
  height: auto
}
.top {
  display: table;
  width: 100%;
  position: relative !important
}
.destacado {
  width: 100%;
  height: 200px;
  background: #c7c7c7;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  min-height: 400px;
  overflow: hidden
}
.destacado img {
  width: 100%
}
.textodiferenciador {
  display: table;
  width: 97.5%;
  height: auto;
  float: right;
  background: rgba(0, 0, 0, .7);
  padding: 15px;
  padding-left: 30px;
  padding-bottom: 30px;
  position: absolute;
  z-index: 33;
  bottom: 0
}
.textodiferenciador h2 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 28px;
  color: #f1f1f1;
  text-shadow: 2px 0 2px #000;
  font-weight: lighter;
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 32px
}
.textodiferenciador h2 a {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 28px;
  color: #f1f1f1;
  text-shadow: 2px 0 2px #000;
  font-weight: lighter;
  letter-spacing: .5px
}
.textodiferenciador p {
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  margin-top: 5px;
  font-weight: lighter;
  width: 90%
}
.textodiferenciador p a {
  font-size: 13px;
  line-height: 15px;
  color: #fff;
  margin-bottom: 20px;
  font-weight: lighter
}
.zonados {
  display: table;
  width: 100%;
  background: #f1f1f1;
  padding-bottom: 10px
}
.videoprograma {
  display: table;
  width: 31%;
  float: left;
  margin-right: 30px;
  padding-top: 30px
}
.videoprograma h3 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 30px;
  font-weight: lighter;
  color: #585858;
  margin: 20px;
  margin-left: 0;
  letter-spacing: .5px;
  margin-bottom: 20px
}
.videoprograma iframe {
  width: 100%;
  height: 260px
}
.noticias {
  display: table;
  width: 32%;
  float: left;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0;
  margin-right: 30px
}
.noticias h3 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 30px;
  font-weight: lighter;
  color: #585858;
  margin: 20px;
  margin-left: 0;
  letter-spacing: .5px;
  margin-bottom: 20px
}
.noticia {
  display: table;
  width: 99%;
  float: left;
  margin: 0;
  margin-left: 0;
  margin-top: 0;
  height: 245px
}
.imagenenoticia {
  cursor: pointer;
  max-height: 195px;
  overflow: hidden;
  position: relative;
  width: 100%
}
.imagenenoticia img {
  width: 100%;
  position: relative
}
.noticia p {
  font-size: 13px;
  color: #111;
  font-weight: lighter;
  margin-top: 5px;
  line-height: 15px
}
.noticia p a {
  font-size: 14px;
  color: #111;
  font-weight: lighter
}
.noticias .flex-control-nav {
  left: 0 !important;
  margin-top: -15px !important;
  position: relative;
  text-align: left !important;
  font-size: 0 !important;
  margin-right: 20px !important;
  margin-left: 0 !important;
  bottom: -20px !important
}
.noticias .flex-control-paging li a {
  width: 13px;
  height: 13px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, .5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}
.vermas {
  display: table;
  width: auto;
  padding: 7px;
  text-align: center;
  background: #fff;
  border-radius: 3px;
  float: right;
  font-size: 13px;
  color: #4e5b79
}
.eventos {
  display: table;
  width: 32%;
  float: left;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0
}
.eventos h3 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 30px;
  font-weight: lighter;
  color: #585858;
  margin: 20px;
  margin-left: 0;
  letter-spacing: .5px;
  margin-bottom: 20px
}
.evento {
  display: table;
  width: 99%;
  border: 1px solid #c9c9c9;
  margin: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  background: #fff
}
.fecha {
  display: table;
  width: 20%;
  background: #a20f26;
  padding: 5px;
  text-align: center;
  float: left;
  margin-right: 15px
}
.fecha h3 {
  color: #fff;
  font-size: 26px;
  font-weight: lighter;
  font-family: "Yanone Kaffeesatz", sans-serif;
  margin: 20px
}
.eventos p {
  font-size: 13px;
  color: #111;
  font-weight: normal;
  line-height: 15px;
  background: #fff;
  margin: 0;
  padding: 7px;
  padding-bottom: 5px
}
.evento h4 {
  font-size: 18px;
  color: #a20f26;
  background: #fff;
  margin-bottom: 0;
  padding: 7px;
  padding-top: 0;
  font-weight: lighter;
  text-align: left;
  margin-top: 15px;
  font-family: "Yanone Kaffeesatz", sans-serif;
  margin: 0
}
.vermas {
  display: table;
  width: 98%;
  padding: 7px;
  text-align: right;
  background: none;
  float: right;
  font-size: 14px;
  color: #a20f26;
  border-top: 1px solid #c7c7c7;
  padding: 10px;
  padding-right: 0
}
.contenidointerna .fechaevento h3 {
  color: #a20f26;
  margin-top: 15px
}
.publicacion .vermas {
  border-top: none
}
.zonatres {
  display: table;
  width: 100%;
  background: #fff;
  padding-bottom: 50px;
  padding-top: 50px
}
.botonessitios {
  display: none;
  width: 37%;
  float: left;
  padding-top: 60px
}
.botonico {
  display: table;
  width: 46%;
  margin: 30px;
  float: left;
  margin-right: 0;
  margin-left: 15px;
  margin-top: 0
}
.botonico p {
  font-size: 14px;
  color: #111;
  font-weight: normal;
  margin: 30px;
  margin-top: 47px
}
.public {
  display: table;
  width: 77%;
  float: left;
  margin-right: 40px
}
.publicacion {
  display: table;
  width: 45%;
  margin-left: 20px;
  margin-bottom: 30px;
  float: left;
  margin-right: 20px
}
.public h3 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 30px;
  font-weight: lighter;
  color: #585858;
  margin: 20px;
  margin-top: 0;
  letter-spacing: .5px;
  margin-bottom: 35px
}
.imagenprofe {
  width: 108px;
  border-radius: 200px;
  -webkit-cursor: pointer;
  cursor: pointer;
  -webkit-min-height: 108px;
  min-height: 108px;
  line-height: 0;
  -webkit-overflow: hidden;
  overflow: hidden;
  -webkit-position: relative;
  position: relative;
  float: left;
  margin-right: 20px;
  border: 2px solid #a20f26
}
.imagenprofe img {
  width: 113% !important
}
.nombrepublic {
  font-size: 17px;
  font-weight: normal;
  color: #324f85;
  line-height: 20px;
  margin-bottom: 5px
}
.nombrepublic a {
  font-size: 16px;
  font-weight: normal;
  color: #777;
  line-height: 20px
}
.publicacion p {
  font-size: 14px;
  color: #333;
  font-weight: normal;
  margin: 0
}
.publicacion h4 {
  font-size: 13px !important;
  color: #555 !important;
  font-weight: normal !important;
  margin: 0;
  margin-bottom: 8px
}
.contacto {
  display: table;
  width: 17%;
  float: left;
  background: #ededed;
  border: 1px solid #e2e2e2;
  padding: 15px;
  text-align: center;
  padding-bottom: 0
}
.contacto img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px
}
.contacto a {
  font-size: 20px;
  color: #205282;
  font-weight: lighter;
  letter-spacing: .5px;
  font-family: "Yanone Kaffeesatz", sans-serif;
  margin-bottom: 30px
}
.contenidointerna {
  display: table;
  width: 100%;
  background: #ededed
}
.contenidointerna .nombre_micrositio {
  position: relative !important;
  top: 0 !important
}
.contenidointerna .nombre_micrositio h1 {
  font-size: 45px;
  margin-left: 0;
  margin-top: 10px;
  font-weight: lighter;
  padding-top: 0
}
.continterna {
  display: table;
  width: 98%;
  background: #fff;
  margin-top: 0;
  padding: 20px;
  padding-right: 0;
  margin-bottom: 30px;
  position: relative
}
.imageninterna {
  display: table;
  width: 100%;
  margin-bottom: 30px
}
.imageninterna img {
  width: 100%;
  padding-right: 20px
}
.directotios p {
  margin-top: 0 !important
}
.continterna p {
  font-size: 13px;
  color: #333;
  font-weight: normal;
  text-align: justify;
  line-height: 20px;
  margin-right: 20px
}
.continterna li {
  font-size: 14px;
  color: #5f5f5f;
  font-weight: normal;
  text-align: justify;
  line-height: 20px;
  margin-right: 20px
}
.contenidointerna h3 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 24px;
  font-weight: lighter;
  color: #585858;
  letter-spacing: .5px
}
.contenidointerna h2 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 30px;
  font-weight: lighter;
  color: #666;
  letter-spacing: .5px;
  margin-top: 30px
}
.contenidointerna h4 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 20px;
  font-weight: lighter;
  color: #a20f26;
  letter-spacing: .5px
}
.columna-izquierda {
  display: table;
  width: 70%;
  float: left;
  margin-left: 30px;
  font-size: 13px;
  line-height: 19px;
  text-align: justify;
  padding-top: 10px;
  padding-right: 18px
}
.columna-derecha {
  display: table;
  width: 25.5%;
  float: left
}
.columna-derecha img {
  width: 100%;
  margin-bottom: 20px
}
.columna-derecha iframe {
  width: 100% !important;
  margin-bottom: 20px
}
.menu-secciones {
  display: table;
  width: 100%;
  margin-bottom: 20px
}
.menu-secciones ul {
  padding: 0
}
.menu-secciones li {
  display: table;
  width: 92%;
  padding: 10px 15px;
  background: #666;
  text-align: left;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: .5px;
  margin-bottom: 2px;
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.menu-secciones li:hover {
  display: table;
  width: 92%;
  background: #dcdcdc;
  text-align: left;
  font-size: 14px;
  letter-spacing: .5px;
  margin-bottom: 2px;
  color: #666 !important
}
.menu-secciones li a {
  text-align: left;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  letter-spacing: .5px;
  margin-bottom: 2px;
  color: #fff
}
.menu-secciones li a:hover {
  color: #666
}
.menu-secciones a {
  color: #fff;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400
}
.listado-publicaciones .publicacion {
  width: 46%;
  float: left
}
.titulopublicacionesinterna {
  display: table;
  width: 23%;
  float: left;
  padding-bottom: 0;
  margin-top: 20px
}
.titulopublicacionesinterna img {
  display: table;
  width: 100%
}
.titulopublicacionesinterna h2 {
  display: none
}
.catalogo-public {
  display: table;
  width: 73%;
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 20px;
  padding-left: 0
}
.catalogo-series {
  display: table;
  width: 73%;
  padding-top: 0;
  margin-bottom: 0;
  margin-top: 20px;
  padding-left: 0
}
.catalogo-revista {
  display: table;
  width: 73%;
  padding-top: 25px;
  margin-bottom: 20px;
  margin-top: 0;
  padding-left: 0
}
.catalogo-series h3,
.catalogo-public h3,
.catalogo-revista h3 {
  font-size: 22px;
  text-transform: uppercase;
  color: #444;
  text-align: right;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #444;
  padding-bottom: 10px;
  letter-spacing: 1px;
  margin-left: 45px
}
.catalogo-series h3 a,
.catalogo-public h3 a,
.catalogo-revista h3 a {
  font-size: 22px;
  text-transform: uppercase;
  color: #fff;
  text-align: right;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
  letter-spacing: 1px
}
.publicacionlista {
  display: table;
  width: 80%;
  float: right;
  margin-bottom: 5px;
  margin-left: 30px
}
.cont-publicaciones-int .publicacionlista {
  display: table;
  width: 23%;
  float: right;
  margin-bottom: 15px;
  margin-left: 10px
}
.boton-public {
  display: table;
  width: auto;
  float: right;
  text-align: right;
  font-size: 15px;
  color: #666;
  font-weight: normal;
  background: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/bullpublic.png);
  background-repeat: no-repeat;
  padding-left: 30px
}
.boton-public:hover {
  display: table;
  width: auto;
  float: right;
  text-align: right;
  font-size: 15px;
  color: #a20f26;
  font-weight: normal;
  background: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/bullpublic.png);
  background-repeat: no-repeat;
  padding-left: 30px
}
.flechaboton {
  display: table;
  float: right
}
.flecha_derecha {
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 18px solid #5293a6
}
.flechaboton {
  display: table;
  float: right
}
.flecha_izq {
  width: 0;
  height: 0;
  border-top: 160px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 95px solid #355673
}
.flecha_izq2 {
  width: 0;
  height: 0;
  border-top: 140px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 78px solid #4c6b88;
  border-left: 20px solid transparent
}
.flecha_izq1 {
  width: 0;
  height: 0;
  border-top: 255px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 140px solid #c7c7c7;
  border-left: 20px solid transparent;
  margin-top: 30px
}
.cont-publicaciones-int {
  display: table;
  width: 88%;
  float: right;
  background: #355673;
  padding: 0;
  padding-right: 20px;
  height: 160px
}
.cont-series-int {
  display: table;
  width: 79%;
  float: right;
  background: #4c6b88;
  padding: 0;
  padding-right: 20px;
  height: 140px
}
.cont-revista-int {
  display: table;
  width: 82%;
  float: right;
  padding: 0;
  padding-right: 20px;
  height: 255px;
  background: #c7c7c7;
  background-image: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/fondorev.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  margin-top: 30px
}
.colpublic1 {
  display: table;
  width: 50%;
  float: left
}
.colpublic1Jurisprudencia {
  display: table;
  width: 40%;
  float: left;
  padding-left: 5%;
  padding-top: 4%
}
.colpublic1Jurisprudencia h3 {
  font-size: 22px;
  text-transform: uppercase;
  color: #444;
  text-align: right;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #444;
  padding-bottom: 10px;
  letter-spacing: 1px;
  margin-left: 45px;
  font-family: "Yanone Kaffeesatz", sans-serif !important
}
.colpublic2 {
  display: table;
  width: 50%;
  float: left
}
.colpublic2Jurisprudencia {
  display: table;
  width: 40%;
  float: left;
  padding-left: 5%;
  padding-top: 4%
}
.colpublic2Jurisprudencia h3 {
  font-size: 22px;
  text-transform: uppercase;
  color: #444;
  text-align: right;
  margin: 0;
  margin-top: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #444;
  padding-bottom: 10px;
  letter-spacing: 1px;
  margin-left: 45px;
  font-family: "Yanone Kaffeesatz", sans-serif !important
}
.paginacion {
  display: table;
  width: 100%;
  text-align: center !important;
  font-size: 13px !important;
  color: #333 !important;
  margin-bottom: 20px;
  font-weight: normal !important;
  margin-bottom: 20px !important;
  padding-top: 40px;
  margin-top: 30px
}
.paginacion a {
  color: #3c6489 !important
}
.PagerControl {
  text-align: center !important;
  font-size: 13px !important;
  color: #333 !important;
  font-weight: lighter !important;
  margin-bottom: 20px !important;
  padding-top: 20px
}
.PagerControl a {
  color: #a20f26 !important
}
.PagerResults {
  color: #444 !important;
  font-weight: normal !important;
  font-size: 13px !important
}
.busqueda-publicaciones {
  display: table;
  width: 100%
}
.busqueda-publicaciones .publicacion {
  background: #f1f1f1;
  padding: 10px;
  padding-left: 15px;
  float: left;
  width: 47%;
  margin: 15px;
  height: 125px
}
.busqueda-publicaciones .publicacion img {
  width: 30px;
  float: left;
  margin-right: 10px
}
.busqueda-publicaciones .paginacion {
  margin-top: 30px;
  padding-top: 0
}
.noticias-interna {
  display: table;
  width: 100%
}
.noticia-interna {
  display: table;
  width: 47.3%;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  background: #f1f1f1;
  height: 220px
}
.imagenenoticiainterna {
  cursor: pointer;
  max-height: 145px;
  overflow: hidden;
  position: relative;
  width: 44%;
  float: left;
  margin: 20px;
  margin-bottom: 7px
}
.imagenenoticiainterna img {
  width: 100%
}
.noticia-interna p {
  font-size: 13px;
  color: #111;
  font-weight: lighter;
  margin: 20px;
  margin-top: 0;
  text-align: left;
  line-height: 17px
}
.noticia-interna h3 {
  margin-bottom: 6px;
  font-size: 19px;
  line-height: 20px;
  margin-right: 10px
}
.noticia-interna h4 {
  margin: 0;
  margin-bottom: 10px;
  font-size: 16px;
  color: #a20f26;
  font-weight: lighter
}
.fechaevento {
  font-size: 20px;
  font-size: 13px;
  color: #535353;
  font-weight: normal;
  margin-bottom: 10px
}
.fechaevento h3 {
  font-size: 22px;
  margin: 0;
  margin-top: 5px;
  font-weight: normal !important
}
.eventofac {
  display: table;
  width: 47.2%;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  background: #f1f1f1;
  height: auto
}
.imageneventointerna {
  cursor: pointer;
  max-height: 123px;
  overflow: hidden;
  position: relative;
  width: 45%;
  float: left;
  margin: 0;
  margin-right: 15px
}
.imageneventointerna img {
  width: 100%;
  position: relative
}
.nombreevento p {
  margin: 0;
  margin-bottom: 10px;
  font-size: 13px;
  color: #333;
  font-weight: normal;
  margin-right: 15px;
  line-height: 15px;
  text-align: left
}
.profesores {
  display: table;
  width: 100%
}
.profesor {
  display: table;
  width: 45%;
  height: auto;
  float: left;
  margin: 30px;
  margin-top: 0;
  margin-left: 10px;
  background: #f0f0f0;
  padding-left: 20px
}
.profesor h3 {
  font-size: 22px;
  color: #a20f26;
  font-weight: normal;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 10px
}
.imagenprofesor {
  cursor: pointer;
  height: 100px;
  min-height: 210px;
  overflow: hidden;
  position: relative;
  width: 37%;
  float: right
}
.imagenprofesor img {
  width: 100%;
  position: relative;
  margin-left: 20px
}
.profesor p {
  font-size: 13px;
  color: #222;
  text-align: left
}
.profesor a {
  color: #37649d
}
.EPA {
  display: table;
  width: 100%
}
.epaint {
  display: table;
  width: 44%;
  float: left;
  margin: 35px;
  background: #b0bcc1;
  text-align: center;
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 25px;
  font-weight: lighter;
  color: #4b6f92;
  letter-spacing: .5px;
  padding: 40px
}
.buscadorpublic {
  text-align: center;
  display: table;
  width: 100%
}
.tabs {
  display: table;
  width: 98%
}
.decanatura {
  display: table;
  width: 95.5%;
  padding: 20px;
  background: #f1f1f1;
  margin-bottom: 20px
}
.decanatura img {
  width: 23%;
  float: left;
  margin-right: 20px
}
.decanatura p {
  margin: 0;
  font-size: 14px;
  line-height: 25px;
  color: #333;
  font-weight: normal
}
.directotios {
  background: #fff;
  display: table;
  width: 48.3%;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: left !important
}
.directotios p {
  text-align: left !important;
  line-height: 18px !important
}
.directotios h3 {
  font-size: 22px;
  margin-bottom: 20px !important;
  color: #a20f26
}
.ac-container .directotios {
  margin-left: 20px;
  margin-right: 0;
  margin-top: 15px;
  margin-bottom: 15px
}
.WrapperLetras {
  display: none;
  width: 100%;
  margin-bottom: 30px;
  padding-left: 10px
}
.WrapperLetras a {
  margin-left: 5px;
  margin-right: 5px
}
#zona2 {
  display: table;
  width: 103%;
  margin-bottom: 20px
}
.boton-serv-sec {
  display: table;
  width: 45.1%;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #f1f1f1;
  border-radius: 4px;
  padding: 10px;
  padding-left: 10px;
  height: 40px
}
.boton-serv-sec:hover {
  background: #999;
  color: #fff !important
}
.boton-serv-sec a:hover {
  color: #fff !important
}
.tex-serv {
  display: table;
  width: 78%;
  font-size: 19px;
  float: left;
  letter-spacing: .5px;
  color: #666;
  font-weight: lighter;
  text-align: left;
  line-height: 20px;
  font-family: "Yanone Kaffeesatz", sans-serif;
  margin: 0
}
.boton-serv-sec img {
  width: 10%;
  float: right;
  margin-left: 10px
}
.tex-serv a {
  font-size: 19px;
  letter-spacing: .5px;
  color: #666;
  font-weight: lighter;
  text-align: left;
  line-height: 19px;
  text-decoration: none
}
.tex-serv a:hover {
  color: #fff !important
}
.cont-boton-serv-sec {
  display: table;
  position: absolute;
  margin-left: 0%;
  margin-right: 32%;
  z-index: 999999999999;
  border-radius: 5px;
  background: rgba(0, 0, 0, .8);
  padding: 20px;
  padding-top: 10px;
  font-size: 14px;
  color: #444;
  height: 385px;
  margin-bottom: 30px;
  width: 925px
}
.cont-boton-serv-sec img {
  width: 98.5%;
  margin: 10px
}
.cont-boton-serv-sec h3 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: lighter;
  margin: 10px;
  line-height: 22px;
  margin-top: 20px
}
.tex-serv a:hover {
  color: #fff
}
.tabla-calendario {
  display: table;
  width: 100%
}
.tabla-calendario td {
  border: .5px solid #c7c7c7;
  padding: 5px;
  background: #f1f1f1;
  text-align: left
}
.cont-boton-serv-sec h3 a {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 18px;
  color: #fff;
  font-weight: lighter;
  line-height: 22px
}
.cont-boton-serv-sec h4 {
  font-size: 16px;
  color: #fff;
  font-weight: lighter;
  margin: 10px;
  line-height: 22px;
  margin-top: 10px
}
.cont-boton-serv-sec p {
  font-size: 13px;
  color: #fff;
  font-weight: normal;
  text-align: justify;
  margin: 10px;
  line-height: 18px
}
.cont-boton-serv-sec li {
  font-size: 13px;
  color: #fff;
  font-weight: normal;
  text-align: justify;
  margin: 10px;
  line-height: 18px
}
.cont-boton-serv-sec p a {
  font-size: 13px;
  color: #ff3f42;
  font-weight: lighter !important;
  text-align: justify;
  line-height: 18px
}
.cont-boton-serv-sec li a {
  font-size: 13px;
  color: #ff3f42;
  font-weight: lighter !important;
  text-align: justify;
  line-height: 18px
}
.cerrar-serv {
  display: table;
  width: 30px;
  float: right;
  right: 20px;
  margin-bottom: 20px
}
.cerrar-serv img {
  width: 100%;
  margin: 0;
  margin-bottom: 0
}
.flecha {
  display: table;
  width: 12px;
  float: left;
  padding-top: 3px
}
.flecha img {
  width: 12px !important;
  margin-right: 5px !important;
  margin-left: 0
}
.caja-twitter {
  display: table;
  width: 100%;
  margin-bottom: 20px
}
.caja-twitter h3 {
  margin-bottom: 0
}
.caja-twitter p {
  margin: 0
}
.programauno {
  display: table;
  width: 95%;
  border-radius: 10px;
  background: #1c6b6e;
  color: #fff;
  margin: 20px;
  overflow: hidden
}
.programauno p {
  color: #fff !important;
  line-height: 20px !important;
  margin: 0 !important;
  font-size: 13px;
  font-weight: lighter
}
.programauno a {
  color: #fff !important;
  font-size: 13px;
  text-decoration: underline !important;
  font-weight: lighter
}
.programauno li {
  color: #fff !important;
  line-height: 20px !important;
  font-size: 13px !important;
  font-weight: lighter !important;
  margin: 0 !important
}
.tituloprog1 {
  display: table;
  width: 18%;
  float: left;
  padding: 20px;
  font-weight: lighter;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  color: #fff;
  border-radius: 10px 0 0 10px;
  height: 90px
}
.textoprograma {
  display: table;
  background: #5baab3;
  width: 70%;
  float: right;
  border-radius: 0 10px 10px 0;
  padding: 20px;
  height: 100px
}
.programados {
  display: table;
  width: 95%;
  border-radius: 10px;
  background: #547a9c;
  color: #fff;
  margin: 20px;
  overflow: hidden;
  height: 50px;
  min-height: 100px
}
.programados p {
  color: #fff !important;
  line-height: 20px !important;
  font-size: 13px;
  margin: 0 !important;
  font-weight: lighter
}
.programados a {
  color: #fff !important;
  font-size: 13px;
  font-weight: lighter;
  text-decoration: underline !important
}
.programados li {
  color: #fff !important;
  line-height: 20px !important;
  font-size: 13px !important;
  font-weight: lighter !important;
  margin: 0 !important
}
.tituloprog2 {
  display: table;
  width: 18%;
  float: left;
  padding: 20px;
  font-weight: lighter;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 20px;
  letter-spacing: 1px;
  color: #fff;
  border-radius: 10px 0 0 10px;
  height: 90px
}
.textoprograma2 {
  display: table;
  background: #88a0c0;
  width: 70%;
  float: right;
  border-radius: 0 10px 10px 0;
  padding: 20px;
  height: 100px
}
.estructura-fac {
  display: table;
  width: 98%;
  text-align: center
}
#estructura {
  display: table;
  width: 720px;
  margin-top: 0;
  margin-bottom: 20px;
  background: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/organigrama-economia.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  height: 720px;
  padding-bottom: 30px
}
#estructura table {
  width: 100%
}
.botonestructura {
  display: table
}
.botonestructura img {
  width: 100%;
  margin: 0
}
.cont-estructura {
  display: table;
  width: 96.5%;
  background: #f1f1f1;
  margin-bottom: 20px;
  padding: 20px;
  padding-right: 0
}
.cont-estructura h2 {
  margin-top: 5px
}
.cont-estructura img {
  width: 98.5%;
  margin: 10px
}
.imagendirectorios {
  width: 27%;
  float: left;
  margin-right: 20px;
  cursor: pointer;
  overflow: hidden;
  height: 50px;
  min-height: 150px;
  position: relative
}
.imagendirectorios img {
  position: relative;
  width: 100%;
  margin: 0
}
.nuestrascifras {
  display: table;
  width: 100%;
  text-align: center
}
.nuestrascifras img {
  width: 99%;
  margin-left: auto;
  margin-right: auto
}
.nuestrascifras2 {
  display: none;
  width: 100%;
  text-align: center
}
.nuestrascifras2 img {
  width: 99%;
  margin-left: auto;
  margin-right: auto
}
.curso-formacion {
  display: table;
  width: 17.8%;
  background: #ededed;
  float: left;
  margin: 30px;
  margin-left: 0;
  margin-top: 0;
  height: 235px;
  position: relative
}
.curso-formacion p {
  display: table;
  width: 100%;
  background: #666;
  font-size: 16px !important;
  font-weight: lighter !important;
  text-align: center !important;
  color: #fff !important;
  position: absolute;
  bottom: 0;
  margin: 0 !important;
  line-height: 15px !important;
  padding-bottom: 15px
}
.curso-formacion a {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  display: table;
  width: 100%;
  background: #ededed;
  padding-bottom: 10px;
  padding-top: 20px;
  line-height: 18px;
  height: 70px
}
.foto-curso {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 50px;
  min-height: 70px
}
.foto-curso img {
  width: 100%;
  position: relative
}
.contenedor-div {
  display: block;
  width: 47.8%;
  float: left;
  min-height: 310px !important;
  margin-right: 30px;
  margin-bottom: 20px;
  background: #f1f1f1;
  position: relative;
  padding-bottom: 50px
}
.contenedor-divInvestigacion {
  display: block;
  width: 46%;
  float: left;
  min-height: 230px !important;
  margin-right: 30px;
  margin-bottom: 20px;
  background: #f1f1f1;
  position: relative;
  padding-bottom: 50px
}
.contenedor-divConvocatorias {
  display: block;
  width: 46%;
  float: left;
  min-height: 276px !important;
  margin-right: 30px;
  margin-bottom: 20px;
  background: #f1f1f1;
  position: relative;
  padding-bottom: 50px
}
.col-izq-imagen {
  width: 40%;
  float: left;
  margin-right: 20px;
  position: relative;
  overflow: hidden;
  height: 180px;
  min-height: 105px
}
.col-izq-imagen img {
  width: 100%;
  position: relative;
  margin: 20px
}
.contenedor-div p {
  margin-left: 20px
}
.contenedor-divInvestigacion p {
  margin-left: 20px
}
.contenedor-div h3 {
  margin-bottom: 0;
  margin-right: 10px
}
.contenedor-divInvestigacion h3 {
  margin-bottom: 0;
  margin-right: 10px
}
.contenedor-divConvocatorias h3 {
  margin-bottom: 0;
  margin-right: 10px
}
.contenedor-div h4 {
  font-family: 'Open Sans', sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 15px;
  letter-spacing: 0
}
.contenedor-divInvestigacion h4 {
  font-family: 'Open Sans', sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 15px;
  letter-spacing: 0
}
.contenedor-divConvocatorias h4 {
  font-family: 'Open Sans', sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 15px;
  letter-spacing: 0
}
.cerca1 {
  display: table;
  width: 40%;
  float: left;
  padding: 30px;
  padding-left: 20px
}
.cerca2 {
  display: table;
  width: 60%;
  float: left;
  padding: 30px;
  padding-right: 0
}
.virtual {
  display: none;
  width: 100%;
  margin-bottom: 0
}
.virtual .grid-hover figure {
  max-height: 274px;
  border-bottom: 10px solid #c89b00;
  border-right: 25px solid #413361
}
.virtual figure.effect-honey figcaption::before {
  background: #c89b00
}
.quinta {
  display: table;
  width: 100%;
  margin-bottom: 0
}
.quinta .grid-hover figure {
  max-height: 733px;
  border-bottom: 10px solid #cc194b;
  border-right: 25px solid #00b9e7
}
.quinta figure.effect-honey figcaption::before {
  background: #cc194b
}
.claustro {
  display: table;
  width: 100%;
  margin-bottom: 0
}
.claustro .grid-hover figure {
  max-height: 357px;
  max-width: 770px;
  border-bottom: 10px solid #00b9e7;
  border-right: 25px solid #cc194b
}
.claustro figure.effect-honey figcaption::before {
  background: #00b9e7
}
.claustro figure.effect-honey h2 {
  top: 20px
}
.norte {
  display: table;
  width: 100%;
  margin-bottom: 0
}
.norte .grid-hover figure {
  max-height: 400px;
  max-width: 770px;
  border-bottom: 10px solid #413361;
  border-right: 25px solid #c89b00
}
.norte figure.effect-honey figcaption::before {
  background: #413361
}
.td1 {
  background: #a20f26 !important
}
.imagen {
  display: table;
  float: left;
  margin-right: 20px;
  width: 48%;
  margin-bottom: 10px
}
.imagen img {
  width: 100%
}
.imagen2 {
  display: table;
  float: right;
  margin-left: 20px;
  width: 48%;
  margin-bottom: 10px
}
.imagen2 img {
  width: 100%
}
.reflexionespedagogicas {
  display: table;
  width: 47.5%;
  float: left;
  margin-bottom: 30px;
  margin-right: 20px;
  height: 315px;
  border-bottom: 3px solid #c7c7c7;
  background: #ededed;
  padding-bottom: 15px;
  line-height: 18px;
  text-align: left !important
}
.reflexionespedagogicas h3 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
  display: table;
  width: 94.7%;
  padding: 10px;
  padding-left: 15px;
  background: rgba(0, 0, 0, .7);
  margin-top: -53px;
  position: relative;
  z-index: 222222
}
.reflexionespedagogicas h3 a {
  color: #fff;
  font-size: 18px
}
.reflexionespedagogicas p {
  margin: 15px;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 17px
}
.imagenreflexiones {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 50px;
  min-height: 185px;
  margin-bottom: 15px
}
.imagenreflexiones img {
  width: 100%;
  position: relative
}
.evento-egresados {
  display: table;
  width: 97%;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #f1f1f1;
  padding: 20px
}
.evento-egresados h3 {
  margin-top: 0
}
.img-evento {
  width: 33%;
  float: left;
  cursor: pointer;
  position: relative;
  height: 70px;
  min-height: 130px;
  margin-right: 20px;
  overflow: hidden
}
.img-evento img {
  position: relative;
  width: 100%
}
.noticias-egresados {
  display: table;
  width: 97%;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background: #f1f1f1;
  padding: 20px
}
.noticias-egresados h3 {
  margin-top: 0
}
.img-noticia {
  width: 25%;
  float: left;
  cursor: pointer;
  position: relative;
  height: 70px;
  min-height: 210px;
  margin-right: 20px;
  overflow: hidden;
  display: none
}
.img-evento img {
  position: relative;
  width: 100%
}
.textocifras {
  display: none
}
.imagencifras2 {
  display: table;
  width: 50%;
  float: left
}
.imagencifras2 img {
  width: 100%
}
.imagencifras {
  display: none;
  width: 100%;
  text-align: center
}
.imagencifras img {
  width: 90%;
  margin-left: auto;
  margin-right: auto
}
.infografíacifras {
  display: table;
  float: left;
  width: 47%;
  padding-top: 50px
}
.infografíacifras img {
  width: 93%;
  margin-bottom: 40px;
  margin-left: 20px
}
.testimonio {
  display: table;
  width: 98%;
  float: left;
  padding: 15px;
  background: #ededed;
  margin-right: 20px;
  margin-bottom: 20px
}
.testimonio h4 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 10px
}
.boton-textimonios {
  display: table;
  width: 98%;
  border-radius: 3px;
  background: #666;
  padding: 15px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: lighter
}
.boton-textimonios:hover {
  display: table;
  width: 98%;
  border-radius: 3px;
  background: #a20f26;
  padding: 15px;
  text-align: center;
  color: #fff;
  font-size: 14px
}
.boton-textimonios a {
  color: #fff
}
.opcion-especializacion {
  display: table;
  width: 45.7%;
  float: left;
  padding: 15px;
  padding-right: 7px;
  background: #ededed;
  margin-right: 20px;
  height: 165px
}
.opcion-especializacion ul {
  padding-left: 20px;
  font-size: 13px
}
.opcion-especializacion h4 {
  margin-top: 0;
  margin-bottom: 10px
}
.que-es-epa {
  display: table;
  width: 100%
}
.que-es-epa img {
  width: 40%;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px
}
.que-es-epa p {
  margin: 0
}
.enlacessitiosinteres ul {
  display: table;
  padding: 0;
  width: 103%
}
.enlacessitiosinteres li {
  display: table;
  width: 27.3%;
  float: left;
  text-align: left;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 15px;
  font-size: 13px;
  line-height: 15px;
  color: #333;
  border-left: 4px solid #a20f26;
  padding-top: 7px;
  padding-bottom: 0;
  height: 38px;
  background: #f1f1f1
}
.enlacessitiosinteres a {
  color: #333;
  font-size: 13px;
  text-align: left
}
.objetivosdecano {
  display: table;
  width: 100%
}
.objetivosdecano ul {
  display: none
}
.objetivosdecano img {
  width: 20.5%;
  margin: 20px;
  float: left
}
.fundacion-jovenes {
  display: table;
  width: 97%;
  background: #ededec;
  padding: 20px;
  margin-bottom: 15px;
  padding-top: 0
}
.otra-jovenes {
  display: table;
  width: 97%;
  background: #ededec;
  padding: 20px;
  margin-bottom: 15px;
  padding-top: 0
}
.obj-jovenes {
  display: table;
  width: 103%;
  padding: 20px;
  padding-left: 0;
  margin-bottom: 15px;
  padding-top: 0
}
.obj-jovenes ul {
  padding: 0;
  display: table;
  width: 97.3%;
  margin-top: 15px;
  background: #333;
  border-radius: 13px;
  position: relative;
  overflow: hidden;
  margin-top: 20px
}
.obj-jovenes li {
  display: table;
  width: 21.8%;
  float: left;
  margin: 0;
  border: 1px solid #c7c7c7;
  padding: 15px;
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  height: 127px;
  color: #fff;
  font-weight: lighter;
  margin-left: -1px
}
.fundacion-jovenes h3,
.obj-jovenes h3,
.otra-jovenes h3 {
  color: #a20f26
}
.jovenes-investigadores {
  display: table;
  width: 100%;
  background: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/fondojovenes.jpg);
  background-size: cover
}
.jovenes-investigadores p {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  text-align: justify;
  line-height: 18px;
  margin: 20px;
  margin-top: 270px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .8)
}
.jovenes-investigadores img {
  display: none
}
.misionvision {
  display: table;
  width: 103%
}
.misionvision img {
  width: 97%;
  margin-bottom: 30px
}
.misionfac {
  display: table;
  background: #ededed;
  float: left;
  margin-right: 20px;
  width: 54%;
  border-bottom: 4px solid #a20f26;
  margin-bottom: 20px;
  padding: 20px;
  padding-top: 0
}
.visionfac {
  display: table;
  background: #ededed;
  float: left;
  margin-right: 20px;
  width: 33%;
  border-bottom: 4px solid #a20f26;
  margin-bottom: 20px;
  padding: 20px;
  padding-top: 0
}
.cifrasjovenes {
  display: table;
  width: 100%;
  background: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/fondocifrasjovenes.jpg);
  background-size: cover
}
.cifra112 {
  display: table;
  width: 100%;
  text-align: center
}
.cifra112 img {
  width: 55%;
  margin-left: auto;
  margin-right: auto
}
.cifra1,
cifra5 {
  display: table;
  width: 50%;
  float: left
}
.cifra1 img {
  width: 200px;
  float: left
}
.cifra5 img {
  width: 200px;
  float: right
}
.cifra2,
cifra4 {
  width: 38%;
  float: left
}
.cifra2 img {
  width: 208px;
  float: right
}
.cifra4 img {
  width: 210px;
  float: left
}
.cifra3 {
  width: 25%;
  float: left;
  margin-bottom: 20px
}
.cifra3 img {
  width: 215px;
  margin-top: 50px
}
ul.slides li:before,
ul.flex-direction-nav li:before {
  content: '' !important
}
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none
}
.flexslider {
  margin: 0;
  padding: 0
}
.flexslider .slides>li {
  display: none;
  position: relative;
  -webkit-backface-visibility: hidden
}
.flexslider .slides img {
  width: 100%;
  display: block
}
.flex-pauseplay span {
  text-transform: capitalize
}
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
html[xmlns] .slides {
  display: block
}
* html .slides {
  height: 1%
}
.no-js .slides>li:first-child {
  display: block
}
.flexslider {
  margin: 0 0 0;
  zoom: 1;
  z-index: 1
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease
}
.loading .flex-viewport {
  max-height: 300px
}
.flexslider .slides {
  zoom: 1
}
.carousel li {
  margin-right: 0
}
.flex-direction-nav {
  *height: 0
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 26px;
  height: 1px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, .8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease
}
.flex-direction-nav .flex-prev {
  left: -50px
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right
}
.flexslider:hover .flex-prev {
  opacity: .7;
  left: 10px
}
.flexslider:hover .flex-next {
  opacity: .7;
  right: 10px
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  line-height: 1;
  display: inline-block;
  content: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/left_nav.png)
}
.flex-direction-nav a.flex-next:before {
  content: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/right_nav.png)
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: .8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000
}
.flex-pauseplay a:hover {
  opacity: 1
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  margin-top: -30px;
  text-align: left;
  margin-left: 30px;
  bottom: 15px;
  left: 54%
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline
}
.flex-control-paging li a {
  width: 13px;
  height: 13px;
  display: block;
  background: #a20f26;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(191, 206, 2294, .3);
  -moz-box-shadow: inset 0 0 3px rgba(191, 206, 2294, .3);
  -o-box-shadow: inset 0 0 3px rgba(191, 206, 229, .3);
  box-shadow: inset 0 0 3px rgba(191, 206, 229, .3)
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(255, 255, 255, .7);
  border: solid 1px
}
.flex-control-paging li a.flex-active {
  background: #000;
  border: solid 1px;
  background: rgba(255, 255, 255, .9);
  cursor: default
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer
}
.flex-control-thumbs img:hover {
  opacity: 1
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default
}
.cont-slide {
  display: table;
  width: 100%;
  background: #ededed
}
.imagenslide {
  display: table;
  width: 30%;
  float: left
}
.imagenslide img {
  width: 100%
}
.textoslide {
  display: table;
  width: 70%;
  float: left
}
.textoslide h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  color: #810507;
  margin: 15px
}
.textoslide h3 {
  font-size: 15px;
  color: #555;
  margin: 15px;
  margin-top: 0
}
.textoslide p {
  font-size: 13px;
  color: #333;
  margin: 15px;
  margin-top: 0
}
.grid {
  position: relative;
  max-width: 1000px;
  list-style: none;
  text-align: center
}
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 1%;
  min-width: 205px;
  max-width: 480px;
  max-height: 323px;
  text-align: center;
  cursor: pointer;
  height: 330px;
  border: .5px solid #c7c7c7
}
.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%
}
.grid figure figcaption {
  padding: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none
}
.grid figure figcaption,
.grid figure figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.grid figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0
}
.grid figure h2 {
  font-weight: 300
}
.grid figure h2 span {
  font-weight: 800
}
.grid figure h2,
.grid figure p {
  margin: 0
}
.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%
}
figure.effect-sadie figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 58, 77, .8);
  content: '';
  opacity: 0;
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0)
}
figure.effect-sadie h2 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 26px;
  letter-spacing: 1px;
  font-weight: lighter;
  position: absolute;
  background: rgba(0, 0, 0, .6) !important;
  bottom: 100px;
  left: 0;
  width: 73%;
  color: #fff;
  padding: 20PX;
  line-height: 25px;
  text-shadow: 0 3px 3px rgba(0, 0, 0, .9);
  -webkit-transition: -webkit-transform .35s, color .35s;
  transition: transform .35s, color .35s;
  -webkit-transform: translate3d(0, 50%, 0)
}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}
figure.effect-sadie p {
  position: absolute;
  color: #eee;
  font-size: 13px;
  line-height: 17px;
  text-align: left;
  bottom: 60px;
  text-transform: none;
  left: 0;
  padding: 1em;
  padding-top: 0;
  width: 75%;
  font-weight: normal;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0)
}
figure.effect-sadie:hover h2 {
  color: #fff;
  -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100px, 0);
  transform: translate3d(0, -50%, 0) translate3d(0, -100px, 0)
}
figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.accordion {
  padding: 0;
  margin: 2em 0;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  position: relative
}
.accordion__title {
  padding: 0 15px;
  background: #8d9ab9;
  width: auto;
  height: 44px;
  color: #fff;
  font-weight: normal;
  float: left;
  line-height: 43px;
  height: 3em;
  cursor: pointer;
  margin-right: .25em
}
.no-js .accordion__title {
  float: none;
  height: auto;
  cursor: auto;
  margin: 0;
  padding: 0 2em
}
.accordion__content {
  background: #f1f1f1;
  border: 1px solid #c7c7c7;
  float: right;
  width: 100%;
  margin: 43px 0 0 -100%;
  padding: 15px;
  padding-left: 20px;
  height: auto;
  font-size: 13px;
  color: #333;
  font-weight: lighter;
  text-align: justify;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-size: cover
}
.no-js .accordion__content {
  float: left;
  margin: 0
}
.accordion__title:hover,
.accordion__title.active {
  background: #3d506c;
  width: auto;
  height: 44px;
  font-weight: lighter;
  color: #fff
}
.no-js .accordion__title:hover {
  background-color: #ccc;
  color: #222
}
.accordion__title.active {
  border-top-color: #c7c7c7
}
@media(max-width:800px) {
  .overflow-scrolling {
    overflow-y: auto;
    height: auto;
    padding: 1em;
    -webkit-overflow-scrolling: touch
  }
}
.columna-acordeon {
  display: table;
  width: 31%;
  float: left;
  margin: 15px
}
@media screen and (max-width:700px) and (min-width:640px) {
  .columna-acordeon {
    width: 30%;
    margin: 10px
  }
}
@media screen and (max-width:610px) and (min-width:320px) {
  .columna-acordeon {
    width: 100%;
    margin-bottom: 20px
  }
}
.ac-container {
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
  text-align: left;
  position: relative;
  z-index: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.ac-container h5 {
  margin-left: 20px
}
.ac-container label {
  padding: 6px 20px;
  position: relative;
  z-index: 20;
  display: block;
  height: 34px;
  cursor: pointer;
  color: #666;
  line-height: 33px;
  font-weight: 400;
  font-size: 14px;
  background: #f1f1f1;
  box-shadow: 0 0 0 1px rgba(155, 155, 155, .3), 1px 0 0 0 rgba(255, 255, 255, .9) inset, 0 2px 2px rgba(0, 0, 0, .1);
  margin-bottom: 10px;
  border-left: solid 2px #8f051b
}
.ac-container label:hover {
  background: #fff
}
.ac-container input:checked+label,
.ac-container input:checked+label:hover {
  background: #c7c7c7;
  color: #000;
  box-shadow: 0 0 0 1px rgba(155, 155, 155, .3), 0 2px 2px rgba(0, 0, 0, .1)
}
.ac-container label:hover:after,
.ac-container input:checked+label:hover:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 13px;
  background: transparent url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/arrow_down.png) no-repeat center center
}
.ac-container input:checked+label:hover:after {
  background-image: (../imagenes/arrow_up.png)
}
.ac-container input {
  display: none
}
.ac-container article {
  background: rgba(255, 255, 255, .5);
  margin-top: -1px;
  overflow: hidden;
  height: 0;
  position: relative;
  z-index: 10;
  -webkit-transition: height .3s ease-in-out, box-shadow .6s linear;
  -moz-transition: height .3s ease-in-out, box-shadow .6s linear;
  -o-transition: height .3s ease-in-out, box-shadow .6s linear;
  -ms-transition: height .3s ease-in-out, box-shadow .6s linear;
  transition: height .3s ease-in-out, box-shadow .6s linear
}
.ac-container article h4 {
  font-size: 14px;
  color: #254a7a;
  font-weight: 600;
  margin: 20px
}
.ac-container article p {
  color: #333;
  line-height: 18px;
  font-size: 13px;
  text-align: justify;
  margin: 0
}
.ac-container article ul {
  padding: 0;
  padding-left: 20px
}
.ac-container article ol {
  padding: 0;
  padding-left: 20px
}
.ac-container article li {
  color: #333;
  text-align: left;
  line-height: 18px;
  font-size: 13px;
  text-align: justify
}
.ac-container input:checked~article {
  -webkit-transition: height .5s ease-in-out, box-shadow .1s linear;
  -moz-transition: height .5s ease-in-out, box-shadow .1s linear;
  -o-transition: height .5s ease-in-out, box-shadow .1s linear;
  -ms-transition: height .5s ease-in-out, box-shadow .1s linear;
  transition: height .5s ease-in-out, box-shadow .1s linear;
  box-shadow: 0 0 0 1px rgba(155, 155, 155, .3)
}
.ac-container input:checked~article.ac-small {
  height: auto;
  background: #fff;
  padding: 15px
}
.ac-container input:checked~article.ac-medium {
  height: auto;
  background: #fff;
  padding: 15px
}
.ac-container input:checked~article.ac-large {
  height: auto;
  background: #fff;
  padding: 15px
}
.plataforma-servicios-en-linea {
  display: table;
  width: 100%
}
.col-grid {
  display: table;
  width: 24.5%;
  float: left
}
.plataforma-servicios-en-linea *,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.plataforma-servicios-en-linea .clearfix:before,
.clearfix:after {
  display: table;
  content: ''
}
.plataforma-servicios-en-linea .clearfix:after {
  clear: both
}
.plataforma-servicios-en-linea .grid {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center
}
.plataforma-servicios-en-linea .grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 290px;
  max-width: 480px;
  max-height: 390px;
  height: auto;
  background: #730001;
  text-align: center;
  cursor: pointer
}
.plataforma-servicios-en-linea .grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%
}
.plataforma-servicios-en-linea .grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.plataforma-servicios-en-linea .grid figure figcaption::before,
.plataforma-servicios-en-linea .grid figure figcaption::after {
  pointer-events: none
}
.plataforma-servicios-en-linea .grid figure figcaption,
.plataforma-servicios-en-linea .grid figure figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.plataforma-servicios-en-linea .grid figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0
}
.plataforma-servicios-en-linea .grid figure h2 {
  word-spacing: -.1em;
  letter-spacing: .5px;
  font-weight: 300;
  color: #fff;
  line-height: 20px;
  font-size: 20px;
  width: 100%;
  text-shadow: 2px 0 2px #000;
  background: rgba(0, 0, 0, .6)
}
.plataforma-servicios-en-linea .grid figure h2 span {
  font-weight: 800
}
.plataforma-servicios-en-linea .grid figure h2,
.plataforma-servicios-en-linea .grid figure p {
  margin: 0
}
.plataforma-servicios-en-linea .grid figure p {
  font-size: 14px;
  width: 100%;
  padding: 15px;
  color: #fff;
  text-align: left;
  line-height: 20px;
  letter-spacing: 0
}
figure.effect-julia {
  background: #2f3238
}
figure.effect-julia img {
  max-width: none;
  height: 400px;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
figure.effect-julia figcaption {
  text-align: left
}
figure.effect-julia h2 {
  position: relative;
  padding: .5em 0
}
figure.effect-julia p {
  display: inline-block;
  margin: 0 0 .25em;
  padding: .4em 1em;
  background: rgba(255, 255, 255, .9);
  color: #2f3238;
  text-transform: none;
  font-weight: 500;
  font-size: 75%;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-360px, 0, 0);
  transform: translate3d(-360px, 0, 0)
}
figure.effect-julia p:first-child {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
figure.effect-julia p:nth-of-type(2) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
figure.effect-julia p:nth-of-type(3) {
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
figure.effect-julia:hover p:first-child {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}
figure.effect-julia:hover p:nth-of-type(2) {
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
figure.effect-julia:hover p:nth-of-type(3) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
figure.effect-julia:hover img {
  opacity: .4;
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1)
}
figure.effect-julia:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-goliath {
  background: #df4e4e
}
figure.effect-goliath img,
figure.effect-goliath h2 {
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s
}
figure.effect-goliath img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
figure.effect-goliath h2,
figure.effect-goliath p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 22px
}
figure.effect-goliath p {
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0)
}
figure.effect-goliath:hover img {
  -webkit-transform: translate3d(0, -80px, 0);
  transform: translate3d(0, -80px, 0)
}
figure.effect-goliath:hover h2 {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0)
}
figure.effect-goliath:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-hera {
  background: #303fa9
}
figure.effect-hera h2 {
  font-size: 158.75%
}
figure.effect-hera h2,
figure.effect-hera p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%
}
figure.effect-hera figcaption::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  border: 2px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%
}
figure.effect-hera p {
  width: 100px;
  text-transform: none;
  font-size: 121%;
  line-height: 2
}
figure.effect-hera p a {
  color: #fff
}
figure.effect-hera p a:hover,
figure.effect-hera p a:focus {
  opacity: .6
}
figure.effect-hera p a i {
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}
figure.effect-hera p a:first-child i {
  -webkit-transform: translate3d(-60px, -60px, 0);
  transform: translate3d(-60px, -60px, 0)
}
figure.effect-hera p a:nth-child(2) i {
  -webkit-transform: translate3d(60px, -60px, 0);
  transform: translate3d(60px, -60px, 0)
}
figure.effect-hera p a:nth-child(3) i {
  -webkit-transform: translate3d(-60px, 60px, 0);
  transform: translate3d(-60px, 60px, 0)
}
figure.effect-hera p a:nth-child(4) i {
  -webkit-transform: translate3d(60px, 60px, 0);
  transform: translate3d(60px, 60px, 0)
}
figure.effect-hera:hover figcaption::before {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
  transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
}
figure.effect-hera:hover h2 {
  opacity: 0;
  -webkit-transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1);
  transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1)
}
figure.effect-hera:hover p i:empty {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1
}
figure.effect-winston {
  background: #162633;
  text-align: left
}
figure.effect-winston img {
  -webkit-transition: opacity .45s;
  transition: opacity .45s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
figure.effect-winston figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://www.urosario.edu.co/App_Themes/Jurisprudencia-Micrositios-2017/img/triangle.svg) no-repeat center center;
  /*no-esta-la-imagen*/
  background-size: 100% 100%;
  content: '';
  -webkit-transition: opacity .45s, -webkit-transform .45s;
  transition: opacity .45s, transform .45s;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%
}
figure.effect-winston h2 {
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0)
}
figure.effect-winston p {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 1.5em 7% 0
}
figure.effect-winston a {
  margin: 0 10px;
  color: #5d504f;
  font-size: 170%
}
figure.effect-winston a:hover,
figure.effect-winston a:focus {
  color: #cc6055
}
figure.effect-winston p a i {
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0)
}
figure.effect-winston:hover img {
  opacity: .6
}
figure.effect-winston:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-winston:hover figcaption::before {
  opacity: .7;
  -webkit-transform: rotate3d(0, 0, 1, 20deg);
  transform: rotate3d(0, 0, 1, 20deg)
}
figure.effect-winston:hover p i {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-winston:hover p a:nth-child(3) i {
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
figure.effect-winston:hover p a:nth-child(2) i {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
figure.effect-winston:hover p a:first-child i {
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}
figure.effect-selena {
  background: #fff
}
figure.effect-selena img {
  opacity: .95;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}
figure.effect-selena:hover img {
  -webkit-transform: scale3d(.95, .95, 1);
  transform: scale3d(.95, .95, 1)
}
figure.effect-selena h2 {
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0)
}
figure.effect-selena p {
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%
}
figure.effect-selena:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-selena:hover p {
  opacity: 1;
  -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
  transform: perspective(1000px) rotate3d(1, 0, 0, 0)
}
figure.effect-terry {
  background: #34495e
}
figure.effect-terry figcaption {
  padding: 1em
}
figure.effect-terry figcaption::before,
figure.effect-terry figcaption::after {
  position: absolute;
  width: 200%;
  height: 200%;
  border-style: solid;
  border-color: #101010;
  content: '';
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s
}
figure.effect-terry figcaption::before {
  right: 0;
  bottom: 0;
  border-width: 0 70px 60px 0;
  -webkit-transform: translate3d(70px, 60px, 0);
  transform: translate3d(70px, 60px, 0)
}
figure.effect-terry figcaption::after {
  top: 0;
  left: 0;
  border-width: 15px 0 0 15px;
  -webkit-transform: translate3d(-15px, -15px, 0);
  transform: translate3d(-15px, -15px, 0)
}
figure.effect-terry img,
figure.effect-terry p a {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}
figure.effect-terry img {
  opacity: .85
}
figure.effect-terry h2 {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .4em 10px;
  width: 50%;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0)
}
@media screen and (max-width:920px) {
  figure.effect-terry h2 {
    padding: .75em 10px;
    font-size: 120%
  }
}
figure.effect-terry p {
  float: right;
  clear: both;
  text-align: left;
  text-transform: none;
  font-size: 111%
}
figure.effect-terry p a {
  display: block;
  margin-bottom: 1em;
  color: #fff;
  opacity: 0;
  -webkit-transform: translate3d(90px, 0, 0);
  transform: translate3d(90px, 0, 0)
}
figure.effect-terry p a:hover,
figure.effect-terry p a:focus {
  color: #f3cf3f
}
figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-terry:hover img {
  opacity: .6
}
figure.effect-terry:hover h2,
figure.effect-terry:hover p a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-terry:hover p a {
  opacity: 1
}
figure.effect-terry:hover p a:first-child {
  -webkit-transition-delay: .025s;
  transition-delay: .025s
}
figure.effect-terry:hover p a:nth-child(2) {
  -webkit-transition-delay: .05s;
  transition-delay: .05s
}
figure.effect-terry:hover p a:nth-child(3) {
  -webkit-transition-delay: .075s;
  transition-delay: .075s
}
figure.effect-terry:hover p a:nth-child(4) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
figure.effect-phoebe {
  background: #675983
}
figure.effect-phoebe img {
  opacity: .85;
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}
figure.effect-phoebe:hover img {
  opacity: .6
}
figure.effect-phoebe figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://www.urosario.edu.co/App_Themes/Jurisprudencia-Micrositios-2017/img/triangle2.svg) no-repeat center center;
  /*no-esta-la-imagen*/
  background-size: 100% 100%;
  content: '';
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: scale3d(5, 2.5, 1);
  transform: scale3d(5, 2.5, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}
figure.effect-phoebe:hover figcaption::before {
  opacity: .6;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
figure.effect-phoebe h2 {
  margin-top: 1em;
  -webkit-transition: transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0)
}
figure.effect-phoebe:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-phoebe p a {
  color: #fff;
  font-size: 140%;
  opacity: 0;
  position: relative;
  display: inline-block;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}
figure.effect-phoebe p a:first-child {
  -webkit-transform: translate3d(-60px, -60px, 0);
  transform: translate3d(-60px, -60px, 0)
}
figure.effect-phoebe p a:nth-child(2) {
  -webkit-transform: translate3d(0, 60px, 0);
  transform: translate3d(0, 60px, 0)
}
figure.effect-phoebe p a:nth-child(3) {
  -webkit-transform: translate3d(60px, -60px, 0);
  transform: translate3d(60px, -60px, 0)
}
figure.effect-phoebe:hover p a {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-apollo {
  background: #3498db
}
figure.effect-apollo img {
  opacity: .95;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1)
}
figure.effect-apollo figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .5);
  content: '';
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}
figure.effect-apollo p {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 3em;
  padding: 0 1em;
  max-width: 150px;
  border-right: 4px solid #fff;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}
figure.effect-apollo h2 {
  text-align: left
}
figure.effect-apollo:hover img {
  opacity: .6;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
figure.effect-apollo:hover figcaption::before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}
figure.effect-apollo:hover p {
  opacity: 1;
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}
figure.effect-kira {
  background: #fff;
  text-align: left
}
figure.effect-kira img {
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}
figure.effect-kira figcaption {
  z-index: 1
}
figure.effect-kira p {
  padding: 2.25em .5em;
  font-weight: 600;
  font-size: 100%;
  line-height: 1.5;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0)
}
figure.effect-kira p a {
  margin: 0 .5em;
  color: #101010
}
figure.effect-kira p a:hover,
figure.effect-kira p a:focus {
  opacity: .6
}
figure.effect-kira figcaption::before {
  position: absolute;
  top: 0;
  right: 2em;
  left: 2em;
  z-index: -1;
  height: 3.5em;
  background: #fff;
  content: '';
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
  transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}
figure.effect-kira:hover img {
  opacity: .5
}
figure.effect-kira:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-kira:hover figcaption::before {
  opacity: .7;
  -webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 5em, 0) scale3d(1, 1, 1)
}
figure.effect-steve {
  z-index: auto;
  overflow: visible;
  background: #000
}
figure.effect-steve:before,
figure.effect-steve h2:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #000;
  content: '';
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}
figure.effect-steve:before {
  box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
  opacity: 0
}
figure.effect-steve figcaption {
  z-index: 1
}
figure.effect-steve img {
  opacity: 1;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
  transform: perspective(1000px) translate3d(0, 0, 0)
}
figure.effect-steve h2,
figure.effect-steve p {
  background: #fff;
  color: #2d434e
}
figure.effect-steve h2 {
  position: relative;
  margin-top: 2em;
  padding: .25em
}
figure.effect-steve h2:before {
  box-shadow: 0 1px 10px rgba(0, 0, 0, .5)
}
figure.effect-steve p {
  margin-top: 1em;
  padding: .5em;
  font-weight: 800;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: scale3d(.9, .9, 1);
  transform: scale3d(.9, .9, 1)
}
figure.effect-steve:hover:before {
  opacity: 1
}
figure.effect-steve:hover img {
  -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
  transform: perspective(1000px) translate3d(0, 0, 21px)
}
figure.effect-steve:hover h2:before {
  opacity: 0
}
figure.effect-steve:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
figure.effect-moses {
  background: -webkit-linear-gradient(-45deg, #ec65b7 0%, #05e0d8 100%);
  background: linear-gradient(-45deg, #ec65b7 0%, #05e0d8 100%)
}
figure.effect-moses img {
  opacity: .85;
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}
figure.effect-moses h2,
figure.effect-moses p {
  padding: 20px;
  width: 50%;
  height: 50%;
  border: 2px solid #fff
}
figure.effect-moses h2 {
  padding: 20px;
  width: 50%;
  height: 50%;
  text-align: left;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(10px, 10px, 0);
  transform: translate3d(10px, 10px, 0)
}
figure.effect-moses p {
  float: right;
  padding: 20px;
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}
figure.effect-moses:hover h2 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-moses:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-moses:hover img {
  opacity: .6
}
figure.effect-jazz {
  background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
  background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%)
}
figure.effect-jazz img {
  opacity: .9
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}
figure.effect-jazz figcaption::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}
figure.effect-jazz h2,
figure.effect-jazz p {
  opacity: 1;
  -webkit-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1)
}
figure.effect-jazz h2 {
  padding-top: 26%;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s
}
figure.effect-jazz p {
  padding: .5em 2em;
  text-transform: none;
  font-size: .85em;
  opacity: 0
}
figure.effect-jazz:hover img {
  opacity: .7;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1)
}
figure.effect-jazz:hover figcaption::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
figure.effect-ming {
  background: #030c17
}
figure.effect-ming img {
  opacity: .9;
  -webkit-transition: opacity .35s;
  transition: opacity .35s
}
figure.effect-ming figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: scale3d(1.4, 1.4, 1);
  transform: scale3d(1.4, 1.4, 1)
}
figure.effect-ming h2 {
  margin: 20% 0 10px 0;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s
}
figure.effect-ming p {
  padding: 1em;
  opacity: 0;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: scale(1.5);
  transform: scale(1.5)
}
figure.effect-ming:hover h2 {
  -webkit-transform: scale(.9);
  transform: scale(.9)
}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
figure.effect-ming:hover figcaption {
  background-color: rgba(58, 52, 42, 0)
}
figure.effect-ming:hover img {
  opacity: .4
}
figure.effect-lexi {
  background: -webkit-linear-gradient(-45deg, #000 0%, #fff 100%);
  background: linear-gradient(-45deg, #000 0%, #fff 100%)
}
figure.effect-lexi img {
  margin: -10px 0 0 -10px;
  max-width: none;
  width: -webkit-calc(100% + 10px);
  width: calc(100% + 10px);
  opacity: .9;
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s;
  -webkit-transform: translate3d(10px, 10px, 0);
  transform: translate3d(10px, 10px, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
figure.effect-lexi figcaption::before,
figure.effect-lexi p {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}
figure.effect-lexi figcaption::before {
  position: absolute;
  right: -100px;
  bottom: -100px;
  width: 300px;
  height: 300px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
  content: '';
  opacity: 0;
  -webkit-transform: scale3d(.5, .5, 1);
  transform: scale3d(.5, .5, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}
figure.effect-lexi:hover img {
  opacity: .6;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-lexi h2 {
  text-align: left;
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: translate3d(5px, 5px, 0);
  transform: translate3d(5px, 5px, 0)
}
figure.effect-lexi p {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 1.5em 1.5em 0;
  width: 140px;
  text-align: right;
  opacity: 0;
  -webkit-transform: translate3d(20px, 20px, 0);
  transform: translate3d(20px, 20px, 0)
}
figure.effect-lexi:hover figcaption::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
figure.effect-lexi:hover h2,
figure.effect-lexi:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
figure.effect-duke {
  background: -webkit-linear-gradient(-45deg, #34495e 0%, #cc6055 100%);
  background: linear-gradient(-45deg, #34495e 0%, #cc6055 100%)
}
figure.effect-duke img,
figure.effect-duke p {
  -webkit-transition: opacity .35s, -webkit-transform .35s;
  transition: opacity .35s, transform .35s
}
figure.effect-duke:hover img {
  opacity: .1;
  -webkit-transform: scale3d(2, 2, 1);
  transform: scale3d(2, 2, 1)
}
figure.effect-duke h2 {
  -webkit-transition: -webkit-transform .35s;
  transition: transform .35s;
  -webkit-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}
figure.effect-duke p {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 20px;
  padding: 30px;
  border: 2px solid #fff;
  text-transform: none;
  font-size: 90%;
  opacity: 0;
  -webkit-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1);
  -webkit-transform-origin: 50% -100%;
  transform-origin: 50% -100%
}
figure.effect-duke:hover h2,
figure.effect-duke:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1)
}
.col-grid-2 {
  display: table;
  width: 32.8%;
  float: left
}
.col-grid-2 .grid figure {
  min-width: 440px
}
@media screen and (max-width:50em) {
  .content {
    padding: 0 10px;
    text-align: center
  }
  .grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%
  }
}
@media(max-width:4000px) and (min-width:2001px) {
  .destacado {
    min-height: 450px
  }
  .textodiferenciador {
    top: 343px
  }
  .flex-control-nav {
    left: 74%
  }
}
@media(max-width:2000px) and (min-width:1690px) {
  .destacado {
    min-height: 420px
  }
  .textodiferenciador {
    top: 315px
  }
  .menu li a {
    padding-left: 21px;
    padding-right: 21px
  }
  .col-grid-2 {
    width: 33%;
    margin-left: 0
  }
  .col-resaltados {
    width: 13%
  }
  .col-grid-2 .grid figure {
    min-width: 380px
  }
  .destacado .flex-control-nav {
    left: 81%
  }
}
@media(max-width:1700px) and (min-width:1600px) {
  .destacado {
    min-height: 400px
  }
  .textodiferenciador {
    top: 300px
  }
  .flex-control-nav {
    left: 88%
  }
  .col-resaltados {
    width: 20%
  }
  .col-grid-2 {
    width: 33%
  }
  .col-grid-2 .grid figure {
    min-width: 380px
  }
}
@media(max-width:1500px) and (min-width:1400px) {
  .destacado {
    min-height: 380px
  }
  .textodiferenciador {
    top: 280px
  }
  .flex-control-nav {
    left: 92%
  }
  .public {
    width: 77%
  }
  .menu li a {
    padding-left: 21px;
    padding-right: 21px
  }
  .col-resaltados {
    width: 13%
  }
  .col-grid-2 .grid figure {
    min-width: 370px
  }
  .col-grid-2 {
    width: 33%
  }
}
@media(max-width:1399px) and (min-width:1300px) {
  .container-nombre {
    margin-left: 210px
  }
  .destacado {
    min-height: 320px
  }
  .textodiferenciador {
    top: 225px
  }
  .flex-control-nav {
    left: 85%
  }
  .menu li a {
    padding-left: 10px;
    padding-right: 9px
  }
  .public {
    width: 77%
  }
  .col-grid-2 .grid figure {
    min-width: 360px
  }
  .col-grid-2 {
    width: 33%
  }
  figure.effect-sadie h2 {
    font-size: 20px;
    width: 76%;
    bottom: 90px;
    padding-left: 5px
  }
  figure.effect-sadie p {
    width: 74%;
    bottom: 50px
  }
  .cont-boton-serv-sec {
    width: auto;
    margin-right: 31%
  }
  .profesor {
    margin: 0;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 46%
  }
  .profesor p {
    line-height: 17px
  }
  #estructura {
    width: 730px;
    height: 640px
  }
  .directotios {
    width: 48%
  }
  .directotios h3 {
    margin-bottom: 10px !important
  }
  .imagendirectorios {
    min-height: 135px
  }
  .col-grid .grid figure {
    min-width: 270px !important;
    max-height: 270px !important
  }
  .cont-publicaciones-int {
    width: 86%
  }
  .cont-series-int {
    width: 76%;
    height: 140px
  }
  .cont-publicaciones-int .publicacionlista {
    margin-bottom: 0
  }
  .publicacionlista {
    width: 88%
  }
  .contenedor-div {
    margin-right: 20px;
    height: 295px
  }
  .contenedor-divInvestigacion {
    margin-right: 20px;
    height: 295px
  }
  .contenedor-divConvocatorias {
    margin-right: 20px;
    height: 295px
  }
  .col-izq-imagen {
    width: 40%
  }
  .cont-revista-int {
    width: 77%;
    margin-top: 10px
  }
  .flecha_izq1 {
    margin-top: 10px
  }
  .curso-formacion {
    margin-right: 24px
  }
  .catalogo-revista h3 {
    margin-bottom: 0
  }
  .opcion-especializacion {
    width: 44.7%
  }
  .imagenreflexiones {
    min-height: 170px
  }
  .reflexionespedagogicas h3 {
    width: 93.7%
  }
  .reflexionespedagogicas {
    height: 333px
  }
  .fundacion-jovenes,
  .otra-jovenes {
    width: 95%
  }
  .obj-jovenes li {
    width: 23%;
    height: 130px;
    line-height: 16px;
    padding: 8px
  }
  .noticias {
    margin-right: 25px
  }
  .jovenes-investigadores p {
    font-size: 13px;
    line-height: 17px;
    margin-top: 210px
  }
  .misionfac {
    width: 52.5%
  }
  .objetivosdecano img {
    margin: 18px
  }
}
@media(max-width:1299px) and (min-width:1200px) {
  #logo-head {
    width: 160px
  }
  .menu li a {
    padding-left: 12px;
    padding-right: 27px;
  }
  .destacado {
    min-height: 330px
  }
  .textodiferenciador {
    top: 235px
  }
  .textodiferenciador h2 a {
    font-size: 24px
  }
  .eventos p {
    font-size: 13px
  }
  .botonessitios {
    width: 37%
  }
  figure.effect-sadie h2 {
    font-size: 20px;
    width: 76%;
    bottom: 90px;
    padding-left: 5px
  }
  figure.effect-sadie p {
    width: 74%;
    bottom: 50px
  }
  .grid figure {
    min-width: 190px
  }
  .public {
    margin-right: 30px;
    width: 70%
  }
  .contacto {
    width: 24%
  }
  .contacto a {
    font-size: 17px
  }
  .noticia-interna {
    width: 47.2%
  }
  .plataforma-servicios-en-linea .grid figure {
    min-width: 265px
  }
  .cont-boton-serv-sec {
    width: 790px
  }
  .flex-control-nav {
    left: 87%
  }
  .profesor {
    margin: 0;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 46.5%
  }
  .profesor p {
    line-height: 17px
  }
  .publicacionlista {
    margin-right: 18px
  }
  #estructura {
    width: 730px;
    height: 700px
  }
  .directotios {
    width: 47.8%
  }
  .directotios h3 {
    margin-bottom: 5px !important
  }
  .imagendirectorios {
    min-height: 155px
  }
  .cont-publicaciones-int {
    width: 86%
  }
  .publicacionlista {
    width: 96%;
    margin-left: 20px
  }
  .cont-series-int {
    width: 75%;
    height: 150px
  }
  .flecha_izq2 {
    border-top: 150px solid transparent
  }
  .contenedor-div {
    margin-right: 25px
  }
  .contenedor-divInvestigacion {
    margin-right: 25px
  }
  .contenedor-divConvocatorias {
    margin-right: 25px
  }
  .opcion-especializacion {
    width: 44.7%
  }
  .imagenreflexiones {
    min-height: 170px
  }
  .reflexionespedagogicas h3 {
    width: 93.7%
  }
  .reflexionespedagogicas {
    height: 333px
  }
  .fundacion-jovenes,
  .otra-jovenes {
    width: 95%
  }
  .obj-jovenes li {
    width: 23%;
    height: 130px;
    line-height: 16px;
    padding: 8px
  }
  .noticias {
    margin-right: 25px
  }
  .cont-revista-int {
    width: 77%;
    margin-top: 10px
  }
  .flecha_izq1 {
    margin-top: 10px
  }
  .jovenes-investigadores p {
    font-size: 13px;
    line-height: 17px;
    margin-top: 210px
  }
  .misionfac {
    width: 52.5%
  }
  .objetivosdecano img {
    margin: 13px
  }
}
@media(max-width:1199px) and (min-width:1000px) {
  .menu li a {
    padding-left: 9px;
    padding-right: 8px
  }
  .nombre_micrositio h1 {
    font-size: 55px
  }
  .textodiferenciador {
    padding: 15px;
    padding-bottom: 25px
  }
  .textodiferenciador h2 a {
    font-size: 24px
  }
  .textodiferenciador h2 {
    margin-bottom: 3px;
    margin-left: 15px
  }
  .col-grid {
    width: 49%
  }
  .boton-serv-sec {
    width: 46.3%
  }
  .cont-boton-serv-sec {
    width: 900px
  }
  .destacado {
    height: 200px;
    min-height: 345px
  }
  .flex-control-nav {
    left: 87%
  }
  .textodiferenciador p a {
    width: 90%;
    display: table;
    margin-left: 15px
  }
  .botonessitios {
    width: 48%
  }
  .profesor {
    margin: 12px;
    height: auto
  }
  .profesor p {
    font-size: 13px;
    line-height: 18px
  }
  .imagenprofesor {
    min-height: 175px
  }
  .col-grid-2 .grid figure {
    min-width: 415px
  }
  .publicacionlista {
    margin-right: 18px
  }
  .busqueda-publicaciones .publicacion {
    margin: 10px;
    height: 155px
  }
  .profesor {
    margin: 0;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 48%
  }
  .profesor p {
    line-height: 14px;
    font-size: 10px
  }
  .columna-izquierda {
    margin-left: 25px
  }
  #estructura {
    width: 640px;
    height: 640px
  }
  .directotios {
    width: 47.7%
  }
  .directotios h3 {
    margin-bottom: 0 !important
  }
  .imagendirectorios {
    min-height: 130px;
    width: 36%;
    margin-right: 12px
  }
  .destacado {
    height: 200px;
    min-height: 360px
  }
  .programauno,
  .programados {
    width: 100%;
    margin: 0;
    margin-top: 15px
  }
  .tituloprog1,
  .tituloprog2 {
    width: 15%
  }
  .ac-container article ul {
    margin: 0
  }
  .opcion-especializacion {
    width: 44.7%
  }
  .imagenreflexiones {
    min-height: 155px
  }
  .reflexionespedagogicas h3 {
    width: 92.7%;
    font-size: 17px
  }
  .reflexionespedagogicas {
    height: 337px;
    margin-right: 15px
  }
  .fundacion-jovenes,
  .otra-jovenes {
    width: 95%
  }
  .obj-jovenes li {
    width: 22.5%;
    height: 163px;
    line-height: 16px;
    padding: 8px
  }
  .noticias {
    margin-right: 25px
  }
  .videoprograma iframe {
    height: 235px
  }
  .jovenes-investigadores p {
    font-size: 12px;
    line-height: 15px;
    margin: 15px;
    margin-top: 210px
  }
  .visionfac {
    width: 32%
  }
  .misionfac {
    width: 51%
  }
  .objetivosdecano img {
    margin: 12px
  }
}
@media(max-width:1099px) and (min-width:900px) {
  .fixed .mobile-menu {
    position: fixed !important;
    width: 95% !important;
    z-index: 99999999999;
    padding: 10px;
    padding-right: 20px
  }
  .destacado {
    height: 200px;
    min-height: 295px
  }
  .redessociales {
    width: 170px;
    display: flex;
  }
  .textodiferenciador p {
    margin-right: 75px;
    margin-top: 0
  }
  .flex-control-nav {
    left: 88%
  }
  .redessociales img {
    width: 80%;
    float: left;
    margin-left: 7px;
    margin-right: 0;
  }
  #logo-head {
    padding: 17px;
    width: 140px;
    padding-top: 22px
  }
  .container-nombre {
    margin-left: 174px;
    padding: 22px;
    padding-left: 0
  }
  .eventos {
    width: 30%
  }
  .noticia {
    height: auto
  }
  .imagenprofe {
    width: 95px;
    min-height: 95px;
    margin-bottom: 10px
  }
  #red-menu a {
    font-size: 17px !important
  }
  .menu li a {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
    letter-spacing: 0;
    font-weight: lighter
  }
  .menu ul li {
    width: 162px;
  }
  .col-servicios {
    padding-left: 0 !important;
    width: 18%
  }
  .textodiferenciador {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    top: 195px
  }
  .centrofooter {
    width: 64% !important;
    margin-right: 0 !important
  }
  .col-resaltados {
    width: 18% !important;
    padding-left: 0 !important
  }
  .fecha {
    width: 100%;
    padding: 0;
    margin-bottom: 10px
  }
  .fecha h3 {
    font-size: 19px;
    margin: 5px
  }
  .evento h4 {
    font-size: 16px;
    text-align: right
  }
  .evento {
    margin-bottom: 18px;
    margin-top: 10px
  }
  .eventos p {
    margin-bottom: 0;
    font-size: 12px
  }
  .botonessitios {
    width: 49%
  }
  .grid figure {
    min-width: 190px
  }
  .publicacion {
    margin-left: 18px;
    margin-right: 18px
  }
  .public {
    margin-right: 15px;
    width: 70%
  }
  .contacto {
    width: 24%
  }
  .contacto a {
    font-size: 17px
  }
  .contacto p {
    font-size: 17px
  }
  .noticia-interna {
    margin-right: 20px;
    margin-bottom: 20px;
    height: 350px
  }
  .imagenenoticiainterna {
    margin-right: 15px;
    width: 91%;
    margin-bottom: 15px
  }
  .noticia-interna h3 {
    font-size: 18px;
    line-height: 20px;
    margin-left: 20px;
    margin-right: 20px
  }
  .noticia-interna h4 {
    margin-left: 20px
  }
  .eventofac {
    margin-right: 22px
  }
  .imageneventointerna {
    margin: 0;
    margin-right: 15px;
    width: 50%
  }
  .nombreevento p {
    text-align: left
  }
  .plataforma-servicios-en-linea .grid figure {
    min-width: 255px
  }
  .col-grid {
    width: 47%;
    margin-right: 20px
  }
  .boton-serv-sec {
    width: 44.1%;
    margin-bottom: 15px
  }
  .cont-boton-serv-sec {
    width: 650px
  }
  .publicacion {
    margin-right: 10px
  }
  .profesor {
    margin: 12px;
    height: auto
  }
  .profesor h3 {
    font-size: 16px
  }
  .profesor p {
    font-size: 13px;
    line-height: 18px
  }
  .imagenprofesor {
    min-height: 162px
  }
  .publicacionlista {
    width: 40%;
    margin-right: 0
  }
  .busqueda-publicaciones .publicacion {
    margin: 10px;
    height: 155px
  }
  .profesor {
    margin: 0;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 45%
  }
  .profesor p {
    line-height: 14px;
    font-size: 10px
  }
  .columna-izquierda {
    margin-left: 22px
  }
  #estructura {
    width: 730px;
    height: 605px
  }
  .directotios {
    width: 47%
  }
  .directotios h3 {
    margin-bottom: 0 !important;
    font-size: 19px;
    margin-top: 10px
  }
  .imagendirectorios {
    min-height: 110px;
    width: 27%;
    margin-right: 10px
  }
  .directotios p {
    line-height: 16px !important
  }
  .cont-revista-int {
    margin-top: 0;
    width: 75%;
    height: 215px
  }
  .boton-public {
    font-size: 14px
  }
  .boton-public:hover {
    font-size: 14px
  }
  .catalogo-revista h3 {
    margin-bottom: 10px;
    margin-left: 0;
    font-size: 19px
  }
  .catalogo-revista {
    width: 71%
  }
  .colpublic1,
  .colpublic2 {
    width: 45%;
    margin-left: 20px
  }
  .publicacionlista {
    width: 111%;
    margin: 0
  }
  .flecha_izq1 {
    margin-top: 0;
    border-top: 215px solid transparent;
    border-right: 115px solid #c7c7c7
  }
  .cont-publicaciones-int {
    width: 83%
  }
  .cont-series-int {
    width: 81%
  }
  .catalogo-public {
    width: 98%
  }
  .fixed {
    position: inherit !important;
    padding: 0;
    width: 100% !important;
    padding-bottom: 10px
  }
  .contenedor-div {
    width: 47.7%;
    margin-right: 20px;
    height: 520px
  }
  .contenedor-divInvestigacion {
    width: 47.7%;
    margin-right: 20px;
    height: 520px
  }
  .contenedor-divConvocatorias {
    width: 47.7%;
    margin-right: 20px;
    height: 520px
  }
  .col-izq-imagen {
    width: 96%;
    min-height: 220px;
    margin-bottom: 20px
  }
  .contenedor-div h4,
  .contenedor-div h3 {
    margin-left: 20px
  }
  .contenedor-divInvestigacion h4,
  .contenedor-divInvestigacion h3 {
    margin-left: 20px
  }
  .contenedor-divConvocatorias h4,
  .contenedor-divConvocatorias h3 {
    margin-left: 20px
  }
  .curso-formacion {
    margin-right: 20px;
    margin-bottom: 20px;
    height: 195px
  }
  .curso-formacion a {
    font-size: 14px;
    height: 55px
  }
  .curso-formacion {
    width: 22.8%
  }
  .imagencifras2 {
    width: 46%
  }
  .infografíacifras {
    width: 54%;
    padding-top: 20px
  }
  .infografíacifras img {
    margin-bottom: 15px
  }
  .informacion,
  .adicional {
    width: 96% !important
  }
  .noticias .flex-control-nav {
    text-align: left !important;
    margin-top: 0 !important
  }
  .noticia p a {
    font-size: 13px;
    font-weight: normal;
    line-height: 17px
  }
  .menu-secciones li,
  .menu-secciones li:hover {
    width: 88%
  }
  .columna-izquierda {
    width: 69%
  }
  .opcion-especializacion {
    width: 43.7%
  }
  .opcion-especializacion li {
    text-align: left
  }
  .imagenreflexiones {
    min-height: 155px
  }
  .reflexionespedagogicas h3 {
    width: 92.7%;
    font-size: 17px
  }
  .reflexionespedagogicas {
    height: 337px;
    margin-right: 15px
  }
  .enlacessitiosinteres li {
    width: 42%
  }
  .noticias-egresados {
    width: 93%
  }
  .img-noticia {
    min-height: 157px
  }
  .decanatura img {
    width: 30% !important
  }
  .decanatura p {
    line-height: 18px;
    font-size: 13px
  }
  .objetivosdecano img {
    margin: 13px
  }
  .visionfac {
    width: 32%
  }
  .misionfac {
    width: 51%
  }
  .cifra1 img,
  .cifra5 img {
    width: 178px
  }
  .cifra2 img {
    width: 182px
  }
  .cifra4 img {
    width: 184px
  }
  .cifra3 img {
    width: 186px
  }
  .noticia-interna {
    height: 197px
  }
  .continterna .fechaevento {
    margin-bottom: 0
  }
  .contenidointerna .fechaevento h3 {
    margin-top: 8px
  }
}
@media(max-width:1000px) and (min-width:900px) {
  .nombre_micrositio h1 {
    padding-top: 0;
    margin-top: 5px;
    font-size: 45px
  }
  .cont-boton-serv-sec {
    width: 518px
  }
  .menu li a {
    font-size: 12px;
    padding-left: 4px;
    padding-right: 4px
  }
  .textodiferenciador h2 a {
    font-size: 22px
  }
  .videoprograma,
  .noticia {
    margin-right: 20px
  }
  .vermas {
    width: 98%
  }
  .fecha {
    padding-top: 7px;
    padding-bottom: 7px
  }
  .fecha h3 {
    font-size: 21px !important;
    margin-bottom: 0
  }
  .botonessitios {
    width: 100%;
    padding-top: 0
  }
  .botonico {
    width: 47%
  }
  figure.effect-sadie h2 {
    width: 82%
  }
  .destacado {
    min-height: 295px
  }
  .imagenprofe {
    width: 70px;
    margin-right: 12px;
    min-height: 70px
  }
  .publicacion {
    margin-right: 0
  }
  .vermas {
    width: 95%;
    margin-right: 0
  }
  .publicacion p {
    font-size: 13px;
    line-height: 13px
  }
  .nombrepublic a {
    font-size: 14px;
    line-height: 16px
  }
  .public h3 {
    margin-bottom: 30px
  }
  .fixed .mobile-menu {
    position: fixed !important;
    width: 95% !important;
    z-index: 99999999999;
    padding: 10px;
    padding-right: 20px
  }
  .redessociales img {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 30px;
    float: right
  }
  .redessociales {
    padding-top: 0;
    width: 100%
  }
  .fixed {
    position: inherit !important;
    padding: 0;
    width: 100% !important;
    padding-bottom: 10px
  }
  .continterna {
    height: auto
  }
  .columna-izquierda {
    width: 69%;
    margin-left: 30px
  }
  #wrapper {
    min-height: 0
  }
  .contenidointerna {
    padding-bottom: 30px
  }
  .boton-serv-sec {
    width: 97%;
    height: auto
  }
  .catalogo-public {
    width: 97%
  }
  .catalogo-public .publicacionlista {
    width: 40%
  }
  .videoprograma h3,
  .noticias h3,
  .eventos h3 {
    font-size: 27px;
    margin-top: 0
  }
  .noticia p {
    margin-top: 10px
  }
  .noticias .flex-control-nav {
    bottom: 20px !important
  }
  .videoprograma iframe {
    height: 240px
  }
  .jovenes-investigadores p {
    font-size: 12px;
    line-height: 15px;
    margin: 15px;
    margin-top: 185px
  }
}
@media(max-width:999px) and (min-width:900px) {
  .titulopublicacionesinterna {
    width: 27%
  }
  .cont-series-int {
    width: 70%;
    height: 190px;
    margin-top: 20px
  }
  .catalogo-series {
    width: 67%
  }
  .flecha_izq2 {
    margin-top: 20px;
    border-left: 0 solid transparent;
    border-top: 190px solid transparent;
    border-right: 100px solid #73899e
  }
  .opcion-especializacion {
    width: 97.7%;
    height: auto;
    margin-bottom: 20px
  }
  .imagenreflexiones {
    min-height: 155px
  }
  .reflexionespedagogicas h3 {
    width: 91.5% !important
  }
  .reflexionespedagogicas h3 a {
    font-size: 16px !important
  }
  .reflexionespedagogicas {
    height: 372px;
    margin-right: 15px
  }
  .fundacion-jovenes,
  .otra-jovenes {
    width: 93%
  }
  .obj-jovenes li {
    width: 47.2%;
    height: 91px;
    line-height: 16px;
    padding: 8px
  }
  .visionfac {
    width: 32%
  }
  .misionfac {
    width: 48.5%
  }
  .cifra2,
  cifra4 {
    width: 35%
  }
  .cifra3 {
    width: 28%
  }
  .noticia-interna {
    height: 357px
  }
  .nombreevento p {
    margin-right: 5px
  }
  .imageneventointerna {
    margin-right: 10px
  }
}
@media(max-width:1000px) and (min-width:300px) {
  .boton-serv-sec img {
    width: 30px
  }
  .fixed .mobile-menu {
    position: fixed !important;
    width: 103% !important;
    z-index: 99999999999;
    padding: 10px;
    padding-right: 20px
  }
  .idioma {
    display: none
  }
  .menuURosario {
    margin-top: 25px
  }
}
@media(max-width:890px) and (min-width:300px) {
  .boton-serv-sec {
    width: 100%;
    height: auto
  }
  .nombre_micrositio h1 {
    margin-top: 0;
    padding-top: 0
  }
  .flex-control-nav {
    left: 88%
  }
  .redessociales {
    padding-top: 0;
    width: 100%
  }
  .redessociales img {
    margin-top: 10px;
    margin-bottom: 10px
  }
  .fixed {
    position: inherit !important;
    padding: 0;
    width: 100% !important;
    padding-bottom: 10px
  }
  .fixed .mobile-menu {
    position: fixed !important;
    width: 95% !important;
    z-index: 99999999999;
    padding: 10px;
    padding-right: 20px
  }
  .cont-boton-serv-sec {
    width: 90.5%
  }
  .destacado {
    height: 200px;
    min-height: 280px
  }
  .textodiferenciador {
    padding: 15px;
    padding-left: 10px
  }
  .textodiferenciador h2 a {
    font-size: 22px
  }
  .textodiferenciador p {
    font-size: 13px;
    margin-top: 0
  }
  .videoprograma {
    width: 48%;
    margin-right: 20px;
    padding-bottom: 0
  }
  .evento {
    width: 47%;
    float: left
  }
  .noticias {
    width: 48%;
    margin-right: 0;
    padding-bottom: 0
  }
  .noticia {
    width: 100%;
    margin-bottom: 10px
  }
  .eventos {
    padding-right: 0;
    padding-left: 20px;
    width: 96%;
    padding-top: 0
  }
  .eventos h3 {
    margin-bottom: 0
  }
  .fecha h3 {
    font-size: 28px
  }
  .botonessitios {
    width: 100%
  }
  .botonico {
    margin-right: 20px;
    margin-left: 10px
  }
  .public {
    width: 60%;
    margin-right: 25px
  }
  .zonatres {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 30px
  }
  .imagenprofe {
    margin-right: 10px;
    width: 80px;
    min-height: 70px
  }
  .publicacion {
    width: 96%;
    margin-right: 0;
    margin-bottom: 10px
  }
  .nombrepublic a {
    font-size: 14px
  }
  .publicacion p {
    font-size: 13px
  }
  .contacto a {
    font-size: 17px
  }
  .contacto {
    font-size: 17px;
    padding-left: 10px;
    padding-right: 10px;
    width: 34%
  }
  .public h3 {
    margin-bottom: 38px
  }
  .columna-izquierda,
  .columna-derecha {
    width: 100%;
    margin: 0;
    margin-bottom: 20px
  }
  .col-grid {
    width: 50%
  }
  .col-grid-2 {
    width: 50%
  }
  .plataforma-servicios-en-linea .grid figure {
    width: 93%
  }
  .boton-serv-sec {
    width: 97%;
    margin-bottom: 10px
  }
  .cont-boton-serv-sec {
    padding: 15px;
    height: auto
  }
  .ac-container {
    width: 100%;
    margin: 0;
    margin-bottom: 20px
  }
  .menu-secciones {
    width: 97%;
    margin-bottom: 0
  }
  .WrapperLetras a {
    margin-left: 3px !important;
    margin-right: 3px !important
  }
  .profesor {
    width: 95%;
    margin: 0;
    margin-bottom: 20px
  }
  .paginacion {
    width: 97%
  }
  .decanatura {
    width: 92%
  }
  .continterna {
    padding-bottom: 90px !important
  }
  .caja-twitter {
    position: absolute;
    bottom: 0
  }
  .col-grid-2 .grid figure {
    min-width: 337px
  }
  .publicacionlista {
    margin-right: 0;
    width: auto;
    margin-left: 10px
  }
  .boton-public {
    color: #333;
    font-size: 13px;
    padding-left: 20px
  }
  .boton-public:hover {
    color: #333;
    font-size: 13px;
    padding-left: 20px
  }
  .boton-public a {
    font-size: 13px
  }
  .busqueda-publicaciones .publicacion {
    width: 97%;
    margin: 0;
    margin-bottom: 20px;
    height: auto
  }
  #estructura {
    width: 700px;
    height: 700px
  }
  .directotios {
    width: 43%;
    padding: 15px;
    padding-bottom: 0;
    height: 363px
  }
  .directotios h3 {
    margin-bottom: 0 !important;
    font-size: 19px;
    margin-top: 10px
  }
  .imagendirectorios {
    min-height: 230px;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 20px
  }
  .directotios p {
    line-height: 16px !important
  }
  figure.effect-sadie h2 {
    width: 80%
  }
  .cont-estructura {
    width: 94.5%
  }
  .menu-secciones li {
    width: 96%
  }
  .menu-secciones li:hover {
    width: 96%
  }
  .nombrepublic {
    font-size: 15px
  }
  .fecha h3 {
    margin: 15px
  }
  .noticias .flex-control-nav {
    margin-top: -25px !important
  }
  .contenedor-div {
    margin-right: 15px;
    min-height: 510px !important
  }
  .contenedor-divInvestigacion {
    margin-right: 15px;
    min-height: 510px !important
  }
  .contenedor-divConvocatorias {
    margin-right: 15px;
    min-height: 250px !important;
    width: 100% !important
  }
  .col-izq-imagen {
    width: 94%;
    margin-bottom: 20px
  }
  .contenedor-div h3 {
    margin-left: 20px
  }
  .contenedor-divInvestigacion h3 {
    margin-left: 20px
  }
  .contenedor-divConvocatorias h3 {
    margin-left: 20px
  }
  .contenedor-div h4 {
    margin-left: 20px;
    margin-top: 0
  }
  .contenedor-divInvestigacion h4 {
    margin-left: 20px;
    margin-top: 0
  }
  .contenedor-divConvocatorias h4 {
    margin-left: 20px;
    margin-top: 0
  }
  .curso-formacion {
    width: 30%
  }
  .cont-revista-int {
    margin-top: -6px;
    width: 73%
  }
  .flecha_izq1 {
    margin-top: -6px;
    border-top: 180px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 100px solid #c7c7c7;
    border-left: 20px solid transparent
  }
  .colpublic1,
  .colpublic2 {
    width: 100%
  }
  .catalogo-series h3,
  .catalogo-public h3,
  .catalogo-revista h3 {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 20px
  }
  .cont-revista-int {
    background-image: none;
    height: 180px
  }
  .columna-izquierda {
    padding-top: 0;
    width: 97%
  }
  .contenidointerna h2 {
    font-size: 26px;
    line-height: 28px
  }
  .infografíacifras {
    width: 50%;
    padding-top: 10px
  }
  .plataforma-servicios-en-linea .grid {
    padding-top: 0
  }
  .columna-izquierda h2 {
    margin-top: 5px;
    text-align: left
  }
  .opcion-especializacion {
    width: 97.7%;
    height: auto;
    margin-bottom: 20px
  }
  .imagenreflexiones {
    min-height: 305px
  }
  .reflexionespedagogicas h3 {
    width: 96.5% !important
  }
  .reflexionespedagogicas h3 a {
    font-size: 18px !important
  }
  .reflexionespedagogicas {
    width: 100%;
    height: auto;
    margin-right: 15px
  }
  .enlacessitiosinteres li {
    width: 43%
  }
  .noticias-egresados {
    width: 94.5%
  }
  .img-noticia {
    min-height: 165px !important
  }
  .decanatura img {
    width: 30% !important
  }
  .decanatura p {
    line-height: 18px;
    font-size: 13px
  }
  .objetivosdecano img {
    margin: 13px
  }
  .fundacion-jovenes,
  .otra-jovenes {
    width: 95%
  }
  .obj-jovenes li {
    width: 22.7%;
    height: 163px;
    line-height: 16px;
    padding: 8px
  }
  .jovenes-investigadores p {
    font-size: 13px;
    line-height: 16px;
    margin: 15px;
    margin-top: 195px
  }
  .misionfac {
    width: 51%
  }
  .misionvision {
    margin-top: -30px
  }
  .cifra112 img {
    width: 67%
  }
  .cifra1 img,
  .cifra5 img {
    width: 190px
  }
  .cifra2 img,
  .cifra4 img {
    width: 187px
  }
  .cifra3 img {
    width: 190px
  }
  .noticia-interna {
    margin-right: 18px;
    height: 357px
  }
  .imagenenoticiainterna {
    width: 91%;
    margin: 15px
  }
  .noticia-interna h3 {
    margin-left: 15px;
    margin-right: 15px
  }
  .noticia-interna h4 {
    margin-left: 15px
  }
  .noticia-interna p {
    margin: 15px
  }
  .eventofac {
    margin-right: 18px
  }
  .imageneventointerna {
    width: 100%;
    margin-bottom: 20px
  }
  .contenidointerna .fechaevento {
    margin-left: 15px
  }
  .nombreevento {
    margin-left: 15px;
    margin-right: 10px
  }
  .eventos-interna .eventofac {
    height: 250px;
    margin-bottom: 20px
  }
}
@media(max-width:780px) and (min-width:700px) {
  .botonico {
    margin-right: 15px
  }
}
@media(max-width:690px) and (min-width:320px) {
  .cifra1 img,
  .cifra2 img,
  .cifra5 img {
    width: 172px
  }
  .cifra3 img,
  .cifra4 img {
    width: 174px
  }
  .cifra2,
  cifra4 {
    width: 35%
  }
  .cifra3 {
    width: 30%
  }
}
@media(max-width:690px) and (min-width:320px) {
  .nombre_micrositio h1 {
    font-size: 38px;
    margin: 0;
    margin-left: 10px
  }
  .destacado {
    min-height: 205px
  }
  .flex-control-nav {
    margin-left: 15px
  }
  .textodiferenciador {
    padding: 5px;
    padding-left: 10px
  }
  .textodiferenciador h2 {
    font-size: 22px;
    margin: 0;
    font-weight: lighter
  }
  .textodiferenciador p a {
    line-height: 17px;
    font-size: 13px;
    width: 100%;
    display: table
  }
  .videoprograma {
    width: 100%;
    padding-top: 0
  }
  .noticias {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    padding-top: 0
  }
  .eventos {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 20px
  }
  .botonessitios {
    width: 100%;
    margin-bottom: 30px
  }
  .videoprograma h3,
  .noticias h3,
  .eventos h3 {
    font-size: 27px;
    margin-top: 20px;
    margin-bottom: 10px
  }
  .public {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 20px
  }
  .continterna {
    padding: 15px
  }
  .continterna p {
    margin-right: 15px
  }
  .contenedor-div p {
    margin-right: 20px
  }
  .contenedor-divInvestigacion p {
    margin-right: 20px
  }
  .noticia-interna {
    width: 100%;
    margin: 0;
    margin-bottom: 20px
  }
  .listado-publicaciones .publicacion {
    width: 100%;
    margin: 0;
    margin-bottom: 20px
  }
  .busqueda-publicaciones .publicacion {
    width: 100%;
    margin: 0;
    margin-bottom: 20px
  }
  .publicacionlista {
    width: 100%;
    margin: 0;
    margin-bottom: 20px
  }
  .profesor {
    width: 96%;
    margin: 0;
    margin-bottom: 25px
  }
  .tabla-contenedor {
    width: 98% !important;
    margin-left: auto !important;
    margin-right: auto !important
  }
  .tabla-contenedor td {
    font-size: 11px !important;
    line-height: 14px !important;
    padding: 2px !important
  }
  .columna-izquierda,
  .columna-derecha {
    width: 100%
  }
  .cont-boton-serv-sec {
    width: 89%
  }
  .col-grid {
    width: 100%
  }
  .col-grid-2 {
    width: 100%
  }
  .botonessitios {
    width: 100%
  }
  .botonico {
    margin-left: 0;
    margin-right: 20px
  }
  .boton-serv-sec {
    width: 96%
  }
  .menu-secciones li {
    width: 94%
  }
  .menu-secciones li:hover {
    width: 94%
  }
  .ac-container {
    width: 100%;
    margin: 0;
    margin-bottom: 20px
  }
  .menu-secciones {
    width: 100%;
    margin-bottom: 0
  }
  .contacto {
    width: 96%;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 20px
  }
  .contacto img {
    width: 46%;
    margin: 10px;
    float: left
  }
  .WrapperLetras a {
    margin-left: 6px !important;
    margin-right: 6px !important;
    font-size: 15px !important;
    float: left
  }
  .WrapperLetras span {
    display: none !important
  }
  .profesor h3 {
    font-size: 16px
  }
  .profesor p {
    font-size: 13px;
    line-height: 18px
  }
  .imagenprofesor {
    min-height: 165px
  }
  .decanatura img {
    width: 49%
  }
  .decanatura {
    width: 100%
  }
  .tituloprog1,
  .tituloprog2 {
    width: 100%;
    height: auto;
    line-height: normal
  }
  .textoprograma,
  .textoprograma2 {
    width: 100%;
    border-radius: 0 0 10px 10px;
    height: auto
  }
  #estructura {
    width: 520px;
    height: 520px
  }
  .directotios {
    width: 90%;
    height: auto
  }
  .directotios h3 {
    margin-bottom: 0 !important
  }
  .imagendirectorios {
    min-height: 130px;
    width: 36%;
    margin-right: 12px
  }
  .imagenenoticia {
    min-height: 300px
  }
  .noticias .flexslider {
    margin-bottom: 5px
  }
  .noticias {
    padding-bottom: 0;
    margin-bottom: 0
  }
  .botonessitios {
    padding-top: 0
  }
  .centrofooter,
  .col-resaltados {
    width: 100%
  }
  .col-resaltados img {
    width: 33%;
    padding-left: 70px !important
  }
  .continterna {
    width: 94.5%
  }
  .eventofac {
    width: 100%;
    margin-bottom: 20px
  }
  .imagen {
    width: 100%;
    margin-bottom: 20px
  }
  .eventos h3 {
    margin-top: 0
  }
  .evento {
    width: 100%;
    margin-top: 0
  }
  .fecha h3 {
    margin: 15px
  }
  .contenedor-div {
    width: 99%;
    height: auto !important
  }
  .contenedor-divInvestigacion {
    width: 99%;
    height: auto !important
  }
  .col-izq-imagen {
    min-height: 230px
  }
  .curso-formacion {
    width: 45%
  }
  .titulopublicacionesinterna {
    width: 95%
  }
  .titulopublicacionesinterna img {
    display: none
  }
  .titulopublicacionesinterna h2 {
    display: table;
    font-size: 26px;
    margin-top: 5px;
    margin-bottom: 20px
  }
  .catalogo-revista {
    width: 100%;
    padding-top: 0
  }
  .cont-revista-int {
    width: 96%;
    background: none;
    padding-left: 10px
  }
  .catalogo-series h3,
  .catalogo-public h3,
  .catalogo-revista h3 {
    text-align: left;
    margin-left: 0;
    color: #a20f26
  }
  .publicacionlista {
    width: auto;
    float: left;
    margin-right: 20px
  }
  .flechaboton {
    display: none
  }
  .colpublic1,
  .colpublic2 {
    margin-left: 10px
  }
  .infografíacifras img {
    margin-left: 5px;
    margin-bottom: 25px
  }
  .grid figure {
    width: 100% !important;
    height: 355px !important;
    height: 350px !important
  }
  .opcion-especializacion {
    width: 95%
  }
  .que-es-epa img {
    width: 100%
  }
  .imagenreflexiones {
    min-height: 230px
  }
  .reflexionespedagogicas h3 {
    width: 95.3% !important
  }
  .reflexionespedagogicas h3 a {
    font-size: 18px !important
  }
  .reflexionespedagogicas {
    width: 100%;
    height: auto;
    margin-right: 15px
  }
  .reflexionespedagogicas p {
    margin: 15px !important;
    margin-bottom: 5px !important
  }
  .enlacessitiosinteres li {
    font-size: 13px;
    line-height: 17px;
    height: auto;
    padding-right: 8px;
    padding-bottom: 8px;
    width: 92%;
    margin-bottom: 7px
  }
  .img-evento {
    width: 100%;
    margin-bottom: 20px;
    min-height: 155px
  }
  .evento-egresados {
    padding: 15px;
    padding-top: 20px;
    width: 91%
  }
  .noticias-egresados {
    width: 91.5%;
    padding: 15px;
    padding-top: 20px
  }
  .contenidointerna h3 {
    margin-bottom: 15px !important
  }
  .img-noticia {
    min-height: 265px;
    width: 100%;
    margin-bottom: 15px;
    min-height: 200px !important
  }
  .testimonio {
    width: 91%
  }
  .testimonio p {
    line-height: 18px;
    margin-bottom: 5px
  }
  .boton-textimonios,
  .boton-textimonios:hover {
    width: 91%
  }
  .decanatura {
    width: 91%
  }
  .objetivosdecano img {
    margin: 10px
  }
  .nuestrascifras img {
    width: 100%
  }
  .ac-container label {
    line-height: 18px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px
  }
  .fundacion-jovenes,
  .otra-jovenes {
    width: 91%;
    padding: 15px
  }
  .obj-jovenes li {
    width: 97.2%;
    height: auto;
    line-height: 16px;
    padding: 8px
  }
  .obj-jovenes {
    width: 100%
  }
  .obj-jovenes ul {
    width: 100%
  }
  .jovenes-investigadores {
    background: none
  }
  .jovenes-investigadores p {
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    color: #333;
    text-shadow: none
  }
  .jovenes-investigadores img {
    display: table;
    width: 100%;
    margin-bottom: 20px
  }
  .misionfac,
  .visionfac {
    width: 90%
  }
  .misionvision img {
    margin-bottom: 20px
  }
  .imagenenoticiainterna {
    width: 94%
  }
  .noticia-interna p {
    margin-right: 15px;
    margin-bottom: 15px
  }
  .noticia-interna {
    height: auto
  }
  .noticia-interna h3 {
    margin-bottom: 3px !important
  }
  .contenidointerna .fechaevento h3 {
    margin-bottom: 2px !important
  }
  .nuestrascifras {
    display: none
  }
  .nuestrascifras2 {
    display: table
  }
}
@media(max-width:480px) and (min-width:300px) {
  .menuURosario {
    margin-top: -75px !important
  }
  .sub-menu li {
    border-left: 3px solid #8d9ab9
  }
  .container {
    width: 95%
  }
  .mobile-menu {
    width: 94%
  }
  .fixed .mobile-menu {
    position: fixed !important;
    width: 88.5% !important;
    z-index: 99999999999;
    padding: 10px;
    padding-right: 15px
  }
  .nombre_micrositio {
    position: relative;
    top: 0;
    background: #2d3a43;
    margin: 0 !important
  }
  .contenidointerna .nombre_micrositio h1 {
    font-size: 32px;
    font-weight: lighter;
    margin-left: 10px;
    line-height: 40px;
    text-shadow: none;
    margin-bottom: 20px
  }
  .nombre_micrositio h1 {
    font-size: 32px;
    font-weight: lighter;
    margin-left: 10px;
    line-height: 40px;
    text-shadow: none
  }
  .destacado {
    padding: 0;
    height: 100;
    min-height: 230px;
    position: relative
  }
  .textodiferenciador {
    width: 96%;
    position: relative;
    padding: 10px;
    height: 120px;
    background: #f1f1f1;
    margin-top: 0
  }
  .textodiferenciador h2 {
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 5px;
    text-shadow: none;
    color: #333
  }
  .textodiferenciador h2 a {
    font-size: 19px;
    letter-spacing: 1px !important;
    text-shadow: none;
    color: #333
  }
  .textodiferenciador p {
    width: 100% !important;
    color: #333;
    font-size: 12px
  }
  .textodiferenciador p a {
    font-size: 12px;
    font-weight: lighter;
    margin-top: 0;
    margin-bottom: 0;
    width: 100% !important;
    line-height: 14px;
    color: #333
  }
  .flex-control-nav {
    text-align: center;
    padding-left: 0;
    left: 40%
  }
  .flex-control-paging li a.flex-active {
    background: #999
  }
  .noticias {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    margin-bottom: 20px
  }
  .noticias h3 {
    font-size: 27px;
    margin-left: 0
  }
  .noticia {
    width: 100%;
    margin: 0;
    margin-bottom: 0
  }
  .imagenenoticia {
    max-height: 200px
  }
  .noticias .flexslider {
    margin-bottom: 0
  }
  .eventos {
    padding-left: 10px;
    padding-right: 10px
  }
  .evento {
    margin: 0;
    width: 100%;
    margin-bottom: 20px
  }
  .eventos h3 {
    font-size: 27px;
    margin-left: 0;
    margin-top: 0
  }
  .fecha h3 {
    font-size: 30px;
    margin: 7px;
    padding-top: 15px;
    padding-bottom: 12px
  }
  .botonessitios {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    margin-bottom: 0
  }
  figure.effect-sadie h2 {
    height: 62px !important
  }
  .botonico {
    width: 100%;
    margin: 0;
    margin-bottom: 5px
  }
  .imagenprofe {
    width: 80px;
    min-height: 80px;
    margin-right: 15px
  }
  .publicacion {
    margin-left: 0;
    width: 100%
  }
  .nombrepublic {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0
  }
  .publicacion p {
    font-size: 13px;
    color: #111
  }
  .public {
    padding-left: 10px;
    padding-right: 10px
  }
  .public h3 {
    font-size: 27px;
    margin-bottom: 30px;
    margin-left: 0
  }
  .publicacion {
    padding-left: 0
  }
  .publicacion h4 {
    margin-bottom: 5px
  }
  .imagenenoticiainterna {
    width: 100%;
    margin: 0;
    margin-bottom: 20px
  }
  .imageninterna img {
    padding-right: 0
  }
  .continterna p {
    margin-right: 0
  }
  .contenidointerna h2 {
    font-size: 27px
  }
  .noticia-interna p {
    margin: 20px;
    margin-top: 0
  }
  .noticia-interna h3 {
    margin-left: 20px
  }
  .profesor {
    padding-left: 0
  }
  .profesor h3 {
    font-size: 22px;
    margin-bottom: 10px;
    margin-left: 20px
  }
  .imagenprofesor {
    width: 100%;
    margin-bottom: 20px;
    min-height: 250px
  }
  .profesor p {
    text-align: left;
    margin: 20px;
    margin-top: 0
  }
  #contentur {
    padding-bottom: 0 !important
  }
  .cont-boton-serv-sec {
    width: 90%;
    padding: 5px
  }
  .col-servicios {
    padding-left: 5px !important;
    padding-bottom: 0 !important
  }
  .col-resaltados {
    padding-left: 10px !important
  }
  .tex-serv {
    width: 80%
  }
  .cont-boton-serv-sec p {
    font-size: 13px;
    font-weight: lighter;
    text-align: left
  }
  .cont-boton-serv-sec li {
    font-size: 13px;
    font-weight: lighter;
    text-align: left
  }
  .cont-boton-serv-sec ul {
    padding-left: 20px
  }
  .cont-boton-serv-sec ol {
    padding-left: 12px
  }
  .plataforma-servicios-en-linea .grid figure {
    max-height: 250px
  }
  .plataforma-servicios-en-linea .grid figure p {
    font-size: 13px;
    line-height: 17px
  }
  .continterna p {
    text-align: left
  }
  .continterna li {
    text-align: left
  }
  .continterna ol {
    text-align: left
  }
  .menu li a {
    padding: 9px !important
  }
  .redessociales {
    width: 100%
  }
  .redessociales img {
    float: inherit
  }
  .flex-control-nav {
    left: 36% !important;
    bottom: 100px
  }
  .flex-control-paging li a {
    width: 11px;
    height: 11px
  }
  .decanatura img {
    width: 100%;
    margin-bottom: 20px
  }
  .imagenprofesor img {
    margin-left: 0
  }
  #estructura {
    width: 100%;
    height: 310px
  }
  .directotios {
    width: 94%;
    padding: 15px;
    padding-bottom: 10px;
    height: auto
  }
  .directotios h3 {
    margin-bottom: 0 !important;
    font-size: 19px;
    margin-top: 10px
  }
  .imagendirectorios {
    min-height: 230px;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 20px
  }
  .directotios p {
    line-height: 16px !important
  }
  .imagenenoticia {
    min-height: 180px
  }
  .noticias,
  .eventos,
  .botonessitios,
  .public,
  .contacto {
    width: 95%
  }
  .imageneventointerna {
    width: 100%;
    min-height: 170px;
    margin-bottom: 20px
  }
  .redes1,
  .redes2 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px
  }
  .col-resaltados img {
    padding-left: 14px !important
  }
  .redessocialesiconos {
    width: 96%
  }
  .imagenenoticiainterna {
    min-height: 145px
  }
  .fechaevento,
  .nombreevento {
    padding-left: 15px !important
  }
  .noticia-interna h3,
  .noticia-interna p {
    margin-left: 15px
  }
  .continterna {
    width: 91.5%
  }
  .profesor {
    width: 100%
  }
  .cont-estructura {
    padding: 15px
  }
  .directotios {
    width: 86%
  }
  .cont-estructura {
    width: 90.5%
  }
  .directotios {
    width: 90.7%
  }
  .menu-secciones li {
    width: 92%
  }
  .menu-secciones li:hover {
    width: 92%
  }
  .videoprograma h3,
  .noticias h3,
  .eventos h3 {
    font-size: 24px
  }
  .noticias .flex-control-nav {
    margin-top: 0 !important;
    bottom: 10px
  }
  .contacto img {
    width: 45% !important;
    margin: 8px;
    height: auto !important;
  }
  .col-izq-imagen {
    width: 95%
  }
  .contenedor-div p {
    margin-right: 15px
  }
  .contenedor-divInvestigacion p {
    margin-right: 15px
  }
  .masinfo {
    bottom: 15px;
    right: 15px
  }
  .curso-formacion {
    width: 100%
  }
  .curso-formacion p {
    text-align: center
  }
  .curso-formacion a {
    height: auto;
    padding-bottom: 17px
  }
  .foto-curso {
    min-height: 110px
  }
  .publicacionlista {
    width: auto;
    text-align: left;
    float: none;
    margin-bottom: 7px;
    margin-top: 7px
  }
  .imagencifras {
    display: table;
    margin-bottom: 10px
  }
  .imagencifras2 {
    display: none
  }
  .infografíacifras {
    width: 100%
  }
  .infografíacifras img {
    width: 97%
  }
  .boton-serv-sec {
    width: 95%
  }
  .ac-container {
    width: 98%;
    margin-bottom: 0
  }
  .imagen2 {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    position: relative;
    height: 100px;
    min-height: 200px;
    margin-bottom: 20px;
    overflow: hidden
  }
  .opcion-especializacion {
    width: 93%
  }
  .videoprograma iframe {
    height: 180px
  }
  .imagenreflexiones {
    min-height: 150px
  }
  .reflexionespedagogicas h3 {
    width: 93.1% !important
  }
  .reflexionespedagogicas h3 a {
    font-size: 18px !important
  }
  .reflexionespedagogicas {
    width: 100%;
    height: auto;
    margin-right: 15px
  }
  .enlacessitiosinteres li {
    font-size: 13px;
    line-height: 17px;
    height: auto;
    padding-right: 8px;
    padding-bottom: 8px;
    width: 89%;
    margin-bottom: 7px
  }
  .decanatura img {
    width: 100% !important
  }
  .decanatura {
    width: 88%
  }
  .objetivosdecano img {
    width: 44.5%;
    margin: 7px
  }
  .fundacion-jovenes h3,
  .otra-jovenes h3,
  .obj-jovenes h3 {
    font-size: 20px;
    line-height: 20px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 15px
  }
  .misionfac,
  .visionfac {
    width: 88%;
    padding: 15px;
    padding-top: 0
  }
  .textocifras {
    display: table
  }
  .cifrasjovenes {
    display: none
  }
  .noticia-interna p {
    margin-right: 10px
  }
  .contenidointerna .fechaevento,
  .contenidointerna .nombreevento {
    padding-left: 0 !important
  }
}
@media(max-width:379px) and (min-width:320px) {
  .textodiferenciador {
    width: 94%;
    position: relative;
    padding: 10px;
    margin-top: 25px
  }
  .flex-control-nav {
    left: 35% !important;
    bottom: 75px
  }
  .plataforma-servicios-en-linea .grid figure {
    max-height: 220px
  }
  .col-grid-2 .grid figure {
    min-width: 220px
  }
  #estructura {
    width: 100%;
    height: 290px
  }
  .imagendirectorios {
    min-height: 185px
  }
  .fechaevento,
  .nombreevento {
    padding-left: 12px !important
  }
  .col-izq-imagen {
    min-height: 185px
  }
  .col-izq-imagen img {
    margin: 15px
  }
  .contenedor-div h3,
  .contenedor-div h4,
  .contenedor-div p {
    margin-left: 15px
  }
  .contenedor-divInvestigacion h3,
  .contenedor-divInvestigacion h4,
  .contenedor-divINvestigacion p {
    margin-left: 15px
  }
  .imagen2 {
    min-height: 150px
  }
  .reflexionespedagogicas h3 {
    width: 91.9% !important
  }
  .reflexionespedagogicas h3 a {
    font-size: 17px !important
  }
  .reflexionespedagogicas {
    width: 100%;
    height: auto;
    margin-right: 15px
  }
  .reflexionespedagogicas p {
    margin: 15px !important;
    margin-bottom: 5px !important
  }
}
.tabla-contenedor {
  display: table;
  width: 95%;
  margin: 20px
}
.tabla-contenedor td {
  font-size: 13px;
  padding: 5px;
  border: .5px solid #c7c7c7;
  background: #fff
}
.td1 {
  background: #3d506c !important;
  color: #fff;
  text-align: center;
  padding: 7px;
  font-size: 15px !important;
  font-weight: lighter !important
}
.td2 {
  background: #3d506c !important;
  color: #fff;
  text-align: center;
  padding: 7px;
  font-size: 15px !important;
  font-weight: lighter !important
}
.proyectos-EA .grid figure p {
  background: #841414;
  height: 100%;
  font-size: 11px;
  width: 100%;
  padding: 15px;
  color: #fff;
  text-align: left;
  line-height: 20px;
  letter-spacing: 0
}
.proyectos-EA .grid figure p .title-interno {
  font-size: 20px;
  text-align: left;
  width: 100%;
  padding-bottom: 8px;
  display: inline-block
}
.toggle-search-responsive {
  display: none;
  background-color: #fff;
  width: 100%;
  height: auto;
  top: 1px;
  right: 10px
}
.columna-izquierda table {
  background: white;
  border-collapse: collapse;
  margin: auto;
  max-width: 100%;
  padding: 5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  animation: float 5s infinite;
  margin-bottom: 40px
}
.columna-izquierda table a {
  color: #8f051b;
  font-weight: 400
}
.columna-izquierda th {
  color: #fff;
  background: #666;
  border-bottom: 4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 15px;
  text-align: left;
  vertical-align: middle
}
.columna-izquierda th:first-child {
  border-top-left-radius: 0
}
.columna-izquierda th:last-child {
  border-top-right-radius: 0;
  border-right: none
}
.columna-izquierda tr {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.columna-izquierda tr:hover td {
  background: #dcdcdc;
  color: #666
}
.columna-izquierda tr:hover td a {
  text-decoration: underline !important
}
.columna-izquierda tr:first-child {
  border-top: none
}
.columna-izquierda tr:last-child {
  border-bottom: none
}
.columna-izquierda tr:nth-child(odd) td {
  background: #f1f1f1
}
.columna-izquierda tr:nth-child(odd):hover td a {
  text-decoration: underline !important
}
.columna-izquierda tr:nth-child(odd):hover td {
  background: #dcdcdc
}
.columna-izquierda td {
  background: #fff;
  padding: 20px;
  text-align: left;
  vertical-align: middle;
  font-weight: 400;
  font-size: 14px;
  color: #5f5f5f;
  border-right: 1px solid #c1c3d1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease
}
.columna-izquierda td:last-child {
  border-right: 0
}
.columna-izquierda th.text-left {
  text-align: left
}
.columna-izquierda th.text-center {
  text-align: center
}
.columna-izquierda th.text-right {
  text-align: right
}
.columna-izquierda td.text-left {
  text-align: left
}
.columna-izquierda td.text-center {
  text-align: center
}
.columna-izquierda td.text-right {
  text-align: right
}
.border-bottom-hl {
  border-bottom: 1px solid #dcdcdc
}
.columna-izquierda h1,
.interna-pagina h1 {
  font-size: 36px;
  font-weight: 500;
  font-family: "Yanone Kaffeesatz", sans-serif;
  color: #2f2f2f;
  margin: 0;
  padding: 0 0 5px 0;
  margin: 0 0 20px 0;
  line-height: 1;
  text-align: left
}
.columna-izquierda h2,
.interna-pagina h2 {
  font-size: 26px;
  font-weight: 500;
  font-family: "Yanone Kaffeesatz", sans-serif;
  color: #2f2f2f;
  padding: 9px 0 7px 0;
  margin: 0 0 20px 0;
  text-align: left
}
.columna-izquierda h3,
interna-pagina h3 {
  font-size: 22px;
  font-weight: 500;
  font-family: "Yanone Kaffeesatz", sans-serif;
  color: #2f2f2f;
  margin: 0;
  text-align: left
}
.columna-izquierda h4,
.interna-pagina h4 {
  font-size: 18px;
  font-weight: 500;
  font-family: "Yanone Kaffeesatz", sans-serif;
  color: #2f2f2f;
  margin: 0;
  text-align: left
}
.columna-izquierda h5,
.interna-pagina h5 {
  font-size: 16px;
  font-weight: 500;
  font-family: "Yanone Kaffeesatz", sans-serif;
  color: #2f2f2f;
  margin: 0;
  text-align: left
}
.columna-izquierda h6,
.interna-pagina h6 {
  font-size: 12px;
  font-weight: 500;
  font-family: "Yanone Kaffeesatz", sans-serif;
  color: #2f2f2f;
  margin: 0;
  text-align: left
}
.columna-izquierda p,
.interna-pagina p,
.home-content-sl p {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  margin: 0;
  text-align: left;
  color: #5f5f5f;
  line-height: 22px;
  text-align: justify
}
.flex {
  display: flex
}
.columna-izquierda.flex article {
  width: 100%;
  padding: 5px 35px 0 20px
}
.columna-izquierda.flex aside {
  width: 30%;
  padding: 40px 40px 50px 20px
}
.columna-izquierda ul li {
  list-style: none;
  padding: 8px 0;
  font-size: 14px;
  color: #5f5f5f;
  font-weight: 400
}
.columna-izquierda ul li:before {
  content: url(http://d9hhrg4mnvzow.cloudfront.net/educacioncontinuamkt.urosario.edu.co/administracion/021c-liderazgocomercial/25c5d4ef-iconos-02_00a00a00a00a000000.png);
  float: left;
  padding-top: 5px;
  padding-right: 10px
}
blockquote {
  border-left: 2px solid #8f051b;
  margin: 0;
  padding-left: 20px
}
span.p_number {
  font-size: 300%;
  font-weight: bold;
  float: left;
  margin: 0 20px 10px 0;
  position: relative;
  line-height: 40px;
  border-right: 1px solid #ccc;
  padding-right: 25px
}
span.p_number_2 {
  font-size: 300%;
  font-weight: bold;
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
  line-height: 40px;
  border-right: 1px solid #ccc;
  padding-right: 1px
}
.special-list span.p_number-title {
  font-size: 200%;
  font-weight: bold;
  float: left;
  margin: 0 16px 10px 0;
  position: relative;
  line-height: 40px;
  border-right: 3px solid #8f051b;
  padding-right: 0;
  width: 24%
}
.sub-special-list {
  padding-left: 24%
}
.sub-special-list p {
  display: flex
}
.sub-special-list span.p_number-title {
  font-size: 160%;
  font-weight: bold;
  float: left;
  margin: 0 16px 0 0;
  position: relative;
  line-height: 40px;
  border-right: 3px solid #8f051b;
  padding-right: 15px;
  width: 2%
}
.clr {
  clear: both
}
.mision {
  display: inline-block;
  background: #ededed;
  float: left;
  margin-right: 20px;
  width: 45%;
  border-bottom: 4px solid #a20f26;
  margin-bottom: 20px;
  padding: 20px;
  padding-top: 10px;
  min-height: 132px
}
.vision {
  display: inline-block;
  background: #ededed;
  float: left;
  width: 44%;
  border-bottom: 4px solid #a20f26;
  margin-bottom: 20px;
  padding: 20px;
  padding-top: 10px;
  min-height: 132px
}
ul.margin-left {
  margin-left: 37px
}
.cols_ur {
  width: 30%;
  float: left;
  min-height: 100px;
  padding: 10px;
  margin-right: 10px
}
.cols_ur p {
  display: table-row
}
.ur-infolist {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center
}
.ur-infolist.ur-3cols .ur-infolist-item {
  width: 26%;
  background: #f1f1f1;
  border-bottom: 4px solid #8f051b
}
.ur-infolist .ur-infolist-item {
  width: 100%;
  margin: .625rem;
  padding: 1.8rem 1rem 1.5rem;
  border-bottom: 1px solid transparent;
  min-width: 0;
  min-height: 0
}
.ur-infolist .ur-infolist-item-desc {
  font-size: 14px;
  text-align: center;
  color: #5f5f5f;
  font-weight: 400
}
.ur-infolist h3 {
  text-align: center;
  margin: 15px 0
}
.ur-infolist .ur-infolist-item-icon {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 0;
  margin: 0 auto !important;
  margin-bottom: 1.5rem
}
.ur-infolist .ur-infolist-item-icon {
  font-size: 2rem;
  color: #8f051b
}
.seleccionado {
  background: #dcdcdc !important
}
.seleccionado a {
  color: #666!important;
  font-weight: bold !important
}
.integrandeeidi {
  display: table;
  width: 44.5%;
  height: 60px;
  float: left;
  margin-right: 20px;
  background: #f8f8f8;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: .5px solid #c7c7c7;
  border-bottom: 3px solid #a20f26;
  text-align: left;
  line-height: 17px
}
.ac-large img.gal {
  float: left;
  width: 400px;
  height: 300px;
  padding: 15px;
  background: #f1f1f1;
  margin: 10px 15px;
  width: 248px !important;
  height: auto !important
}
.contenedor-new {
  display: flex
}
.contenido-izquierdo,
.contenido-derecho {
  position: relative;
  display: inline-block;
  width: 48.5%;
  margin: 5px
}
.contenido-derecho {
  padding-top: 3.8rem
}
.icon-text-component-sm {
  display: flex;
  width: 44%;
  height: auto;
  min-height: 189px;
  float: left;
  margin: 0 15px 0 0;
  background: #f1f1f1;
  padding: 44px 20px 20px 20px;
  border: 1px solid #dcdcdc;
  border-bottom: 3px solid #8f051b
}
.icon-text-component-sm .icon-box {
  padding: 0 10px 0 0;
  color: #666;
  margin: 0
}
.icon-text-component-sm .icon-text-content {
  padding: 0 0 0 20px;
  margin: 0
}
.icon-text-component-sm .icon-text-content h3 {
  margin: 0 0 8px 0;
  color: #2f2f2f
}
.icon-text-component-sm .icon-text-content h4 {
  margin: 0 0 15px 0;
  color: #2f2f2f
}
.icon-text-component-sm .icon-text-content p {
  margin: 0;
  font-size: 12px;
  color: #5f5f5f;
  font-weight: 400
}
@media screen and (max-width:576px) {
  .contenidointerna {
    display: block
  }
  .continterna {
    display: inline-block
  }
  .columna-izquierda {
    display: block
  }
  .caja-twitter {
    position: relative;
    bottom: 0
  }
  .tabla-contenedor {
    margin-bottom: 0;
    display: block
  }
  .html-table-wrapper {
    overflow: auto
  }
  .imagen-proceso img {
    width: 100%
  }
}
.col-der-texto {
  padding: 15px;
  background: #f1f1f1;
  margin-bottom: 12px
}
.col-der-texto2 {
  padding: 15px;
  background: #f1f1f1;
  margin-bottom: 12px;
  border-left: solid 7px #8e051b
}
.col-der-texto h3 {
  margin-top: 5px
}
.integrandeeidi-largo {
  display: table;
  width: 97%;
  height: 60px;
  float: left;
  margin-right: 20px;
  background: #f8f8f8;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  border: .5px solid #c7c7c7;
  border-bottom: 3px solid #a20f26;
  text-align: left;
  line-height: 17px;
  min-height: auto
}
.videos-practicas {
  display: inline-block;
  border: solid 4px #f1f1f1;
  width: 48%;
  height: auto;
  margin: 5px 5px 5px 5px
}
.videos-practicas iframe {
  height: 261px;
  width: 100%
}
.fj-prog-img {
  height: inherit
}
.fj-pro a {
  height: 50px !important
}
.fj-pro p {
  padding-bottom: 0 !important
}
.titulopublicacionesinternaJurisprudenciaInvestigacion {
  width: 30%;
  float: left
}
.titulopublicacionesinternaJurisprudenciaInvestigacion img {
  width: 100%
}
.catalogo-revistaJurisprudenciaInvestigacion {
  display: block;
  width: 70%;
  float: right
}
.cont-revista-intJurisprudenciaInvestigacion {
  display: table;
  width: 96%;
  float: right;
  padding: 0;
  padding-right: 20px;
  height: 255px;
  background: #c7c7c7;
  background-image: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V3/Oferta-academica/Facultad-de-jurisprudencia/comun/img/fondorev.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  margin-top: 30px
}
.resp {
  display: none;
}
/* *, *:after, *:before {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 */
.titulo-tesis {
  font-size: 17px;
  padding: 20px;
  border: solid 2px #e0bc52;
  font-weight: 500;
  color: #c19e48;
}
.sub-tesis {
  font-size: 17px;
  padding: 0px 1%;
  font-weight: 500;
  color: #c19e48;
}
.separador-dorado {
  width: 160px;
  height: 3px;
  background: #e0bc52;
  margin: 1% 1% 1%;
  border: none;
}
.imagen-interna img {
  display: none;
}
table.width200,
table.rwd_auto {
  border: 1px solid #ccc;
  width: 100%;
  margin: 0 0 50px 0
}
.width200 th,
.rwd_auto th {
  background: #ccc;
  padding: 5px;
  text-align: center;
}
.width200 td,
.rwd_auto td {
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: center
}
.width200 tr:last-child td,
.rwd_auto tr:last-child td {
  border: 0
}
.rwd {
  width: 100%;
  overflow: auto;
}
.rwd table.rwd_auto {
  width: auto;
  min-width: 100%
}
.rwd_auto th,
.rwd_auto td {
  white-space: nowrap;
}
@media only screen and (max-width: 760px),
(min-width: 768px) and (max-width: 1024px) {
  table.width200,
  .width200 thead,
  .width200 tbody,
  .width200 th,
  .width200 td,
  .width200 tr {
    display: block;
  }
  .width200 thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .width200 tr {
    border: 1px solid #ccc;
  }
  .width200 td {
    border: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding-left: 50%;
    text-align: left
  }
  .width200 td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  .width200 td:nth-of-type(1):before {
    content: "Nombre";
  }
  .width200 td:nth-of-type(2):before {
    content: "Apellidos";
  }
  .width200 td:nth-of-type(3):before {
    content: "Cargo";
  }
  .width200 td:nth-of-type(4):before {
    content: "Twitter";
  }
  .width200 td:nth-of-type(5):before {
    content: "ID";
  }
  .width200 td:nth-of-type(6):before {
    content: "CC";
  }
  .width200 td:nth-of-type(7):before {
    content: "TI";
  }
  .width200 td:nth-of-type(8):before {
    content: "Pass";
  }
  .fontsize {
    font-size: 10px
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  table.width200,
  .width200 thead,
  .width200 tbody,
  .width200 th,
  .width200 td,
  .width200 tr {
    display: block;
  }
  .width200 td:nth-of-type(1):before {
    content: "Nombre";
  }
  .width200 td:nth-of-type(2):before {
    content: "Apellidos";
  }
  .width200 td:nth-of-type(3):before {
    content: "Cargo";
  }
  .width200 td:nth-of-type(4):before {
    content: "Twitter";
  }
  .width200 td:nth-of-type(5):before {
    content: "ID";
  }
  .width200 td:nth-of-type(7):before {
    content: "CC";
  }
  .width200 td:nth-of-type(5):before {
    content: "TI";
  }
  .width200 td:nth-of-type(5):before {
    content: "Pass";
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  table.width200,
  .width200 thead,
  .width200 tbody,
  .width200 th,
  .width200 td,
  .width200 tr {
    display: block;
  }
  .fontsize {
    font-size: 10px
  }
  .width200 td:nth-of-type(1):before {
    content: "Nombre";
  }
  .width200 td:nth-of-type(2):before {
    content: "Apellidos";
  }
  .width200 td:nth-of-type(3):before {
    content: "Cargo";
  }
  .width200 td:nth-of-type(4):before {
    content: "Twitter";
  }
  .width200 td:nth-of-type(5):before {
    content: "ID";
  }
  .width200 td:nth-of-type(6):before {
    content: "CC";
  }
  .width200 td:nth-of-type(7):before {
    content: "TI";
  }
  .width200 td:nth-of-type(8):before {
    content: "Pass";
  }
}
[class*='box-'] {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 10px;
  width: 100%;
}
[class*='box-'] {
  float: left;
  padding: 10px;
  width: 100%;
}
.clear-box {
  clear: both;
  float: inherit;
}
.contenedor-box {
  margin: 0%;
  width: 100%;
}
.contenedor-box p {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
  color: #666;
  padding: 1% 1%;
  min-height: 60px;
}
.contenedor-box:after,
.contenedor-box:before {
  display: table;
  clear: both;
}
.contenedorbox:after,
.contenedorbox:before {
  display: table;
  clear: both;
  content: " ";
}
.nest {
  margin: 0 -10px;
  padding: 0;
  width: auto;
}
/********************************************************************************************* 2. Mobile box *********************************************************************************************/
.box-m-12 {
  width: 100%;
}
.box-m-11 {
  width: 91.666663%;
}
.box-m-10 {
  width: 83.33%;
}
.box-m-9 {
  width: 74.999997%;
}
.box-m-8 {
  width: 66.66666664%;
}
.box-m-7 {
  width: 58.333%;
}
.box-m-6 {
  width: 50%;
}
.box-m-5 {
  width: 41.6665%;
}
.box-m-4 {
  width: 33.33%;
}
.box-m-3 {
  width: 24.99%;
}
.box-m-2 {
  width: 16.66666%;
}
.box-m-1 {
  width: 8.33%;
}
/********************************************************************************************* 3. box 720px+ *********************************************************************************************/
@media (min-width: 720px) {
  .box-12 {
    width: 100%;
  }
  .box-11 {
    width: 91.666663%;
  }
  .box-10 {
    width: 83.33%;
  }
  .box-9 {
    width: 74.999997%;
  }
  .box-8 {
    width: 66.66666664%;
  }
  .box-7 {
    width: 58.333%;
  }
  .box-6 {
    width: 50%;
  }
  .box-5 {
    width: 41.6665%;
  }
  .box-4 {
    width: 33.33%;
  }
  .box-3 {
    width: 24.99%;
  }
  .box-2 {
    width: 16.66666%;
  }
  .box-1 {
    width: 8.33%;
  }
  .box-t-12 {
    width: 100%;
  }
  .box-t-11 {
    width: 91.666663%;
  }
  .box-t-10 {
    width: 83.33%;
  }
  .box-t-9 {
    width: 74.999997%;
  }
  .box-t-8 {
    width: 66.66666664%;
  }
  .box-t-7 {
    width: 58.333%;
  }
  .box-t-6 {
    width: 50%;
  }
  .box-t-5 {
    width: 41.6665%;
  }
  .box-t-4 {
    width: 33.33%;
  }
  .box-t-3 {
    width: 24.99%;
  }
  .box-t-2 {
    width: 16.66666%;
  }
  .box-t-1 {
    width: 8.33%;
  }
}
/********************************************************************************************* 4. box 1024px+ *********************************************************************************************/
@media only screen and (min-width: 1024px) {
  .box-tl-12 {
    width: 100%;
  }
  .box-tl-11 {
    width: 91.666663%;
  }
  .box-tl-10 {
    width: 83.33%;
  }
  .box-tl-9 {
    width: 74.999997%;
  }
  .box-tl-8 {
    width: 66.66666664%;
  }
  .box-tl-7 {
    width: 58.333%;
  }
  .box-tl-6 {
    width: 50%;
  }
  .box-tl-5 {
    width: 41.6665%;
  }
  .box-tl-4 {
    width: 33.33%;
  }
  .box-tl-3 {
    width: 24.99%;
  }
  .box-tl-2 {
    width: 16.66666%;
  }
  .box-tl-1 {
    width: 8.33%;
  }
}
/********************************************************************************************* 5. box 1200px+ *********************************************************************************************/
@media only screen and (min-width: 1200px) {
  .contenedor-box {
    max-width: 100%;
    margin: 0 auto;
  }
  .contenedor-box-fluid {
    max-width: 90%;
    margin: 0 5%;
  }
  .box-d-12 {
    width: 100%;
  }
  .box-d-11 {
    width: 91.666663%;
  }
  .box-d-10 {
    width: 83.33%;
  }
  .box-d-9 {
    width: 74.999997%;
  }
  .box-d-8 {
    width: 66.66666664%;
  }
  .box-d-7 {
    width: 58.333%;
  }
  .box-d-6 {
    width: 50%;
  }
  .box-d-5 {
    width: 41.6665%;
  }
  .box-d-4 {
    width: 33.33%;
  }
  .box-d-3 {
    width: 24.99%;
  }
  .box-d-2 {
    width: 16.66666%;
  }
  .box-d-1 {
    width: 8.33%;
  }
}
.menuURosario {
  width: 70%
}
.fixed {
  position: fixed !important;
  padding: 0;
  width: 100% !important
}
a {
  text-decoration: none !important
}
a {
  color: #a20f26
}
body {
  background: #ededed;
  margin: 0;
  height: 100%
}
#footer {
  z-index: 9999999
}
.enlacesfooter {
  display: none !important
}
.col-md-3-servicios-virtuales {
  background: none !important
}
.nombre_micrositio {
  display: none;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 15px;
  margin-left: 0;
  margin-right: auto;
  float: left;
  position: absolute;
  /*top:135px;*/
  z-index: 2
}
.textoculto {
  display: none
}
.nombre_micrositio img {
  width: 4%;
  margin-right: 10px;
  float: right
}
.nombre_micrositio h1 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 55px;
  color: #fff;
  font-weight: normal;
  text-shadow: 0 3px 3px #000;
  margin-left: 10px;
  margin-bottom: 15px;
  padding-top: 30px
}
.nombre_micrositio h2 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 27px;
  color: #e8e8e8;
  font-weight: lighter;
  text-shadow: 0 2px 2px #000;
  margin-left: 30px;
  margin-top: 0
}
.redessociales {
  display: table;
  width: 215px;
  float: right;
  position: relative;
  top: 4px;
}
.redessociales img {
  float: right;
  margin-right: 13px;
  padding: 0 !important
}
.redessociales a {
  padding: 0 !important
}
.container-menu {
  display: table;
  background: #333;
  width: 100%;
  float: right;
  right: 0;
  z-index: 34444443;
  padding: 0
}
.fixed {
  width: 100% !important
}
.titulo_menu_principal {
  display: none
}
.menu {
  display: block;
  padding-left: 0;
  margin-top: 5px;
  margin-bottom: 5px
}
.menu li {
  display: inline-block;
  position: relative;
  z-index: 100
}
.menu ul {
  margin-bottom: 0 !important
}
.menu ol {
  margin-bottom: 0 !important
}
.menu li a {
  text-transform: uppercase
}
.menu li>ul>li>a {
  text-transform: none
}
.menu li a {
  font-weight: lighter;
  letter-spacing: .5px;
  font-size: 14px;
  text-decoration: none;
  padding: 11px;
  display: block;
  color: #fff;
  padding-left: 9px;
  padding-right: 9px;
  -webkit-transition: all .2s ease-in-out 0s;
  -moz-transition: all .2s ease-in-out 0s;
  -o-transition: all .2s ease-in-out 0s;
  -ms-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s
}
.sub-menu li a {
  padding-left: 20px;
  padding-left: 11px
}
.menu li a:hover,
.menu li:hover>a {
  color: #fff;
  background: #000
}
.menu ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
  position: absolute;
  top: 36px;
  left: 0;
  background: #f1f1f1
}
.menu li:hover>ul {
  display: block;
  width: 100%
}
.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0
}
.menu ul li a {
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  display: block;
  color: #555;
  border-left: 3px solid #c7c7c7;
  background: #f1f1f1;
  padding-left: 12px
}
.menu ul li a:hover,
.menu ul li:hover>a {
  background: #fff;
  border-left: 5px solid #a20f26;
  color: #797979
}
.menu ul ul {
  left: 100%;
  border-left: 1px solid #a20f26;
  top: 0
}
.mobile-menu {
  display: none;
  width: 97%;
  padding: 11px;
  background: #333;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600
}
.mobile-menu:hover {
  color: #fff;
  text-decoration: none
}
.navegadores p {
  color: #999;
  text-align: center !important
}
.miga {
  font-size: 12px !important;
  color: #333;
  width: 100%;
  display: table;
  font-weight: normal;
  padding-top: 0;
  margin-bottom: 0!important;
  padding-bottom: 25px!important;
}
.miga a {
  color: #a20f26 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  font-weight: normal
}
.menuUR fixed {
  margin-top: -200px
}
/********************************************************************************************* 6. Helper classes *********************************************************************************************/
img.scale,
img.responsive {
  max-width: 100%;
  height: auto;
}
/*nosotros*/
.row {
  margin-right: -15px;
  margin-left: -15px;
  margin: 0;
}
.contenedor-que-es-cepec {
  background: #f8f8f8;
  padding: 2%;
  min-height: 250px;
}
.contenedor-que-es-cepec2 {
  background: #f8f8f8;
  padding: 2%;
  min-height: auto;
  display: table;
}
.que-es-cepec h4 {
  font-size: 30px !important;
  text-align: left !important;
  color: #8f051b !important;
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}
.que-es-cepec h5 {
  font-size: 22px;
  text-align: left;
  color: #07A6A7;
  width: 70%;
  font-weight: 400;
}
.que-es-cepec h6 {
  font-size: 18px;
  text-align: left;
  color: #07A6A7;
  width: 70%;
  font-weight: 400;
}
.que-es-cepec li,
p {
  font-size: 14px;
  text-align: justify;
  color: #666;
}
.que-es-cepec li {
  font-size: 14px;
  text-align: justify;
  color: #666;
}
que-es-cepec p {
  font-size: 13px;
  text-align: justify;
  color: #666;
  line-height: 16px;
}
.equipo {
  border: solid 1px #ccc;
  min-height: 201px;
  padding: 2% 6%;
}
.equipo2 {
  background: #eee;
  min-height: 201px;
  padding: 2% 6%;
}
.panel-default>.panel-heading {
  cursor: pointer !important;
}
/*que es cepec*/
/*acordiones*/
.panel-default {
  border-color: rgba(221, 221, 221, 0.1) !important;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  font-weight: 400 !important;
  width: 90%;
}
.panel-default>.panel-heading {
  color: #666;
  background-color: #Fff;
  /* border-color: #eee !important;
     */
  padding: 3%;
  position: relative;
  border: solid 1px #8e051b;
}
.panel-default>.panel-heading: hover {
  color: #07A6A7 !important;
  text-decoration: none !important;
}
.mas-acordion {
  position: absolute;
  right: 15px;
  bottom: 20px;
  width: 27px;
}
/*acordiones*/
/*redes*/
.redes {
  float: right;
}
.redes p {
  font-style: italic;
  font-weight: 400;
  color: #666;
  font-size: 16px;
}
.redes {
  float: right;
  margin-right: -23px;
  margin-top: -9px;
}
/*redes*/
.contenedor-mision {
  background: #f1f1f1;
  display: table;
}
.mision {
  background: #fff;
  min-height: 220px;
  border-radius: 20px;
  padding-bottom: 20px;
  width: 100%;
  border-bottom: none;
  border-radius: 0px 0px 20px 20px;
}
.vision {
  background: #fff;
  min-height: 225px;
  border-radius: 20px;
  padding-bottom: 20px;
  width: 100%;
  border-bottom: none;
  border-radius: 0px 0px 20px 20px;
}
.vision h3 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 25px;
  text-align: center;
  padding: 20px;
  background: #8f051b;
  color: #fff;
  font-weight: 400;
}
.mision h3 {
  font-family: "Yanone Kaffeesatz", sans-serif;
  font-size: 25px;
  text-align: center;
  padding: 20px;
  background: #8f051b;
  color: #fff;
  font-weight: 400;
}
.mision p {
  padding: 10px 30px;
  line-height: 23px;
  font-size: 14px;
}
.vision p {
  padding: 10px 30px;
  line-height: 23px;
  font-size: 14px;
}
.banner-gris {
  height: 200px;
  width: 100%;
}
.tres {
  float: left;
  padding: 0px 8px;
  font-size: 40px;
  color: #8f051b;
  font-family: "Yanone Kaffeesatz", sans-serif;
}
.numero {
  font-size: 20px;
  color: #8d051c;
}
/*nosootros*/
/*acordiones*/
button.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 9px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border: solid 1px #ccc;
  border-bottom: solid 2px #8e051c;
}
button.accordion.active,
button.accordion:hover {
  background-color: #ccc;
}
div.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
}
.accordion {
  padding: 0;
  margin: 2em 0;
  width: 100%;
  overflow: hidden;
  font-size: 13px !important;
  position: relative;
  margin: 0px;
  padding: 9px;
  background: #fff;
  border: solid 1px #ccc;
  border-bottom: solid 2px #8e051c;
  cursor: pointer;
  color: #666;
  line-height: 14px;
}
.accordion:hover {
  background: #ccc;
}
.clearfix {
  clear: both
}
.botonjurisprudencia a {
  color: #fff;
  padding-top: 11px
}
.publicacion-jurisprudencia {
  background: #f1f1f1;
  padding: 7px;
  padding-left: 0;
  float: left;
  width: 30px;
  margin: 0;
  height: 30px;
  margin-top: -13px
}
.contenedor-divConvocatorias {
  display: block;
  width: 46%;
  float: left;
  min-height: 276px!important;
  margin-right: 30px;
  margin-bottom: 20px;
  background: #f1f1f1;
  position: relative;
  padding-bottom: 50px
}
.contenedor-divClinicas {
  display: block;
  width: 46%;
  float: left;
  min-height: 350px!important;
  margin-right: 30px;
  margin-bottom: 20px;
  background: #f1f1f1;
  position: relative;
  padding-bottom: 50px
}
.botonjurisprudencia img {
  width: 25px;
  height: 25px;
  color: #fff
}
.botonjurisprudencia {
  width: 100%;
  height: 30px;
  background-color: #403f40;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 15px
}
.botonjurisprudencia:hover {
  width: 100%;
  height: 30px;
  background-color: #8f051b;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 15px
}
.integrantesseparador {
  margin: 20px 0;
  border: none;
  border-top: solid 2px #f7f7f7
}
.contenedor-publicaciones {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto
}
.contenido-izq {
  width: 100%
}
.contenido-der {
  width: 100%
}
.integrantesestudiantesIMG3 {
  text-align: center
}
.integrantesestudiantesIMG3 img {
  width: 100%;
  margin: auto
}
.integrantesestudiantesIMG1 {
  text-align: center
}
.integrantesestudiantesIMG1 img {
  width: 100%;
  margin: auto
}
.quienessomosestudiantesIMG1 {
  text-align: right
}
.quienessomosestudiantesIMG1 img {
  width: 75%;
  margin: auto
}
.quienessomosestudiantesIMG2 {
  texy-align: center
}
.quienessomosestudiantesIMG2 img {
  width: 100%;
  margin: auto
}
.masinfo {
  display: table;
  width: auto;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3px;
  background: #a20f26;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-weight: lighter;
  margin-top: 0;
  float: right;
  right: 20px;
  bottom: 10px;
  position: absolute
}
.container-nombre {
  margin-left: 180px;
  padding: 20px;
  padding-bottom: 23px;
  position: absolute;
  z-index: 99999;
  width: 300px;
  top: 0;
  padding-left: 0;
  padding-right: 20px;
  padding-top: 20px
}
.nombre_facultad {
  display: table;
  font-size: 17px;
  color: #fff;
  font-weight: lighter;
  position: relative;
  z-index: 99999999999999999;
  width: 100%;
  line-height: 20px;
  border-left: 1px solid #fff;
  padding-left: 20px;
  padding-bottom: 6px;
  padding-top: 5px
}
.nombre_facultad a {
  font-size: 17px;
  color: #fff;
  font-weight: lighter
}
.idioma {
  display: none
}
.WrapperLetras {
  padding-left: 0 !important
}
/*Footer versión 3*/
.zonatres {
  background: #f1f1f1!important;
}
.zonados {
  background: #fff!important;
}
#logo-head {
  width: 116px;
  left: 22px;
}
.nombre_facultad {
  color: #da0921!important;
  left: 0px;
  border-left: 1px solid #da0921!important;
  padding-left: 12px!important;
  font-size: 1.5em!important;
}
.nombre_facultad a {
  color: #da0921!important;
  font-size: 18px!important;
}
.nombre_facultad {
  border-left: 1px solid #da0921;
}
.container-nombre {
  margin-left: 130px!important;
}
.redessociales img {
    margin: 8px 1px 0 0!important;
    width: 19%!important;
}

#header-v3 .nombre_facultad {
  border-left: 1px solid #da0921;
  padding-left: 11px!important;
}
.bg-white {
  background-color: #fff!important;
  display: grid;
}
#Footer-v3 .distinciones img {
  width: 23%;
}
.datosurosario {
  width: 40%;
  padding-top: 0px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}
#Footer-v3 .footer {
  background-color: #403f40;
  clear: both;
  height: auto;
  padding-top: 0px;
}
#Footer-v3 .distincionesurosario {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin-top: 4%;
    display: inline-flex;
    flex-direction: row;
    height: 129px;
    justify-content: center;
}
#Footer-v3 .resolucion {
  font-size: 11px;
  color: #333;
  line-height: 14px;
  font-weight: 400;
}
#Footer-v3 .redessocialesv2 {
    width: 27%;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 23px;
    display: inline-flex;
    flex-direction: column;
    height: 217px;
    justify-content: center;
}
#Footer-v3.footer {
  background-color: #fff;
  padding: 34px 3% !important;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#Footer-v3 .trabaja img {
  margin-top: -9px;
  float: left;
}
#Footer-v3 .redessocialesv2 p {
  margin: 0 0 6px 0;
  font-size: 15px;
  font-weight: 400;
}
#Footer-v3 .redessocialesv2 p {
  margin: 0 0 6px 0;
  font-size: 15px;
  font-weight: 400;
}
#Footer-v3 .redesuno img {
  width: 15%;
  float: left;
  margin: 0 9px 0 0px;
}
#Footer-v3 .redessocialesv2 p {
  margin: 0 0 6px 0;
  font-size: 15px;
  font-weight: 400;
}
.footer h2 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 10px;
  font-weight: 400;
  text-align: center;
}
.footer a {
    text-decoration: none !important;
    color: #da0921;
}
#Footer-v3 .datos-urosario {
  color: #333;
  margin-bottom: 10px;
}
#Footer-v3 .distinciones p {
  margin: 3px 0;
  text-align: center;
}
#Footer-v3 .resolucion a,
.resolucion a:focus,
.resolucion a:hover {
  color: #da0921 !important;
  text-decoration: none;
}
#Footer-v3 element.style {}
.resolucion a,
.resolucion a:focus,
.resolucion a:hover {
  color: #da0921 !important;
  text-decoration: none;
}
#Footer-v3 .colDerFooter {
  width: 20%;
  text-align: center;
  border-right: 1px solid#dedede;
  display: inline-block;
  vertical-align: top;
  height: 60%;
}
#Footer-v3 .distinciones {
  display: inline-block;
  vertical-align: top;
  width: 77%;
  text-align: center;
}
#Footer-v3 .redesdos a {
  display: table;
  font-size: 0.6em;
  font-weight: 400;
  background: #fff;
  padding: 9px 10px 9px !important;
  text-align: center;
  border-radius: 3px;
  letter-spacing: 0.5px;
  border: 1px solid #777;
  color: #777 !important;
  text-decoration: none;
  margin: -3px 0px 0 6px;
  clear: both;
}
#Footer-v3 .redessocialesv2 p {
  margin: 0 0 6px 0;
  font-size: 15px;
  font-weight: 400;
}
#Footer-v3 .redesdos {
  display: table;
  width: 22%;
  margin-bottom: 20px;
  padding-top: 5px;
}
#Footer-v3 .redesuno {
  display: table;
  width: 55%;
  padding: 9px 0;
  margin: 0px;
  text-align: center;
  float: left;
  border-right: 1px solid #939393;
}
/*Fin Footer versión 3*/
.aportePais {
  display: table;
  width: 100%;
}
.aportePais img {
  width: 140px !important;
}
ul.bulletVisible li {
  list-style: square !important;
}
.invitacionEscritorio {
  text-align: center;
}
.invitacionEscritorio img {
  width: 100%;
}
.invitacionMoviles {
  display: none;
}
.invitacionMoviles img {
  width: 100%;
}
/*MAESTRA COLAPSADA*/
#bntv2-internas {
  display: table;
  width: 100%;
  margin-top: 20px;
}
#bntv2-internas a {
  display: table;
  padding: 8px 15px;
  background: #a20f26;
  color: #ffffff !important;
  float: right;
  margin-right: 30px;
  border: solid 2px #a20f26;
  transition: .5s;
}
#bntv2-internas a:hover {
  background: #ffffff;
  color: #a20f26 !important;
  transition: .5s;
}
a {
  text-decoration: none;
}
#form {
  height: 100% !important;
}
html {
  font-family: 'Open Sans', sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  height: 100%;
  display: block;
  background: #f1f1f1;
  background: url(https://www.urosario.edu.co/PortalUrosario/media/UR-V2/Oferta-Academica/Escuela-de-Ciencias-Humanas/Programas/imagenes/fondoprincipal.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.buscador {
  float: right !important;
  text-align: right;
  top: 55px;
  width: 30%;
  z-index: 2147483647;
}
.cse .gsc-control-cse,
.gsc-control-cse {
  background: none !important;
  border: none !important;
}
.buscador-responsive {
  display: none;
}
@media (min-width: 2000px){
#Footer-v3 .distincionesurosario {
    margin-top: 1%;
}
#Footer-v3 .redesuno img {
    width: 11%;
}
}
@media only screen and (max-width:4000px) {
  .buscador {
    display: none;
  }
  .buscador-responsive {
    display: table;
    float: right;
    position: relative;
    width: 250px;
    margin-top: 30px;
    z-index: 99999999999999;
    right: 45px;
  }
  #toggle-search-responsive {
    margin-left: 104%;
    position: absolute;
    margin-top: 10px;
  }
  .gsc-results-wrapper-overlay {
    left: 15px !important;
  }
}
/*Estilos version3*/
@media (max-width: 2560px) {
  #Footer-v3 .colDerFooter img {
    width: 98%;
    margin: 25px 0;
  }
  #Footer-v3 .redesuno {
    display: table;
    width: 62%;
  }
}
@media (max-width: 1440px) {
  #Footer-v3 .redesuno {
    display: table;
    width: 62%;
  }
}
@media (max-width: 1600px) {
  #Footer-v3 .colDerFooter img {
    width: 76%;
    margin: 29px 0;
  }
}
@media (max-width: 1024px) {
  #logo-head {
    left: 22px;
  }
  #Footer-v3 .redesdos {
    display: table;
    width: 33%;
    margin-bottom: 20px;
    padding-top: 0px;
  }
  #Footer-v3 .redessocialesv2 {
    width: 26%;
  }
  #Footer-v3 .redesuno img {
    width: 12%;
  }
  #header-v3 #logo-head {
    left: 4px;
  }
  .container-nombre {
    margin-left: 161px!important;
    padding: 22px;
    margin-top: 8px;
    padding-left: 0;
  }
}
@media (max-width: 800px) {
  #logo-head {
    left: 0px;
  }
  #Footer-v3 .redesuno {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .redessociales img {
    width: 6%!important;
  }
  #Footer-v3 .distinciones {
    width: 80%;
  }
  #Footer-v3 .colDerFooter {
    width: 15%;
  }
  #Footer-v3 .colDerFooter img {
    width: 79%;
  }
  #Footer-v3 .redesuno img {
    width: 11%;
  }
  #Footer-v3 .distincionesurosario {
    width: 29%;
  }
}
@media (max-width: 600px) {

    #Footer-v3 .colDerFooter {
      width: 51%;
      margin: auto;
      display: table;
      height: auto;
  }
  #Footer-v3 .datosurosario {
    width: 100%;
    padding: 15px 0 11px 0;
  }
  #Footer-v3 .redessocialesv2 {
    width: 63%;
    margin: auto;
    display: table;
    height: auto;
}
  #Footer-v3 .datosurosario {
    width: 85%;
    margin: auto;
    display: block !important;
  }

  #Footer-v3 .distincionesurosario {
    width: 100%;
    height: auto;
  }
  #Footer-v3 .colDerFooter img {
    text-align: center;
    width: 38%;
  }
  #Footer-v3 .distinciones {
    width: 100%;
  }
  #Footer-v3 .redesdos a {
    margin: 4px 0px 0 6px;
  }
  .redessociales img {
    margin: 9px 9px 0 0!important;
    width: 9%!important;
  }
  #header-v3 #logo-head {
    left: 3px;
  }


}
@media (max-width: 411px) {
  #Footer-v3 .redesuno {
    width: 60%;
  }
}
@media (min-width: 300px) {}
/*Estilos version3*/
.toggle-search-responsive {
  display: none;
  background-color: none !important;
  background: none !important;
  width: 100%;
  height: auto;
  position: absolute;
}
.idioma {
  display: none !important;
  width: 100px;
  float: right;
  z-index: 0;
  color: #fff;
  font-size: 13px;
  text-align: center;
  top: 16px;
  position: relative;
  right: 15px;
}
.idioma iframe {
  width: 100%;
}
.goog-te-gadget-simple {
  background: rgba(255, 255, 255, 0.7) !important;
  border-radius: 4px;
}
.cse input.gsc-search-button,
input.gsc-search-button {
  background-color: #999 !important;
  background-image: none !important;
  border: 1px solid #999 !important;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
@media screen and (max-width:480px) {
  .buscador-responsive {
    z-index: 33333333 !important;
  }
  .goog-te-gadget-simple .goog-te-menu-value {
    display: none;
  }
  .goog-te-gadget img {
    background-image: url(https://www.urosario.edu.co/App_Themes/Ur_home/imagenes/traductor.png)!important;
    background-position: center !important;
    width: 24px !important;
    height: 24px !important;
  }
  .goog-te-gadget-simple {
    background: none !important;
    border: none !important;
  }
}
@media screen and (max-width:480px) and (min-width:480px) {
  .idioma {
    right: 235px !important;
    top: 64px !important;
    position: absolute !important;
  }
}
@media screen and (max-width:414px) and (min-width:414px) {
  .idioma {
    right: 165px !important;
    top: 70px !important;
    position: absolute !important;
  }
}
@media screen and (max-width:375px) and (min-width:375px) {
  .idioma {
    right: 165px !important;
    top: 70px !important;
    position: absolute !important;
  }
}
@media screen and (max-width:375px) {
  .idioma {
    right: 125px !important;
    top: 35px !important;
    position: absolute !important;
  }
  .bck_servicios {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width:360px) and (min-width:360px) {
  .idioma {
    right: 120px !important;
    top: 35px !important;
    position: absolute !important;
  }
}
@media screen and (max-width:320px) and (min-width:320px) {
  .idioma {
    right: 96px !important;
    top: 35px !important;
    position: absolute !important;
  }
  #toggle-search-responsive {
    margin-left: 151px !important;
  }
}
@media (max-width:966px) and (min-width:966px) {
  .buscador {
    right: 15px;
    width: 35%;
    position: inherit;
  }
}
@media (max-width:640px) and (min-width:640px) {
  .buscador {
    position: absolute;
    top: 103px;
    right: 0px;
  }
}
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 5px !important;
}
#wrapper {
  min-height: 100%;
  overflow: hidden;
  position: relative;
}
/*#contentur {
  padding-bottom: 380px;
}*/
@media print {
  * {
    text-shadow: none!important;
    color: #000!important;
    background: transparent!important;
    box-shadow: none!important;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
  padding-right: 0px;
}
.top {
  display: table;
  width: 100%;
  background: #fff;
}
@media (max-width:3000px) and (min-width:1400px) {
  .container {
    width: 1280px;
  }
  #Footer-v3 .colDerFooter img {
    width: 74%;
}
}
@media (max-width: 1399px) and (min-width: 1300px) {
  .public {
    width: 74%!important;
  }
}
@media (max-width:1399px) and (min-width:1200px) {
  .container {
    width: 1150px;
  }
}
@media (max-width:1199px) and (min-width:1100px) {
  .container {
    width: 1000px;
  }
}
@media (max-width:1099px) and (min-width:1000px) {
  .container {
    width: 970px;
  }
}
@media (max-width:999px) and (min-width:900px) {
  .container {
    width: 800px !important;
  }
}
@media (max-width:900px) and (min-width:700px) {
  .container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width:690px) and (min-width:300px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width:414px) {
  .idioma {
    top: 7px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width:603px) {
  .idioma {
    widows: 30%;
    right: 10px;
  }
}
@media only screen and (max-width:800px) {
  .container {
    width: 98%;
    padding-left: 7px;
    padding-right: 7px;
  }
}
@media screen and (max-width:414px) {
  #wrapper {
    overflow: hidden;
  }
}
@media only screen and (max-width:966px) {
  .containerbuscador {
    width: 100%;
    padding-lef: 20px;
  }
}
#logo-head {
  width: 150px;
  padding: 10px;
  padding-bottom: 5px;
  padding-left: 3px;
  padding-right: 25px;
  margin: 0px;
  margin-top: 0;
  position: relative;
  float: left;
  z-index: 33333;
  left: -29px;
}
#logo-head img {
  width: 100%;
}
.container-nombre {
  padding-top: 15px;
}
.cse input.gsc-search-button,
input.gsc-search-button {
  background-color: #999 !important;
  background-image: none !important;
  border: 1px solid #999 !important;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.buscador {
  float: right;
  width: 220px;
  margin-right: 10px;
  display: block;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 5px !important;
}
.gsc-control-cse {
  background-color: none !important;
  background: none !important;
  border: none !important;
}
.cse .gsc-control-cse {
  background-color: none !important;
  background: none !important;
  border: none !important;
}
.gsc-input-box {
  height: 25px !important;
}
.gsib_a {
  padding-top: 2px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  height: 13px !important;
}
.cse .gsc-control-cse,
.gsc-control-cse {
  padding-right: 0px !important;
}
.cse .gsc-search-button input.gsc-search-button-v2,
input.gsc-search-button-v2 {
  width: 13px !important;
}
.fixed {
  position: fixed !important;
  top: 0;
  width: 100% !important;
  z-index: 50000000 !important;
}
.containerfooter {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.navegadores {
  display: table;
  width: 100%;
  border-top: 1px solid #666;
}
.navegadores p {
  font-size: 12px;
  color: #999;
  padding: 10px;
  padding-bottom: 30px;
  margin: 0px !important;
  text-align: center;
}
#footer {
  color: #FFFFFF;
  text-align: center;
  background: #403f40;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#footer .footer-box {
  padding-top: 20px;
  padding-bottom: 15px;
  padding-left: 0px;
  padding-right: 0px;
}
.footer-box p {
  font-size: 12px;
}
.footer-social-icon {
  width: 39px;
  height: 39px;
  display: inline-block;
  margin-right: 5px;
}
.footer-social-icon span {
  display: none;
}
.redes_sociales_footer {
  margin: 0 auto;
  display: table;
  margin-bottom: 2px;
  width: 101%;
  padding-top: 20px;
}
.links-pecuniarios {
  padding-top: 8px;
}
.redes_sociales_footer p {
  padding-bottom: 20px;
  text-align: left;
}
.facebook,
.twitter,
.youtube,
.urradio,
.googlemas,
.instagram {
  margin-right: 10px;
  /*margin-bottom:6px;*/
}
.facebook {
  float: left;
  height: 32px;
  width: 32px;
}
.twitter {
  float: left;
  height: 32px;
  width: 32px;
}
.youtube {
  float: left;
  height: 32px;
  width: 32px;
}
.urradio {
  float: left;
  height: 32px;
  width: 32px;
}
.googlemas {
  float: left;
  height: 32px;
  width: 32px;
}
.instagram {
  float: left;
  height: 32px;
  width: 32px;
}
.footer-box a {
  color: #fff;
}
.footer-box a:hover {
  color: #ccc;
}
.menu_footer {
  width: 100%;
}
.menu_footer ul li {
  text-align: left;
  list-style: none;
  line-height: 22px;
}
.menu_footer ul {
  padding-left: 0px;
}
.bck_servicios {
  text-align: left;
}
#footer h3 {
  color: #fff;
  margin-top: 15px;
  padding-top: 17px;
  font-weight: lighter;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing: 1.5px;
}
#logo-footer img {
  padding-top: 6px !important;
  margin-bottom: 10px;
  padding-left: 20px;
}
.bck_servicios h3 {
  margin: 0px !important;
  padding: 0px !important;
  padding-bottom: 15px !important;
}
.footer-box p {
  margin: 0px;
  line-height: 16px;
  padding-top: 0%;
  text-align: center;
  color: #eee !important;
}
.footer-box a {
  font-size: 12px;
  text-decoration: none;
}
.col-md-3-servicios-virtuales {
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(right center, #515151 0%, #404040 100%) repeat scroll 0 0;
  padding-right: 0;
  width: 25%;
  float: left;
  margin-top: 5px;
}
.col-md-3 col-xs-12 footer-box {
  width: 50%;
}
.col-md-3-logo-footer {
  width: 29%;
  float: right;
}
.col-md-3 {
  width: 45%;
  float: left;
}
@media only screen and (max-width:603px) {
  .buscador {
    margin-top: -130px;
  }
}
@media (max-width:603px) and (min-width:603px) {
  .buscador {
    margin-right: -50px;
  }
}
@media only screen and (max-width:668px) {
  .idioma {
    margin-top: -48px;
    margin-bottom: 0px;
    top: 85px;
    right: 30px !important;
  }
  .google_translate_element {
    padding-top: 30PX !important;
  }
  .goog-te-gadget-simple .goog-te-menu-value span {
    font-size: 0px !important;
  }
  .goog-te-gadget-simple {
    background: none !important;
    border: none !important;
  }
  .goog-te-gadget-icon {
    background-image: url("https://www.urosario.edu.co/App_Themes/Ur_home/imagenes/traductor.png") !important;
    background-position: 0px !important;
    background-repeat: no-repeat !important;
    height: 120px !important;
    width: 30px !important;
    display: block;
  }
}
@media only screen and (max-width:414px) {
  .buscador {
    display: table;
  }
  .google_translate_element {
    padding-top: 30PX !important;
  }
  .goog-te-gadget-simple .goog-te-menu-value span {
    font-size: 0px !important;
  }
  .goog-te-gadget-simple {
    background: none !important;
    border: none !important;
  }
  .goog-te-gadget-icon {
    background-image: url("https://www.urosario.edu.co/App_Themes/Ur_home/imagenes/traductor.png") !important;
    background-position: 0px !important;
    background-repeat: no-repeat !important;
    height: 120px !important;
    width: 30px !important;
    display: block;
  }
}
@media only screen and (max-width:414px) {
  .titulo_menu_top {
    font-size: 11px;
    padding-left: 280px !important;
  }
}
.gsc-adBlock,
.gsc-adBlockVertical {
  display: none !important;
}
.gsc-thinWrapper {
  width: 100% !important;
}
.slide {
  position: relative;
  z-index: 0;
}
@media (max-width:568px) and (min-width:533px) {
  .idioma {
    left: 420px !important;
    margin-top: -47px !important;
    position: absolute !important;
    width: 24px !important;
  }
  #toggle-search-responsive {
    margin-left: 372px;
  }
  .menuURosario {
    margin-top: -80px !important;
  }
}
@media (max-width:480px) and (min-width:480px) {
  .idioma {
    left: 398px !important;
    margin-top: -118px !important;
    position: absolute !important;
    width: 24px !important;
  }
  #contentur {
    padding-bottom: 0 !important;
  }
}
@media only screen and (max-width:414px) {
  .top {
    margin-top: -5px;
  }
  .idioma {
    left: 305px !important;
    margin-top: -45px !important;
    position: absolute !important;
    width: 24px !important;
    z-index: 9999999999999999999;
  }
  #toggle-search-responsive {
    margin-left: 345px;
    margin-top: -15px;
  }
  .menuURosario {
    margin-top: 15px !important;
  }
}
@media only screen and (max-width:380px) {
  .top {
    margin-top: -5px;
  }
  .idioma {
    left: 253px !important;
    margin-top: -10px !important;
    position: absolute !important;
    width: 24px !important;
    z-index: 9999999999999999999;
  }
  #toggle-search-responsive {
    margin-left: 315px;
    margin-top: -15px;
  }
  .menuURosario {
    margin-top: -60px !important;
  }
}
@media only screen and (max-width:360px) {
  #toggle-search-responsive {
    margin-left: 303px;
  }
}
/*MENU UNIVERSIDAD*/
.menuURosario {
  display: none;
  width: 75%;
  float: right;
  z-index: 99999;
  margin-top: -15px;
}
.menuURosario nav ul {
  overflow: hidden;
  color: #fff;
  padding: 0px;
  text-align: center;
  margin: 0px;
  -webkit-transform: max-height 0.4s;
  -moz-transform: max-height 0.4s;
  -ms-transform: max-height 0.4s;
  -o-transform: max-height 0.4s;
  transform: max-height 0.4s;
}
.menuURosario nav ul li {
  display: inline-block;
  padding: 7px;
}
.menuURosario .last {
  margin-bottom: 15px;
}
.menuURosario .handle {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  padding: 10px;
  cursor: pointer;
  color: #fff;
  display: none;
  font-size: 12px;
  font-weight: lighter;
  text-align: right;
}
.menuURosario nav h2 {
  font-size: 13px;
  font-weight: lighter;
  text-align: right;
  margin: 0px !important;
}
.menuURosario nav a {
  color: #fff;
  text-decoration: none;
  font-weight: lighter;
}
.menuURosario nav a:hover {
  color: #999;
  text-decoration: none;
}
@media screen and (max-width :3000px) {
  .menuURosario nav ul {
    max-height: 0px;
  }
  .menuURosario .showing {
    max-height: 20em;
    margin-top: -45px;
    margin-right: 30px;
  }
  .menuURosario nav ul li {
    box-sizing: border-box;
    width: auto;
    padding-top: 10px;
    text-align: left;
  }
  .menuURosario .handle {
    display: block;
  }
}
@media screen and (max-width :1300px) {
  .menuURosario {
    width: 81%;
  }
  .menuURosario nav ul li {
    padding: 0px !important;
    margin-right: 10px !important;
  }
}
@media screen and (max-width :1050px) {
  .menuURosario {
    width: 70%;
  }
  .menuURosario .bullet {
    display: none !important;
  }
  .menuURosario nav ul li {
    box-sizing: border-box;
    width: 100%;
    padding-top: 10px;
    text-align: left;
    padding: 4px !important;
  }
  .menuURosario .showing {
    max-height: 20em;
    margin-top: 0px;
    margin-right: 10px;
  }
}
/*FOOTER 2016*/
.footer {
  clear: both;
  height: auto;
  padding-top: 0px;
}
.footer a {
  text-decoration: none !important;
}
#footer h3 {
  color: #fff;
  margin-top: 0px;
  font-weight: lighter;
  text-transform: uppercase;
  margin-bottom: 20px;
  letter-spacing: 1.5px;
  text-align: center;
  width: 100%;
  font-size: 13px;
}
#footer h2 {
  color: #fff;
  margin-top: 15px;
  padding-top: 17px;
  font-weight: lighter;
  text-transform: uppercase;
  margin-bottom: 0px;
  letter-spacing: 1px;
  text-align: center;
  width: 100%;
  font-size: 15px;
  border-bottom: 1px solid #555555;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.menu_footer ul li {
  text-align: left;
  list-style: none;
  line-height: 22px;
}
.serviciosUR {
  display: table;
  width: 20%;
  float: left;
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(right center, #515151 0%, #404040 100%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -webkit-linear-gradient(right center, #515151 0%, #404040 100%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) -ms-linear-gradient(right center, #515151 0%, #404040 100%) repeat scroll 0 0;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right: 10px;
}
.serviciosUR h3 {
  color: #fff;
  text-align: left;
}
.serviciosUR a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  font-weight: lighter;
}
.centrofooter {
  display: table;
  width: 60%;
  padding-top: 0px;
  text-align: center;
  float: left;
}
.col-servicios {
  display: table;
  width: 18%;
  float: left;
  padding-left: 20px;
}
.col-servicios h3 {
  text-align: left !important;
  margin-bottom: 0px;
}
.menu_footer {
  display: table;
  width: 100%;
  text-align: left;
}
.menu_footer ul {
  margin-top: 0px;
}
.menu_footer li {
  font-size: 13px;
  color: #ededed;
  font-weight: lighter;
}
.menu_footer a {
  font-size: 13px;
  color: #ededed;
}
.col-encuentrenos {
  display: table;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.redes-socialesUR {
  display: table;
  width: 100%;
  float: left;
  margin-bottom: 5px;
  padding-top: 0px;
}
.redes1 {
  display: table;
  width: 62%;
  padding: 0px;
  margin: 0px;
  text-align: center;
  float: left;
  border-right: 1px solid #939393;
}
.redessocialesiconos {
  display: table;
  width: 83%;
  margin-left: auto;
  margin-right: 20px;
  margin-bottom: 0px;
}
.redes1 img {
  width: 10%;
  float: right;
  margin-left: 14px;
  opacity: 0.7;
}
.redes2 {
  display: table;
  width: 22%;
  margin-bottom: 20px;
  padding-top: 5px;
}
.redes2 a {
  font-size: 14PX;
  color: #222;
  font-weight: normal;
  background: #999;
  padding: 4px;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3px;
  letter-spacing: 0.5px;
  margin-top: 5px;
}
.redes2 img {
  width: 18%;
  float: left;
  margin-left: 10px;
}
.datos-contacto {
  display: table;
  width: 100%;
  padding-left: 0px;
  text-align: left;
  float: left;
}
.datos-contacto p {
  font-size: 13px;
  color: #fff;
  font-weight: lighter;
  text-align: center;
}
.datos-contacto a {
  color: #E3E3E3;
  font-size: 13px;
  font-weight: lighter;
}
.col-urfooter {
  display: table;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
  padding-top: 0px;
}
.img-footer {
  display: table;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.logour-footer {
  display: none;
  width: 100%;
  margin: 0px;
  text-align: center;
}
.logour-footer img {
  width: 85%;
}
.descargar {
  display: table;
  width: 212px;
  margin-left: auto;
  margin-right: auto;
}
.descargar img {
  width: 90px;
  margin-right: 8px;
  margin-left: 8px;
  float: left;
  margin-top: 0px;
  margin-bottom: 0px;
}
.google-play,
.app-store {
  margin: 0px;
  margin-bottom: 0px;
}
.links-pecuniarios {
  width: 100%;
  border-radius: 5px;
  color: #c7c7c7;
  display: table;
  font-size: 12px;
  font-weight: lighter;
  padding: 3px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 0px;
  padding: 5px;
  float: left;
}
.links-pecuniarios a {
  color: #c7c7c7;
  text-align: center;
}
.pecuniarios {
  display: table;
  text-align: center !important;
  margin: 0px;
}
/*.col-resaltados { display:table; width:15%; float:right;background:rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #515151 0%, #404040 100%) repeat scroll 0 0; padding-top:0px; padding-bottom:20px; padding-left:0px;}*/
.col-resaltados {
  display: table;
  width: 20%;
  float: right;
  background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center, #515151 0%, #404040 100%) repeat scroll 0 0;
  padding-top: 0;
  padding-bottom: 20px;
  padding-left: 0;
}
.col-resaltados img {
  width: 80%;
  margin-bottom: 0px;
}
.ClogoDistinciones {
  margin-left: 8px;
  float: left;
  width: 44%;
}
.ClogoDistinciones.Qstar img {
  height: auto;
}
.ClogoDistinciones {
  margin-left: 8px;
  float: left;
  width: 44%;
}
.ClogoDistinciones.Eqaa img {
  height: auto;
}
.ClogoDistinciones {
  margin-left: 8px;
  float: left;
  width: 44%;
}
.ClogoDistinciones.Acreditacion img {
  height: auto;
}
.ClogoDistinciones {
  margin-left: 8px;
  float: left;
  width: 44%;
}
.ClogoDistinciones.efr img {
  height: auto;
  width: 61px;
}
/*#contentur {
  padding-bottom: 405px;
}*/
@media (max-width:1400px) and (min-width:1300px) {
  .menuURosario {
    width: 80%;
  }
  nav ul li {
    padding: 4px;
  }
}
@media (max-width:1100px) and (min-width:1000px) {
  .footer {
    padding-top: 0px;
  }
  .centrofooter {
    width: 100%;
  }
  .col-resaltados {
    width: 18%;
  }
}
@media (max-width:1100px) and (min-width:900px) {
  #logo-head {
    width: 145px;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    left: 0;
  }
  .container-nombre {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
  }
  .menuURosario {
    margin-top: -13px;
  }
  .centrofooter {
    width: 60%;
  }
  .col-encuentrenos {
    width: 100%;
  }
}
@media (max-width:990px) and (min-width:900px) {
  .col-servicios {
    width: 20%;
    padding-left: 0px;
  }
  .col-resaltados {
    width: 20%;
  }
  .redes2 {
    width: 33%;
  }
}
@media (max-width:890px) and (min-width:300px) {
  #logo-head {
    width: 117px;
    left: 0px;
  }
  .container-nombre {
    margin-left: 150px !important;
    padding-top: 3px !important;
  }
  .nombre_facultad {
    padding-left: 15px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .mobile-menu {
    width: 97%;
  }
  .footer {
    height: auto;
  }
  .serviciosUR {
    width: 100%;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(bottom center, #515151 0%, #404040 100%) repeat scroll 0 0;
  }
  .serviciosUR h3 {
    text-align: center;
  }
  .col-resaltados {
    width: 100%;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(top center, #515151 0%, #404040 100%) repeat scroll 0 0;
  }
  .col-resaltados img {
    width: 30%;
    padding-left: 100px;
    float: left;
  }
  .redes1 img {
    width: 10%;
    margin-right: 3px;
  }
  /*#contentur {
    padding-bottom: 850px !important;
  }*/
  .redes1 img {
    width: 9%;
  }
  .redes2 {
    width: 28%;
  }
}
@media (max-width:890px) and (min-width:700px) {
  #footer h3 {
    text-align: center !important;
  }
  .col-servicios {
    width: 100%;
    padding-left: 0px;
  }
  .menu_footer {
    text-align: center !important;
  }
  .centrofooter {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .col-urfooter {
    margin-bottom: 0px;
  }
  .col-resaltados img {
    width: 25%;
    padding-left: 16%;
    float: left;
  }
  /*#contentur {
    padding-bottom: 845px;
  }*/
  .menu_footer ul li {
    text-align: center !important;
  }
  .ClogoDistinciones {
    margin-left: 8px;
    float: initial;
    width: 100%;
  }
  .ClogoDistinciones.Qstar img {
    height: 100px;
  }
  .ClogoDistinciones.Eqaa img {
    height: 100px;
  }
  .ClogoDistinciones.Acreditacion img {
    height: 90px;
  }
  .ClogoDistinciones.efr img {
    height: 130px;
    width: auto;
  }
}
@media (max-width:690px) and (min-width:300px) {
  .buscador-responsive {
    right: 45px !important;
  }
  #toggle-search-responsive {
    margin-left: 103% !important;
  }
  .menuURosario {
    margin-top: -59px;
    width: 60%;
  }
  .col-encuentrenos {
    width: 100%;
  }
  .redes2 {
    width: 27%;
  }
  .col-servicios {
    width: 100%;
    padding: 0px;
  }
  .col-servicios h3,
  .col-servicios li {
    text-align: center !important;
  }
  .centrofooter {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
  }
  .col-urfooter {
    margin-bottom: 0px;
  }
  .col-resaltados {
    text-align: center;
  }
  .col-resaltados img {
    width: 27%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
  }
  /*#contentur {
    padding-bottom: 845px;
  }*/
  .destacada-int {
    width: 100%;
    margin-bottom: 15px;
  }
  .ClogoDistinciones.Qstar img {
    height: 70px;
    width: 66% !important;
  }
  .ClogoDistinciones.Eqaa img {
    height: 70px;
    width: 66% !important;
  }
  .ClogoDistinciones.Acreditacion img {
    height: 70px;
    width: auto !important;
  }
  .ClogoDistinciones.efr img {
    height: 80px;
    width: auto !important;
  }
}
@media (max-width:690px) and (min-width:500px) {
  .col-resaltados img {
    padding-left: 85px !important;
  }
  .buscador-responsive {
    right: 5px;
    margin-top: 40px;
  }
  #toggle-search-responsive {
    margin-top: 10px;
    margin-left: 90%;
  }
}
@media (max-width: 490px) and (min-width: 300px) {
  #logo-head {
    width: 90px !important;
    padding: 15px 10px 10px 10px !important;
    padding-left: 0;
  }
  #logo-head img {
    opacity: 1;
  }
  .container-nombre {
    margin-left: 100px !important;
    padding-right: 0px !important;
  }
  .nombre_facultad {
    padding-left: 10px !important;
  }
  /*#contentur {
    padding-bottom: 995px !important;
  }*/
  #footer h2 {
    border-bottom: 1px solid #c7c7c7 !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    width: 98%;
  }
  .redessocialesiconos {
    width: 100%;
    margin: 0px;
  }
  .col-encuentrenos {
    width: 100%;
  }
  .redes1 {
    width: 98%;
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 10px;
    border-right: none;
  }
  .redes1 img {
    margin-left: 0px;
    margin-right: 24px;
    width: 9%;
  }
  .redes2 {
    padding-left: 0px;
    width: 100%;
    margin-bottom: 30px;
    padding-top: 10px;
  }
  .redes2 img {
    width: 14%;
    margin-left: 13px;
    margin-right: 12px;
  }
  .col-urfooter {
    width: 66%;
    padding-left: 67px;
  }
  .links-pecuniarios {
    width: 96%;
  }
  .col-resaltados img {
    width: 44% !important;
    padding-left: 5% !important;
  }
  .menuURosario {
    margin-top: -43px !important;
  }
  .buscador-responsive {
    right: 10px;
    margin-top: 18px;
  }
  #toggle-search-responsive {
    margin-top: 10px;
    margin-left: 90%;
  }
  .container-nombre {
    width: 186px !important;
  }
  .nombre_facultad a {
    font-size: 11px !important;
    line-height: 14px !important;
  }
}
@media (max-width:380px) and (min-width:300px) {
  #logo-head {
    margin-top: -62px;
  }
  .redes1 img {
    margin-right: 20px;
  }
  /*#contentur {
    padding-bottom: 980px !important;
  }*/
  .ClogoDistinciones.Qstar img {
    height: 70px;
    width: auto !important;
  }
  .ClogoDistinciones.Eqaa img {
    height: 70px;
    width: auto !important;
  }
  .ClogoDistinciones.Acreditacion img {
    height: 70px;
    width: 80% !important;
  }
  .ClogoDistinciones.efr img {
    height: 80px;
    width: auto !important;
  }
}
@media (max-width: 700px) {
  .invitacionEscritorio {
    display: none;
  }
  .invitacionMoviles {
    display: block;
  }
}
.trabaje {
  display: table;
  width: 100%;
  text-align: center;
}
.trabaje img {
  margin-top: 10px;
  float: left;
  margin-left: 32%;
}
.trabaje p {
  font-size: 14px;
  color: #ededed;
  font-weight: normal;
  margin-bottom: 0px;
  margin-top: 25px;
  float: left;
}
.trabaje a {
  font-size: 14px;
  color: #ededed;
  font-weight: normal;
}
@media (max-width:899px) and (min-width:700px) {
  .trabaje img {
    margin-left: 36%;
    margin-bottom: 10px;
  }
}
@media (max-width:699px) and (min-width:300px) {
  .trabaje img {
    margin-left: 22%;
    margin-bottom: 10px;
  }
  .trabaje p {
    margin-top: 15px;
  }
}
@media (max-width: 900px) {
  #footer {
    position: initial !important;
  }
  /* #contentur {
    padding-bottom: 0 !important;
  }*/
}
@media (max-width: 480px) and (min-width: 300px) {
  #wrapper #contentur {
    padding-bottom: 0px !important;
  }
}
@media (max-width: 379px) and (min-width: 320px) {
  #wrapper #contentur {
    padding-bottom: 0px !important;
  }
}
@media (max-width:280px) {
  #logo-head {
    left: 0px;
    position: absolute;
  }
  .nombre_facultad a {
    display: none;
  }
}
@media(max-width:4000px) and (min-width:2001px) {
  .destacado {
    height: 520px !important
  }
  .textodiferenciador {
    top: 415px !important
  }
}
@media(max-width:2000px) and (min-width:1500px) {
  .container {
    width: 1400px;
    margin-left: auto;
    margin-right: auto
  }
  #black-menu .navbar-nav ul {
    padding-left: 300px
  }
}
@media(max-width:1490px) and (min-width:1300px) {
  .container {
    width: 1200px !important;
    margin-left: auto;
    margin-right: auto
  }
}
@media(max-width:1290px) and (min-width:1102px) {
  .container {
    width: 1200px !important;
    margin-left: auto;
    margin-right: auto
  }
  .navbar-collapse {
    width: 1050px !important;
    margin-left: auto !important;
    margin-right: auto !important
  }
}
@media(max-width:1100px) and (min-width:910px) {
  .container {
    width: 1000px !important;
    margin-left: auto;
    margin-right: auto
  }
  .navbar-collapse {
    width: 950px !important;
    margin-left: auto !important;
    margin-right: auto !important
  }
}
@media(max-width:990px) and (min-width:900px) {
  .container {
    width: 890px !important;
    margin-left: auto;
    margin-right: auto
  }
}
@media(max-width:900px) and (min-width:890px) {
  .container {
    width: 845px !important;
    margin-left: auto;
    margin-right: auto
  }
  .navbar-collapse {
    width: 850px !important;
    margin-left: auto !important;
    margin-right: auto !important
  }
  .container-nombre {
    padding: 22px;
    padding-left: 0
  }
  .contenedor-new {
    display: flex;
    flex-direction: column
  }
  .contenido-izquierdo,
  .contenido-derecho {
    position: relative;
    display: block;
    width: 98% !important;
    margin: 5px
  }
}
@media screen and (max-width:860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px
  }
}
@media(max-width:899px) and (min-width:700px) {
  .container-nombre {
    margin-left: 160px;
    padding: 17px;
    padding-left: 0
  }
  .contenedor-new {
    display: flex;
    flex-direction: column
  }
  .contenido-izquierdo,
  .contenido-derecho {
    position: relative;
    display: block;
    width: 98% !important;
    margin: 5px
  }
}
@media(max-width:699px) and (min-width:500px) {
  .container-nombre {
    margin-left: 158px;
    padding-top: 18px;
    padding-bottom: 17px
  }
  .contenedor-new {
    display: flex;
    flex-direction: column
  }
  .contenido-izquierdo,
  .contenido-derecho {
    position: relative;
    display: block;
    width: 98% !important;
    margin: 5px
  }
}
@media only screen and (max-width:690px) {
  .container {
    width: 95%
  }
  .contenedor-new {
    display: flex;
    flex-direction: column
  }
  .contenido-izquierdo,
  .contenido-derecho {
    position: relative;
    display: block;
    width: 98% !important;
    margin: 5px
  }
}
@media only screen and (max-width:490px) {
  .container-nombre {
    margin-left: 128px;
    padding-bottom: 11px;
    padding-top: 11px;
    width: 92px;
    z-index: 9999999999
  }
  .nombre_facultad {
    font-size: 14px;
    line-height: 15px;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 6px
  }
  .contenedor-new {
    display: flex;
    flex-direction: column
  }
  .contenido-izquierdo,
  .contenido-derecho {
    position: relative;
    display: block;
    width: 98% !important;
    margin: 5px
  }
}
@media(max-width:1050px) {
  .menu {
    display: none;
    margin-top: 0 !important
  }
  .mobile-menu {
    display: block;
    margin-top: 0;
    font-size: 13px;
    font-weight: lighter;
    text-align: right;
    letter-spacing: 1px
  }
  nav {
    margin: 0;
    background: none
  }
  .menu li {
    display: block;
    margin: 0
  }
  .menu li a {
    color: #fff;
    border-top: 1px solid #999;
    font-size: 13px
  }
  .menu ul li a {
    color: #eee;
    border-left: none;
    background: #444;
    text-align: left
  }
  .menu ul li {
    text-transform: uppercase
  }
  .menu ul ul {
    border-left: 10px solid #a20f26
  }
  .menu ul ul {
    width: 98.8%
  }
  .menu ul ul li a {
    text-transform: capitalize !important;
    background: #555
  }
  .menu ul ul:hover {
    border-left: 10px solid #a20f26;
    width: 98.8%
  }
  .menu li a:hover,
  .menu li:hover>a {
    background: #f0f0f0;
    color: #797979;
    border-left: 3px solid #a20f26
  }
  .menu ul {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%
  }
  .menu ul ul {
    left: 0
  }
}
@media(max-width:966px) and (min-width:950px) {
  .container-menuUR {
    margin-left: 15px !important;
    margin-right: 15px !important
  }
  .navbar-default .navbar-nav>li>a {
    padding-left: 18px !important;
    padding-right: 18px !important
  }
  .menuUR {
    width: 919px !important
  }
  .navbar-default .navbar-nav>li>a {
    padding-left: 24px !important;
    padding-right: 24px !important
  }
}
@media only screen and (min-width:1200px) {
  .containerMicrositio {
    padding-left: 80px;
    padding-right: 80px
  }
}
@media only screen and (max-width:1024px) {
  .menu_principal .navbar-nav>li>a {
    padding-left: 28px;
    padding-right: 28px
  }
}
@media only screen and (max-width:640px) {
  #sidemenu .navbar-default .navbar-collapse {
    padding-left: 15px !important;
    padding-right: 15px !important
  }
}
@media(min-width:853px) and (max-width:853px) {
  #black-menu li a {
    float: none;
    padding-left: 15px;
    border-bottom: 1px solid #c7cbb2
  }
  #menu-principal li {
    float: none !important;
    padding-left: 35px !important;
    margin-bottom: 1px solid #d0dbe5 !important
  }
}
@media(max-width:853px) and (min-width:667px) {
  .nombre_micrositio h1 {
    font-size: 35px
  }
}
@media(max-width:414px) and (min-width:320px) {
  .nombre_micrositio h1 {
    font-size: 22px;
    line-height: 23px
  }
}
@media(min-width:1400px) {
  .container {
    width: 1400px !important
  }
}
@media(max-width:650px) and (min-width:300px) {
  .boton-serv-sec {
    width: 100%
  }
  .boton-serv-sec {
    height: auto
  }
  .col-servicios,
  .col-urfooter,
  .col-resaltados {
    width: 100% !important
  }
}
/*acordiones*/
@media (max-width:750px) {
  .mision p {
    padding: 10px 15px;
    line-height: 23px;
    font-size: 12px;
  }
  .vision p {
    padding: 5px 12px;
    line-height: 23px;
    font-size: 12px;
  }
}
@media(max-width:603px) {
  .grid figure {
    width: 100% !important;
    height: 300px !important
  }
  figure.effect-sadie p {
    display: none !important
  }
  figure.effect-sadie h2 {
    transform: translate3d(0, 50%, 0) !important;
    height: 130px !important;
    font-size: 22px !important
  }
}
@media(max-width:48em) {
  .accordion {
    border: 1px solid #d5d5d5
  }
  .accordion__title,
  .accordion__content {
    float: none;
    margin: 0
  }
  .accordion__title:first-child {
    border: none
  }
  .accordion__title.active {
    border-top-color: #eee
  }
  .accordion__title.active,
  .accordion__title:hover {
    background: #464042
  }
  .accordion__title:before {
    content: "+";
    text-align: center;
    width: auto;
    display: inline-block
  }
  .accordion__title.active:before {
    content: "-"
  }
  .overflow-scrolling {
    overflow-y: scroll;
    height: 11em;
    padding: 1em 1em 0 1em;
    -webkit-overflow-scrolling: touch
  }
  .accordion__content {
    position: relative;
    overflow: hidden;
    padding: 0
  }
  .no-js .accordion__content {
    padding: 1em;
    overflow: auto;
    display: block
  }
  .accordion__content:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 50px;
    border-radius: 10px 0 0 10px/50% 0 0 50%;
    box-shadow: -5px 0 10px rgba(0, 0, 0, .5);
    content: ''
  }
  .accordion__title:hover,
  .accordion__title.active {
    width: 100%
  }
  .accordion__title {
    background: #cd8e87;
    width: 100%
  }
}