/*
Theme Name: Centro
Theme URI: http://centro.edu
Description: Description here
Version: 0.5
Author: Gregory Spraggins for 160over90
Author URI: http://160over90.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: text-bottom; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }



ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* CSS Document */
/* ---------------------------
Centro Branding fonts
----------------------------*/


@font-face {
  font-family: "FrutigerLTW01-45Light";
  src: url("fonts/722105/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix");
  src: url("fonts/722105/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix") format("eot"), url("fonts/722105/4fb89ed5-baf5-425f-aba4-46e8c2c3aabe.woff2") format("woff2"), url("fonts/722105/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff") format("woff"), url("fonts/722105/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf") format("truetype"), url("fonts/722105/3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710") format("svg"); }
@font-face {
  font-family: "FrutigerLTW01-46LightIt";
  src: url("fonts/722108/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?#iefix");
  src: url("fonts/722108/072713ba-cb3a-4522-8f3b-b120f8eae10f.eot?#iefix") format("eot"), url("fonts/722108/dda818d0-9f7a-4574-8d17-8e3546cb04fb.woff2") format("woff2"), url("fonts/722108/8259f047-a5d2-40a0-a98c-1c24f0316b08.woff") format("woff"), url("fonts/722108/1078a920-3def-4194-ba69-46751fb9af38.ttf") format("truetype"), url("fonts/722108/4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3.svg#4c72fb1e-e1b0-4a18-91cc-5dbe2faaf2a3") format("svg"); }
@font-face {
  font-family: "Frutiger LT W01_65 Bold";
  src: url("fonts/722129/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix");
  src: url("fonts/722129/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix") format("eot"), url("fonts/722129/6e7f04cb-3b30-43a5-b79d-25b4c1178700.woff2") format("woff2"), url("fonts/722129/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff") format("woff"), url("fonts/722129/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf") format("truetype"), url("fonts/722129/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4") format("svg"); }
@font-face {
  font-family: "FrutigerLTW01-66BoldIta";
  src: url("fonts/722132/f334dc11-1de8-4ae2-9c2a-a1cfa665263b.eot?#iefix");
  src: url("fonts/722132/f334dc11-1de8-4ae2-9c2a-a1cfa665263b.eot?#iefix") format("eot"), url("fonts/722132/c3eb6646-2557-4ced-8a71-fd9c6eb83c59.woff2") format("woff2"), url("fonts/722132/f74530f5-a39c-47e3-97d9-6821fc4df8c0.woff") format("woff"), url("fonts/722132/aa626e7f-57dd-4084-9486-3eeb921333c0.ttf") format("truetype"), url("fonts/722132/8f91ebb0-2b00-4a50-baa9-865a6502384e.svg#8f91ebb0-2b00-4a50-baa9-865a6502384e") format("svg"); }
/*----------- VARIABLES ------------*/
/*------------- MIXINS -------------*/
/*------------- BODY ---------------*/


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

html, html a {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

.cleaner {
  clear: both;
  font-size: 0px;
  height: 0px; }
/* .row { */


p {
  word-wrap: break-word; }

em {
  font-style: italic;
  vertical-align: baseline; }

strong {
  font-weight: 600;
  vertical-align: baseline; }

span {
  vertical-align: baseline; }

a {
  vertical-align: baseline; }

img {
  height: auto;
  width: auto;
  max-width: 100%;
}



.standard_transition, .blue-btn, #header .secondary .navigation li a, #header .primary li a, #header #searchform input, #header #lang li a, #overlay-menu ul li a, .event-node .title, .slider-con .navigator, #featured-slider .filter .filter-node img, .profile .thumb .name, .institution-node .facility-list li a, .admission-options .option .overlay, .admission-options .option .name, .admission-options .resources ul li a, #news .more-news, .news-node img, .news-node h4 a, #courseccordion .node h5:before, #courseccordion .node .window, #related-node .social li a, #related-node .related-list li a, .related-node .title, #footer .social li a {
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s; }

.slow_transition, #featured-slider .slide, #featured-slider .slide .filter-node img, #related-node .social li a .fa, #footer .social li a .fa {
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s; }

.centered, #header #searchform input, #header #lang, .slider-con .navigator, #featured-slider .filter .filter-node a, .admission-options .option .name, .fc-calendar .fc-date, #courseccordion .node h5:before, #related-node .social li a .fa, #footer .social li a .fa {
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.no-csstransforms3d .centered, .no-csstransforms3d #header #searchform input, #header #searchform .no-csstransforms3d input, .no-csstransforms3d #header #lang, #header .no-csstransforms3d #lang, .no-csstransforms3d .slider-con .navigator, .slider-con .no-csstransforms3d .navigator, .no-csstransforms3d #featured-slider .filter .filter-node a, #featured-slider .filter .filter-node .no-csstransforms3d a, .no-csstransforms3d .admission-options .option .name, .admission-options .option .no-csstransforms3d .name, .no-csstransforms3d .fc-calendar .fc-date, .fc-calendar .no-csstransforms3d .fc-date, .no-csstransforms3d #courseccordion .node h5:before, #courseccordion .node .no-csstransforms3d h5:before, .no-csstransforms3d #related-node .social li a .fa, #related-node .social li a .no-csstransforms3d .fa, .no-csstransforms3d #footer .social li a .fa, #footer .social li a .no-csstransforms3d .fa {
  top: 20%; }

.overlay {
  position: absolute;
  width: 100%;
  height: 100%; }

#faux-background {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: top center;
  position: fixed;
  top: 0px;
  display: block;
  z-index: -1; }

h2 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 35px;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
   }
  @media screen and (max-width: 991px) {
    h2 {
      font-size: 35px;
	  text-align:left; } }
  @media screen and (max-width: 767px) {
    h2 {
      font-size: 25px;
	  text-align:left; } }

h3 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 40px;
  font-weight: normal;
  line-height: 60px;
  color: #101010;
  margin-bottom: 50px;
  position: relative;
  display: table; }
  @media screen and (max-width: 991px) {
    h3 {
	margin-bottom: 10px;
	font-size: 40px;
} }
  @media screen and (max-width: 767px) {
    h3 {
      font-size: 30px;
      line-height: 45px; } }
  h3.middle {
    margin: 0 auto 60px auto; }
  h3 span {
    background: #ffff00;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding: 0px 5px; }
	

h4 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 22px;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
   }
  @media screen and (max-width: 991px) {
    h4 {
      font-size: 20px;
	  text-align:left; } }
  @media screen and (max-width: 767px) {
    h4 {
      font-size: 18px;
	  text-align:left; } }
	
	
 .tittleEC {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 22px;
  font-weight: normal;
  line-height: normal;
  background-color: #ffff00;

  margin-bottom: 0px;
  text-align:left; }
  @media screen and (max-width: 991px) {
   .tittleEC {
      font-size: 20px;
	  text-align:left; } }
  @media screen and (max-width: 767px) {
   .tittleEC{
      font-size: 18px;
	  text-align:left; } }
	  
	  
	  
.titleboldEC {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 22px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left; }
  @media screen and (max-width: 991px) {
   .titleboldEC {
      font-size: 22px;
	  text-align:left; } }
  @media screen and (max-width: 767px) {
      
   .titleboldEC{
      font-size: 18px;
	  text-align:left; } }	  


.textoEC {
  font-family: "FrutigerLTW01-45Light";
  font-size: 18px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left; }
  @media screen and (max-width: 991px) {
   .textoEC {
      font-size: 18px;
	  text-align:left; } }
  @media screen and (max-width: 767px) {
   .textoEC{
      font-size: 18px;
	  text-align:left; } }	  
	  
	  	  

.cta {
  font-family: "FrutigerLTW01-45Light";
  font-size: 22px;
  font-weight: normal;
  line-height: 36px;
  color: #101010;
  margin-bottom: 30px; }
  @media screen and (max-width: 991px) {
    .cta {
      font-size: 30px; } }
  @media screen and (max-width: 767px) {
    .cta {
      font-size: 15px;
      line-height: 29px; } }
	  
	  

.blue-btn {
font-family: "Frutiger LT W01_65 Bold";
font-size: 18px;
font-weight: normal;
color: white;
margin-bottom: 50px;
text-align: center;
background-color: #a66fff;
display: block;
position: relative;
padding: 10px;
border-radius: 20px;
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
-webkit-transition-duration: .4s; /* Safari */
transition-duration: .4s;
}

  
.blue-btn:hover {
color: white;
text-decoration: none;
background-color: #6c40fd; }
  
  
@media screen and (max-width: 991px) {
.blue-btn {
font-size: 18px; } }
  
  .blue-btnsmall {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 16px;
  font-weight: normal;
  line-height:40px;
  color: #ffff00;
  margin-top: 10px;
  text-align: center;
  background-color: #0050ff;
  display: block;
  position: relative; }
  
.blue-btnsmall:hover {
color: #101010;
text-decoration: none;
background-color: #ffff00; }
  
  
@media screen and (max-width: 991px) {
.blue-btnsmall {
font-size: 14px; } }


#hero-banner, .post-landscape {
height: 500px;
width: 100%;
background-position:center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 100px;

}

#hero-banner.institucion, .post-landscape.institucion {
background-image: url(images/institucion/hero-institucion.png);
}

#hero-banner.ofertaacademica, .post-landscape.ofertaacademica {
background-image: url(images/ofertaacademica/hero-ofertaacademica.png); 
}
	
#hero-banner.admissions, .post-landscape.admissions {
background-image: url(images/hero-admissions.jpg); 
}
#hero-banner.academics, .post-landscape.academics {
background-image: url(images/hero-academics.jpg); 
}
#hero-banner.undergraduate-programs, .post-landscape.undergraduate-programs {
background-image: url(images/hero-undergraduate-programs.jpg); 
}
  #hero-banner.vinculacion, .post-landscape.vinculacion {
    background-image: url(images/hero-vinculacion.jpg); }
	
  #hero-banner.arquitectura-interiores, .post-landscape.arquitectura-interiores {
    background-image: url(images/hero_images/lic_arquitectura_interiores.png); }
	
  #hero-banner.cine-tv, .post-landscape.cine-tv {
    background-image: url(images/hero_images/lic_cine_tv.png); }	
	
  #hero-banner.comunicacion_visual, .post-landscape.comunicacion_visual {
    background-image: url(images/hero_images/lic_comunicacion_visual.png); }	
	
  #hero-banner.medios_digitales, .post-landscape.medios_digitales {
    background-image: url(images/hero_images/lic_medios_digitales_large.jpg); }	
	
 #hero-banner.diseno_industrial, .post-landscape.diseno_industrial {
    background-image: url(images/hero_images/lic_diseno_industrial.png); }	
	
  #hero-banner.diseno_textil_moda, .post-landscape.diseno_textil_moda {
    background-image: url(images/hero_images/lic_diseno_textil_moda.png); }	
	
  #hero-banner.mercadotecnia_publicidad, .post-landscape.mercadotecnia_publicidad {
    background-image: url(images/hero_images/lic_mercadotecnia_publicidad.png); }	
	
	
  #hero-banner.maestria_ciudad, .post-landscape.maestria_ciudad {
    background-image: url(images/hero_images/maestria_ciudad.png); }
	
  #hero-banner.maestria_estudios_diseno, .post-landscape.maestria_estudios_diseno {
    background-image: url(images/hero_images/maestria_estudios_diseno.png); }
		
  #hero-banner.maestria_guion, .post-landscape.maestria_guion {
    background-image: url(images/hero_images/maestria_guion.png); }
	
	
 #hero-banner.maestria_vivienda, .post-landscape.maestria_vivienda {
    background-image: url(images/hero_images/maestria_vivienda.png); }
	
	 #hero-banner.maestria_negocios_innovacion_creatividad, .post-landscape.maestria_negocios_innovacion_creatividad {
    background-image: url(images/hero_images/maestria_negocios_innovacion_creatividad.png); }
	
	 #hero-banner.maestria_negocios_industrias_creativas, .post-landscape.maestria_negocios_industrias_creativas {
    background-image: url(images/hero_images/maestria_negocios_industrias_creativas.png); }
	
	/*heros especialidades*/
  #hero-banner.esp_animacion_cinematografica, .post-landscape.esp_animacion_cinematografica {
    background-image: url(images/hero_images/esp_animacion_cinematografica.png); }
	
	 #hero-banner.esp_codigo_creativo, .post-landscape.esp_codigo_creativo {
    background-image: url(images/hero_images/esp_codigo_creativo.png); }
	
  #hero-banner.esp_codigo_creativo_diseno, .post-landscape.esp_codigo_creativo_diseno {
    background-image: url(images/hero_images/esp_codigo_creativo_diseno.png); }
	
	#hero-banner.esp_joyeria_contemporanea, .post-landscape.esp_joyeria_contemporanea {
    background-image: url(images/hero_images/esp_joyeria_contemporanea.png); }
	
	#hero-banner.esp_diseno_manana, .post-landscape.esp_diseno_manana {
    background-image: url(images/hero_images/esp_diseno_manana.png); }
	
	#hero-banner.esp_innovacion_tipografica, .post-landscape.esp_innovacion_tipografica {
    background-image: url(images/hero_images/esp_innovacion_tipografica.png); }
	
	#hero-banner.esp_mercadotecnia_moda, .post-landscape.esp_mercadotecnia_moda {
    background-image: url(images/hero_images/esp_mercadotecnia_moda.png); }
	
	#hero-banner.esp_animacion_video, .post-landscape.esp_animacion_video {
    background-image: url(images/hero_images/esp_animacion_video.png); }
	
	#hero-banner.esp_moda_estilismo, .post-landscape.esp_moda_estilismo {
    background-image: url(images/hero_images/esp_moda_estilismo.png); }
	
	#hero-banner.esp_gerencia_proyectos_interiores, .post-landscape.esp_gerencia_proyectos_interiores {
    background-image: url(images/hero_images/esp_gerencia_proyectos_interiores.png); }
	
	
	#hero-banner.esp_diseno_calzado_marroquineria, .post-landscape.esp_diseno_calzado_marroquineria {
    background-image: url(images/hero_images/esp_diseno_calzado_marroquineria.png); }
	
	#hero-banner.esp_iluminacion_interiores, .post-landscape.esp_iluminacion_interiores {
    background-image: url(images/hero_images/esp_iluminacion_interiores.png); }
	
	#hero-banner.esp_tecnologia_material, .post-landscape.esp_tecnologia_material {
    background-image: url(images/hero_images/esp_tecnologia_material.png); }
	
   #hero-banner.esp_diseno_escenico, .post-landscape.esp_diseno_escenico {
    background-image: url(images/hero_images/esp_diseno_escenico.png); }
	
	/*heros especialidades*/
	
	#hero-banner.educacion_continua, .post-landscape.educacion_continua {
    background-image: url(images/hero_images/hero-ec-large.jpg);}
	
	#hero-banner.licenciaturas, .post-landscape.licenciaturas {
    background-image: url(images/hero_images/licenciaturas.jpg); }
	
	
	#hero-banner.especialidades, .post-landscape.especialidades {
    background-image: url(images/hero_images/especialidades.png); }
    
    #hero-banner.especialidades2, .post-landscape.especialidades2 {
    background-image: url(images/hero_images/simposio.jpg); }

    #hero-banner.especialidades3, .post-landscape.especialidades3 {
    background-image: url(images/hero_images/concordia-simposio-centro-2018-banner.jpg);
    height: 600px;
    width: 100%;
    margin-top: -110px;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
    
}
 #hero-banner.especialidades4, .post-landscape.especialidades3 {
    background-image: url(http://www3.centro.edu.mx/wp-content/themes/en-centro/images/hero_images/design-under-pressure.jpg);
    height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
    margin-top: -110px;
    
}
  #hero-banner.hub-diseno-social, .post-landscape.hub-diseno-social {
    background-image: url(images/hero_images/HUB-dediseno-social.jpg);
    height: 600px;
    width: 100%;
    margin-top: -110px;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
    
}
	
    #hero-banner.maestrias, .post-landscape.maestrias {
    background-image: url(images/hero_images/maestrias.png); }
	
    #hero-banner.vidaestudiantil, .post-landscape.vidaestudiantil {
    background-image: url(images/hero_images/vidaestudiantil.png); }
	
	#hero-banner.centro_empredurismo, .post-landscape.centro_empredurismo {
    background-image: url(images/hero_images/centro_empredurismo.png); }
	
	#hero-banner.leed_platino, .post-landscape.leed_platino {
    background-image: url(images/hero_images/leed_platino.png); }
	
	#hero-banner.investigacion_ciec, .post-landscape.investigacion_ciec {
    background-image: url(https://www3.centro.edu.mx/img/ciec-img/banner-Call-for-papers-2.jpg);}
	
	#hero-banner.mediateca, .post-landscape.mediateca {
    background-image: url(images/hero_images/hero-mediateca.jpg);
		 }	
		 
	#hero-banner.admisiones, .post-landscape.admisiones {
    background-image: url(images/hero_images/hero-admisiones-large.jpg);
		 }	

