/*ESTILOS FAC CPGRI 2017*/
body { background:#ededed !important;}
.container-nombre { margin-left:180px;  padding:20px; padding-bottom:22px; position:absolute; z-index:99999; width:265px;  top:0;padding-left:0px; padding-right:20px;}
.nombre_facultad { display:table; font-size:14px; color:#fff; font-weight:normal; position:relative; z-index:99999;  width:100%; line-height:20px; border-left:1px solid #fff; padding-left:20px; padding-bottom:6px; padding-top:5px;}
.nombre_facultad a { font-size:14px; color:#fff; font-weight:normal;}

.idioma { display:none;}

.WrapperLetras { padding-left:0px !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;}
.nombre_facultad { font-size:13px;}
}
@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:0px;}
}
@media (max-width: 899px) and (min-width: 700px) {
.container-nombre { margin-left: 183px; padding:17px; padding-left:0px;}
}


.menuURosario { width:70%;}

.fixed {
position:fixed !important;
padding:0px;
width:100% !important;
}
a { text-decoration:none !important;}

a { color:#a20f26;}
body {	
background:#fff;
margin:0px;
height:100%;
}
#footer { z-index:9999999;}
.enlacesfooter { display:none !important;}
.col-md-3-servicios-virtuales { background: none !important;}

/*NOMBRE MICROSITIO*/
.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:0px;}

.redeseconomia { display:table; width:120px; float:right; position:relative; top:8px; margin-top:-15px;} .redeseconomia img { float:right; margin-right:13px; padding:0px !important;}
.redeseconomia a { padding:0px !important;}

/*MENU*/
.container-menu { display:table; background:#333; width:100%; float:right; right:0px; z-index:34444443; padding:0px;}
.fixed { width:100% !important; }

.titulo_menu_principal { display:none;}


/*NAVEGACION MENU PRINCIPAL*/
.menu{display:block; padding-left:0px; margin-top:5px; margin-bottom:5px;}

.menu li{display: inline-block;
position: relative;
z-index:999999999;
}
.menu ul { margin-bottom:0px !important;}
.menu ol { margin-bottom:0px !important;}
.menu li a {font-weight:lighter;
letter-spacing:0.5px;
font-size:14px;
text-decoration:none;
padding:11px;
display:block;
color:#ffffff;
padding-left:20px; padding-right:20px;

-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.sub-menu li { padding-left:11px;}
.sub-menu li a { padding-left:11px;}
.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#000;}

/* hide the second level menu */
.menu ul {display: none;
margin: 0;
padding: 0;
width: 100%;
position: absolute;
top: 36px;
left: 0px;
background: #f1f1f1;
}

/* display second level menu on hover */
.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:12px;
font-weight:normal;
display:block;
color:#555;
border-left:3px solid #c7c7c7;
background:#f1f1f1;
padding-left:15px;
padding-right:10px;
}

.menu ul li a:hover, .menu ul li:hover > a{
background:#fff;
border-left:5px solid #a20f26;
color:#797979;
}

/* change level 3 menu positions */
.menu ul ul {left: 100%;
border-left:1px solid #a20f26;
top: 0px;
}

.mobile-menu{display:none;
width:97%;
padding:11px;
background:#333;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{
color:#ffffff;
text-decoration:none;
}
@media (max-width: 850px) {

.menu{display:none; margin-top:0px !important;}

.mobile-menu{display:block;
margin-top:0px; 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;}

/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}


}/*end media queries*/

/*FIN MENU*/

.navegadores p{
color:#999;
text-align: center !important;
}
/*MIGAS*/
.miga {
font-size:12px !important;
color:#333;
width:100%;
display:table;
font-weight:normal;
padding-top:0px; margin-bottom:0px;
}
.miga a {
color:#767676 !important;
font-size:12px !important;
text-decoration:none !important;
font-weight:normal;
}
.menuUR fixed { margin-top:-200px;}
@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*/
#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; }
}

/*Contenido*/


.content {
height: auto;
}

.top { display:table; width:100%; position:relative !important;}
nav ul li { padding:0px !important;}
.destacado { width:100%; height:200px; background:#c7c7c7; padding-top:0px; padding-bottom:0px; position:relative; min-height:400px; overflow:hidden; }
.destacado img { width:100%;}
.textodiferenciador { display:table; width:100%; height:auto; float: right; background:rgba(0,0,0,0.7); padding:20px; padding-left:0px; padding-right:0px; padding-bottom:30px; position:absolute; z-index:33; bottom:0px;}
.textodiferenciador h2 {font-family: "Yanone Kaffeesatz",sans-serif; font-size:30px; color:#f1f1f1; text-shadow:2px 0 2px #000; font-weight:lighter; letter-spacing:0.5px; margin-top:0px; margin-bottom:0px; 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:0.5px;}
.textodiferenciador p { font-size:14px; line-height:20px; color:#fff; margin-top:5px; font-weight:lighter;}
.textodiferenciador p a{ font-size:14px; line-height:20px; 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:0px; letter-spacing:0.5px; margin-bottom:20px; }
.videoprograma iframe { width:100%; height:245px;}
.noticias { display:table; width:32%; float:left; padding-top:30px; padding-bottom:30px; padding-left:0px; margin-right:30px;}
.noticias h3 { font-family: "Yanone Kaffeesatz",sans-serif; font-size:30px; font-weight:lighter; color:#585858; margin:20px; margin-left:0px; letter-spacing:0.5px; margin-bottom:20px; }
.noticia { display:table; width:99%; float:left; margin:0px; margin-left:0px; margin-top:0px; height:263px;}
.imagenenoticia {  cursor: pointer; max-height: 163px; overflow: hidden; position: relative; width: 100%;} .imagenenoticia img { width:100%; position:relative;}
.noticia p { font-size:13px; color:#111; font-weight:lighter;}
.noticia p a { font-size:13px; color:#111; font-weight:lighter; line-height:16px; font-weight:normal;}
.noticias .flex-control-nav { padding-left:0px !important; margin-top:-25px; left:0 !important; position:relative !important; margin-left:0 !important;}
.noticias .flex-control-paging li a {width: 10px; height: 10px; display: block; background: #a20f25;  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,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.noticias .flex-control-paging li a.flex-active { background:#999;}
.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:0px; padding-right:0px;}
.eventos h3 { font-family: "Yanone Kaffeesatz",sans-serif; font-size:30px; font-weight:lighter;  color:#585858; margin:20px; margin-left:0px; letter-spacing:0.5px;margin-bottom:20px; }
.evento { display:table; width:99%; border:1px solid #c9c9c9; margin:20px;  margin-bottom:17px; margin-left:0px; 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:30px; font-weight:lighter;font-family: "Yanone Kaffeesatz",sans-serif; margin:15px;}
.eventos p { font-size:13px; color:#111; font-weight:normal; line-height:15px; background:#fff; margin:0px; padding:7px; padding-bottom:5px;}
.evento h4 { font-size:18px; color:#a20f26; background:#fff; margin-bottom:0px; padding:7px; padding-top:0px; font-weight:lighter; text-align:left; margin-top:15px;font-family: "Yanone Kaffeesatz",sans-serif; margin:0px;}
.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:0px;}
.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:0px; margin-left:15px; margin-top:0px;}
.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;}
.publicacion .vermas { border:none !important; width:auto !important; text-align:left !important; float:left !important; padding-left:0px !important;}
.public h3 {font-family: "Yanone Kaffeesatz",sans-serif; font-size:30px; font-weight:lighter; color:#585858; margin:20px; margin-top:0px; letter-spacing:0.5px; margin-bottom:35px; }
.imagenprofe { width:108px; border-radius: 200px; -webkit-cursor: pointer; cursor: pointer; -webkit-min-height:108px; min-height:108px; line-height:0px; -webkit-overflow: hidden; overflow: hidden; -webkit-position: relative; position: relative; float:left; margin-right:20px; border:2px solid #a20f26;}
.imagenprofe img { width:119% !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:0px;}
.publicacion h4 { font-size:13px !important; color:#555 !important; font-weight:normal !important; margin:0px; margin-bottom:8px;}
.contacto { display:table; width:17%; float:right; background:#ededed; border:1px solid #E2E2E2; padding:15px; text-align:center; padding-bottom:2px; padding-top:10px; } 
.contacto img { width:100%; margin-left:auto; margin-right:auto; margin-bottom:5px;}
.contacto a { font-size:20px; color:#205282; font-weight:lighter; letter-spacing:0.5px;font-family: "Yanone Kaffeesatz",sans-serif; margin-bottom:30px; } 
.contenidointerna { display:table; width:100%; background:#ededed;}
.contenidointerna .nombre_micrositio { position:relative !important; top:0px !important;}
.contenidointerna .nombre_micrositio h1 { font-size:45px; margin-left:0px; margin-top:10px; font-weight:lighter; padding-top:0px;}
.continterna { display:table; width:98%; background:#fff; margin-top:0px; padding:20px; padding-right:0px; margin-bottom:30px; position:relative; padding-bottom:50px;}
.continterna img { width:100%; }
.imageninterna { display:table; width:100%; margin-bottom:30px;}
.imageninterna img { width:100%; padding-right:20px;}
.directotios p { margin-top:0px !important;}
.continterna p { font-size:13px; color:#333; font-weight:normal; text-align:justify; line-height:20px; margin-right:20px;}
.continterna ul { padding-left:20px;}
.continterna li { font-size:13px; color:#333; 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:#666; letter-spacing:0.5px; }
.contenidointerna h2 { font-family: "Yanone Kaffeesatz",sans-serif; font-size:26px; line-height:26px; text-align:left; font-weight:lighter; color:#a20f26; letter-spacing:0.5px; margin-top:30px; }
.contenidointerna h4 { display:table; width:90%;font-family: "Yanone Kaffeesatz",sans-serif; font-size:20px; font-weight:lighter; color:#666; letter-spacing:0.5px; margin-bottom:20px; margin-top:0px; }
.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; padding-bottom:20px; }
.por-que-cpg { width:40%; float:left; cursor:pointer; overflow:hidden; height:100px; min-height:200px; margin-right:20px; margin-bottom:10px; position:relative;}
.columna-izquierda p { margin-right:0px;}
.por-que-cpg img { width:100%; position:relative;}
.columna-derecha { display:table; width:25.5%; float:left; padding-top:20px;}
.columna-izquierda img, .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:0px;}
.menu-secciones li { display:table; width:92%; padding:15px; background:#666; text-align:left; font-size:20px;  font-family: "Yanone Kaffeesatz",sans-serif; font-weight:lighter; letter-spacing:0.5px; margin-bottom:2px; color:#fff;}
.redescpg { display:table; width:100%; text-align:left; font-size:13px; color:#444; border-bottom:1px solid #c7c7c7; margin-bottom:10px;}
.redescpg img { width:40px; margin-bottom:0px; float:right;}
.menu-secciones li a{text-align:left; font-size:20px;  font-family: "Yanone Kaffeesatz",sans-serif; font-weight:lighter; letter-spacing:0.5px; margin-bottom:2px; color:#fff;}
.menu-secciones a { color:#fff; font-size:20px;  font-family: "Yanone Kaffeesatz",sans-serif; font-weight:lighter;}
.menu-secciones li:hover { display:table; width:92%; padding:15px; background:#c7c7c7; text-align:left; font-size:20px;  font-family: "Yanone Kaffeesatz",sans-serif; font-weight:lighter; letter-spacing:0.5px; margin-bottom:2px; color:#333 !important;}
.menu-secciones a:hover { color:#a20f26; font-size:20px;  font-family: "Yanone Kaffeesatz",sans-serif; font-weight:lighter;}
.listado-publicaciones .publicacion { width:46%; float:left;}
.titulopublicacionesinterna { display:table; width:23%; float:left; padding-bottom:0px; margin-top:20px;}
.titulopublicacionesinterna img { display:table; width:100%;}
.titulopublicacionesinterna h2 { display:none;}
.catalogo-public { display:table; width:73%;  padding-top:0px; margin-bottom:0px; margin-top:20px; padding-left:0px;}
.catalogo-series { display:table; width:73%; padding-top:0px; margin-bottom:0px; margin-top:20px; padding-left:0px;}
.catalogo-revista { display:table; width:73%; padding-top:25px; margin-bottom:20px; margin-top:0px; padding-left:0px;}
.catalogo-series h3, .catalogo-public h3, .catalogo-revista h3 {font-size:22px; text-transform:uppercase; color:#444; text-align:right; margin:0px; 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:0px; 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/App_Themes/FacultadDeEconomia/imagenes/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/App_Themes/FacultadDeEconomia/imagenes/bullpublic.png); background-repeat:no-repeat; padding-left:30px;}
.flechaboton { display:table; float:right;}
.flecha_derecha { width: 0; height: 0px;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: 0px;border-top: 160px solid transparent;border-bottom: 0px solid transparent;border-right: 95px solid #355673;}
.flecha_izq2 { width: 0; height: 0px;border-top: 140px solid transparent;border-bottom: 0px solid transparent;border-right: 78px solid #4C6B88; border-left: 20px solid transparent;}
.flecha_izq1 { width: 0; height: 0px;border-top: 255px solid transparent;border-bottom: 0px 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:0px; padding-right:20px; height:160px;}
.cont-series-int { display:table; width:79%; float:right; background:#4C6B88; padding:0px; padding-right:20px; height:140px;}
.cont-revista-int { display:table; width:82%; float:right; padding:0px; padding-right:20px; height:255px; background:#c7c7c7;background-image:url(https://www.urosario.edu.co/App_Themes/FacultadDeEconomia/imagenes/fondorev.jpg);background-repeat:no-repeat;  background-size:cover; background-position:right; margin-top:30px;}
.colpublic1 { display:table; width:50%; float:left;}
.colpublic2 { display:table; width:50%; float:left;}
.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:0px;}
.noticias-interna { display:table; width:100%;}
.noticia-interna { display:table; width:47.3%; float:left; margin-right:30px; margin-bottom:30px; background:#f1f1f1; height:210px;}
.imagenenoticiainterna {  cursor: pointer; max-height: 170px; overflow: hidden; position: relative; width: 44%; float:left; margin:20px; margin-bottom:7px;} .imagenenoticiainterna img { width:120%; position:relative; }
.noticia-interna p { font-size:13px; color:#111; font-weight:lighter; margin:20px; margin-top:0px; text-align:left; line-height:17px;}
.noticia-interna h3 { margin-bottom:6px; font-size:20px; line-height:22px;}
.noticia-interna h4 { margin:0px; margin-bottom:10px; font-size:16px; font-family: "Yanone Kaffeesatz",sans-serif; color:#a20f26; font-weight:lighter; width:auto; }
.fechaevento { font-size:20px; font-size:13px; color:#535353; font-weight:normal; margin-bottom:10px;}
.fechaevento h3 { font-size:22px;  margin:0px; 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: 170px; overflow: hidden; position: relative; width: 47%; float:left; margin:0px; margin-right:15px;} .imageneventointerna img { width:120%; position:relative;}
.nombreevento p { margin:0px; margin-bottom:10px; font-size:14px; color:#666; font-weight:normal; margin-right:15px; line-height:18px; text-align:left; }
.profesores { display:table; width:100%;}
.profesor { display:table; width:47.7% !important; height:auto; float:left; margin:30px; margin-top:0px; margin-left:0px; background:#f0f0f0; padding-left:0px;}
.profesor h3 {font-size:22px; color:#a20f26; font-weight:lighter; margin:0px; margin-top:20px; margin-bottom:10px;}
.imagenprofesor {cursor: pointer; height:100px; min-height: 180px; overflow: hidden; position: relative; width: 37%; float:left; margin-right:20px; margin-bottom:0px;}
.imagenprofesor img { width:100%; position:relative; margin-left:0px;}
.profesor p { font-size:13px; color:#222; text-align:left;}
.profesor a { color:#666;}
.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:0.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:0px; 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:0px; 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:0.5px; color:#666; font-weight:lighter; text-align:left; line-height:20px;font-family: "Yanone Kaffeesatz",sans-serif; margin:0px; } .boton-serv-sec img { width:10%; float:right; margin-left:10px;}
.tex-serv a {font-size:19px; letter-spacing:0.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,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:0.5px solid #c7c7c7; padding:5px; background:#f1f1f1;}
.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; font-weight:normal; 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:0px; margin-bottom:0px;}
.flecha { display:table; width:12px; float:left; padding-top:3px;} .flecha img { width:12px !important; margin-right:5px !important; margin-left:0px;}
.caja-twitter { display:table; width:100%; margin-bottom:20px;}
.caja-twitter h3 { margin-bottom:0px;}
.caja-twitter p { margin:0px;}
.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:0px !important; font-size:13px; font-weight:lighter;}
.programauno a{ color:#fff !important;font-size:13px; text-decoration:underline !important; font-weight:lighter;}
.programauno ul {}
.programauno li { color:#fff !important; line-height:20px !important; font-size:13px !important; font-weight:lighter !important; margin:0px !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:0px !important; font-weight:lighter;}
.programados a { color:#fff !important;font-size:13px;font-weight:lighter; text-decoration:underline !important;}
.programados ul { }
.programados li { color:#fff !important; line-height:20px !important; font-size:13px !important; font-weight:lighter !important; margin:0px !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:0px; margin-bottom:20px; background:url(https://www.urosario.edu.co/App_Themes/FacultadDeEconomia/imagenes/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:0px;}
.cont-estructura { display:table; width:96.5%; background:#f1f1f1; margin-bottom:20px; padding:20px; padding-right:0px;}
.cont-estructura h2 { margin-top:5px;}
.cont-estructura td { }
.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:0px;}
.nuestrascifras { display:table; width:100%; text-align:center;}
.nuestrascifras img { width:80%; margin-left:auto; margin-right:auto;}
.curso-formacion { display:table; width:17.7%; background:#000; float:left; margin:30px; margin-left:0px; margin-top:0px; height:215px; position:relative;}
.curso-formacion p { display:table; width:100%; background:#666; font-size:16px; font-weight:lighter; text-align:center; color:#fff; position:absolute; bottom:0; margin:0px; line-height:15px; 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; cursor:pointer; overflow:hidden; height:50px; min-height:70px;}
.foto-curso img { width:100%; position:relative;}
.contenedor-div { display:table; width:47.8%; float:left; margin-right:30px; margin-bottom:20px; background:#f1f1f1; height:335px; position:relative;}
.contenedor-div .masinfo { margin-right:20px; right:0;}
.col-izq-imagen { width:32%; float:left; margin-right:20px; position:relative; overflow:hidden; height:100px; min-height:148px; margin-bottom:10px; }
.col-izq-imagen img { width:100%; position:relative; margin:20px;}
.contenedor-div p { margin-left:20px; margin-bottom:0px;}
.contenedor-div h3 { margin-bottom:0px; margin-right:10px;}
.contenedor-div h4 { margin-top:10px; margin-bottom:10px; margin-right:10px;}
.cerca1 { display:table; width:40%; float:left; padding:30px; padding-left:20px;}
.cerca2 { display:table; width:60%; float:left; padding:30px; padding-right:0px;}
.virtual { display:none; width:100%; margin-bottom:0px;} 
.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:0px;} 
.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:0px;} 
.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:0px;} 
.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%;}
.reflexionespedagogicas { display:table; width:30.9%; float:left; margin-bottom:30px; margin-right:20px; height:450px; border-bottom:1px solid #c7c7c7; line-height:18px; text-align:left !important;}
.reflexionespedagogicas h3 { font-size:20px; color:#a20f26; margin-bottom:10px;}
.imagenreflexiones { width:100%; position:relative; overflow:hidden; cursor:pointer; height:50px; min-height:150px;}
.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:0px;}
.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:0px;}
.img-noticia { width:25%; float:left; cursor:pointer; position:relative; height:70px; min-height:210px; margin-right:20px; overflow:hidden;}
.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:0px; 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;}
.cont-profesor { display:table; width:56%; float:left;}
.cont-profesor p { margin-right:0px;}
.boton-masp { display: table; width: 3%; float: right; background: #a20f26; height:180px; position:relative;}
.boton-masp img { width:100%; position:absolute; bottom:0px;}
.coordinadores { display:table;}
.coordinadores h4 { margin-bottom:0px !important; margin-top:0px !important;}
.FCPGRI { display: table; width: 47.7%; text-align: left!important; float: left; background: #f1f1f1; margin: 0; margin-right:20px; margin-bottom: 20px;}
.foto-personal{ width: 27%; float: left; margin-right: 25px; cursor:pointer; overflow:hidden; position:relative; height:100px; min-height:145px;}
.foto-personal img { width:100%; position:relative;}
.FCPGRI h2 { font-size:22px; margin-top:15px; margin-bottom:0px; color:#666;}
.FCPGRI p { margin-top:5px; line-height:16px; text-align:left !important;}
.decana-cpg { display: table; width:100%; text-align: left!important; float: left; background: #f1f1f1; margin: 0; margin-right:20px; margin-bottom: 20px;}
.decana-cpg img { width:41%; float:left; margin-right:20px; margin-bottom:0px; }
.decana-cpg h2 { font-size:22px; color:#666;}
.decana-cpg h3 { font-size:20px; color:#a20f26; margin-bottom:10px;}
.decana-cpg p { line-height:18px; margin-left:20px; margin-right:20px;}
.col-der-texto h3 { font-size:22px; line-height:22px; color:#666;}
.col-der-texto h4 { color:#666; font-family: "Open Sans",sans-serif; letter-spacing:0px; font-size:13px; font-weight:normal; line-height:19px; margin-left:20px; width:63% ; margin-bottom:30px;}
.profesorinterna { display: table; width: 98%; text-align: left!important; float: left; background: #f1f1f1; margin: 0; margin-right:20px; margin-bottom: 20px;}
.profesorinterna .imagenprofesor { width:25%;}
.profesorinterna h3 { color:#666;}
.botonc_vlac { display:table; width:auto; padding:5px; padding-left:10px; padding-right:10px; border-radius:3px; background:#a20f26; text-align:center; color:#fff; font-size:13px; font-weight:normal; margin-top:20px; margin-bottom:20px; float:right;}
.botonc_vlac a { color:#fff; font-size:13px; font-weight:normal;}
.masinfo { display:table; width:auto; padding:5px; padding-left:10px; padding-right:10px; border-radius:3px; background:#a20f26; text-align:center; color:#fff; font-size:13px; font-weight:normal; margin-top:20px; margin-bottom:20px; float:right; position:absolute; bottom:0; right:20px;}
.masinfo a { color:#fff; font-size:13px; font-weight:normal;}
.imagenconsejos { position:relative; height:100px; min-height:230px; overflow:hidden; margin-bottom:20px;width:50%; float:left; margin-right:20px;}
.imagenconsejos img { width:100%; position:relative;}
@media (max-width: 650px) and  (min-width: 300px) {
.boton-serv-sec { width:100%;}
.boton-serv-sec { height:auto;}
}
.ceus { width:100%; padding-bottom:20px; }
.ceus img {width:40%; float:left; margin-right:30px; margin-bottom:-20px;}
.ceus h3 { text-align:right; margin-top:-10px; margin-bottom:50px;}
.topceus { display:table; width:100%;}
.topceus p { margin-top:0; }
.fichaparticipante { display:table; width:97.5%; background:#ededed; margin-bottom:40px; padding:15px; border-radius:3px; position:relative; border-bottom:3px solid #a20f26;}
.fichaparticipante p { line-height:18px; margin-top:40px; margin-bottom:0;}
.fichaparticipante h3 { display:table; width:20%; float:right; top:-15px; padding:15px; text-align:center; background:#a20f26; color:#fff; font-weight:lighter; position:absolute; right:20px; border-radius:5px 5px 0 0; font-size:21px; margin-top:0;}
.observatoriosCPG { display:table; width:100%;}
.observatoriosimg { width:44%; float:left; margin-right:20px; margin-bottom:20px; position:relative; overflow:hidden; height:100px; min-height:224px; z-index:0;}
.observatoriosimg img { width:100%; position:relative;}
.cont-observ { display:table; width:100%; position:relative; padding-left:5px;}
.cont-observ h2 { display:table; width:41.5%; background:rgba(0,0,0,0.7); position:absolute; top:167px;font-weight:lighter; font-size:20px; margin-top:10px; color:#fff; padding:10px; z-index:1;}
.observatoriosCPG .tabs { width:100%;}
.observatoriosCPG .accordion { margin-top:0;}
.observatoriosCPG .accordion__title { width:45%;}
.observatoriosCPG .accordion__title:hover, .observatoriosCPG .accordion__title.active { width:45%;}
.poy-ceus { display:table; width:100%;}
.introceus { display:table; width:40%; float:right; margin-left:20px;}
.introceus img { width:100%; margin-bottom:0px;}
.cont-proy-ceus { display:table; width:56%; float:left;}
.poy-ceus p { text-align:left !important;}
.cont-proy-ceus .ac-container label { border-left:4px solid #a20f26; color:#555; height:auto; padding-top:12px; padding-bottom:12px; line-height:14px;}
.serv-ceus { display:table; width:100%;}
.serv-ceus img { float:right; margin-left:20px; width:52%;}
.eidi { display:table; width:100%; padding-bottom:50px;}
.eidi iframe { float:right; width:39%; margin-left:30px; margin-top:20px; height:205px;}
.resaltadaeidi { display:table; border:1px solid #a20f26; padding:15px; background:#f1f1f1; border-radius:3px; font-size:15px !important; text-align:left !important; line-height:22px !important;}
.eidi ul { display:none;}
.eidi img { width:80%; margin-left:8%; margin-right:auto;}
.imagenproyectoeidi { width:26%; float:left; margin:20px; margin-bottom:10px;}
.integrandeeidi { display:table; width:44.5%; height:60px; float:left; margin-right:20px; background:#f8f8f8; padding:15px; margin-bottom:20px; border-radius:5px; border:0.5px solid #c7c7c7; border-bottom:3px solid #a20f26; text-align:left; line-height:17px;}
.integrandeeidi h3 { font-size:22px; margin-top:0; margin-bottom:10px;}
.fichaobservatorio { display:table; width:98.3%; margin-bottom:20px; background:#f1f1f1;}
.fichaobservatorio img { float:left; width:21%; margin-right:20px;}
.fichaobservatorio h3 { font-size:22px; margin-bottom:5px; width:auto;}
.fichaobservatorio h4 { margin-top:0; margin-bottom:10px; width:auto;}
.semilleroscpg { display:table; width:100%;}
.imagensemilleros {width:40%; float:right; position:relative; overflow:hidden; height:100px; min-height:400px; margin-right:30px;}
.semilleroscpg img { width:100%; position:relative;}
.semilleroscpg .ac-container { width:55.5%; float:left;}
.infocoordinacion { display:table; border:1px solid #a20f26; padding:15px; background:#f9f9f9; border-radius:3px; font-size:13px !important; text-align:left !important; line-height:18px !important; width:97%; margin-bottom:20px;}
.contactanosficha { display:table; width:100%; margin-bottom:30px;}
.comp-top { display:table; width:100%; text-align:center;}
.areascomp { display:table; width:50%; margin-left:auto;margin-right:auto;}
.areascont { display:table; width:100%; float:left;}
.cont-primero img { width:50% !important; float:left; margin-right:20px;}
.cont-primero p { line-height:17px !important;}
#zona2 { margin-bottom:0 !important; margin-top:0 !important;}
.areascont .cont-primero { padding-top:0;}
.trabajosgrado { display:table; width:100%;}
.trabajosgrado .ac-container { padding-top:20px;}
.cerm-grado { display:table; width:100%;}
.cerm-grado .imagenceremonia { width:35%; float:left; margin-right:20px;}
.ceremgradotop { display:table; width:100%; margin-bottom:20px;}
.ceremgradotop .integrandeeidi { width:59%; margin-right:0; line-height:20px;}
.cerm-grado .tabla-contenedor { margin-top:20px; width:80%; margin-left:10%;}
.cerm-grado .td1 { background:#666 !important;}
.cerm-grado .td2 { background:#666 !important;}
.ficha-facultad { display:table; width:94%; padding:10px; padding-top:0; background:#f1f1f1; margin-bottom:10px; margin-top:20px; margin-left:20px;}
.ficha-facultad h3 { margin-left:0 !important; margin-bottom:20px !important; color:#a20f26;}
.consejosest { display:table; width:100%;}
.integranteconsejo1 { display:table; width:46%; height:192px; float:left; margin-right:20px; background:#f8f8f8; padding:15px; margin-bottom:20px; border-radius:5px; border:0.5px solid #c7c7c7; border-bottom:3px solid #a20f26; text-align:left; line-height:17px; padding-bottom:0;}
.integranteconsejo { display:table; width:29.4%; height:72px; float:left; margin-right:20px; background:#f8f8f8; padding:15px; margin-bottom:20px; border-radius:5px; border:0.5px solid #c7c7c7; border-bottom:3px solid #a20f26; text-align:left; line-height:17px; padding-bottom:0; font-size:14px; line-height:17px;}
.integranteconsejo1 h3 { margin-top:7px; margin-bottom:10px;}
.integranteconsejo h3 { margin-top:5px; margin-bottom:7px; font-size:21px;}
.consejosbottom { display:table; width:100%; }
.colegial { display:table; font-size:16px; text-transform:uppercase; margin-bottom:10px; margin-bottom:10px; background:#ededed; width:55.5%; padding:10px;}
.imagencolegiales { display:table; width:40%; float:right; margin:20px; margin-top:0; }
.imagencolegiales img { width:100%;}
.botonintenacional { display:table; width:auto; padding:10px; background:#a20f26; border-radius:3px; margin-top:20px; margin-right:20px; float:left; text-align:center; color:#fff; padding-left:20px; padding-right:20px;}
.botonintenacional a { color:#fff;}

/*styles mar-01-2017*/
/*utilities*/
.clr{clear: both;}
.border-bottom-hl { border-bottom: 1px solid #dcdcdc;}
.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;}
.ciencia-politica-content .double-line-container h3 { font-weight: 500; color: #333;}
.ciencia-politica-content .double-line-container .double-line-content { display: block; padding: 30px; margin-bottom: 18px; border: 3px double #8F051B;}
.ciencia-politica-content .double-line-container .double-line-content h4 { display: inline-block; background: #fff; position: relative; top: -42px; padding: 0 10px; left: -10px; margin: 0; width: auto; color: #333;}
.ciencia-politica-content .double-line-container .double-line-content p { font-size: 13px;color: #333; font-weight: 400; margin-top: -5px;
}
/*image-text-component*/
.image-text-component{ display: table;  width: 98.3%; margin-bottom: 20px; background: #f1f1f1; }
.image-text-component img { float: left; width: 260px; margin-right: 20px; margin-bottom: 0px;}
.image-text-component h3 { font-size: 22px; margin-bottom: 5px; font-weight: 500; font-family: "Yanone Kaffeesatz", sans-serif; color: #333; width: aut;
}
.image-text-component h4 { font-size: 18px; margin-bottom: 5px; font-weight: 500;  font-family: "Yanone Kaffeesatz", sans-serif; color: #333; width: auto;}
.image-text-component p { font-size: 13px; line-height:18px; font-weight: 400; color: #333; margin: 15px;}
/*icon-text-component-small*/
.icon-text-component-sm { display: flex;  width: 44%; height: auto; min-height: 189px; float: left; margin: 0 15px 0 0; background: #f1f1f1; padding: 20px 20px 20px 20px; border: 1px solid #dcdcdc; border-bottom: 3px solid #8f051b; margin-bottom:20px;}
.icon-text-component-sm .icon-box{ padding: 0px 10px 0px 0px; color: #666666; margin: 0px;}
.icon-text-component-sm .icon-text-content{ padding:0px 0px 0px 20px; margin: 0px;}
.icon-text-component-sm .icon-text-content h3{ margin: 0px 0px 8px 0px; color: #333;}
.icon-text-component-sm .icon-text-content h4{ margin: 0px 0px 15px 0px; color: #333;}
.icon-text-component-sm .icon-text-content p{ margin: 0px;font-size: 13px; line-height:18px; color: #333;font-weight: 400;}
/*icon-text-button-small*/
.icon-text-button-sm { display: flex; width: 27%; height: auto; flex-direction: column; min-height: 130px; float: left; text-align: center;  margin: 0 15px 0 0; background: #f1f1f1; padding: 44px 20px 20px 20px; border: 1px solid #dcdcdc; border-bottom: 3px solid #8f051b;
  -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.icon-text-button-sm:hover { background: #dcdcdc;}
.icon-text-button-sm .icon-box{  padding: 0px 0 18px 0; color: #666; margin: 0; border-right: 0; font-size: 2.5rem;}
.icon-text-button-sm span{ padding: 0;  margin: 0; color: #333; line-height: 24px;font-family: "Yanone Kaffeesatz",sans-serif; font-weight: 100;font-size: 26px;}
/*fin*/


/*FLEX SLIDER*/
/* Browser Resets
*********************************/
.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 Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; position:relative; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 0px;  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: 0px; }
/* Direction Nav */
.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,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.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: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.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/App_Themes/Muro/imagenes/flex/left_nav.png); }
.flex-direction-nav a.flex-next:before  { content: url(https://www.urosario.edu.co/App_Themes/Muro/imagenes/flex/right_nav.png); }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:hover  { opacity: 1; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; margin-top:-30px;text-align: left; margin-left:30px; bottom:15px; left:87%;}
.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,0.3); -moz-box-shadow: inset 0 0 3px rgba(191,206,2294,0.3); -o-box-shadow: inset 0 0 3px rgba(191,206,229,0.3); box-shadow: inset 0 0 3px rgba(191,206,229,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,0.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;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
.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:0px;}
.textoslide p { font-size:13px; color:#333; margin:15px; margin-top:0px;}
/*FIN FLEX SLIDER*/

/*GRIDE*/
.grid {
position: relative;
max-width: 1000px;
list-style: none;
text-align: center;
}
/* Common style */
.grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 0px 1%;
min-width: 205px;
max-width: 480px;
max-height: 323px;
text-align: center;
cursor: pointer;
height:330px;
border:0.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%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.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,0.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,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, 0.9);
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,50%,0);
}
figure.effect-sadie figcaption::before,
figure.effect-sadie p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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:0px;
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);
}
@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(0px, 50%, 0px) !important;
height:130px !important;
font-size:22px !important;
}
}
/*FIN GRID*/

/*TABS NAV*/
.accordion {
padding: 0;
margin-bottom:20px;
width: 100%;
overflow: hidden;
font-size: 14px;
position: relative;
border-left:1px solid #c7c7c7;
}
.accordion h3 { font-size:22px;}
.accordion__title {
padding: 0 15px;
background:#999;
width:29%;
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: 97%;
margin: 43px 0 0 -100%;
padding: 15px;
padding-left:20px;
height:auto;
font-size:13px;
color:#333;
font-weight:normal;
text-align:justify;
padding-right:20px;
background-repeat:no-repeat;
background-size:cover;
}
.accordion__content p { font-size:13px; font-weight:normal; line-height:20px;}
.accordion__content li { font-size:13px; font-weight:normal; line-height:20px;}
.no-js .accordion__content {
float:left;
margin:0;
}
.accordion__title:hover,
.accordion__title.active {
background:#a20f26;
width:29%;
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: 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:#a20f26;
}
.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;
/* Warning: momemtum scrolling seems buggy on iOS 7  */
-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, 0.5);
content:'';
}
.accordion__title:hover, .accordion__title.active {
width:100%;
}
.accordion__title {
background:#999;
width:100%;
}
.accordion__content { width:100%;}
}
@media (max-width: 800px) {
.overflow-scrolling {
overflow-y: auto;
height:auto;
padding:1em;
/* Warning: momemtum scrolling seems buggy on iOS 7  */
-webkit-overflow-scrolling: touch;
}
}
/*FIN TABS NAV*/

.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;}
}
/*accordion*/
.ac-container{
width: 100%;
margin:0;
text-align: left;
position:relative;
z-index:0;
}
.ac-container h3{
margin-left:20px; font-size:20px; margin-bottom:0px; line-height:22px;
}
.ac-container label{
padding: 9px;
padding-left:30px;
position: relative;
z-index: 20;
display: block;
height: auto;
cursor: pointer;
color: #555;
line-height: 18px;
font-size: 14px;
background: #f1f1f1;
border-left:5px solid #a20f26;
font-weight:normal;
margin-bottom:3px;
}
.ac-container label:hover{
background: #a20f26;
color:#fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
background: #a20f26;
color: #fff;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
content: '';
position: absolute;
width: 24px;
height: 24px;
right: 13px;
top: 7px;
background: transparent url(https://www.urosario.edu.co/App_Themes/Muro/imagenes/accordion/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after{
background-image: url(https://www.urosario.edu.co/App_Themes/Muro/imagenes/accordion/arrow_up.png);
}
.ac-container input{
display: none;
}
.ac-container article{
background: rgba(255, 255, 255, 0.5);
margin-top: -1px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 10;
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
color: #333;
line-height: 18px;
font-size: 13px;
padding: 20px;
padding-top:5px;
padding-bottom:7px;
}
.ac-container input:checked ~ article{
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
height: auto;
background: #fff;
margin-bottom:5px;
}
.ac-container input:checked ~ article.ac-medium{
height: auto;
background: #fff;
}
.ac-container input:checked ~ article.ac-large{
height: auto;
background: #fff;
}
/*FIN accordion*/

/*SECRETARIAS*/

.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;
}
/* Common style */
.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%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.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: -0.10em;
letter-spacing:0.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,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:0px;
}
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: 0.5em 0;
}
figure.effect-julia p {
display: inline-block;
margin: 0 0 0.25em;
padding: 0.4em 1em;
background: rgba(255,255,255,0.9);
color: #2f3238;
text-transform: none;
font-weight: 500;
font-size: 75%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-360px,0,0);
transform: translate3d(-360px,0,0);
}
figure.effect-julia p:first-child {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.effect-julia p:nth-of-type(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-julia p:nth-of-type(3) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.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: 0.05s;
transition-delay: 0.05s;
}
figure.effect-julia:hover p:nth-of-type(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-julia:hover img {
opacity: 0.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 0.35s;
transition: transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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: 0.6;
}
figure.effect-hera p a i {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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(0.8,0.8,1);
transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);
}
figure.effect-hera:hover p i:empty {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0); /* just because it's stronger than nth-child */
opacity: 1;
}
figure.effect-winston {
background: #162633;
text-align: left;
}
figure.effect-winston img {
-webkit-transition: opacity 0.45s;
transition: opacity 0.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/Muro/img/triangle.svg) no-repeat center center;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
transition: opacity 0.45s, transform 0.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 0.35s;
transition: transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,50px,0);
transform: translate3d(0,50px,0);
}
figure.effect-winston:hover img {
opacity: 0.6;
}
figure.effect-winston:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-winston:hover figcaption::before {
opacity: 0.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: 0.05s;
transition-delay: 0.05s;
}
figure.effect-winston:hover p a:nth-child(2) i {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-winston:hover p a:first-child i {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.effect-selena {
background: #fff;
}
figure.effect-selena img {
opacity: 0.95;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-selena:hover img {
-webkit-transform: scale3d(0.95,0.95,1);
transform: scale3d(0.95,0.95,1);
}
figure.effect-selena h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-selena p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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 0.35s;
transition: transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-terry img {
opacity: 0.85;
}
figure.effect-terry h2 {
position: absolute;
bottom: 0;
left: 0;
padding: 0.4em 10px;
width: 50%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
@media screen and (max-width: 920px) {
figure.effect-terry h2 {
padding: 0.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: 0.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: 0.025s;
transition-delay: 0.025s;
}
figure.effect-terry:hover p a:nth-child(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.effect-terry:hover p a:nth-child(3) {
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s;
}
figure.effect-terry:hover p a:nth-child(4) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-phoebe {
background: #675983;
}
figure.effect-phoebe img {
opacity: 0.85;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-phoebe:hover img {
opacity: 0.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/Muro/img/triangle2.svg) no-repeat center center;
background-size: 100% 100%;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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: 0.6;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
figure.effect-phoebe h2 {
margin-top: 1em;
-webkit-transition: transform 0.35s;
transition: transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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: 0.95;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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,0.5);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.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 0.35s;
transition: opacity 0.35s;
}
figure.effect-apollo h2 {
text-align: left;
}
figure.effect-apollo:hover img {
opacity: 0.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: 0.1s;
transition-delay: 0.1s;
}
figure.effect-kira {
background: #fff;
text-align: left;
}
figure.effect-kira img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-kira figcaption {
z-index: 1;
}
figure.effect-kira p {
padding: 2.25em 0.5em;
font-weight: 600;	
font-size: 100%;
line-height: 1.5;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
}
figure.effect-kira p a {
margin: 0 0.5em;
color: #101010;
}
figure.effect-kira p a:hover,
figure.effect-kira p a:focus {
opacity: 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ;
transform: translate3d(0,4em,0) scale3d(1,0.023,1);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
figure.effect-kira:hover img {
opacity: 0.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: 0.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 0.35s;
transition: opacity 0.35s;
}
figure.effect-steve:before {
box-shadow: 0 3px 30px rgba(0,0,0,0.8);
opacity: 0;
}
figure.effect-steve figcaption {
z-index: 1;
}
figure.effect-steve img {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.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: 0.25em;
}
figure.effect-steve h2:before {
box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}
figure.effect-steve p {
margin-top: 1em;
padding: 0.5em;
font-weight: 800;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(0.9,0.9,1);
transform: scale3d(0.9,0.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: 0.85;
-webkit-transition: opacity 0.35s;
transition: opacity 0.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 0.35s;
transition: transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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: 0.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: 0.9;
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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(0.8,0.8,1);
transform: scale3d(0.8,0.8,1);
}
figure.effect-jazz h2 {
padding-top: 26%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-jazz p {
padding: 0.5em 2em;
text-transform: none;
font-size: 0.85em;
opacity: 0;
}
figure.effect-jazz:hover img {
opacity: 0.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: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.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,0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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 0.35s;
transition: transform 0.35s;
}
figure.effect-ming p {
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-ming:hover h2 {
-webkit-transform: scale(0.9);
transform: scale(0.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: 0.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: 0.9;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.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,0.2);
content: '';
opacity: 0;
-webkit-transform: scale3d(0.5,0.5,1);
transform: scale3d(0.5,0.5,1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
figure.effect-lexi:hover img {
opacity: 0.6;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-lexi h2 {
text-align: left;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.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 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-duke:hover img {
opacity: 0.1;
-webkit-transform: scale3d(2,2,1);
transform: scale3d(2,2,1);
}
figure.effect-duke h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: scale3d(0.8,0.8,1);
transform: scale3d(0.8,0.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(0.8,0.8,1);
transform: scale3d(0.8,0.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 queries */
@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%;
}
}
/*FINSECRETARIAS*/

@media (max-width: 3000px) and (min-width: 1690px) {
.destacado { min-height:450px;}
.menu li a { padding-left:42px; padding-right:42px;}
.sub-menu .menu li a { padding-left:15px !important; padding-right:10px;}
.textodiferenciador { top:330px;}
.flex-control-nav { left:85%;}
.col-grid-2 { width:33%; margin-left:0;}
.col-resaltados { width:13%;}
.col-grid-2 .grid figure { min-width:380px;}
.decana-cpg img { width:35%;}
.contenedor-div { height:313px;}
}
@media (max-width:1700px) and (min-width: 1600px) {
.destacado { min-height:400px;}
.menu li a { padding-left:42px; padding-right:42px;}
.sub-menu .menu li a { padding-left:15px !important; padding-right:10px;}
.textodiferenciador { top:300px;}
.flex-control-nav { left:85%;}
.col-resaltados { width:13%;}
.col-grid-2 { width:33%;}
.col-grid-2 .grid figure { min-width:380px;}
.decana-cpg img { width:36%;}
.contenedor-div { height:313px;}
}
@media (max-width:1500px) and (min-width: 1400px) {
.destacado { min-height:440px;}
.textodiferenciador { top:325px;}
.flex-control-nav { left:92%;}
.public { width:77%;}
.menu li a { padding-left:38px; padding-right:38px;}
.sub-menu .menu li a { padding-left:15px !important; padding-right:10px;}
.col-resaltados { width:13%;}
.col-grid-2 .grid figure { min-width:370px;}
.col-grid-2 { width:33%;}
.fecha h3 { font-size:30px;}
.col-izq-imagen { width:38%;}
.col-der-texto h4 { width:54%;}
.observatoriosCPG .accordion__title { width:43%;}
.observatoriosCPG .accordion__title:hover, .observatoriosCPG .accordion__title.active { width:43%;}
}
@media (max-width:1399px) and (min-width: 1300px) {
.container-nombre {
margin-left: 205px;}
.destacado { min-height:390px;}
.textodiferenciador { top:275px;}
.flex-control-nav { left:88%;}
.fecha { padding:10px;}
.menu li a { padding-left:30px; padding-right:30px;}
.sub-menu .menu li a { padding-left:15px !important; padding-right:10px;}
.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:0px; 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:0px;}
.publicacionlista { width:38%;}
.contenedor-div { margin-right:20px; height:345px;}
.col-izq-imagen {
width: 40%; margin-bottom:10px; }
.cont-revista-int { width:69%;}
.curso-formacion { margin-right:24px;}
.catalogo-revista h3 { margin-bottom:0px;}
.col-der-texto h4 { width:54%;}
.fecha { padding:5px;}
.redescpg img { width:35px; margin-right:-6px;}
.fichaparticipante h3 { width:24%;}
.ceus h3 { margin-top:5px;}
.observatoriosimg { min-height:177px;}
.cont-observ h2 { top:120px; width:41.2%;}
.observatoriosCPG .accordion__title { width:43%;}
.observatoriosCPG .accordion__title:hover, .observatoriosCPG .accordion__title.active { width:43%;}
.cont-proy-ceus .ac-container label { padding-top:10px; padding-bottom:10px;}
.serv-ceus img { width:35%;}
.resaltadaeidi { padding:10px; font-size:14px !important; line-height:18px !important;}
.integrandeeidi { width:43.5%;}
.fichaobservatorio img { width:29%;}
.imagensemilleros img { width:116%;}
.ceremgradotop .integrandeeidi { width:58%; line-height:18px;}
.integranteconsejo1 { width:45%; line-height:10px; height:198px;}
.integranteconsejo1 p { line-height:17px;}
.integranteconsejo { width:28.5%;}
.imagenenoticiainterna { width:35%;}
.imagenenoticiainterna img { width:230%; left:-55px;}
.imagencolegiales { width:44%;}
.colegial { width:50.5%; padding-top:7px; padding-bottom:7px;}
}
@media (max-width:1299px) and (min-width: 1200px) {
#logo-head { width:160px;}
.menu li a { padding-left:30px; padding-right:30px;}
.sub-menu .menu li a { padding-left:15px !important; padding-right:10px;}
.destacado { min-height:400px;}
.textodiferenciador { top:283px;}
.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;}
.noticias .flex-control-nav { padding-left:130px;}
.grid figure { min-width:190px;}
.public { margin-right:30px; width:77%;}
.contacto { width:16%;}
.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:91%;}
.profesor { margin:0px; 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:26%; margin-left:20px;}
.cont-series-int { width:75%; height:150px;}
.flecha_izq2 { border-top: 150px solid transparent;}
.contenedor-div { margin-right:20px; height:350px;}
.curso-formacion { width:17.5%;}
.curso-formacion a { padding-left:0px; padding-right:0px;}
.foto-personal { width:32%; min-height:165px;}
.col-izq-imagen { width:42%;}
.imagenprofesor { width:36%;}
.decana-cpg img { width:41%;}
.col-der-texto h4 { width:54%;}
.redescpg { font-size:12px;}
.redescpg img { width:35px; margin-right:-6px;}
.observatoriosCPG .accordion__title { width:40%;}
.observatoriosCPG .accordion__title:hover, .observatoriosCPG .accordion__title.active { width:40%;}
.cont-proy-ceus .ac-container label { padding-top:10px; padding-bottom:10px;}
.serv-ceus img { width:35%;}
.observatoriosimg { min-height:177px;}
.cont-observ h2 { top:120px; width:41.2%;}
.resaltadaeidi { padding:10px; font-size:14px !important; line-height:18px !important;}
.eidi img { width:100%; margin:0;}
.integrandeeidi { width:43.5%;}
.fichaobservatorio img{ width:29%;}
.imagensemilleros img { width:116%;}
.ceremgradotop .integrandeeidi { width:58%; line-height:18px;}
.integranteconsejo1 { width:45%; line-height:10px; height:198px;}
.integranteconsejo1 p { line-height:17px;}
.integranteconsejo { width:28.5%;}
.imagenenoticiainterna { width:35%;}
.imagenenoticiainterna img { width:230%; left:-55px;}
.imagencolegiales { width:44%;}
.colegial { width:50.5%; padding-top:7px; padding-bottom:7px;}
}
@media (max-width: 1199px) and (min-width: 1000px) {
.menu li a { padding-left:20px; padding-right:20px;}
.sub-menu .menu li a { padding-left:15px !important; padding-right:10px;}
.nombre_micrositio h1 { font-size:55px;}
.textodiferenciador { padding:15px; padding-bottom:25px;}
.textodiferenciador h2 a { font-size:28px;}
.textodiferenciador h2 { margin-bottom:10px; 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:0px; 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:0px !important;}
.imagendirectorios { min-height:130px; width:36%; margin-right:12px;}
.destacado { height: 200px; min-height: 360px;}
.noticia { height: 253px;}
.imagenenoticia { max-height:135px;}
.nombrepublic a { font-size:14px; line-height:17px;}
.contacto { width:21%;}
.redescpg { font-size:12px;}
.redescpg img { width:35px; margin-right:-6px;}
.ceus h3 { margin-bottom: 40px; margin-top: 25px; text-align: right;}
.fichaparticipante h3 { width:30%; margin-top:-5px; text-align:center;}
.observatoriosCPG .accordion__title { width:40%;}
.observatoriosCPG .accordion__title:hover, .observatoriosCPG .accordion__title.active { width:40%;}
.cont-proy-ceus .ac-container label { padding-top:10px; padding-bottom:10px;}
.observatoriosimg { min-height:157px;}
.cont-observ h2 { top:102px; width:40.8%;}
.serv-ceus img { width:46%;}
.eidi iframe { width:58%; height:195px; margin-bottom:20px;}
.eidi img { width:100%; margin:0px;}
.resaltadaeidi { margin-top:25px;}
.integrandeeidi { width:42.5%;}
.fichaobservatorio img{ width:37%;}
.fichaobservatorio p { line-height:18px;} 
.imagensemilleros img { width:140%; left:-50px;}
.ceremgradotop .integrandeeidi { width:48%; line-height:18px; padding:10px;}
.cerm-grado .imagenceremonia { width:45%;}
.areascomp { width:70%;}
.integranteconsejo1 { width:44%; line-height:10px; height:234px;}
.integranteconsejo1 p { line-height:17px;}
.integranteconsejo { width:27.5%; height:90px;}
.noticia-interna { height:352px;}
.imagencolegiales { width:44%;}
.colegial { width:49%; padding-top:6px; padding-bottom:6px;}
}
@media (max-width: 1099px) and (min-width: 900px) {
.fixed .mobile-menu { position:fixed !important; width:97% !important; z-index:99999999999; padding:10px; padding-right:20px;}
.destacado { height: 200px; min-height: 340px;}
.redeseconomia { width:77px;}
.redeseconomia img { width:37%; float:left; margin-left:7px; margin-right:0px;}
#logo-head { padding: 17px; width: 140px; padding-top: 22px; }
.container-nombre { margin-left: 174px; padding:22px; padding-left:0px; padding-right:15px;}
.eventos { width:30%;}
.videoprograma h3, .noticias h3, .eventos h3 { font-size:26px;}
.noticia { height:auto;}
.imagenprofe { width:95px; min-height:95px; margin-bottom:10px;}
.imagenprofesor { width:36%;}
#red-menu a { font-size:17px !important;}
.menu li a { font-size:12px; padding-left:27px; padding-right:27px; letter-spacing:0px; font-weight:lighter;}
.sub-menu .menu li a { padding-left:20px !important; padding-right:10px;}
.col-servicios { padding-left:0px !important; width:18%;}
.textodiferenciador { padding-left:0px; padding-right:0px; width:100%; top:225px;}
.centrofooter { width:64% !important; margin-right:0px !important;}
.col-resaltados { width:18% !important; padding-left:0px !important;}
.fecha { width:100%; padding:0px; margin-bottom:10px;}
.fecha h3 { font-size:19px; margin:5px;}
.evento h4 { font-size:16px; text-align:right;}
.evento { margin-bottom:10px; margin-top:10px;}
.eventos p { margin-bottom:0px; font-size:12px;}
.botonessitios { width:49%;}
.grid figure { min-width:190px;}
.publicacion { margin-left:18px; margin-right:18px;}
.public { margin-right:15px; width:74%;}
.contacto { width:19%;}
.contacto a { font-size:17px;}
.contacto p { font-size:17px;}
.noticia-interna { margin-right:20px; margin-bottom:20px; height:295px;}
.imagenenoticiainterna { margin-right:15px; width:90%; margin-bottom:20px;}
.noticia-interna h3 { font-size:18px; line-height:20px; margin-left:20px;}
.noticia-interna h4 { margin-left:20px;}
.eventofac { margin-right:22px;}
.imageneventointerna { margin:0px; margin-bottom:15px; width:100%;}
.eventofac { width:43.5%; padding:15px; height:235px;}
.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.3%;}
.cont-boton-serv-sec { width:650px;}
.publicacion { margin-right:10px;}
.profesor { margin:12px; height:auto;}
.profesor h3 { font-size:19px;}
.profesor p { font-size:13px; line-height:18px;}
.imagenprofesor { min-height:162px;}
.publicacionlista {width:40%; margin-right:0px;}
.busqueda-publicaciones .publicacion { margin:10px; height:155px;}
.profesor { margin:0px; margin-bottom:15px; margin-right:15px; width:45%;}
.profesor p { line-height:16px; font-size:13px;} 
.columna-izquierda { margin-left:22px;}
#estructura { width:730px; height:605px;}
.directotios { width:47%;}
.directotios h3 { margin-bottom:0px !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:0px; width:75%; height:215px;}
.boton-public { font-size:14px;}
.boton-public:hover { font-size:14px;}
.catalogo-revista h3 { margin-bottom:10px; margin-left:0px; font-size:19px;}
.catalogo-revista { width:71%;}
.colpublic1, .colpublic2 { width:45%; margin-left:20px;}
.publicacionlista { width: 111%; margin:0px;}
.flecha_izq1 { margin-top:0px; 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:0px;width:100% !important;padding-bottom:10px;}
.contenedor-div { width:47.7%; margin-right:20px; height: 565px;}
.col-izq-imagen { width:96%; min-height:220px; margin-bottom:20px;}
.contenedor-div h4, .contenedor-div h3 { margin-left:20px;}
.curso-formacion { margin-right:20px; margin-bottom:20px; height:195px;}
.curso-formacion a { font-size:13px; height:55px; line-height:18px;}
.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;}
.curso-formacion a { padding-left:0px; padding-right:0px;}
.foto-personal { width:36%;}
.foto-personal { min-height:163px;}
.boton-masp { height:162px;}
.decana-cpg img { margin:20px; margin-bottom:10px; width:37%;}
.menu-secciones { width:93%;}
.columna-derecha { width:22.5%;}
.columna-izquierda { width:72%;}
.por-que-cpg { width:46%;}
.noticia { height: 253px;}
.imagenenoticia { max-height:135px !important;}
.public { width:70%;}
.contacto { width:23%;}
.redescpg { font-size:12px;}
.redescpg img { width:35px; margin-right:-6px;}
.ceus h3 { margin-bottom: 40px; margin-top: 25px; text-align: right;}
.fichaparticipante h3 { width:30%; margin-top:-5px; text-align:center;}
.observatoriosCPG .accordion__title { width:40%;}
.observatoriosCPG .accordion__title:hover, .observatoriosCPG .accordion__title.active { width:40%;}
.cont-proy-ceus .ac-container label { padding-top:10px; padding-bottom:10px;}
.observatoriosimg { min-height:157px;}
.cont-observ h2 { top:102px; width:40.8%;}
.serv-ceus img { width:46%;}
.topceus img { width:0;}
.ceus h3 { margin-top:15px; text-align:left;}
.fichaparticipante h3 { margin-top: -5px; text-align: center; width: 30%;}
.observatoriosimg { min-height: 150px;}
.cont-observ h2 { font-size: 17px; top: 94px; width: 40.6%;}
.fichaobservatorio img{ width:38%;}
.fichaobservatorio p { line-height:18px;} 
.imagensemilleros img { width:156%; left:-57px;}
.semilleroscpg .ac-container { width:54%;}
.ceremgradotop .integrandeeidi { width:48%; line-height:18px; padding:10px;}
.cerm-grado .imagenceremonia { width:45%;}
.cerm-grado .tabla-contenedor { width:98%; margin-left:1%;}
.areascomp { width:70%;}
.noticia-interna { height:352px;}
.imagencolegiales { width:44%;}
.colegial { width:49%; padding-top:6px; padding-bottom:6px;}
.icon-text-component-sm { width:94%; min-height:auto;}
.icon-text-button-sm { width:24%;}
.icon-text-button-sm span { font-size:21px; line-height:20px;}
}
@media (max-width: 1000px) and (min-width: 900px) {
.nombre_micrositio h1 { padding-top:0px; margin-top:5px; font-size:45px;}
.cont-boton-serv-sec { width:518px;}
.menu li a { font-size:12px; padding-left:20px; padding-right:20px;}
.sub-menu .menu li a { padding-left:20px !important; padding-right:10px;}
.textodiferenciador h2 a { font-size:24px;}
.textodiferenciador p a { font-size:13px;}
.textodiferenciador p { font-size:13px; width:90%;}
.videoprograma, .noticia { margin-right:20px;}
.vermas { width:98%;}
.fecha { padding-top:7px; padding-bottom:7px;}
.fecha h3 { font-size: 20px; margin:0px;}
.botonessitios { width: 100%; padding-top:0px;}
.botonico { width:47%;}
figure.effect-sadie h2 { width:82%;}
.destacado { min-height:327px;}
.imagenprofe { width:70px; margin-right:12px; min-height:70px;}
.publicacion { margin-right:0px;}
.vermas { width: 95%; margin-right: 0px;}
.public h3 { margin-bottom:30px;}
.fixed .mobile-menu { position:fixed !important; width:95% !important; z-index:99999999999; padding:10px; padding-right:20px;}
.redeseconomia img { margin-top:10px; margin-bottom:10px; width:30px; float:right;}
.redeseconomia { padding-top:0px; width:100%;}
.fixed {position:inherit !important;padding:0px;width:100% !important;padding-bottom:10px;}
.continterna { height:auto;}
.columna-izquierda { width:72.5%; margin-left:20px;}
#wrapper { min-height:0;}
.contenidointerna { padding-bottom:30px;}
.boton-serv-sec { width:97%; height:auto;}
.catalogo-public { width:97%;}
.catalogo-public .publicacionlista { width: 40%;}
.contenedor-div p { line-height:17px;}
.eidi iframe { width:53%; height:195px; margin-bottom:20px;}
.eidi img { width:100%; margin:0px;}
.resaltadaeidi { margin-top:25px;}
.integranteconsejo1 { width:44%; line-height:10px; height:250px;}
.integranteconsejo1 p { line-height:17px;}
.integranteconsejo { width:27%; height:90px;}
.icon-text-component-sm { width:94%; min-height:auto;}
.icon-text-button-sm { width:24%;}
.icon-text-button-sm span { font-size:21px; line-height:20px;}
}
@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: 0px solid transparent; border-top: 190px solid transparent;   border-right: 100px solid #73899E;}
.col-izq-imagen { min-height:210px;}
.accordion__title:hover, .accordion__title.active { width:28%;}
.accordion__title { width:28%;}
.curso-formacion {width: 22.5%;}
}
@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:0px; padding-top:0px;}
.redeseconomia { background:#3D506C; padding-top:0px; width:100%;}
.redeseconomia img { margin-top:10px; margin-bottom:10px;}
.fixed {position:inherit !important;padding:0px;width:100% !important;padding-bottom:10px;}
.menu li a { padding-left:12px;}
.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:0px;}
.videoprograma { width:48%; margin-right:20px; padding-bottom:0px;}
.evento { width:47%; float:left;}
.noticias { width:48%; margin-right:0px; padding-bottom:0px;}
.noticia { width:100%; margin-bottom:10px;}
.eventos { padding-right:0px; padding-left:20px; width:96%; padding-top:0px;}
.eventos h3 { margin-bottom:0px;}
.fecha h3 { font-size:28px;}
.botonessitios { width:100%;}
.botonico { margin-right:20px; margin-left:10px;}
.public { width:60%; margin-right:25px;}
.zonatres { padding:0px; padding-top:30px; padding-bottom:30px;}
.imagenprofe { margin-right:10px; width:80px; min-height:70px;}
.publicacion { width:96%; margin-right:0px; margin-bottom:10px;}
.nombrepublic a { font-size:14px;}
.publicacion p { font-size:13px;}
.contacto { width:33%;}
.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:97.5%; margin:0px; margin-bottom:20px;}
.columna-derecha { margin-bottom:0;}
.col-grid { width:50%;}
.plataforma-servicios-en-linea .grid figure { width:93%;}
.boton-serv-sec { width:94%; margin-bottom:10px;}
.cont-boton-serv-sec { padding:15px; height:auto;}
.ac-container { width:97%; margin:0px; margin-bottom:20px;}
.menu-secciones { width:100%; margin-bottom:0px;}
.WrapperLetras a { margin-left:3px !important; margin-right:3px !important;}
.profesor { width:95% !important; margin:0px; margin-bottom:20px;}
.paginacion { width:97%;}
.decanatura { width:92%;}
.continterna { padding-bottom:90px !important;}
.caja-twitter { position:absolute; bottom:0px;}
.col-grid-2 .grid figure { min-width:337px;}
.publicacionlista { margin-right:10px; width:48%;}
.boton-public { color:#fff; font-size:13px;}
.boton-public a { font-size:13px;}
.busqueda-publicaciones .publicacion { width:97%; margin:0px; margin-bottom:20px; height:auto;}
#estructura { width:700px; height:700px;}
.directotios { width:43%; padding:15px; padding-bottom:0px; height:363px;}
.directotios h3 { margin-bottom:0px !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;}
.contacto { width:33%;}
.contenedor-div { width:97.5%; height:auto; padding-bottom:60px;}
.curso-formacion { width: 30%; margin-right:20px;}
.accordion__title { width:27%;}
.accordion__title:hover,
.accordion__title.active { width:27%;}
.FCPGRI { width:97.5%;}
.columna-izquierda { padding-top:0;}
.ceus h3 { margin-top:22px; margin-bottom:35px;}
.fichaparticipante h3 { width:26%; font-size:20px; margin-top:0;}
.observatoriosCPG .accordion__title { width:40%;}
.observatoriosCPG .accordion__title:hover, .observatoriosCPG .accordion__title.active { width:40%;}
.observatoriosimg { min-height:157px;}
.cont-observ h2 { top:102px; width:40.8%;}
.serv-ceus img { width:46%;}
.eidi iframe { width:58%; height:195px; margin-bottom:20px;}
.eidi img { width:100%; margin:0px;}
.resaltadaeidi { margin-top:25px;}
.integrandeeidi { width:42.5%;}
.fichaobservatorio { padding:20px; padding-right:0; padding-bottom:0; width:94%;}
.fichaobservatorio h3 { margin-top:0;}
.fichaobservatorio img { width:30%; margin-bottom:10px;}
.imagensemilleros { min-height:230px; width:97%; margin-bottom:20px; margin-right:0; float:left;}
.imagensemilleros img { width:100%; left:0px; top:-100px;}
.semilleroscpg .ac-container { width:97%; margin:0; margin-bottom:20px; float:left;}
.ceremgradotop .integrandeeidi { width:49%; line-height:17px;}
.cerm-grado .imagenceremonia { width:43%;}
.cerm-grado .ac-container { width:99%;}
.cerm-grado .tabla-contenedor { width:98%; margin-left:1%;}
.areascomp { width:90%;}
.noticia-interna { width:97%;}
.integranteconsejo1 { width:94%; padding-right:0;height:auto;}
.integranteconsejo { width:90%; padding-bottom:10px; height:auto;}
.eventofac { width:97.5%; margin-bottom:20px;}
.imagencolegiales { width:97%; float:left; margin-left:0;}
.colegial { width:94%;}
.icon-text-component-sm { width:94%; min-height:auto;}
.icon-text-button-sm { width:24%;}
.icon-text-button-sm span { font-size:21px; line-height:20px;}
.imagenconsejos { width:100%; height:auto; min-height:!important; margin-bottom:20px;}
}
@media (max-width:780px) and (min-width: 700px) {
.botonico { margin-right:15px;}
}
@media (max-width: 690px) and (min-width: 500px) {
}
@media (max-width: 690px) and (min-width: 320px) {
.accordion__title { width:100%;}
.accordion__title:hover,
.accordion__title.active { width:100%;}
.nombre_micrositio h1 { font-size:38px; margin:0px; 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:0px; font-weight:lighter;}
.textodiferenciador p a { line-height:17px; font-size:13px; width:90%; display:table;}
.noticias { width:100%; margin:0px; margin-bottom:20px;}
.eventos { width:100%; padding:0px; margin:0px; margin-bottom:20px;}
.botonessitios { width:100%; margin-bottom:30px;}
.public { width:100%; padding:0px; margin:0px; margin-bottom:20px;}
.continterna { padding:15px;}
.continterna p { margin-right:0px;}
.noticia-interna { width:100%; margin:0px; margin-bottom:20px;}
.listado-publicaciones .publicacion { width:100%; margin:0px; margin-bottom:20px;}
.busqueda-publicaciones .publicacion { width:100%; margin:0px; margin-bottom:20px;}
.publicacionlista { width:100%; margin:0px; margin-bottom:20px;}
.profesor  { width:96%; margin:0px; 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:95%;}
.col-grid { width:100%;}
.col-grid-2 { width:100%;}
.botonessitios { width:100%;}
.botonico { margin-left:0px; margin-right:20px;}
.boton-serv-sec { width:96%;}
.menu-secciones li {width: 94%;}
.menu-secciones li:hover {width: 94%;}
.ac-container { width:100%; margin:0px; margin-bottom:20px;}
.menu-secciones { width:100%; margin-bottom:20px;}
.contacto { width:96%; text-align:left; padding-bottom:5px;}
.contacto img { width:50px; margin-left:0px; margin-right:20px; 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:0px !important;}
.imagendirectorios { min-height:130px; width:36%; margin-right:12px;}
.imagenenoticia { min-height:300px;}
.noticias .flexslider { margin-bottom:5px;}
.noticias { padding-bottom:0px; margin-bottom:0px;}
.botonessitios { padding-top:0px;}
.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;}
.videoprograma { width:100%;}
.evento { width:98%;}
.contacto img { width:46%;}
.redescpg img { width:50px;}
.curso-formacion { width:100%; height:auto;}
.curso-formacion p { position:relative; text-align:center !important;}
.foto-curso { height:auto; min-height:auto !important;}
.curso-formacion a { height:auto; padding-bottom:20px;}
.cont-profesor { text-align:left !important;}
.continterna p { text-align:left !important;}
.curso-formacion p { text-align:center !important; }
.ceus img { width:100%; margin-bottom:15px;}
.ceus h3 { text-align:left; font-size:22px;}
.fichaparticipante { width:94%;}
.fichaparticipante h3 { font-size:19px; text-align:center; width:33%; padding:10px; margin-top:0;}
.fichaparticipante p { margin-top:20px;}
.observatoriosCPG .accordion__title { width:100%;}
.observatoriosCPG .accordion__title:hover, .observatoriosCPG .accordion__title.active { width:100%;}
.cont-observ { padding-left:0;}
.observatoriosimg { width:100%;}
.cont-observ h2 {top: 102px; width: 95.8%;}
.introceus { width:100%; margin-bottom:10px;}
.cont-proy-ceus { width:100%;}
.serv-ceus img { display:none;}
.eidi iframe { width:100%; height:195px; margin-bottom:20px;}
.eidi img { width:100%; margin:0px;}
.resaltadaeidi { margin-top:25px; font-size:14px !important; line-height:18px !important;}
.imagenproyectoeidi { width:88%;}
.integrandeeidi { width:94%; height:auto;}
.imagensemilleros { width:98%;}
.semilleroscpg .ac-container { width:98%;}
.imagensemilleros img { width:100%; left:0px; top:-10px;}
.infocoordinacion { padding:10px; width:93%;}
.cerm-grado .imagenceremonia { width:98%;}
.cerm-grado .ac-container { width:98%;}
.cerm-grado .tabla-contenedor { width:98%; margin-left:1%;}
.ceremgradotop .integrandeeidi { width:89%;}
.areascomp { width:100%;}
.cont-primero { width:94% !important;}
.cont-primero img { width:100% !important;}
.ficha-facultad { width:83%;}
.imagenenoticiainterna { width:93%; margin-bottom:20px;}
.noticia-interna h3, .noticia-interna h4 { margin-left:20px;}
.icon-text-component-sm { width:87%; min-height:auto;}
.icon-text-button-sm { width:88%; min-height:auto; padding:20px; margin-bottom:20px;}
.icon-text-button-sm span { font-size:21px; line-height:20px;}
.image-text-component img { width:100%; margin-bottom:20px;}
.image-text-component h3 { margin-left:15px;}
.image-text-component h4 { margin-left:15px;}
.contenidointerna h3 { text-align:left !important;}
.icon-text-component-sm .icon-box { padding-right:0;}
}
@media (max-width: 480px) and (min-width: 300px) {
p { text-align:left !important;}
#logo-head { padding-left: 5px !important; width: 95px !important;}
.container-nombre { margin-left: 100px !important; padding-right:0px !important;}
.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:0px; background:#2D3A43; margin:0px !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:0px; height:auto; min-height:auto; position:relative;}
.textodiferenciador { width:95%; position:relative; padding:10px; height:102px; background: rgba(0,0,0,0.8); margin-top:0px;}
.textodiferenciador h2 { font-size:19px; line-height:22px; margin-bottom:5px; text-shadow:none;}
.textodiferenciador h2 a { font-size:19px; letter-spacing:1px !important; text-shadow:none;}
.textodiferenciador p a{ width:100% !important;}
.textodiferenciador p a { font-size:12px; font-weight:lighter; margin-top:0px; margin-bottom:0px; width:100% !important; line-height:16px;}
.flex-control-nav { text-align:center; padding-left:0px; left:40%;}
.noticias { padding-left:10px; padding-right:10px; padding-bottom:0px;}
.noticias h3 { font-size:27px; margin-left:0px;}
.noticia { width:100%; margin:0px; margin-bottom:0px;}
.imagenenoticia { max-height:200px;}
.eventos { padding-left:10px; padding-right:10px;}
.evento { margin:0px; width:100%; margin-bottom:20px;}
.eventos h3 { font-size:27px; margin-left:0px; margin-top:0px;}
.fecha h3 { font-size:30px; margin:7px; padding-top:15px; padding-bottom:12px;}
.botonessitios { padding-left:10px; padding-right:10px; padding-top:0px; margin-bottom:0px;}
figure.effect-sadie h2 { height:62px !important;}
.botonico { width:100%; margin:0px; margin-bottom:5px;}
.imagenprofe { width:80px; min-height:80px; margin-right:15px;}
.publicacion { margin-left:0px; width:100%;}
.nombrepublic { font-size:14px; line-height:18px; margin-bottom:0px;}
.publicacion p { font-size:13px; color:#111;}
.public { padding-left:10px; padding-right:10px;}
.public h3 { font-size:27px; margin-bottom:30px; margin-left:0px; }
.publicacion { padding-left:0px;}
.publicacion h4 { margin-bottom:5px;}
.imagenenoticiainterna { width:100%; margin:0px; margin-bottom:20px;}
.imageninterna img { padding-right:0px;}
.continterna p { margin-right:0px;}
.contenidointerna h2 { font-size:27px;}
.noticia-interna p { margin:20px; margin-top:0px;}
.noticia-interna h3 { margin-left:20px;}
.profesor { padding-left:0px;}
.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:0px;}
#contentur { padding-bottom:975px !important;}
.cont-boton-serv-sec { width:92%; padding:5px;}
.col-servicios { padding-left:5px !important; padding-bottom:0px !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:225px;}
.continterna p { text-align:left;}
.continterna li { text-align:left;}
.continterna ol { text-align:left;}
.menu li a { padding:9px !important;}
.redeseconomia { width:100%;}
.redeseconomia img { float:inherit;}
.flex-control-nav { left:36% !important; bottom:150px;}
.flex-control-paging li a { width:11px; height:11px;}
.decanatura img { width:100%; margin-bottom:20px;}
.imagenprofesor img { margin-left:0px;}
#estructura { width:100%; height:310px;}
.directotios { width:94%; padding:15px; padding-bottom:10px; height:auto;}
.directotios h3 { margin-bottom:0px !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, .noticia-interna h4 { padding-left:15px !important;}
.noticia-interna h3, .noticia-interna p { margin-left:15px;}
.continterna { width:91.5%;}
.profesor { width:100% !important;}
.cont-estructura { padding:15px;}
.directotios { width:86%;}
.cont-estructura {width: 90.5%;}
.directotios {width: 90.7%;}
.menu-secciones li {width: 90%;}
.menu-secciones li:hover {width: 90%;} 
.container-nombre { margin-left: 120px; padding-top:7px; padding-bottom:6px;}
.nombre_facultad { font-size:14px; line-height:15px; padding-left:10px;}
.nombre_facultad a { font-size:11px; padding-top:5px; line-height:14px;}
.contacto img { width:100%;}
.redescpg img { width:40px; float:right; margin-right:0px;}
.videoprograma { padding-top:5px;}
.videoprograma h3, .noticias h3, .eventos h3, .public h3 { font-size:24px; margin-bottom:10px;}
.container-nombre { width:186px !important;}
.nombre_facultad a { font-size:11px !important; line-height:14px !important;}
.col-izq-imagen { width:95%; margin-bottom:20px;}
.contenedor-div h3 { margin-left:20px;}
.col-der-texto h4 { width:94%; margin-bottom:20px;}
.contenedor-div p { line-height:18px; margin-right:15px;}
.cont-profesor { width:80%;}
.imagenprofesor { margin-bottom:0;}
.boton-masp { height:135px;}
.profesorinterna .imagenprofesor { width:100%; margin-bottom:0;}
.profesorinterna h3, .profesorinterna p { margin-left:15px;}
.foto-personal { width:100%; margin-bottom:20px; height:auto;}
.FCPGRI { padding:15px; width:90.5%;}
.contenidointerna h2 { font-size:26px;}
.menu-secciones { margin-bottom:0 !important;}
.columna-izquierda { padding-top:0 !important;}
.decana-cpg { padding:15px; width:90.5%;}
.decana-cpg img { width:100%; margin-bottom:20px;}
.decana-cpg  p { margin-left:0;}
.por-que-cpg { width:100%; margin-bottom:20px;}
.noticias { padding-bottom:10px;}
.noticias .flex-control-nav { bottom:-25px !important; text-align:left;}
.fichaparticipante h3 { width:55%; font-size:18px;}
.observatoriosimg { width:100%;}
.cont-observ h2 {top: 102px; width: 93%; font-size:18px;}
.contenidointerna h2 { font-size:24px;}
.container-nombre { width: 200px !important;}
.nombre_facultad a { padding-top:0 !important;}
.eidi img { display:none;}
.eidi ul { display:table; padding-left:20px;}
.resaltadaeidi { padding:10px;}
.integrandeeidi h3{ font-size:20px;}
.integrandeeidi { width:90%; height:auto;}
.fichaobservatorio { padding:15px; width:94%;}
.fichaobservatorio h3 { margin:0; margin-bottom:5px; font-size:20px;}
.fichaobservatorio h4 { margin:0; margin-bottom:15px; font-size:18px;}
.fichaobservatorio p { margin:0;}
.fichaobservatorio img { width:100%; margin-bottom:20px;}
.noticia-interna h4 { margin-left:0px;}
.botonintenacional { width:88%;}
.colegial { font-size:14px;}
}
.tabla-contenedor { display:table; width:100%; margin-bottom:30px;}
.tabla-contenedor td { font-size:13px; padding:5px; border:0.5px solid #c7c7c7; background:#fff;}
.td1 { background:#a20f26 !important; color:#fff; text-align:center; padding:7px; font-size:15px !important; font-weight:lighter !important;}
.td2 { background:#a20f26 !important; color:#fff; text-align:center; padding:7px;font-size:15px !important; font-weight:lighter !important;}