/*heros especialidades*/
		 #hero-banner.simposio, .post-landscape.simposio {
    background-image: url(images/hero_images/hero-simposio.jpg);
		 }	
		 

		 
/* CSS Reset 
* { margin: 0; padding: 0; }

/* Imagen Responsive Basica 
.hero-banner-mediateca {
  width: 100%;
  height: auto;
}

/* Full-width Responsive  
.full {
  width: 100%;
}*/


/* breakpoints mediateca */
.hero-banner.mediateca {
    background-repeat: no-repeat;
    background-position: center top;
	height:auto;
	width:100%;
}
#hero-banner.mediateca .hero-banner.mediateca {
    background-image: url('/wp-content/themes/centro/images/hero_images/hero-mediateca-large.jpg');
}

@media screen and (max-width: 480px) {
    #hero-banner.mediateca  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-mediateca-small.jpg');
    }
}

@media screen and (min-width: 640px) {
    #hero-banner.mediateca {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-mediateca-medium.jpg');
    }
}


@media screen and (max-width: 800px) {
    #hero-banner.mediateca {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-mediateca-medium.jpg');
    }
}

@media screen and (min-width: 1024px) {
    
    #hero-banner.mediateca  {
        background-image: url('http://www3.centro.edu.mx//wp-content/themes/centro/images/hero_images/hero-mediateca-large.jpg');
    }
}
@media only screen and (min-width : 1824px)  {
	 #hero-banner.mediateca  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-mediateca-extralarge.jpg');
    }
 
}


/* breakpoints investigacion_ciec */
.hero-banner.investigacion_ciec {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height:auto;
	width:100%;
    padding-top: 120px;
    
    
}
#hero-banner.investigacion_ciec .hero-banner.investigacion_ciec{
    background-image: url('https://www3.centro.edu.mx/img/ciec-img/banner-Call-for-papers-2.jpg');
}





/* breakpoints ec */
.hero-banner.educacion_continua {
    background-repeat: no-repeat;
    background-position: center top;
	height:auto;
	width:100%;
}
#hero-banner.educacion_continua .hero-banner.educacion_continua {
    background-image: url('/wp-content/themes/centro/images/hero_images/hero-ec-large.gif');
}

@media screen and (max-width: 480px) {
    #hero-banner.educacion_continua  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-ec-small.gif');
    }
}

@media screen and (min-width: 640px) {
    #hero-banner.educacion_continua {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-ec-medium.gif');
    }
}


@media screen and (max-width: 800px) {
    #hero-banner.educacion_continua {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-ec-medium.gif');
    }
}

@media screen and (min-width: 1024px) {
    
    #hero-banner.educacion_continua  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-ec-large.gif');
    }
}
@media only screen and (min-width : 1824px)  {
	 #hero-banner.educacion_continua  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-ec-extralarge.gif');
    }
 
}


/* breakpoints ec smart */
.hero-banner.educacion_continua-smart {
    background-repeat: no-repeat;
    background-position: center top;
	height:auto;
	width:100%;
}
#hero-banner.educacion_continua .hero-banner.educacion_continua-smart {
    background-image: url('/wp-content/themes/centro/images/hero_images/smart-l.jpg');
}

@media screen and (max-width: 480px) {
    #hero-banner.educacion_continua-smart  {
        background-image: url('/wp-content/themes/centro/images/hero_images/smart-s.jpg');
    }
}

@media screen and (min-width: 640px) {
    #hero-banner.educacion_continua-smart {
        background-image: url('/wp-content/themes/centro/images/hero_images/smart-m.jpg');
    }
}


@media screen and (max-width: 800px) {
    #hero-banner.educacion_continua-smart {
        background-image: url('/wp-content/themes/centro/images/hero_images/smart-m.jpg');
    }
}

@media screen and (min-width: 1024px) {
    
    #hero-banner.educacion_continua-smart  {
        background-image: url('/wp-content/themes/centro/images/hero_images/smart-l.jpg');
    }
}
@media only screen and (min-width : 1824px)  {
	 #hero-banner.educacion_continua-smart  {
        background-image: url('/wp-content/themes/centro/images/hero_images/smart-xl.jpg');
    }
 
}




/* breakpoints admisiones */
.hero-banner.admisiones {
    background-repeat: no-repeat;
    background-position: center top;
	height:auto;
	width:100%;
}
#hero-banner.admisiones .hero-banner.admisiones {
    background-image: url('/wp-content/themes/centro/images/hero_images/hero-admisiones-large.jpg');
}

@media screen and (max-width: 480px) {
    #hero-banner.admisiones  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-admisiones-small.jpg');
    }
}

@media screen and (min-width: 640px) {
    #hero-banner.admisiones {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-admisiones-medium.jpg');
    }
}


@media screen and (max-width: 800px) {
    #hero-banner.admisiones {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-admisiones-medium.jpg');
    }
}

@media screen and (min-width: 1024px) {
    
    #hero-banner.admisiones  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-admisiones-large.jpg');
    }
}
@media only screen and (min-width : 1824px)  {
	 #hero-banner.admisiones  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-admisiones-extralarge.jpg');
    }
 
}






/* breakpoints lic. Interacción y medios digitales */
.hero-banner.medios_digitales {
    background-repeat: no-repeat;
    background-position: center top;
	height:auto;
	width:100%;
}
#hero-banner.medios_digitales .hero-banner.medios_digitales {
    background-image: url('/wp-content/themes/centro/images/hero_images/lic_medios_digitales_large.jpg');
}

@media screen and (max-width: 480px) {
    #hero-banner.medios_digitales  {
        background-image: url('/wp-content/themes/centro/images/hero_images/lic_medios_digitales_small.jpg');
    }
}

@media screen and (min-width: 640px) {
    #hero-banner.medios_digitales {
        background-image: url('/wp-content/themes/centro/images/hero_images/lic_medios_digitales_medium.jpg');
    }
}


@media screen and (max-width: 800px) {
    #hero-banner.medios_digitales {
        background-image: url('/wp-content/themes/centro/images/hero_images/lic_medios_digitales_medium.jpg');
    }
}

@media screen and (min-width: 1024px) {
    
    #hero-banner.medios_digitales  {
        background-image: url('/wp-content/themes/centro/images/hero_images/lic_medios_digitales_large.jpg');
    }
}
@media only screen and (min-width : 1824px)  {
	 #hero-banner.medios_digitales  {
        background-image: url('/wp-content/themes/centro/images/hero_images/lic_medios_digitales_extralarge.jpg');
    }
 
}


/* breakpoints sercentro */
.hero-banner.sercentro {
    background-repeat: no-repeat;
    background-position: center top;
	height:auto;
	width:100%;
}

#hero-banner.sercentro .hero-banner.sercentro {
    background-image: url('/wp-content/uploads/SerCentro2.jpg');
}

@media screen and (max-width: 480px) {
    #hero-banner.sercentro  {
        background-image: url('/wp-content/uploads/SerCentro3.jpg');
    }
}

@media screen and (min-width: 640px) {
    #hero-banner.sercentro {
        background-image: url('/wp-content/uploads/SerCentro2.jpg');
    }
}

@media screen and (max-width: 800px) {
    #hero-banner.sercentro {
        background-image: url('/wp-content/uploads/SerCentro2.jpg');
    }
}

@media screen and (min-width: 1024px) {
    
    #hero-banner.sercentro  {
        background-image: url('/wp-content/uploads/SerCentro2.jpg');
    }
}

@media only screen and (min-width : 1824px) {
	 #hero-banner.sercentro  {
        background-image: url('/wp-content/uploads/SerCentro1.jpg');
    }
 
}



/* breakpoints fundacion proeducacion */
.hero-banner.proeducacion {
    background-repeat: no-repeat;
    background-position: center top;
	height:auto;
	width:100%;
}
#hero-banner.proeducacion .hero-banner.proeducacion {
    background-image: url('/wp-content/themes/centro/images/hero_images/hero-proeducacion-large.jpg');
}

@media screen and (max-width: 480px) {
    #hero-banner.proeducacion  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-proeducacion-small.jpg');
    }
}

@media screen and (min-width: 640px) {
    #hero-banner.proeducacion {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-proeducacion-medium.jpg');
    }
}


@media screen and (max-width: 800px) {
    #hero-banner.proeducacion {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-proeducacion-medium.jpg');
    }
}

@media screen and (min-width: 1024px) {
    
    #hero-banner.proeducacion  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-proeducacion-large.jpg');
    }
}
@media only screen and (min-width : 1824px)  {
	 #hero-banner.proeducacion  {
        background-image: url('/wp-content/themes/centro/images/hero_images/hero-proeducacion-extralarge.jpg');
    }
 
}

	
  #hero-banner.single, .post-landscape.single {
    background-image: url(images/hero-singletest.jpg); }
  #hero-banner.test, .post-landscape.test {
    background-image: url(images/hero-singletest2.jpg); }
  #hero-banner .caption, .post-landscape .caption {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 60px;
    font-weight: normal;
    line-height: 80px;
    color: #101010;
    margin-bottom: 0px;
    letter-spacing: -3px;
    display: table; }
    @media screen and (max-width: 767px) {
      #hero-banner .caption, .post-landscape .caption {
        font-size: 40px;
        line-height: 60px; } 
		
		}
    #hero-banner .caption p, .post-landscape .caption p {
      text-align: center;
      margin: 0 auto 5px auto;
      display: table; }
      #hero-banner .caption p span, .post-landscape .caption p span {
        background: #ffff00;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        padding: 0px 15px; }

.post-landscape {
  margin-bottom: 70px; }

#page-information {
  padding: 24px 0;
  background-color: #f5f5f5;
  margin-bottom: 36px; }
  #page-information .breadcrumbs {
    display: table;
    margin: 0 auto 16px auto;
	float:left; }
    #page-information .breadcrumbs li {
      font-family: "FrutigerLTW01-45Light";
      font-size: 14px;
      font-weight: normal;
      line-height: normal;
      color: #545454;
      margin-bottom: 0px;
/*      text-transform: uppercase;*/
      display: inline-block;
      padding-right: 20px;
      position: relative; }
      #page-information .breadcrumbs li:before {
        content: '/';
        right: 10px;
        top: 0px;
        position: absolute; }
      #page-information .breadcrumbs li a {
        color: #545454; }
    #page-information .breadcrumbs li:last-child {
      padding-right: 0px; }
      #page-information .breadcrumbs li:last-child:before {
        display: none; }
  #page-information h2 {
    text-align: left; }
	
	
	
	
	.rvoe {
      font-family: "FrutigerLTW01-45Light";
      font-size: 14px;
      font-weight: normal;
      line-height: normal;
      color: #545454;
      margin-bottom: 0px;
      display: inline-block;
      padding-right: 20px;
      position: relative; }
	  
	  
	  
@media screen and (max-width: 991px) {
.rvoe {
font-family: "FrutigerLTW01-45Light";
font-size: 14px;
font-weight: normal;
line-height: normal;
color: #545454;
margin-bottom: 0px;
display: inline-block;
padding-right: 20px;
position: relative; 
} 
}
	  

/*------------- HEADER -------------*/
#header {
width: 100%;
background-color: #ff0000;
position: relative;
z-index: 10000;
position: fixed;
top: 0px;
width: 100%;
padding: 0 0px;}

@media screen and (max-width: 1150px) {
#header {
height: auto; } }

.logo {
max-width: 150px;
margin-top: 36px;
margin-bottom: 20px;
}

@media screen and (max-width: 1150px){
.logo {
max-width: 120px;
} }

#header .right {
float: right;
display: block; 
}

@media screen and (max-width: 1150px) {
#header .right {
display: none; 
} 
}

#header .secondary .navigation {
float: left; 
}

#header .secondary .navigation li {
font-family: "Frutiger LT W01_65 Bold";
font-size: 11px;
padding-bottom: 10px;
padding-top: 15px;
display: inline-block; }

#header .secondary .navigation .active {
font-family: "Frutiger LT W01_65 Bold";
color: #ffffff;
}

#header .secondary .navigation li:last-child {
 }

#header .secondary .navigation li a {
color: #3b3b3b;}

#header .secondary .navigation li a:hover {
color: white;
transition-duration: .3s;
-webkit- transition-duration: .3s;
text-decoration: none;
padding: 10px 0;
border-bottom: 1px solid white;
}
#header .primary li {
font-family: "Frutiger LT W01_65 Bold";
font-size: 12px;
color: #ffffff;
display: inline-block;
margin-bottom: 10px;
background-color: red;
 }
#header .primary li:last-child {
margin: 0px; 
}
#header .primary li a {
color: #ffffff;
margin-bottom: 5px;   
}
      #header .primary li a:hover {
        border-bottom: 1px solid white;
   background-color: red;
        text-decoration: none;
        transition-duration: .5s;
        -webkit- transition-duration:.5s;
}
  #header .searchandlang {
    height: 72px; }
  #header #searchform {
    height: 72px;
    float: right; }
    #header #searchform input {
      font-family: "FrutigerLTW01-45Light";
      font-size: 13px;
      font-weight: normal;
      line-height: normal;
      color: rgba(16, 16, 16, 0);
      margin-bottom: 0px;
      height: 50px;
      width: 50px;
      padding-left: 10px;
      padding-right: 38px;
      background-color: transparent;
      background-image: url(images/icon-mastersearch.png);
      background-repeat: no-repeat;
      background-position: right 8px center;
      border: none;
      border-bottom: 2px solid rgba(34, 34, 34, 0);
      float: right; }
      #header #searchform input:focus {
        width: 150px;
        outline: none;
        border: none;
        color: #101010;
        border-bottom: 2px solid #222222; }
  #header #lang {
    display: table;
    float: right;
    margin-left: 20px; }
    #header #lang li {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 14px;
      font-weight: normal;
      line-height: 15px;
      color: #ffffff;
      margin-bottom: 0px;
      text-transform: uppercase; }
      #header #lang li a {
        color: #101010; }
        #header #lang li a:hover {
          color: #ffff00;
          text-decoration: none; }
    #header #lang li.active a {
      color: #ffffff; }

#nav-toggle {
  position: absolute;
  right: 15px;
  top:20px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
  display: none; }
  @media screen and (max-width: 1150px) {
    #nav-toggle {
      display: block; } }
  #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 3px;
    width: 30px;
    background: #ffffff;
    position: absolute;
    display: block;
    content: '';
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out; }
  #nav-toggle span:before {
    top: -8px; }
  #nav-toggle span:after {
    bottom: -8px; }

#nav-toggle.active span {
  background-color: transparent; }
  #nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0; }
  #nav-toggle.active span:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg); }
  #nav-toggle.active span:after {
    -moz-transform: translateY(-10px) rotate(-45deg);
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    top: 10px;
	}

#overlay-menu {
  height: auto;
  width: 85%;
  overflow: scroll;
  background-color: rgba(255, 255, 255, 0.95);
  display: none;
  position: absolute;
z-index: 100000;

}
  @media screen and (min-width: 1151px) {
    #overlay-menu {
      display: none !important; } }
  #overlay-menu ul {
    padding: 20px 15px 40px 15px; }
    #overlay-menu ul li {
      font-family: "FrutigerLTW01-45Light";
      font-size: 18px;
      font-weight: normal;
      line-height: 50px;
      color: #ffffff;
      margin-bottom: 0px;
      border-bottom: 1px solid #cecece; }
      #overlay-menu ul li a {
        color: #101010;
        padding-left: 20px;
          padding: 10px;
        display: block; }
        #overlay-menu ul li a:hover {
          text-decoration: none;
          background-color: #ffff00; }
  #overlay-menu .secondary {
    padding-top: 0px; }
    #overlay-menu .secondary li {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 15px;
      line-height:20px;
      border-bottom: none; }

/* MENU DESPLEGABLE */
.nav ul{
    background-color:red;
    border-radius: 5px;
  
}
#header .nav > li {
	float:left;
}

.nav li a {

	color:#fff;
	text-decoration:none;
	display:block;
}

.nav li a:hover {
	background-color:red;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;
    
}

.nav li ul {
	display:none;
	position:absolute;

}

.nav li ul a {
	padding-left:15px;
    padding-top: 5px;
}

.nav li:hover > ul {
	display:block;
}

#header .nav li ul li {
	position:relative;
	line-height: 1.5;
    padding-bottom: 5px;
	width: 180px !important;

}

.nav li ul li ul {

	top:0px;
}




#home-slider {
padding-top: -20px;
margin-bottom: 50px; 
}
#home-slider .slide {
position: relative; 
}
#home-slider .slide img {
width: 100%; 
}
#home-slider .caption {
font-family: "Frutiger LT W01_65 Bold";
font-size: 60px;
font-weight: normal;
line-height: 70px;
color: #ffffff;
margin-bottom: 0px;
letter-spacing: -1px;
position: relative;
margin-top: 130px; 
}
@media screen and (max-width: 1300px) {
      #home-slider .caption {
        font-size: 40px;
        line-height: 48px;
        padding-left: 80px; } }
    @media screen and (max-width: 1200px) {
      #home-slider .caption {
        padding-left: 0px;
        max-width: 400px;
        margin: 130px auto 0 auto; } }
    @media screen and (max-width: 1100px) {
      #home-slider .caption {
        margin: 100px auto 0 auto; } }
    @media screen and (max-width: 991px) {
      #home-slider .caption {
        margin: 60px auto 0 auto; } }
    @media screen and (max-width: 670px) {
      #home-slider .caption {
        font-size: 30px;
        line-height: 38px; } }
    @media screen and (max-width: 500px) {
      #home-slider .caption {
        font-size: 20px;
        line-height: 28px;
        max-width: 260px; } }
    @media screen and (max-width: 390px) {
      #home-slider .caption {
        font-size: 16px;
        line-height: 26px;
        max-width: 200px;
        margin: 30px auto 0 auto; } }
    #home-slider .caption span {
      float: right; }
  #home-slider .slick-dots {
    bottom: 35px; }
    @media screen and (max-width: 767px) {
      #home-slider .slick-dots {
        display: none !important; } }
    #home-slider .slick-dots li {
      height: 25px;
      width: 25px;
      margin: 0 8px; }
      #home-slider .slick-dots li button {
        height: 25px;
        width: 25px; }
        #home-slider .slick-dots li button:before {
          height: 25px;
          width: 25px;
          font-size: 25px;
          color: #ffffff;
          opacity: 1; }
      #home-slider .slick-dots li.slick-active button:before {
        color: #f01e28; }

.home-cta {
  text-align: left;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 50px;
  background-image: url(images/purplesquiggle-large.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  margin-left:10px;
   }
  .home-cta h2 {
    margin-bottom: 10px; }
  .home-cta h3 {
    font-size: 27px;
    line-height: 36px;
    margin: 0 auto; }
	
	
    @media screen and (max-width: 767px) {
      .home-cta h3 {
        font-size: 22px; } }
    .home-cta h3:before {
      top: 18px; }

/*------------- EVENTS -------------*/

.event-node {
display: block;
position: relative;
margin: 5px;
background-color: #f2f2f2;
 }

.event-node:hover {
background-color: white;
text-decoration: none;
text-decoration: none;
transition-duration: .4s;
-webkit-transition-duration: .4s;
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);}

.event-node .date {
font-family: "FrutigerLTW01-45Light";
font-size: 15px;
color: #ffffff;
margin-bottom: 0px;
text-transform: uppercase;
text-align: center;
height:50px;
width: 50px;
background-color: #f01e28;
position: absolute;
padding: 5px;
top: 0px;
left: 0px; }

.event-node .date span {
font-family: "Frutiger LT W01_65 Bold";
font-size: 20px;
font-weight: bold;
letter-spacing: 2px; }

.event-node .title {
font-family: "Frutiger LT W01_65 Bold";
font-size: 14px;
font-weight: normal;
line-height: 1.3;
color: #101010;
width: 100%;
max-width: 400px;
padding: 14px;
line-height: 1.5;
 }

@media screen and (max-width: 991px) {
.event-node .title {
font-size: 14px;
line-height: 1.3;} }

.event-node img {
width: 100%; }


/*------------ FEATURED ------------*/
#featured {
padding-bottom: 10px;
margin-bottom: 10px;
/*background-image: url(images/purplesquiggle-large.png);*/
background-repeat: no-repeat;
background-position: bottom center; }

@media screen and (max-width: 767px) {
#featured .navigator {
display: none !important; } }

#featured .search-con {
margin-top: 18px;
float: left;
position: relative;
z-index: 2; }

@media screen and (max-width: 767px) {
#featured .search-con {
float: none;
display: none; } }
    #featured .search-con ul {
      position: absolute;
      width: 100%;
      top: 50px;
      display: none; }
      #featured .search-con ul.toggle {
        display: block; }
      #featured .search-con ul li {
        font-family: "FrutigerLTW01-45Light";
        font-size: 18px;
        font-weight: bold;
        line-height: 28px;
        color: #101010;
        margin-bottom: 5px;
        background-color: #ffff00;
        padding: 0 7px;
        cursor: pointer;
        text-transform: lowercase; }
  #featured #quicksearch {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 21px;
    font-weight: normal;
    line-height: 45px;
    color: #101010;
    margin-bottom: 0px;
    background-color: #e5e5e5;
    border: none;
    width: 340px;
    padding-left: 22px;
    position: relative;
    float: left; }
    @media screen and (max-width: 767px) {
      #featured #quicksearch {
        display: none; } }
    #featured #quicksearch::-webkit-input-placeholder {
      color: #101010; }
    #featured #quicksearch:-moz-placeholder {
      color: #101010; }
    #featured #quicksearch::-moz-placeholder {
      color: #101010; }
    #featured #quicksearch::-ms-input-placeholder {
      color: #101010; }
    #featured #quicksearch:focus {
      outline: none; }
  #featured .filter-label {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 21px;
    font-weight: normal;
    line-height: 45px;
    color: #ffff00;
    margin-bottom: 0px;
    padding-left: 22px;
    padding-right: 16px;
    background-color: #0050ff;
    display: block;
    float: left;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      #featured .filter-label {
        text-align: center;
        width: 100%;
        display: none; } }
    #featured .filter-label:hover {
      text-decoration: none; }
    #featured .filter-label .fa {
      margin-left: 18px; }

.slider-con {
position: relative; }
  .slider-con .navigator {
    position: absolute;
    background-color: #0050ff;
    color: #ffffff;
    height: 77px;
    width: 77px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .slider-con .navigator {
        height: 45px;
        width: 45px; } }
    .slider-con .navigator:hover {
      background-color: #ffff00;
      color: #101010; }
    .slider-con .navigator.prev {
      left: 0px; }
      .slider-con .navigator.prev .fa {
        margin-left: -8px; }
        @media screen and (max-width: 767px) {
          .slider-con .navigator.prev .fa {
            margin-left: -5px; } }
    .slider-con .navigator.next {
      right: 0px; }
      .slider-con .navigator.next .fa {
        margin-right: -8px; }
        @media screen and (max-width: 767px) {
          .slider-con .navigator.next .fa {
            margin-right: -5px; } }
    .slider-con .navigator .fa {
      font-size: 30px;
      text-align: center;
      display: block;
      margin-top: 24px; }
      @media screen and (max-width: 767px) {
        .slider-con .navigator .fa {
          font-size: 18px;
          margin-top: 15px; } }

#featured-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  
  
 }
  #featured-slider .slide {
    width: 100%;
    max-width: 1200px;
    position: relative;
    display: inline-block;
	margin-left:80px;
	


 
	}
    @media screen and (max-width: 1199px) {
      #featured-slider .slide {
        max-width: 991px; } }
    @media screen and (max-width: 991px) {
      #featured-slider .slide {
        max-width: 767px; } }
    @media screen and (max-width: 767px) {
      #featured-slider .slide {
        max-width: 375px; } }
    #featured-slider .slide .filter-node img {
      opacity: .4; 
	  }
      #featured-slider .slide .filter-node img:hover {
        opacity: 1; }
    #featured-slider .slide.slick-center .filter-node img {
      opacity: 1; }
      #featured-slider .slide.slick-center .filter-node img:hover {
        opacity: .4; }
		
	
	
	
	/*Estilos Base contenedor escaparate*/
	
	
.contenedor-img  {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
    width: 300px
	
}
    .contenedor-img .mascara,.contenedor-img .contenido {
        width: 105%;
        height: 105%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0
    }
    .contenedor-img img  {
        display: block;
        position: relative;
		
		

       
    }
   
    .contenedor-img p {    
        font-size: 17px;
		font-family: "FrutigerLTW01-45Light";
        position: relative;
		line-height:24px;
		padding-top:20px;
		padding-bottom:0px;
        text-align: center;
    }
    .contenedor-img a.link {
		font-size: 18px;
	    font-family: "Frutiger LT W01_65 Bold";
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        background: #0050ff;
        color: #ffff00;
    }
      
     
/*Escaparate hover*/
.escaparate img { 
    transition: all 0.2s linear;
}
.escaparate .mascara {
    opacity: 0;
    background-color: rgba(255,255,0, 0.9);
    transition: all 0.3s ease-in-out;

    }
    .escaparate p { 
        transform: translateX(200px);
        opacity: 0;
    	transition: all 0.4s linear;
		color: #000;
    }
    .escaparate a.link{
        opacity: 0;
    	transition: all 0.4s ease-in-out;
        transform: translateY(100px);
    }
    .escaparate:hover img { 
    	/*transform: scale(1.1);*/
    } 
    .escaparate:hover .mascara { 
    	opacity: 1;
    }
    .escaparate:hover h2,
    .escaparate:hover p,
    .escaparate:hover a.link {
        opacity: 1;
        transform: translateX(0px);
    }
    .escaparate:hover p {
        transition-delay: 0.1s;
    }
    .escaparate:hover a.link {
        transition-delay: 0.2s;
        transform: translateY(0px);
    }


  
		
		
		
  #featured-slider .filter {
    width: 100% !important;
 
	 }
    #featured-slider .filter .filter-node {
      width: 33.333333%;
      height: 400px;
	   }
      @media screen and (max-width: 991px) {
        #featured-slider .filter .filter-node {
          width: 50%; } }
      @media screen and (max-width: 767px) {
        #featured-slider .filter .filter-node {
          width: 100%; } }
      #featured-slider .filter .filter-node a {
        display: table; }

/*------------ PROFILES ------------*/
.profile {
  margin-bottom: 100px; }
  .profile .thumb {
    position: relative; }
    @media screen and (max-width: 767px) {
      .profile .thumb {
        display: table;
        margin: 0 auto 30px auto; } }
    .profile .thumb:hover .name {
      background-color: #ffff00; }
    .profile .thumb .name {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 15px;
      font-weight: normal;
      line-height: 20px;
      color: #101010;
      margin-bottom: 0px;
      width: 100%;
      max-width: 400px;
      padding: 18px;
      background-color: #ffffff;
      position: absolute;
      left: 0px;
      bottom: 0px; }
      @media screen and (max-width: 767px) {
        .profile .thumb .name {
          display: none; } }
  .profile h2 {
    font-size: 27px;
    line-height: 27px;
    text-transform: lowercase;
    margin-bottom: 7px; }
  .profile .title {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    color: #101010;
    margin-bottom: 28px;
    text-transform: lowercase; }
  .profile .squiggle {
    margin-bottom: 28px; }
  .profile p {
    font-family: "FrutigerLTW01-45Light";
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;
    color: #101010;
    margin-bottom: 0px; }
    @media screen and (max-width: 991px) {
      .profile p {
        font-size: 15px;
        line-height: 29px; } }

/*-------------- PAGES -------------*/
#page-description.roman {
  padding-bottom: 80px;
  margin-bottom: 80px;
  background-image: url(images/purplesquiggle-large.png);
  background-repeat: no-repeat;
  background-position: bottom center; }
  #page-description.roman .squiggle {
    display: block;
    margin: 0 auto 30px auto; }
  #page-description.roman p {
    font-family: "FrutigerLTW01-45Light";
    font-size: 22px;
    font-weight: normal;
    line-height: 35px;
    color: #101010;
   /* margin-bottom: 40px;*/
    text-align: left;
    width: 100%;
    margin: 0 auto 40px auto; }
    @media screen and (max-width: 767px) {
      #page-description.roman p {
        font-size: 16px !important;
        line-height: 30px; } }
    #page-description.roman p:last-child {
      margin-bottom: 0px; }
    #page-description.roman p.visual {
      margin-bottom: 70px !important; }
    #page-description.roman p.coursedescript {
      font-size: 18px;
      text-align: left; }

/*----------- INSTITUTION ----------*/
.institution-node {
  padding-bottom: 100px;
  margin-bottom: 80px;
  background-image: url(images/purplesquiggle-large.png);
  background-repeat: no-repeat;
  background-position: bottom center; }
  .institution-node:last-of-type {
    background-image: none; }
  .institution-node h3 {
    margin-bottom: 66px; }
    @media screen and (max-width: 991px) {
      .institution-node h3 {
        text-align: center;
        margin: 0 auto 30px auto; } }
  .institution-node p {
    font-family: "FrutigerLTW01-45Light";
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;
    color: #101010;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .institution-node p {
        font-size: 16px;
        line-height: 30px; } }
  .institution-node .blue-btn {
    text-align: left;
    width: 100%;
    padding-left: 20px;
    max-width: 270px; }


@media screen and (max-width: 991px) {
        .institution-node .blue-btn {
        margin: 0 auto; } }

.institution-node .facility-list li {
    font-family: "FrutigerLTW01-45Light";
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    color: #0050ff;
    margin-bottom: 10px; }


@media screen and (max-width: 991px) {
.institution-node .facility-list li {
margin: 0 auto 10px auto;
display: table; } }

.institution-node .facility-list li a {
color: #0050ff; }


.institution-node .facility-list li a:hover {
color: #f01e28;
text-decoration: none; }

/*----------- ADMISSIONS -----------*/
.oferta {

}

.option2 {
background-color: white;
position: relative;
width: 100%;
height: auto;
margin: 5px;
}

.option2 .name3{
color: white;
z-index: 100;
padding: 10px;
font-family: "Frutiger LT W01_65 Bold";
font-size: 22px;
position: absolute;
    
}
.option2 .overlay2:hover{
text-decoration: none;
background-color: white;
color: black;
transition-duration: .4s;
-webkit-transition-duration: .4s;
    
}
.option2 .btn-primary{
position: absolute;
z-index: 200;
top: 65%;
left: 40%;
border-radius: 50px;
padding: 5px 20px;
font-family: "Frutiger LT W01_65 Bold";
border: none;
background-color: white;
color: #6c52fc;

}
.option2 .btn-primary:hover{
background-color: #a66fff;
color: white;
transition-duration: .4s;
-webkit-transition-duration: .4s;

}
.option2 .btn-primary:active{
background-color: #a66fff;
color: white;
}
.option2 .btn-primary:link{
background-color: #a66fff;
color: white;
}
.option2 .btn-primary:visited{
background-color: #a66fff;
color: white;
}

.admission-options {
width: 100%;
height: auto;
}

.admission-options .option .overlay {
text-decoration: none; 
}
.admission-options .option .overlay:hover {
background-color: rgba(255, 255, 255, 0.51);
transition-duration: .4s;
-webkit-transition-duration: .4s;
     
  }
 .admission-options .option .overlay:hover .name {
   color: #101010; 
  }
		  
  .admission-options .option .name {
   font-family: "Frutiger LT W01_65 Bold";
   font-size: 25px;
   font-weight: normal;
   line-height: 1.3;
   color: #ffffff;
   margin-bottom: 0px;
   text-align: left;
; }

.admission-options .option .overlay:hover .name1 {
   color: #101010; 
  }
.option .btn-primary{
background-color: white;
color: #6c40fd;
    
}
.option .btn-primary:hover{
background-color: #a66fff;
text-decoration: none;
transition-duration: .4s;
-webkit-transition-duration: .4s;
}
	  
  .admission-options .option .name1 {
   font-family: "Frutiger LT W01_65 Bold";
   font-size: 23px;
   font-weight: normal;
   line-height: 1.3;
   color: white;
   margin-bottom: 0px;
   text-align: left;
   letter-spacing: -1px;
  }


   .admission-options .option .overlay:hover .namedobletitulo {
    color: #101010; }  
	   
	   .admission-options .option .namedobletitulo {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 23px;
      font-weight: normal;
      line-height: 1.3;
      color: #fff;
      margin-bottom: 0px;
      text-align: left;
      letter-spacing: -1px;
         padding: 50px;
     
	  
	   }
	   
	   
	     .admission-options .option .overlay:hover .textonegro {
			
          color: #101010; }  
	   
	    .admission-options .option .textonegro {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 40px;
      font-weight: normal;
      line-height: 47px;
      color: #000;
      margin-bottom: 0px;
      text-align: left;
      letter-spacing: -1px;
	  
	   }
	   
	 
	  .admission-options .option .overlay:hover .nameespecialidades {
			
          color: #101010; }  
	   
	    .admission-options .option .nameespecialidades {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 30px;
      font-weight: normal;
      line-height: normal;
      color: #ffffff;
      margin-bottom: 0px;
      text-align: left;
      letter-spacing: .5px;

	  
	   }
	   
	 
	  
   
	  
  @media screen and (max-width: 991px) {
  .admission-options .option .name {
   font-size: 40px;
   line-height: 50px;

   } }
   
   
     
  @media screen and (max-width: 991px) {
  .admission-options .option .namedobletitulo {
   font-size: 40px;
   line-height:40px;
  
   } }
   
   

   
   .admission-options .option img {
      width: 100%; }
  .admission-options .resources .overlay:hover {
    background-color: transparent !important; }
  .admission-options .resources h6 {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: #101010;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center; }
  .admission-options .resources ul li {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
    color: #0050ff;
    margin-bottom: 14px;
    text-align: center; }
    .admission-options .resources ul li a {
      color: #0050ff; }
      .admission-options .resources ul li a:hover {
        color: #f01e28;
        text-decoration: none; }
    .admission-options .resources ul li .fa {
      font-size: 12px;
      margin-left: 28px;
      vertical-align: middle; }

 .no-csstransforms3d .admission-options .option .name {
  top: 25%; }

 


/*---------- FEED OVERVIEW ----------*/
.feed-overview {
  padding-bottom: 80px;
  margin-bottom: 80px;
  background-image: url(images/purplesquiggle-large.png);
  background-repeat: no-repeat;
  background-position: bottom center; }
  .feed-overview:last-of-type {
    background-image: none; }
  .feed-overview p {
    font-family: "FrutigerLTW01-45Light";
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;
    color: #101010;
    margin-bottom: 28px; }
    @media screen and (max-width: 767px) {
      .feed-overview p {
        font-size: 16px;
        line-height: 31px; } }
  .feed-overview h6 {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    color: #101010;
    margin-bottom: 10px;
    text-transform: uppercase; }
  .feed-overview .related li {
    font-family: "FrutigerLTW01-45Light";
    font-size: 18px;
    font-weight: normal;
    line-height: 25px;
    color: #0050ff;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      .feed-overview .related li {
        font-size: 16px; } }
    .feed-overview .related li a {
      color: #0050ff; }

/*-------------- NOW ---------------*/

  #events.now .blue-btn {
    text-align: left;
    padding-left: 18px;
    margin-top: 16px; }
    @media screen and (max-width: 767px) {
      #events.now .blue-btn {
        margin-bottom: 30px; } }

/*-------------- NEWS --------------*/
#news .blue-btn {
  text-align: left;
  padding-left: 18px;
  margin-top: 16px; }
  @media screen and (max-width: 767px) {
    #news .blue-btn {
      margin-bottom: 30px; } }
#news .more-news {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 27px;
  font-weight: normal;
  line-height: 45px;
  color: #ffffff;
  margin-bottom: 180px;
  text-align: center;
  background-color: #0050ff;
  display: block;
  margin-top: 50px; }
  @media screen and (max-width: 991px) {
    #news .more-news {
      font-size: 22px; } }
  #news .more-news:hover {
    color: #101010;
    text-decoration: none;
    background-color: #ffff00; }

.news-node {
margin-bottom: 30px;
}
.news-node a img {
width: 100%;
padding: 0;
margin: 0;

}

.news-node img:hover {
opacity: .7; 
}
.news-node h4 {
font-family: "Frutiger LT W01_65 Bold";
font-size: 18px;
font-weight: normal;
line-height: 1.4;
color: #535353;

}


.news-node a {
font-family: "Frutiger LT W01_65 Bold";
font-size: 16px;
color: #9400f0;
text-decoration: none;
 }
.news-node a:hover {
transition-duration: .4s;
-webkit-transition-duration: .4s;
text-decoration: none;
color: #6c00ff;
 }

.news-node p {
font-family: "FrutigerLTW01-45Light";
font-size: 18px;
color: #545454;
padding: 0;
margin: 0;
}
.news-node p .read-more {
font-family: "Frutiger LT W01_65 Bold";
color: #b16bb7;
text-decoration: none;
}
.news-node p .read-more:hover {
text-decoration: none;
transition-duration: .4s;
-webkit-transition-duration: .4s;
color: #d342f5;}

.news-node .time {
font-family: "FrutigerLTW01-45Light";
font-size: 14px;
font-weight: 200;
color: #293975;
}


/*------------ CALENDAR ------------*/
.fc-calendar-container {
  height: 295px;
  width: 100%; }
  @media screen and (max-width: 767px) {
      
.fc-calendar-container {
margin-bottom: 30px; } }

#calendar {
  padding-bottom: 80px;
  margin-bottom: 80px;
  background-image: url(images/purplesquiggle-large.png);
  background-repeat: no-repeat;
  background-position: bottom center; }
  #calendar .category-list {
    background-color: #e5e5e5;
    padding: 36px 32px;
    margin-bottom: 30px;
    min-height: 330px; }
    #calendar .category-list h6 {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 19px;
      font-weight: normal;
      line-height: 10px;
      color: #101010;
      margin-bottom: 18px; }
    #calendar .category-list li {
      font-family: "FrutigerLTW01-45Light";
      font-size: 16px;
      font-weight: normal;
      line-height: 30px;
      color: #0050ff;
      margin-bottom: 10px; }
      #calendar .category-list li:last-child {
        margin-bottom: 0px; }
      #calendar .category-list li a {
        color: #0050ff; }

.month-con {
  position: relative; }
  .month-con .fa {
    position: absolute;
    line-height: 35px;
    color: #ffffff;
    cursor: pointer; }
    .month-con .fa.fa-chevron-left {
      left: 10px; }
    .month-con .fa.fa-chevron-right {
      right: 10px; }

.month-name {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 27px;
  font-weight: normal;
  line-height: 35px;
  color: #ffffff;
  margin-bottom: 0px;
  text-transform: lowercase;
  text-align: center;
  background-color: #101010; }

.fc-calendar .fc-head {
  height: 16.6666667%;
  background-color: #e5e5e5; }

.fc-calendar .fc-head > div {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 16px;
  font-weight: normal;
  line-height: 52px;
  color: #101010;
  margin-bottom: 0px; }

.fc-calendar .fc-body {
  height: 83.3333333%;
  background-color: #e5e5e5;
  border: none; }

.fc-calendar .fc-row {
  border: none; }

.fc-calendar .fc-row > div {
  border: none; }

.fc-calendar .fc-date {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 34px !important;
  color: #101010 !important;
  margin-bottom: 0px !important;
  text-align: center !important;
  text-shadow: none !important;
  height: auto !important;
  width: 34px !important;
  bottom: auto !important;
  right: auto !important;
  position: relative !important;
  display: block; }

.fc-today {
  background-color: transparent !important; }
  .fc-today .fc-date {
    background-color: #0050ff;
    border-radius: 17px;
    color: #ffffff !important; }

/*------------- VISUAL -------------*/
.visualcom-node {
	
  padding-bottom: 20px;
  margin-bottom: 50px;
  background-image: url(images/purplesquiggle-large.png);
  background-repeat: no-repeat;
  background-position: bottom center; 
  margin-left:-2px; }
  .visualcom-node h4 {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 31px;
    font-weight: normal;
    line-height: normal;
    color: #f01e28;
    margin-bottom: 30px;
    text-transform: uppercase; }
	
	
	
    @media screen and (max-width: 991px) {
      .visualcom-node h4 {
        font-size: 32px; } }
    @media screen and (max-width: 767px) {
      .visualcom-node h4 {
        font-size: 25px; } }
  .visualcom-node p {
    font-family: "FrutigerLTW01-45Light";
    font-size: 18px;
    font-weight: normal;
    line-height: 35px;
    color: #101010;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .visualcom-node p {
        font-size: 16px;
        line-height: 30px; } }
    .visualcom-node p a {
      color: #0050ff;
      text-decoration: none; }
  .visualcom-node .blue-btn {
    text-align: left;
    width: 100%;
    padding-left: 20px;
    max-width: 370px; }
  .visualcom-node .squiggle {
    display: block;
    margin-bottom: 30px; }
  .visualcom-node #karp {
    margin-bottom: 30px; }

#courseccordion {
  margin-top: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #cecece;
  margin-left:0px; }

  #courseccordion .node {
    border-top: 1px solid #cecece;
    position: relative; }

    #courseccordion .node.toggle h5:before {
      transform: rotate(45deg) translateY(-50%); }
    #courseccordion .node.toggle .window {
      max-height: 2000px; }
    #courseccordion .node h5 {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 26px;
      line-height: 60px;
      color: #777777;
      margin-bottom: 0px;
      position: relative;
      cursor: pointer; }

 #courseccordion  h6 {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 24px;
      line-height: 60px;
       }

 #courseccordion  strong, b{
      font-family: "Frutiger LT W01_65 Bold";
     color: #5d5d5d;
       }
	  
	  
	  
	   .typebold {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 22px;
      color: #101010; }
	  
	  
      @media screen and (max-width: 767px) {
        #courseccordion .node h5 {
          font-size: 18px; } }
      #courseccordion .node h5:before {
        content: "";
        height: 14px;
        width: 15px;
        background-image: url(https://www3.centro.edu.mx/wp-content/themes/centro/images/cordion-arrow.jpg);
        background-repeat: no-repeat;
        position: absolute;
        right: 18px;
        transform: rotate(0deg) translateY(-50%);
        -webkit-transform-origin: 50% 0%; }
    #courseccordion .node p {
      font-size: 20px;
      line-height: 32px;
      text-align: left;
      margin-bottom: 18px !important; }
    #courseccordion .node .window {
      height: auto;
      max-height: 0px;
      overflow: hidden; }

#facilities-slider {
  overflow: hidden;
  margin-bottom: 65px; }

#visualfeatured {
  background-image: none; }
  #visualfeatured #featured {
    background-image: none;
    padding-bottom: 0px;
    margin-bottom: 0px; }
	
	
	.courses {
	  font-family: "FrutigerLTW01-45Light";
      font-size: 20px;
      line-height: 30px;
      text-align: left;
      margin-bottom: 18px !important; }
	 
	
	
#post-content {
    margin-bottom:10px;
}
  
/*------------- SINGLE -------------*/
#post-content .squiggle {
  margin-bottom: 15px; }

#post-content p {
  font-family: "FrutigerLTW01-45Light";
  font-size: 18px;
  font-weight: normal;
  line-height: 30px;
  color: #101010;
  margin-bottom: 40px; }
  
  
  
  @media screen and (max-width: 767px) {
    #post-content p {
      font-size: 16px;
      line-height: 22px; } }

	
	  

#related-node {
  float: right;
  margin-top: 64px;
  margin-left: 50px;
  margin: 0px 0 50px 50px; }

  @media screen and (max-width: 767px) {
    #related-node {
      float: none;
      margin: 0px 0 50px 0px; } }
  #related-node .social {
    margin-bottom: 20px; }
    #related-node .social li {
      display: inline-block;
      margin-right: 14px; }
      #related-node .social li:last-child {
        margin-right: 0px; }
      #related-node .social li a {
        height: 36px;
        width: 36px;
        border-radius: 18px;
        background-color: #b41eff;
        display: block; }
        #related-node .social li a:hover {
          text-decoration: none;
          background-color: #6c52fc; }
        #related-node .social li a .fa {
          font-size: 20px;
          text-align: center;
          color: #ffffff;
          display: block; }
  #related-node h6 {
    font-family: "FrutigerLTW01-45Light";
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    color: #101010;
    margin-bottom: 10px;}
  #related-node .related-list li {
    font-family: "FrutigerLTW01-45Light";
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    color: #101010;
    margin-bottom: 10px; }
    @media screen and (max-width: 767px) {
      #related-node .related-list li {
        font-size: 16px;
        line-height: 20px; } }
    #related-node .related-list li a {
      color: #0050ff; }
      #related-node .related-list li a:hover {
        color: #f01e28;
        text-decoration: none; }


#post-content img{
  margin: 20px; }


.post-landscape {
  width: 100%;
  margin-bottom: 70px; }

.divider {
  padding-bottom: 80px;
  margin-bottom: 80px;
  background-image: url(images/redsquiggle-xlarge.png);
  background-repeat: no-repeat;
  background-position: bottom center; }

#related-content {
  margin-bottom: 170px; }

.related-node {
  position: relative; }
  @media screen and (max-width: 991px) {
    .related-node {
      display: table;
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    .related-node {
      margin: 0 auto 30px auto; } }
  .related-node:hover .title {
    background-color: #ffff00; }
  .related-node .title {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 22px;
    font-weight: normal;
    line-height: 26px;
    color: #101010;
    margin-bottom: 0px;
    padding: 14px;
    background-color: #ffffff;
    display: table;
    position: absolute;
    bottom: 0px;
    left: 0px; }
    @media screen and (max-width: 991px) {
      .related-node .title {
        font-size: 18px; } }

/*------------- FOOTER -------------*/
#footer {
  background: #6c52fc;
    /* Old browsers */
background: -moz-linear-gradient(top, #6c52fc 0%, #b41eff 100%);
  /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c52fc), color-stop(100%, #b41eff));
  /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6c52fc 0%, #b41eff 100%);
  /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6c52fc 0%, #b41eff 100%);
  /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6c52fc 0%, #b41eff 100%);
  /* IE10+ */
background: linear-gradient(to bottom, #6c52fc 0%, #b41eff 100%);
  /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c52fc', endColorstr='#b41eff',GradientType=0 );
  /* IE6-9 */
  padding: 36px 0; }
  #footer .row:first-child {
    margin-bottom: 40px; }
  #footer .row:nth-child(2) {
    margin-bottom: 70px; }
  #footer .logo {
    max-width: 270px;
    margin-bottom: 40px; }
  #footer .contact li {
    font-family: "FrutigerLTW01-45Light";
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    color: #ffffff;
    margin-bottom: 10px; }
    @media screen and (max-width: 991px) {
      #footer .contact li {
        font-size: 14px; } }
    #footer .contact li:last-child {
      margin-bottom: 0px; }
    #footer .contact li a {
      color: #ffffff;
      vertical-align: baseline; }
      #footer .contact li a:hover {
        color: #ffff00;
        text-decoration: none; }
      #footer .contact li a .fa {
        color: #101010;
        width: 22px;
        margin-right: 0px; }
        @media screen and (max-width: 991px) {
          #footer .contact li a .fa {
            margin-right: 5px; } }
  #footer h5 {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: #ffff00;
    margin-bottom: 21px;
    margin-top: 15px; }
    @media screen and (max-width: 991px) {
      #footer h5 {
        font-size: 16px; } }
  #footer .internals li {
    font-family: "FrutigerLTW01-45Light";
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    color: #ffffff;
    margin-bottom: 10px; }
    @media screen and (max-width: 991px) {
      #footer .internals li {
        font-size: 16px; } }
    #footer .internals li a {
      color: #ffffff; }
      #footer .internals li a:hover {
        color: #ffff00;
        text-decoration: none; }
  #footer .signup {
    color: #ffffff;
    margin-top: 0px;
    margin-bottom: 10px; }
  #footer #emailform {
    width: 100%;
    max-width: 430px;
    margin-right: 32px;
    float: left; }
    @media screen and (max-width: 1200px) {
      #footer #emailform {
        max-width: none;
        margin-bottom: 24px; } }
    #footer #emailform #address {
      font-family: "FrutigerLTW01-45Light";
      font-size: 15px;
      font-weight: normal;
      line-height: 33px;
      color: #213c76;
      margin-bottom: 0px;
      height: 40px;
      width: 69%;
      padding-left: 22px;
      border: none;
      background-color: #ffffff;
      float: left; }
      #footer #emailform #address:focus {
        outline: none; }
    #footer #emailform #send-btn {
      font-family: "Frutiger LT W01_65 Bold";
      font-size: 22px;
      font-weight: normal;
      line-height: 40px;
      color: #101010;
      margin-bottom: 0px;
      text-align: center;
      width: 31%;
      border-radius: 0px;
      margin: 0px;
      background-color: #6c40fd;
      float: left;
      cursor: pointer; }
  #footer #lang {
    margin-top: 50px; }
    @media screen and (max-width: 767px) {
      #footer #lang {
        margin-bottom: 24px; } }
    #footer #lang li {
      font-family: "FrutigerLTW01-45Light";
      font-size: 16px;
      font-weight: normal;
      line-height: 20px;
      color: #ffffff;
      margin-bottom: 0px;
      text-transform: uppercase;
      display: inline-block;
      position: relative; }
      #footer #lang li.toggle {
        font-weight: bold; }
      #footer #lang li a {
        color: #ffffff; }
    #footer #lang li:first-child {
      padding-right: 15px; }
      #footer #lang li:first-child:before {
        content: '/';
        right: 6px;
        top: 0px;
        position: absolute; }
  #footer .social {
    float: right;
	margin-top:-35px; }
    @media screen and (max-width: 1200px) {
      #footer .social {
        float: none;
        margin-top:8px;  } }
    #footer .social li {
      display: inline-block;
      margin-right: 14px; }
      #footer .social li:last-child {
        margin-right: 0px; }
      #footer .social li a {
        height: 36px;
        width: 36px;
        border-radius: 18px;
        background-color: #ffffff;
        display: block;
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);}
        #footer .social li a:hover {
          text-decoration: none;
          background-color: #6c52fc; }
          #footer .social li a:hover .fa {
            color: white; }
        #footer .social li a .fa {
          font-size: 24px;
          text-align: center;
          color: #a66fff;
          display: block; }
  #footer #fineprint {
    font-family: "FrutigerLTW01-45Light";
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: #ffffff;
    margin-bottom: 0px; }
    #footer #fineprint .copyright {
      float: left; }
    #footer #fineprint .privacy {
      float: left; }
      #footer #fineprint .privacy li {
        display: inline-block;
        padding-right: 12px;
        position: relative; }
        #footer #fineprint .privacy li:before {
          content: '|';
          right: 3px;
          top: 0px;
          position: absolute; }
        #footer #fineprint .privacy li a {
          color: #ffffff; }
      #footer #fineprint .privacy li:last-child {
        padding-right: 0px; }
        #footer #fineprint .privacy li:last-child:before {
          display: none; }

/*# sourceMappingURL=style.css.map */


/*cursos, es el circulo amarillo con la leyenda NUEVO*/
.circle {
border-radius:50%;
background-color:#ffff00;
width:65px;
height:65px;
position:absolute;
left:80%;
top:65%;

}
.circle p{

font-weight:400px;
padding-left:15px;
padding-top:18px;
letter-spacing:0px;
font-size:14px !important;
}




.espacio{
	padding-top:50px;
}

.espacioagendahome{
	padding-top:470px;
}

.espacioeventos{
	padding-top:450px;
}



/* CheckboxIntercambio */
.checkbox{
	display:inline-block;
	text-align:center;
}
.selec{
	font-family:"Frutiger LT W01_65 Bold";
	background:#ffff00;
	color:#0050ff;
	font-size:22px;
	width:160px;
	height:40px;
	border:none;
	border-radius:0px;
}

/* ciec texto cajonera */
.textoTolkit{
	padding-top:30px;
	margin-left:10px;
	
}



/* Video */

.contenedor-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 20px;
height: 0;
overflow: hidden;
margin-left: 0px;
margin-bottom: 30px;
}

.contenedor-video iframe,
.contenedor-video object,
.contenedor-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.ac-label {
  font-family: "Frutiger LT W01_65 Bold";
  font-size:22px;
  position: relative;
  padding: .5em 1em;
  margin-bottom: -50px;
  display: block;
  cursor: pointer;
  background-color: #ffff00;

}

.ac-input:checked + label, .ac-label:hover {
  background-color: #e5e5e5;
}

.ac-label:after, .ac-input:checked + .ac-label:after {
  content: "+";
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 2em;
  height: 100%;
  color:#0050ff;
  line-height: 1.55em;
  text-align: center;
  background-color: #f5f5f5;
  transition: background-color .15s ease-in-out;
}

.ac-label:hover:after, .ac-input:checked + .ac-label:after {
  background-color: #e5e5e5;
}

.ac-input:checked + .ac-label:after {
  content: "-";
}

.ac-input {
  display: none;  
}

.ac-text, .ac-sub-text {
  font-family: "FrutigerLTW01-45Light";
  font-size:22px;
  opacity: 0;
  height: 0;
  line-height: 10px;
  transition: opacity .5s ease-in-out;
  overflow: hidden;

}

.ac-input:checked ~ .ac-text, .ac-sub .ac-input:checked ~ .ac-sub-text {
 
  opacity: 1;
  height: auto;
}

.ac-sub .ac-label {
background:none; 
  font-family: "FrutigerLTW01-45Light";
  margin-top:20px;
  padding: .5em 2em;
  margin-bottom: -40px;
  padding-bottom:50px;
  line-height:30px;

}

.ac-sub .ac-label:checked {
  background: none;
  border-bottom: 1px solid whitesmoke;
  
  
}

.ac-sub .ac-label:after, .ac-sub .ac-input:checked + .ac-label:after {
  color:#0050ff;
  left: 0;
  background: none;
}

.ac-sub .ac-input:checked + label, .ac-sub .ac-label:hover {
  background: none;
  
  
}

.ac-sub-text {
	padding-left:45px;
	line-height:30px;
	


}


/*Tabla*/

.table-fill {
  background: white;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 650px;
  padding:50px;
  width: 100%;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}
 
th {
  font-family: "Frutiger LT W01_65 Bold";
  color:#000000;
  background:#F5F5F5;
  border-bottom:1px solid #cecece;
  border-right: 1px solid #cecece;
  font-size:22px;
  padding:20px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

th:first-child {
  border-top-left-radius:3px;
}
 
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {

  color:#000;
  font-size:16px;
}
 

 
tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}
 

 


tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 

 
td {
 font-family: "FrutigerLTW01-45Light";
 color:#000;
background-color: white;
  padding:18px;
  text-align:left;  vertical-align:middle;
  font-size:18px;
 
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
 
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}



td.text-center {
  text-align: center;
}






/*busqueda CIEC investigación buscador*/

.busquedainvestigacion {
    color: #0050ff;
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 22px;
    font-weight: normal;
    line-height: 35px;
}




/*cartel mediateca*/

#containermed{
	margin-left:-18px;
	
}

.columna{
	
	display: inline-block;
	vertical-align: top;
	width: 19%;

	
	
}	/* General styles */
.view {
	
    margin: 2px 2px;
    float: left;
    border: solid 4px white;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}
.view .mask, .view .content {

        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
		
		
}
.view img {
	
    display: block;
    position: relative;
}
.view h2 {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 15px;
    padding: 10px;
    margin: 20px 0 0 0;
}
.viewtext  {
    font-family: "FrutigerLTW01-45Light";
    font-size: 15px;
    text-align: left;
}
.view .mask {
    opacity: 0;
	background:#ffff00;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.view h2 {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.view p { 
    opacity: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


.view:hover .mask { 
    opacity: 1;
}	
	.view:hover{
	border: solid 5px #ffff00;
	z-index:99;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	 -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	
}
.view:hover h2,
.view:hover p,
.view:hover a.info {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.view:hover p {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

/*-----------------suscripcion NWL-----*/
#mc_embed_signup
{
  
  clear:left; 
  font-family: "Frutiger LT W01_65 Bold"; 
  width:100%;
  margin-left:0px;
  }
#mc_embed_signup form 
   {
  text-align:left; 
  
  }
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email 
{
  font-family: "FrutigerLTW01-45Light";
  font-size: 15px; 
  border: 1px solid #fff;  
  color: #000; 
  background-color: #fff; 
  height:40px; 
  padding: 0px 15px; 
  display: inline-block; 
  margin: 0; width:350px; 
  vertical-align:top;
  
  }
#mc_embed_signup label 
   {
  display:block; 
  font-size:16px; 
  padding-bottom:10px;
  margin-left:-100px;
  color: #fff; 
  
  }
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button 
   {
     font-size: 18px; 
     border: none; 
      font-family: "Frutiger LT W01_65 Bold"; 
     color: white; 
     background-color: #a66fff;
       box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
     height:40px; 
     line-height:32px; 
     padding:0 18px; 
     display: inline-block; 
     margin: 0;
     text-align: left;
}
#mc_embed_signup .button:hover 
      {
     background-color:#6c40fd;
    transition-duration: .4s;
    -webkit-
     cursor:pointer;
     }
#mc_embed_signup div#mce-responses 
       {
    float:left; 
    top:-1.4em; 
    padding:0em .5em 0em .5em; 
    overflow:hidden; 
    width:90%;
    margin: 0 5%; 
    clear: both;
    }
#mc_embed_signup div.response 
       {
    margin:1em 0; 
    padding:1em .5em .5em 0; 
    font-weight:bold; 
    float:left; 
    top:-1.5em; 
    z-index:1; 
    width:80%;

    }
#mc_embed_signup #mce-error-response 
       {
    display:none;
    }
#mc_embed_signup #mce-success-response 
       {
    color:#529214; 
    display:none;
    }
#mc_embed_signup label.error 
       {
    display:block; 
    float:none; 
    width:auto; 
    margin-left:1.05em; 
    text-align:left; 
    padding:.5em 0;
    }
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px; text-align: left;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}





#cuadricula{
	width:819px;
	margin-top:25px;
	position:relative;
	z-index:0;
}
#cuadricula .cuadricula_cuadro{
	width:205px;
	height:205px;
	display:block;
	float:left;
	text-align:center;
	margin:1px;
	padding:1px;
}

#cuadricula .cuadricula_cuadro img{
	width:204px;
	height:204px;
	display:block;
	float:left;
}


#cuadricula .cuadricula_cuadro:hover #cortina, #cuadricula .cuadricula_cuadro:hover #textodiv {
	display:block;	
	
}



#cuadricula .cuadricula_cuadro img {
 padding:0; margin:0;
}
#cuadricula .cuadricula_cuadro{ position:relative; padding:0; margin:0; }


#cuadricula .cuadricula_cuadro #textodiv { 
	position:relative;
	width: 204px; 
	height: 204px; 
	display:none;
}


#cuadricula .cuadricula_cuadro #textodiv #texto {
	padding:0; margin:0;
	font-family:gotham;
	font-size:12px;
	position:absolute;
	display:table;;
	width:204px;
	height:204px;

	color:#FFF;
	left:0;
	top:0;

	

}
#cuadricula .cuadricula_cuadro #textodiv #texto p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}

#cuadricula .cuadricula_cuadro #cortina { 
	position:absolute; left:0; top:0; display:none;  width:204px; height:204px; padding:0; margin:0;
	background-color:#58595B !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	left:0;
	top:0;
	border:0;
}


#contenidoycuadricula{
	width:819px;
	height:auto;
}
#contenidoycuadricula div{
	display:inline-block;
}
#imgcontenido{
	width:614px;
}
#minicuadricula{
	width:205px;
	height:auto;
	margin-top:0;
	height:auto;
	left:819px;
	position:absolute;
	z-index:0;
	display:inline;
	float:left;
}

#minicuadricula .cuadricula_cuadro{
	width:99px;
	height:99px;
	display:block;
	float:left;
	text-align:center;
	position:relative;
	margin: 0 0 2px 2px;
}
#minicuadricula .cuadricula_cuadro img{
	width:99px;
	height:99px;
	display:block;
	float:left;
}


#minicuadricula .cuadricula_cuadro:hover #cortina,#minicuadricula .cuadricula_cuadro:hover #textodiv {
	display:block;	

}



#minicuadricula .cuadricula_cuadro #textodiv { 
	position:absolute; left:0; top:0;
	width:99px;
	height:99px;
	display:none;
}


#minicuadricula .cuadricula_cuadro #textodiv #texto {
	padding:0; margin:0;
	font-family:gotham;
	font-size:12px;

	display:table;;
	width:99px;
	height:99px;

	color:#FFF;

	

}
#minicuadricula .cuadricula_cuadro #textodiv #texto p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}

#minicuadricula .cuadricula_cuadro #cortina { 
	display:none;
	width:99px;
	height:99px;

	background-color:#58595B !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	
}



.wp-pagenavi{
	font-family: "FrutigerLTW01-45Light";
	width:100%;
	height:25px;
	margin-top:25px;
	text-align:center;
	float:right;
	
}
.wp-pagenavi .current{
	color:#0050ff; !important;
	font-family: "FrutigerLTW01-45Light";
}
.wp-pagenavi a{
	font-family: "Frutiger LT W01_65 Bold"; 
	color:#0050ff;
	padding:8px;
	text-decoration:none;
}

.flag-icon {
  width: 3.333em !important;
  line-height: 2em !important;
}



/*Textos tabla FIMPES*/

/*Textos tabla VERDE*/

.txtTituloTablaFIMPES {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #2EFEF7; }
  @media screen and (max-width: 991px) {
   .txtTituloTablaFIMPES {
      font-size: 14px;
    text-align:left;
     background-color: #2EFEF7; } }
  @media screen and (max-width: 767px) {
   .txtTituloTablaFIMPES{
      font-size: 14px;
       background-color: #2EFEF7;
    text-align:left; 
    } } 

.txtSubTablaFIMPES {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #A9F5E1; }
  @media screen and (max-width: 991px) {
   .txtSubTablaFIMPES {
      font-size: 14px;
    text-align:left;
     background-color: #A9F5E1; } }
  @media screen and (max-width: 767px) {
   .txtSubTablaFIMPES{
      font-size: 14px;
       background-color: #A9F5E1;
    text-align:left; 
    } }    

.txtTablaFIMPES {
  font-family: "FrutigerLTW01-45Light";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left; }
  @media screen and (max-width: 991px) {
   .txtTablaFIMPES {
      font-size: 14px;
    text-align:left; } }
  @media screen and (max-width: 767px) {
   .txtTablaFIMPES{
      font-size: 14px;
    text-align:left; } }    


    /*Textos tabla VERDE*/


/*Textos tabla MORADA*/

.txtTituloTablaFIMPES2 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #9F81F7; }
  @media screen and (max-width: 991px) {
   .txtTituloTablaFIMPES2 {
      font-size: 14px;
    text-align:left;
     background-color: #9F81F7; } }
  @media screen and (max-width: 767px) {
   .txtTituloTablaFIMPES2{
      font-size: 14px;
       background-color: #9F81F7;
    text-align:left; 
    } } 

.txtSubTablaFIMPES2 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #A9A9F5; }
  @media screen and (max-width: 991px) {
   .txtSubTablaFIMPES2 {
      font-size: 14px;
    text-align:left;
     background-color: #A9A9F5; } }
  @media screen and (max-width: 767px) {
   .txtSubTablaFIMPES2{
      font-size: 14px;
       background-color: #A9A9F5;
    text-align:left; 
    } }    



    /*Textos tabla MORADA*/


    /*Textos tabla AZUL*/

.txtTituloTablaFIMPES3 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #58ACFA; }
  @media screen and (max-width: 991px) {
   .txtTituloTablaFIMPES3 {
      font-size: 14px;
    text-align:left;
     background-color: #58ACFA; } }
  @media screen and (max-width: 767px) {
   .txtTituloTablaFIMPES3{
      font-size: 14px;
       background-color: #58ACFA;
    text-align:left; 
    } } 

.txtSubTablaFIMPES3 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #81BEF7; }
  @media screen and (max-width: 991px) {
   .txtSubTablaFIMPES3 {
      font-size: 14px;
    text-align:left;
     background-color: #81BEF7; } }
  @media screen and (max-width: 767px) {
   .txtSubTablaFIMPES3{
      font-size: 14px;
       background-color: #81BEF7;
    text-align:left; 
    } }    



    /*Textos tabla AZUL*/



     /*Textos tabla NARANJA*/

.txtTituloTablaFIMPES4 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #FAAC58; }
  @media screen and (max-width: 991px) {
   .txtTituloTablaFIMPES4 {
      font-size: 14px;
    text-align:left;
     background-color: #FAAC58; } }
  @media screen and (max-width: 767px) {
   .txtTituloTablaFIMPES4{
      font-size: 14px;
       background-color: #FAAC58;
    text-align:left; 
    } } 

.txtSubTablaFIMPES4 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #F7BE81; }
  @media screen and (max-width: 991px) {
   .txtSubTablaFIMPES4 {
      font-size: 14px;
    text-align:left;
     background-color: #F7BE81; } }
  @media screen and (max-width: 767px) {
   .txtSubTablaFIMPES4{
      font-size: 14px;
       background-color: #F7BE81;
    text-align:left; 
    } }    



    /*Textos tabla NARANJA*/


         /*Textos tabla AMARILLA*/

.txtTituloTablaFIMPES5 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #FFFF00; }
  @media screen and (max-width: 991px) {
   .txtTituloTablaFIMPES5 {
      font-size: 14px;
    text-align:left;
     background-color: #FFFF00; } }
  @media screen and (max-width: 767px) {
   .txtTituloTablaFIMPES5{
      font-size: 14px;
       background-color: #FFFF00;
    text-align:left; 
    } } 

.txtSubTablaFIMPES5 {
  font-family: "Frutiger LT W01_65 Bold";
  font-size: 14px;
  line-height: normal;
  margin-bottom: 0px;
  text-align:left;
  background-color: #F7BE81; }
  @media screen and (max-width: 991px) {
   .txtSubTablaFIMPES5 {
      font-size: 14px;
    text-align:left;
     background-color: #F7BE81; } }
  @media screen and (max-width: 767px) {
   .txtSubTablaFIMPES5{
      font-size: 14px;
       background-color: #F7BE81;
    text-align:left; 
    } }    



    /*Textos tabla AMARILLA*/

    div.BannerEC {
    background-image: url('http://www3.centro.edu.mx//wp-content/themes/centro/images/hero_images/BANNER-PRIMAVERA-19_2.jpg');
    height: 400px;
    width: 100%;
    margin-top: 110px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.margin-left{
    margin-right: 10px;
    margin-left: 10px;
}

.boton35{
      text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
   
			text-align:center;
			text-decoration: none;
            font-family: 'Frutiger LT W01_65 Bold', Helvetica, sans-serif;
            display:inline-block;
			color: black;
			background: #7F8C8D;
        font-size: 13px;
            z-index: 100000;
			padding: 7px 20px;
			white-space: nowrap;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 100px;
		
			-webkit-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
      a:hover{
          text-decoration: none;
          color: black;
      }
   
.azul{

  background-color: #ffe200;

}

.azul:hover{
  background-color: #004674;
}

.azul:active{
  box-shadow: 0px 2px 0px 0px #2980B9;
}






.rojo:active{
  box-shadow: 0px 2px 0px 0px #C0392B;
}
      #arrow{
        color: black;
          font-size: 15px;
          padding-right: 20px;
        
      }
    .grid2 {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 20px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid2 figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 100%;
    min-height:200px;
	max-width: 300px;
	max-height: 250px;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid2 figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 0.8;
}

.grid2 figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid2 figure figcaption::before,
.grid2 figure figcaption::after {
	pointer-events: none;
}

.grid2 figure figcaption,
.grid2 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 */
.grid2 figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid2 figure h2 {
word-spacing: 1px;
font-weight: 100;
font-family: "Frutiger LT W01_65 Bold";
font-weight: normal;
line-height: 1.5;
color: white;
text-align:left;
text-transform: none;
}

.grid2 figure h2 span {
	
}

.grid2 figure h2,
.grid2 figure p {
	margin: 0;
}

.grid2 figure p {
	letter-spacing: 1px;
	
}
        figure.effect-lexi {
	background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
	background: linear-gradient(-45deg, #000 0%,#fff 100%);
    
}

figure.effect-lexi video {
	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  #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 video {
	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 {
    font-family: "FrutigerLTW01-45Light";
  font-size: 12px;
    
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 -55px -55px 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);
    
}
.ac-label {
  font-family: "Frutiger LT W01_65 Bold";
  font-size:22px;
  position: relative;
  padding: .5em 1em;
  margin-bottom: -50px;
  display: block;
  cursor: pointer;
  background-color: #ffff00;

}

.ac-input:checked + label, .ac-label:hover {
  background-color: #e5e5e5;
}

.ac-label:after, .ac-input:checked + .ac-label:after {
  content: "+";
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  width: 2em;
  height: 100%;
  color:#0050ff;
  line-height: 1.55em;
  text-align: center;
  background-color: #f5f5f5;
  transition: background-color .15s ease-in-out;
}

.ac-label:hover:after, .ac-input:checked + .ac-label:after {
  background-color: #e5e5e5;
}

.ac-input:checked + .ac-label:after {
  content: "-";
}

.ac-input {
  display: none;  
}

.ac-text, .ac-sub-text {
  font-family: "FrutigerLTW01-45Light";
  font-size:22px;
  opacity: 0;
  height: 0;
  line-height: 10px;
  transition: opacity .5s ease-in-out;
  overflow: hidden;

}

.ac-input:checked ~ .ac-text, .ac-sub .ac-input:checked ~ .ac-sub-text {
 
  opacity: 1;
  height: auto;
}

.ac-sub .ac-label {
background:none; 
  font-family: "FrutigerLTW01-45Light";
  margin-top:20px;
  padding: .5em 2em;
  margin-bottom: -40px;
  padding-bottom:50px;
  line-height:30px;

}

.ac-sub .ac-label:checked {
  background: none;
  border-bottom: 1px solid whitesmoke;
  
  
}

.ac-sub .ac-label:after, .ac-sub .ac-input:checked + .ac-label:after {
  color:#0050ff;
  left: 0;
  background: none;
}

.ac-sub .ac-input:checked + label, .ac-sub .ac-label:hover {
  background: none;
  
  
}

.ac-sub-text {
	padding-left:45px;
	line-height:30px;
	

}

  

figure.effect-lexi2:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-lexi2:hover h2,
figure.effect-lexi2:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    
}
figcaption p span{
   word-spacing: 1px;
	font-weight: 100;
    font-family: "Frutiger LT W01_65 Bold";
  font-size: 25px;
  font-weight: normal;
  line-height: 25px;
  color: white;
text-transform: uppercase;
  margin-bottom: 0px;
  text-align:left;
    
}
.modal-title{
 font-family: "Frutiger LT W01_65 Bold";
font-size: 30px;
text-align: center;


    
}
.modal-title p{
font-family:"FrutigerLTW01-45Light";
font-size: 25px;
font-weight: bold;
    color: black;
    
}
    
.modal-body {
font-family:"FrutigerLTW01-45Light";
font-size: 20px;
line-height: 23px;
margin: 20px;
    
}
.modal-body i{
font-style: italic;   
}
.modal-body b{
font-weight: 600;   
}
.modal-body img{
margin: auto;
width: 400px;
padding: ;
border-radius: 200px;
    
}
.modal-header{
background-color: red;
color: white;
font-family: "Frutiger LT W01_65 Bold";
      
}
.modal-header p{
font-family:"FrutigerLTW01-45Light";
font-size: 20px;
font-weight: bold;
color: black;
}
.modal-header h5{
color: #ff6459;
  

    
}
.modal-header hr{
margin: auto;
text-align: center;
border: solid 1px white;
width: 70%;
    
}
.modal-footer{
    background-color: #e6e6e6;
}
.modal-footer .btn-primary{
background-color: white;
border-radius: 20px;
width: 90px;
color: #ff6459;

}

.modal-footer .btn-primary:hover{
background-color: #fffbfb;
border: solid 1px #ff6459;
color: #ff6459;

}

.back-yellow{
    font-weight: 600;
    border-bottom: solid 1px yellow;
    
}
.texto-hub h4{
    color: #ff6459;
}
.texto-hub b{
    font-weight: 800;
    color: #ff6459;
    vertical-align: baseline;
    
}
.texto-hub i{
    font-style: italic;
    vertical-align: baseline;
    
}

.Texto-simposio h4{
     color: #ff6459;
}

.Texto-simposio a{
     color: #ff6459;
    
}
.Texto-simposio a:hover{
     color: #a23b34;
    
}

.botones-concordia .btn-primary{

border-radius: 20px;
width: auto;
margin: 10px;
font-size: 14px;
background-color: #fffbfb;
border: solid 1px #ff6459;
color: #ff6459;
}

.botones-concordia .btn-primary:hover{
background-color: #ff6459;
border: solid 1px #ff6459;
color: white;

}
 .grid3 {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid3 figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 270px;
    min-height: 270px;
	max-width: 600px;
	max-height: 600px;
	height: auto;
	background: #ff6459;
	text-align: center;
	cursor: pointer;
  
}

.grid3 figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 0.8;
}

.grid3 figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
   
    
}

.grid3 figure figcaption::before,
.grid3 figure figcaption::after {
	pointer-events: none;
}

.grid3 figure figcaption,
.grid3 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 */
.grid3 figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid3 figure h2 {
	word-spacing: 1px;
	font-weight: 100;
    font-family: "Frutiger LT W01_65 Bold";
  font-size: 30px;
  font-weight: normal;
  line-height: normal;
  color: #ff6459;

  margin-bottom: 0px;
  text-align:left;
}

.grid3 figure h2 span {
	
}

.grid3 figure h2,
.grid3 figure p {
	margin: 0;
  
}

.grid3 figure p {
	letter-spacing: 1px;
    color: white;
   
}
figure.effect-lexi2 {
background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
background: linear-gradient(-45deg, #000 0%,#fff 100%);
    
}

figure.effect-lexi2 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-lexi2 figcaption::before,
figure.effect-lexi2 p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
   
}

figure.effect-lexi2 figcaption::before {
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 270px;
	height: 270px;
    background-color: rgba(255, 222, 19, 0.48);
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    filter: blur(50px);
	border: 2px  #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 900px rgba(255, 80, 100, 0.46);
	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%;
    color: white;
}

figure.effect-lexi2:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lexi2 h2 {

	text-align: center;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(5px,5px,0);
	transform: translate3d(5px,5px,0);
}

figure.effect-lexi2 p {
    font-family: "FrutigerLTW01-45Light";
  font-size: 30px;
    text-transform: capitalize;
    color: white;
    font-weight: 100;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 -85px -855px 0;
	width: 270px;
    font-weight: normal;
  line-height: normal;
  color: #ff6459;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(20px,20px,0);
	transform: translate3d(20px,20px,0);
}



figure.effect-lexi2:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-lexi2:hover h2,
figure.effect-lexi2:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    
}
figcaption p span{
   word-spacing: 1px;
	font-weight: 100;
    font-family: "Frutiger LT W01_65 Bold";
  font-size: 30px;
  font-weight: normal;
  line-height: 25px;
  color: white;
text-transform: capitalize;
  margin-bottom: 0px;
  text-align:left;
    
}

/*------------ FEATURED ------------*/



  .Featured-concordia .slider-con .navigator {
    position: absolute;
    background-color: #ff6459;
    color: #ffffff;
    height: 77px;
    width: 77px;
    cursor: pointer;
    overflow: hidden;
    z-index: 100; }
    @media screen and (max-width: 767px
    ) {
    .Featured-concordia .slider-con .navigator {
        height: 45px;
        width: 45px; } }
    .Featured-concordia .slider-con .navigator:hover {
      background-color: #d33c31;
      color: white; }
 
	}

	
	
.Featured-concordia .contenedor-img  {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
     margin: 25px;
	
}
.Featured-concordia .contenedor-img .mascara,.contenedor-img .contenido {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0
    }
.Featured-concordia .contenedor-img img  {
        display: block;
        position: relative;
    }
   
.Featured-concordia .contenedor-img p {    
        font-size: 17px;
		font-family: "FrutigerLTW01-45Light";
        position: relative;
		line-height:24px;
		padding-top:20px;
		padding-bottom:0px;
        text-align: center;
    }
.Featured-concordia .contenedor-img a.link {
		font-size: 18px;
	    font-family: "Frutiger LT W01_65 Bold";
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        background: white;
        color: #ff6459;
    border-radius: 100px;
    }
      
     
/*Escaparate hover*/
.Featured-concordia .escaparate img { 
    transition: all 0.2s linear;
}
.Featured-concordia .escaparate .mascara {
    opacity: 0;
    background-color: rgba(255, 100, 89, 0.77);
    transition: all 0.3s ease-in-out;
    color: white;

    }
.Featured-concordia .mascara p b{
    
    color: white;

    }


.Featured-concordia .escaparate p { 
        transform: translateX(200px);
        opacity: 0;
    	transition: all 0.4s linear;
		color: white;
        text-align: left;
        padding-left: 30px;

    }

.Featured-concordia .escaparate p i{ 
       font-style: italic;
    }

.Featured-concordia .escaparate p b{ 
       font-weight: 800;
    }

.Featured-concordia .escaparate a.link{
        opacity: 0;
    	transition: all 0.4s ease-in-out;
        transform: translateY(100px);
    }
   .Featured-concordia .escaparate:hover img { 
    	/*transform: scale(1.1);*/
    } 
   .Featured-concordia .escaparate:hover .mascara { 
    	opacity: 1;
    }
   .Featured-concordia .escaparate:hover h2,
    .escaparate:hover p,
    .escaparate:hover a.link {
        opacity: 1;
        transform: translateX(0px);
    }
    .Featured-concordia .escaparate:hover p {
        transition-delay: 0.1s;
    }
    .Featured-concordia .escaparate:hover a.link {
        transition-delay: 0.1s;
        transform: translateY(0px);
    }
    .Featured-concordia .escaparate:hover a{
        background-color: white;
        color: #ff6459;
        border-radius: 100px;
      
    }

.Featured-concordia .escaparate:hover a:hover{
        background-color: #ff6459;
        color:white;
        border-radius: 100px;
        border: solid 1px white;
      
    }

		
  .Featured-concordia #featured-slider .filter {
    width: 100% !important;
    height: 1200px;
	 }
   .Featured-concordia #featured-slider .filter .filter-node {
      width: 33.333333%;
      height: 400px;
	   }
      @media screen and (max-width: 991px) {
     .Featured-concordia   #featured-slider .filter .filter-node {
          width: 50%; } }
      @media screen and (max-width: 767px) {
      .Featured-concordia  #featured-slider .filter .filter-node {
          width: 100%; } }
      .Featured-concordia #featured-slider .filter .filter-node a {
        display: inline; }

#post-content .Featured-concordia .mascara p{
 
    color: white;
    font-weight: 800px;
  
}

#post-content .Featured-concordia .mascara b{
font-size: 20px;
font-weight: 600;
  
}

.color-multimedia{
    background-color: #f2f2f2;
    padding: 20px 0 20px 0;
    
}

.color-multimedia a{
    color: #ff6459;
   
    
}
.color-multimedia a:hover{
    color: #e53528;
   
    
}
.texto-hub a {
color: #ff6459;
}
.texto-hub a:hover {
color: #ff2d1e;
}

.Descargas-concordia .blue-btn{
border-radius: 20px;
background-color: #fffbfb;
border: solid 1px #ff6459;
color: #ff6459;
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;

    
}
.Descargas-concordia .blue-btn:hover{
background-color: #ff6459;
border: solid 1px #ff6459;
color: white;
}


#post-content .texto-hub p{
margin-bottom: 0;
}

.view-more {
position: absolute;
box-sizing: border-box;
font-size: 20px;
z-index: 1;
top: 68%;
left: 45%;
}
.view-more .btn-primary{
border-radius: 20px;
width: 100px;
font-family: "Frutiger LT W01_65 Bold";
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
}


.Descargas-concordia .active .blue-btn{
border-radius: 20px;
background-color: #ff6459;
color: white;
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
 -webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
    
}
.Descargas-concordia .active .blue-btn:hover{
background-color: white;
border: solid 1px #ff6459;
color: #ff6459;
}

.ac-text .lista-tolkit{
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
line-height: 1.6; 
}
.ac-text .lista-decimal-toolking{
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
line-height: 1.6; 
}
.lista-decimal-toolking{
display: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
line-height: 1.6;
font-family: "Frutiger LT W01_65 Bold";
}

#home-slider{
margin: -50px;
margin-bottom: 20px;
}
#s3{
background-color: aqua;
}
.boton-under .overlay .name{
color: #ff7275;

 
}
.boton-under .option .overlay:hover{
background-color: #ff7275;
color: white;

    
}

.boton-under .view-more .btn-primary{
position: absolute;
box-sizing: border-box;
z-index: 1;
top: 75%;
left: 70%;
}
.boton-under .view-more .btn-primary{
color: black;
background-color: #ff7275;
border-radius: 20px;
width: 100px;
font-family: "Frutiger LT W01_65 Bold";

}

.text-under strong{
font-size: 30px;
color: #ff7275;
line-height: 33px;
}
.text-under a{
text-decoration: none;
color: #ff7275;
   
}
.text-under a:hover{
color: gray;  
}

.descarga-under .blue-btn{
border-radius: 20px;
background-color: #fffbfb;
border: solid 1px #ff7275;;
color: #ff7275;;
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
 -webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;

    
}
.descarga-under .blue-btn:hover{
background-color: #ff7275;
border: solid 1px #ff7275;
color: white;
}

.descarga-under .active .blue-btn{
border-radius: 20px;
background-color: #ff7275;
color: white;
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
 -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    
}
.descarga-under .active .blue-btn:hover{
background-color: white;
border: solid 1px #ff7275;
color: #ff7275;
}
.grid4 {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid4 figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 270px;
    min-height: 270px;
	max-width: 600px;
	max-height: 600px;
	height: auto;
	background: #ff6459;
	text-align: center;
	cursor: pointer;
  
}

.grid4 figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 0.8;
}

.grid4 figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
   
    
}

.grid4 figure figcaption::before,
.grid4 figure figcaption::after {
	pointer-events: none;
}

.grid4 figure figcaption,
.grid4 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 */
.grid4 figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid4 figure h2 {
	word-spacing: 1px;
	font-weight: 100;
    font-family: "Frutiger LT W01_65 Bold";
  font-size: 30px;
  font-weight: normal;
  line-height: normal;
  color: #ff6459;

  margin-bottom: 0px;
  text-align:left;
}

.grid4 figure h2 span {
	
}

.grid4 figure h2,
.grid4 figure p {
	margin: 0;
  
}

.grid4 figure p {
	letter-spacing: 1px;
    color: white;
   
}
figure.effect-lexi3 {
background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
background: linear-gradient(-45deg, #000 0%,#fff 100%);
    
}

figure.effect-lexi3 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-lexi3 figcaption::before,
figure.effect-lexi3 p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
   
}

figure.effect-lexi3 figcaption::before {
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 270px;
	height: 270px;
 background-color: rgba(255, 114, 117, 0.6);
      -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
    filter: blur(50px);
	border: 2px  #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 900px rgba(255, 106, 96, 0.84);
	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-lexi3:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lexi3 h2 {

	text-align: center;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(5px,5px,0);
	transform: translate3d(5px,5px,0);
}

figure.effect-lexi3 p {
    font-family: "FrutigerLTW01-45Light";
  font-size: 30px;
    text-transform: capitalize;
    color: black;
    font-weight: 100;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 -85px -855px 0;
	width: 270px;
    font-weight: normal;
  line-height: normal;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate3d(20px,20px,0);
	transform: translate3d(20px,20px,0);
}



figure.effect-lexi3:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-lexi3:hover h2,
figure.effect-lexi3:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
    
}
figcaption p span{
   word-spacing: 1px;
	font-weight: 100;
    font-family: "Frutiger LT W01_65 Bold";
  font-size: 30px;
  font-weight: normal;
  line-height: 25px;
  color: white;
text-transform: capitalize;
  margin-bottom: 0px;
  text-align:left;
    
}
.modal{
    z-index: 15000;
}
.event-node .soul-out {
    font-family: "FrutigerLTW01-45Light";
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    color: #101010;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: center;
    height: 65px;
    width: 69px;
    background-color: #ffff00;
    position: absolute;
    top: 0px;
    right: 0px; }
#homepage_slider video { 
    min-height: 100% !important;
    min-width: 100% !important;
	height: auto !important;
    width: auto !important;
	overflow: hidden;
}

#homepage_slider img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

.carousel-inner>.item>img {
  display: block;
  line-height: 1;
}

.slider-show-on-mobile {
	display: none;
}

#homepage_slider{
    padding-top: 70px;
}
#homepage_slider .carousel-control {
    position: absolute;
    height: auto;
    width: auto;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    border-radius: 0;
    border: 0;
    top: 50%;
}

#homepage_slider .carousel-control i:hover{
color: white;
background-color: #a66fff;
transition-duration: .4s;
-webkit-transition-duration: .4s;
}

#homepage_slider .carousel-control i{
padding: 10px;
font-size: 15px;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
}
#homepage_slider .carousel-indicators .active{
    background-color: #a66fff;
}

.slide-movil {
padding-top: 0px;
}
#outlook a{
			padding:0;
		}
		.ReadMsgBody{
			width:100%;
		}
		.ExternalClass{
			width:100%;
		}
		.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{
			line-height:100%;
		}
		body,table,td,p,a,li,blockquote{
			-webkit-text-size-adjust:100%;
			-ms-text-size-adjust:100%;
		}
		table,td{
			mso-table-lspace:0;
			mso-table-rspace:0;
		}
		img{
			-ms-interpolation-mode:bicubic;
		}
		
		img{
			border:0;
			height:auto;
			line-height:100%;
			outline:none;
			text-decoration:none;
		}
		table{
			border-collapse:collapse !important;
		}
		body,#bodyTable,#bodyCell{
			height:100% !important;
			margin:0;
			padding:0;
			width:100% !important;
		}
		#bodyCell{
			padding:20px;
		}
		#templateContainer{
			width:600px;
		}
	/*
	@tab Page
	@section background style
	@tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
	@theme page
	*/
		body,#bodyTable{
			/*@editable*/background-color:#FFFFFF;
		}
	/*
	@tab Page
	@section background style
	@tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
	@theme page
	*/
		#bodyCell{
			/*@editable*/border-top:4px solid #BBBBBB;
		}
	/*
	@tab Page
	@section email border
	@tip Set the border for your email.
	*/
		#templateContainer{
			/*@editable*/border:1px solid #BBBBBB;
		}
	/*
	@tab Page
	@section heading 1
	@tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
	@style heading 1
	*/
		.news-letter h1{
			/*@editable*/color:#202020 !important;
			display:block;
			/*@editable*/font-family:Helvetica;
			/*@editable*/font-size:26px;
			/*@editable*/font-style:normal;
			/*@editable*/font-weight:bold;
			/*@editable*/line-height:110%;
			/*@editable*/letter-spacing:-5px;
			margin-top:0;
			margin-right:0;
			margin-bottom:10px;
			margin-left:0;
			/*@editable*/text-align:left;
		}
	/*
	@tab Page
	@section heading 2
	@tip Set the styling for all second-level headings in your emails.
	@style heading 2
	*/
		.news-letter h2{
			/*@editable*/color:#000000 !important;
			display:block;
			/*@editable*/font-family:Helvetica;
			/*@editable*/font-size:34px;
			/*@editable*/font-style:normal;
			/*@editable*/font-weight:bold;
			/*@editable*/line-height:39px;
			/*@editable*/letter-spacing:normal;
			margin-top:0;
			margin-right:0;
			margin-bottom:10px;
			margin-left:0;
			/*@editable*/text-align:left;
		}
	/*
	@tab Page
	@section heading 3
	@tip Set the styling for all third-level headings in your emails.
	@style heading 3
	*/
		.news-letter h3{
			/*@editable*/color:#606060 !important;
			display:block;
			/*@editable*/font-family:Helvetica;
			/*@editable*/font-size:16px;
			/*@editable*/font-style:italic;
			/*@editable*/font-weight:normal;
			/*@editable*/line-height:100%;
			/*@editable*/letter-spacing:normal;
			margin-top:0;
			margin-right:0;
			margin-bottom:10px;
			margin-left:0;
			/*@editable*/text-align:left;
		}
	/*
	@tab Page
	@section heading 4
	@tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
	@style heading 4
	*/
		.news-letter h4{
			/*@editable*/color:#808080 !important;
			display:block;
			/*@editable*/font-family:Helvetica;
			/*@editable*/font-size:14px;
			/*@editable*/font-style:italic;
			/*@editable*/font-weight:normal;
			/*@editable*/line-height:100%;
			/*@editable*/letter-spacing:normal;
			margin-top:0;
			margin-right:0;
			margin-bottom:10px;
			margin-left:0;
			/*@editable*/text-align:left;
		}
	/*
	@tab Header
	@section preheader style
	@tip Set the background color and bottom border for your email's preheader area.
	@theme header
	*/
		#templatePreheader{
			/*@editable*/background-color:#F4F4F4;
			/*@editable*/border-bottom:1px solid #CCCCCC;
		}
	/*
	@tab Header
	@section preheader text
	@tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
	*/
		.preheaderContent{
			/*@editable*/color:#808080;
			/*@editable*/font-family:Helvetica;
			/*@editable*/font-size:10px;
			/*@editable*/line-height:125%;
			/*@editable*/text-align:left;
		}
	/*
	@tab Header
	@section preheader link
	@tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
	*/
		.preheaderContent a:link,.preheaderContent a:visited,.preheaderContent a .yshortcuts{
			/*@editable*/color:#606060;
			/*@editable*/font-weight:normal;
			/*@editable*/text-decoration:none;
		}
	/*
	@tab Header
	@section header style
	@tip Set the background color and borders for your email's header area.
	@theme header
	*/
		#templateHeader{
			/*@editable*/background-color:#FFFFFF;
			/*@editable*/border-top:1px solid #FFFFFF;
			/*@editable*/border-bottom:1px solid #CCCCCC;
		}
	/*
	@tab Header
	@section header text
	@tip Set the styling for your email's header text. Choose a size and color that is easy to read.
	*/
		.headerContent{
			/*@editable*/color:#000000;
			/*@editable*/font-family:Helvetica;
			/*@editable*/font-size:20px;
			/*@editable*/font-weight:bold;
			/*@editable*/line-height:100%;
			/*@editable*/padding-top:0;
			/*@editable*/padding-right:0;
			/*@editable*/padding-bottom:0;
			/*@editable*/padding-left:0;
			/*@editable*/text-align:left;
			/*@editable*/vertical-align:middle;
		}
	/*
	@tab Header
	@section header link
	@tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
	*/
		.headerContent a:link,.headerContent a:visited,.headerContent a .yshortcuts{
			/*@editable*/color:#0050ff;
			/*@editable*/font-weight:normal;
			/*@editable*/text-decoration:none;
		}
		#headerImage{
			height:auto;
			max-width:600px;
		}
	/*
	@tab Body
	@section body style
	@tip Set the background color and borders for your email's body area.
	*/
		#templateBody{
			/*@editable*/background-color:#FFFFFF;
			/*@editable*/border-top:1px solid #FFFFFF;
			/*@editable*/border-bottom:1px solid #CCCCCC;
		}
	/*
	@tab Body
	@section body text
	@tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
	@theme main
	*/
		.bodyContent{
			/*@editable*/color:#000000;
			/*@editable*/font-family: "FrutigerLTW01-45Light";
			/*@editable*/font-size:16px;
			/*@editable*/line-height:160%;
			padding-top:20px;
			padding-right:20px;
			padding-bottom:20px;
			padding-left:20px;
			/*@editable*/text-align:left;
		}
	/*
	@tab Body
	@section body link
	@tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
	*/
		.bodyContent a:link,.bodyContent a:visited,.bodyContent a .yshortcuts{
			/*@editable*/color:#0050ff;
			/*@editable*/font-weight:normal;
			/*@editable*/text-decoration:none;
		}
		.bodyContent img{
			display:inline;
			height:auto;
			max-width:560px;
		}
	/*
	@tab Footer
	@section footer style
	@tip Set the background color and borders for your email's footer area.
	@theme footer
	*/
		#templateFooter{
			/*@editable*/background-color:#FFFFFF;
			/*@editable*/border-top:1px solid #FFFFFF;
		}
	/*
	@tab Footer
	@section footer text
	@tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
	@theme footer
	*/
		.footerContent{
			/*@editable*/color:#FFFFFF;
			/*@editable*/font-family: "FrutigerLTW01-45Light";
			/*@editable*/font-size:10px;
			/*@editable*/line-height:150%;
			padding-top:20px;
			padding-right:20px;
			padding-bottom:20px;
			padding-left:20px;
			/*@editable*/text-align:left;
		}
	/*
	@tab Footer
	@section footer link
	@tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
	*/
		.footerContent a:link,.footerContent a:visited,.footerContent a .yshortcuts,.footerContent a span{
			/*@editable*/color:#606060;
			/*@editable*/font-weight:normal;
			/*@editable*/text-decoration:underline;
		}
	@media only screen and (max-width: 480px){
		body,table,td,p,a,li,blockquote{
			-webkit-text-size-adjust:none !important;
		}

}	@media only screen and (max-width: 480px){
body{
padding-top: 90px;
width:100% !important;
min-width:100% !important;
}
		

}	@media only screen and (max-width: 480px){
		#bodyCell{
			padding:10px !important;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section template width
	@tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
	*/
		#templateContainer{
			/*@tab Mobile Styles
@section template width
@tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.*/max-width:600px !important;
			/*@editable*/width:100% !important;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section heading 1
	@tip Make the first-level headings larger in size for better readability on small screens.
	*/
		.news-letter h1{
			/*@editable*/font-size:24px !important;
			/*@editable*/line-height:100% !important;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section heading 2
	@tip Make the second-level headings larger in size for better readability on small screens.
	*/
		.news-letter h2{
			/*@editable*/font-size:22px !important;
			/*@editable*/line-height:120% !important;
                        color: black;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section heading 3
	@tip Make the third-level headings larger in size for better readability on small screens.
	*/
		.news-letter h3{
			/*@editable*/font-size:18px !important;
			/*@editable*/line-height:100% !important;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section heading 4
	@tip Make the fourth-level headings larger in size for better readability on small screens.
	*/
		.news-letter h4{
			/*@editable*/font-size:16px !important;
			/*@editable*/line-height:100% !important;
		}

}	@media only screen and (max-width: 480px){
		#templatePreheader{
			display:none !important;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section header image
	@tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
	*/
		#headerImage{
			/*@tab Mobile Styles
@section header image
@tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.*/height:auto !important;
			/*@editable*/max-width:600px !important;
			/*@editable*/width:100% !important;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section header text
	@tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
	*/
		.headerContent{
			/*@editable*/font-size:20px !important;
			/*@editable*/line-height:125% !important;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section body image
	@tip Make the main body image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
	*/
		#bodyImage{
			/*@tab Mobile Styles
@section body image
@tip Make the main body image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.*/height:auto !important;
			/*@editable*/max-width:560px !important;
			/*@editable*/width:100% !important;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section body text
	@tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
	*/
		.bodyContent{
			/*@editable*/font-size:14px !important;
			/*@editable*/line-height:145% !important;
		}

}	@media only screen and (max-width: 480px){
	/*
	@tab Mobile Styles
	@section footer text
	@tip Make the body content text larger in size for better readability on small screens.
	*/
		.footerContent{
			/*@editable*/font-size:14px !important;
			/*@editable*/line-height:115% !important;
		}

}	@media only screen and (max-width: 480px){
		.footerContent a{
			display:block !important;
		}

}

.post-module {
  position: relative;
  z-index: 1;
  display: block;
  background: white;
  min-width: 270px;
  height: 360px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.post-module:hover,
.hover {
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
}

.post-module:hover .thumbnail img,
.hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: .6;
}

.post-module .thumbnail {
  height: auto;
  overflow: hidden;
}

.post-module .thumbnail .date {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  background: #f21000;
  padding: 12.5px 0;
  color: #FFFFFF;
  font-weight: 700;
  text-align: center;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.post-module .thumbnail .date .day {
  font-size: 16px;
}
.post-module .thumbnail .date .month {
  font-size: 11px;
  text-transform: uppercase;
}
.post-module .thumbnail img {
display: block;
width: 100%;
height: auto;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.post-module .post-content {
  position: absolute;
  bottom: 0;
  background: #FFFFFF;
  width: 100%;
  padding: 0;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -moz-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -ms-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -o-transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  transition: all 0.3s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}

.post-module .post-content .category {
  position: absolute;
  top: -34px;
  left: 0;
  background: #fa1700;
  padding: 10px 15px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.post-module .post-content .title {
margin: 0;
padding: 0 0 10px;
color: #333333;
font-size: 24px;
line-height: 1.3;
font-family: "Frutiger LT W01_65 Bold";
;
}
.post-module .post-content .sub_title {
margin: 0;
padding: 0;
color: gray;
font-size: 17px;
font-family: "Frutiger LT W01_65 Bold";
}
.post-module .post-content .description {
display: none;
color: #666666;
font-size: 14px;
line-height: 1.5;
font-family: "FrutigerLTW01-45Light";
}
.post-module .post-content {
padding:10px 20px 10px 20px;
color: #999999;
font-family: "FrutigerLTW01-45Light";
}

.post-module .post-content .post-meta span:hover{
 color: red;   
}

.post-module .post-content .post-meta .timestamp {
  margin: 0 16px 0 0;
}
.post-module .post-content .post-meta a {
  text-decoration: none;
}
.hover .post-content .description {
  display: block !important;
  height: auto !important;
  opacity: 1 !important;
}
.container-agenda {
  max-width: 800px;
  min-width: 640px;
  margin: 0 auto;
}
.container-agenda:before,
.container-agenda:after {
  content: '';
  display: block;
  clear: both;
}
.container-agenda .column {
  width: 100%;
  padding: 0 25px;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.container-agenda .column .demo-title {
  margin: 0 0 15px;
  color: #666666;
  font-size: 16px;
line-height: 1.5;
  font-weight: bold;
  text-transform: uppercase;
}
.container-agenda .info {
  width: 300px;
  margin: 50px auto;
  text-align: center;
}
.container-agenda .info h1 {
  margin: 0 0 15px;
  padding: 0;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
}
.container-agenda .info span {
  font-size: 12px;
}

.container-agenda .info span a {
  color: #000000;
  text-decoration: none;
}

.container-agenda .info span .fa {
  color: #e74c3c;
}

.post-meta .boton-redes{
    float: left;
    padding: 10px;
}

/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

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: 15px;
    font-family: "Frutiger LT W01_65 Bold";
    color: white;
    line-height: normal;
    font-size: 18px;
    
}

figure.effect-julia p {
    font-family: "FrutigerLTW01-45Light";
letter-spacing: normal;

	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	text-transform: none;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
    line-height: normal;
	font-size: 13px;
	-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);
}





.scroll-type6 {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  background: #ffffff;
  border: 5px solid #e1e1e1;
margin: 30px auto;
}
.scroll-type6::before {
  display: block;
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #e1e1e1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  animation: scale 1.6s ease-in infinite;
}
@keyframes scale {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }
  40% {
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1.2);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(2);
  }
}
.scroll-type6 .scroll-icon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
color: #6c52fc;
}
.scroll-type6 .scroll-icon svg {
  color: red;
}

.scroll-type6 .scroll-icon i {
  color: #6c52fc;
    font-weight: bold;
    font-size: 25px;
}
.cancelado {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 20px;
    font-weight: normal;
    color: white;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: center;
    width: auto;
    padding:10px;
    background-color: #f01e28;
    position: absolute;
    top: 0px;
    left: 0px;
}

.titulo-principal {
    margin: 50px 50px 80px;
    color: #808080;
    font-family: "FrutigerLTW01-45Light";
    font-size: 20px;
    line-height: 1.5;
}
.titulo-principal b{
   font-family: "Frutiger LT W01_65 Bold";
}
b,
strong {
    font-family: "Frutiger LT W01_65 Bold";
    line-height: normal;
}

.oferta-academica {
    padding: 40px;
    background-color: #f8f8f8;
}

.agenda {
background-color: white;
padding-top: 50px;
padding-bottom: 50px;
}
.cd-top {
    display: inline-block;
    height: 30px;
    width: 30px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(108, 82, 252, 1) url(http://www3.centro.edu.mx/wp-content/themes/fimpes/img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 1024px){
.cd-top {
    height: 50px;
    width: 50px;
    right: 30px;
    bottom: 50px;
}
}


.formulario-dia-centro h1{
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    margin: 20px;
    font-family: "Frutiger LT W01_65 Bold";
    color: dimgray;
}
.formulario-dia-centro h2{
    font-size: 25px;
    line-height: 27px;
    text-align: center;
    font-family: "FrutigerLTW01-45Light";
    color: dimgray;
    margin: 10px;
}
.formulario-dia-centro p{
    font-size: 20px;
    line-height: 27px;
    text-align: left;
}


/* Floating Social Media Bar Style Starts Here */

.fl-fl {
background: #a66fff;
text-transform: uppercase;
text-align: center;
position: fixed;
font-size: 14px;
padding: 15px 20px;
letter-spacing: normal;
z-index: 20000;
font-family:"Frutiger LT W01_65 Bold";
cursor: pointer;
border-radius: 5px;
box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.35);
}

.float-sm .fa {
  
  color: #fff;

}

.fl-fl a:hover {
transition-duration: .4s;
-webkit-transition-duration: .4s;
text-decoration: none;
}
.fl-fl:hover {
background-color: #6c40fd;
text-decoration: none;
transition-duration: .4s;
-webkit-transition-duration: .4s;


}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  vertical-align: top!important;
}

.float-fb {
right: 1%;
bottom:1%;
}

/* General style */
.grid-gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid-gallery figure {
	margin: 0;
}

.grid-gallery figure img {
	display: block;
	width: 100%;
    
}

.grid-gallery figcaption h3 {
	margin: 0;
	padding: 0 0 0.5em;
}

.grid-gallery figcaption p {
	margin: 0;
}

/* Grid style */
.grid-wrap {

	margin: 0 auto;
	padding: 0 1em 1.875em;
   
}

.grid {
	margin: 0 auto;
}

.grid li {
  width: 33%;
	float: left;
	cursor: pointer;
    

}

.grid figure {
	
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.grid li:hover figure {
	opacity: 0.7;
}

.grid figcaption {
	background: #e4e4e4;
	padding: 25px;
}

/* Slideshow style */
.slideshow {
	position: fixed;
	background: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	top: 15%;
	left: 0;
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.slideshow-open .slideshow {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.slideshow ul {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0,0,150px);
	transform: translate3d(0,0,150px);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.slideshow ul.animatable li {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.slideshow-open .slideshow ul {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slideshow li {
	width: 660px;
	height: 560px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -280px 0 0 -330px;
	visibility: hidden;
}

.slideshow li.show {
	visibility: visible;
}

.slideshow li:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.slideshow li.current:after {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

.slideshow figure {
	width: 100%;
	height: 100%;
	background: #fff;
	border: 50px solid #fff;
	overflow: hidden;
}

.slideshow figcaption {
	padding-bottom: 20px;
}

.slideshow figcaption h3 {
	font-weight: 300;
	font-size: 200%;
}

/* Navigation */
.slideshow nav span {
	position: fixed;
	z-index: 1000;
	color: #59656c;
	text-align: center;
	padding: 3%;
	cursor: pointer;
	font-size: 2.2em;
}

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slideshow nav span.nav-next {
	right: 0;
}

.slideshow nav span.nav-close{
	top: 10%;
	right: 1%;
	padding: 0.5em 1em;
	color: #ffffff;
    z-index: 1000;
    font-family: 50px;
    
}
.slideshow i{
	
	color: #ff6459;
    z-index: 1000;
    font-size: 50px;
    
}

.icon:before,
.icon:after {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

span.nav-prev:before {
	
}

span.nav-next:before  {

}

span.nav-close:before {

}

/* Info on arrow key navigation */
.info-keys {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 60px;
	font-size: 8px;
	padding-top: 20px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
}

.info-keys:before,
.info-keys:after {
	position: absolute;
	top: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
}

.info-keys:before {
	left: 10px;
	content: "\e603";
}

.info-keys:after {
	right: 10px;
	content: "\e604";
}

/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 60em) {
	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
	.grid li {
		width: 33.3%;
	}

	.slideshow li {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}

	.slideshow li figure img {
		width: auto;
		margin: 0 auto;
		max-width: 100%;
	}

	.slideshow nav span,
	.slideshow nav span.nav-close {
		font-size: 1.8em;
		padding: 0.3em;
	}

	.info-keys {
		display: none;
	}

}
.boton-examen {
margin-left: 15px;    
    }

@media screen and (max-width: 35em) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 24em) {
	.grid li {
		width: 100%;
	}
}
.fondo-campus {
    background-image: url(img/campus-centro.jpg);
    background-attachment:scroll;
    background-position: center;
    background-size: cover;
    
}


/* Floating Social Media Bar Style Ends Here */

#courseccordion ul li{
    font-family: "FrutigerLTW01-45Light";
    font-size: 19px;
    line-height: 1.5;}

.titulos-generales h2{
 font-family: "Frutiger LT W01_65 Bold";
margin-top: 5%;

}
.titulos-generales hr{
border: solid #a66fff .5px;
margin-bottom: 5%;
}
    
 @media (min-width: 576px) and (max-width: 767.98px) { 

.titulo-principal {
    font-size: 23px;
}

 
}


@media (min-width: 768px) and (max-width: 1200px) {

 .titulo-principal {
    font-size: 25px;
}
    
}


@media (min-width: 1200px) and (max-width: 3000px) {


 .titulo-principal {
    font-size: 28px;
}
    

}

   
    



.ecosistema {
    padding-bottom: 100px;
}

.news {

background-color: #f2f2f2;
padding-bottom: 50px;
}

.quince {
    background-color: black;
    padding-top: 50px;
    padding-bottom: 50px;
}

.color1 {
    padding-top: 50px;
    background-color: #f2f2f2;
    padding-bottom: 50px;
}

#banner {
    padding-top: 65px;
}

.page-title {
    font-size: 30px;
    line-height: 1.5;
    color: gray;
    
}

.FIMPES {
   
    background-image: url(../img/posters/Banner-pagina-web-FIMPES.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.CUMULUS {
    background-image: url(../img/posters/cumulus_fondo.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center;
}

.CUMULUS h3{
   font-size: 30px;
    color: #ffffff;
}

.CUMULUS h2{
   font-size: 50px;

}
.CUMULUS h4{
   font-size: 30px;

}
.FIMPES .btn-default{
   border-radius: 50px;
    padding: 5px 20px;
    color: 
}
.FIMPES h3{
   color: white;
    font-size: 16px;
    line-height: 1.3;
}