/*

Theme Name: BCNY_theme

Theme URI: http://www.masterperiodismo.ubsce.ub.edu/

Description: Tema personalizado para Máster en Periodismo BCN_NY de la School of Continuing Education – Universitat de Barcelona. Todos los derechos reservados.

Author: Tamer

Author URI: http://www.windswaves.com

Version: 1.0

*/

@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400,400italic,700,700italic);

body {/*overflow:hidden;*/ overflow-x: hidden; font-family:'Roboto Condensed' !important;}

body header#cabecera { margin-bottom: 22px; position:relative; }
body.home header#cabecera { /*margin-bottom: 30px;*/ }
body header#cabecera h1 { margin-bottom:0; line-height:0; }
body header#cabecera h1 #logo-cabecera { width:100%; max-width:1058px; }

header nav { margin-top: 1rem; display: flex;}
header nav #menu-mobile { font-size:20px; padding-left:41px; margin:10px 0 11px; display:none; }
header nav #menu-mobile:hover { color:#005ca9; cursor:pointer; }
header nav ul.menu { position:relative; list-style:none; font-size: 14px; margin:0; padding-left:24px; transition:all 0.5s ease; -webkit-transition: all 0.5s ease; }
header nav ul.menu li { position:relative; display:inline-block; text-transform:uppercase; /*padding: 22px 17px 11px;*/ float:left;}
header nav ul.menu li:first-child { margin-left:0; }
header nav ul.menu li a { color:#636363; padding: 22px 17px 11px; display:block; }
header nav ul.menu li:hover { background:#ddd; }
header nav ul.menu li:hover a { text-decoration:none; }
header nav ul.menu li ul.sub-menu { display:none; position:absolute; z-index:2; padding:0; left:0; }
header nav ul.menu li ul.sub-menu li { display:block; background:#3366cc; margin:0; padding:0; width:20em; }
header nav ul.menu li ul.sub-menu li a { display:block; padding:10px 20px;}
header nav ul.menu li ul.sub-menu li:hover { background:#0f1d38; }
header nav ul.menu li ul.sub-menu li:hover a { text-decoration:none; }
header nav ul.menu li ul.sub-menu li:first-child { margin-top: 16px; }
header nav ul.menu li ul.sub-menu li ul.sub-menu { display:none; margin-left:20em; top:-16px; }
header nav ul.menu li ul.sub-menu li ul.sub-menu li { border-left:1px solid #fff; }
header nav ul.menu li ul.sub-menu li:hover ul.sub-menu { display:block; }

header nav ul.menu li ul.sub-menu li a { color:#fff; }
header nav ul.menu li:hover ul.sub-menu { display:block; }

header nav ul.menu li#menu-item-7899 { background:#f44257!important; }
header nav ul.menu li#menu-item-7899 a { color:#fff; }
header nav ul.menu li#menu-item-7899:hover { background:#f44257!important; }
header nav ul.menu li#menu-item-7899:hover a{ text-decoration:underline; }

#widget_lateral { position:fixed; right:0; bottom:5%; color:#282828; z-index:100;
	-webkit-user-select: none;  
	-moz-user-select: none;    
 	-ms-user-select: none;      
 	user-select: none;
}
#widget_lateral #sesion_info {   width:320px; height:48px; font-size:18px; font-weight:500; line-height:1; 
	box-shadow: -5px 5px 20px rgba(0,0,0,0.5); color:#000; cursor:pointer; margin-bottom:0.5em; display: none; }
#widget_lateral #sesion_info a { color:#000; width:100%; display:block; padding:14px; }
#widget_lateral #sesion_info a:hover { text-decoration:none; }
#widget_lateral #etiqueta {  padding:14px; width:230px; height:48px; font-size:18px; font-weight:500; line-height:1; 
	box-shadow: -5px 5px 20px rgba(0,0,0,0.5); color:#fff; cursor:pointer; float:right; }

#widget_lateral #etiqueta span { font-size:16px; }
#widget_lateral #fondo_form,
#widget_lateral #formulario {
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#widget_lateral #formulario { box-shadow: -5px 5px 20px rgba(0,0,0,0.5); background:#9acdfc; position:absolute; bottom:0px; z-index:-1; padding:24px 15px; visibility: hidden; opacity:0; width:380px; right:0;}
#widget_lateral #formulario #boton_cerrar{ font-family: 'Roboto'; font-weight:bolder; background:#1b1b1b; border-radius:50%; width:24px; height:24px; line-height:24px; color:#fff; position:absolute; right:11px; top:10px; text-align:center; cursor:pointer;}
#widget_lateral #formulario #boton_cerrar:hover{ background:#4b4b4b; }

#widget_lateral #formulario h3 { font-size:25px; font-weight:bold; line-height:1.1; margin-bottom:0.25rem;}
#widget_lateral #formulario p { font-size:15px; line-height:1.1; }
#widget_lateral #formulario.etiqueta-on { display:inherit; /*bottom:116px*/; bottom:65px; visibility: visible; opacity:1; 

}
#widget_lateral #formulario label { width:60px; display:inline-block; font-size:15px; margin-bottom:0px; line-height:16px;}
#widget_lateral #formulario input,
#widget_lateral #formulario textarea,
#widget_lateral #formulario select { width:280px; display:inline-block; clear:right; margin-bottom:0px; font-size:14px; border:none; }
#widget_lateral #formulario input,
#widget_lateral #formulario select { height:16px; }
#widget_lateral #formulario select {  }
#widget_lateral #formulario textarea { resize: none; height:156px; }
#widget_lateral #formulario input#txtTelefon,
#widget_lateral #formulario select#slPais { width:148px; margin-top:6px; }
#widget_lateral #formulario select#slPais {  }
#widget_lateral #formulario #txtProfesion { margin:0 0 12px; }
#widget_lateral #formulario input[type=checkbox] { width:13px; height:13px; border:none;}

#widget_lateral #formulario br { /*display:none;*/ }

#widget_lateral #formulario label.legal { width:auto; line-height:1.1; margin-left:63px; font-size:13px; margin-bottom:0.5rem; }
#widget_lateral #formulario label.legal input{ width:auto; margin-bottom:0; vertical-align:bottom; }
#widget_lateral #formulario a#enviar { text-align:right; }
#widget_lateral #formulario a#enviar { background-image:url('./images/boton_enviar.png'); width:140px; height:40px; text-align:center; color:#fff; font-size:1rem; font-weight:bold; vertical-align:middle; text-transform:uppercase; line-height:40px; float:right; margin-top:0.5rem; }
#widget_lateral #formulario a#enviar:hover{ background-image:url('./images/boton_enviar_on.png'); }

#widget_lateral #formulario a#enviar.not_active { pointer-events:none; cursor:default; opacity:0.5; }

.visible { display:block !important; left:0px !important; transition:all 0.5s ease; -webkit-transition: all 0.5s ease; }

.page h1.title-entry { font-size:60px; font-weight:100; text-transform:uppercase; margin-left:23px; margin-bottom:28px; }
.page-header .page-title { font-size:60px; font-weight:100; text-transform:uppercase; margin-left:0px; margin-bottom:0px; }
.entry-header .entry-title { font-size:60px; font-weight:100; margin-bottom:19px; text-transform:uppercase; }
.entry-content h2 { font-size:27px; font-weight:bold; text-transform:uppercase; margin-bottom:12px; }
.entry-content h3 { font-size:19px; font-weight:bold; margin-bottom:5px; }
.entry-content h4 { font-size:19px; font-weight:normal; }
.entry-content p { margin-bottom:2rem; }
.entry-content .medio { text-align:center; }

.entry-content a { color:#009ee8; }
.entry-content a:hover { color:#009ee8; text-decoration:underline; }

.archive .entry-header .entry-title { font-size:32px; }
.archive article { margin-bottom:2rem; }
.archive article.noticia { display:inline-block; vertical-align:top; float:none; width:33%;
	
}

.archive article.noticia header {border-top:8px solid #000000; padding-top:12px;}

.archive article.noticia header .entry-title {
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 19px; 
	text-transform:inherit;
}
.archive article.noticia a { color:#272727; text-decoration:none;}
.archive article.noticia a .seguir-leyendo { color:#0275d8;}
.archive article.noticia a:hover .seguir-leyendo { color:#014c8c;}
.archive article.noticia .img-relative { position:relative; margin-bottom:10px}
.archive article.noticia header img { width:100%; height:auto;}

article#post-165 { font-size:19px; }
article#post-165 .boton_cyan { display: inline-block; background:#c8e6e8; text-align:center; padding: 20px 48px; margin: 0 auto; color:#000; }
article#post-165 .boton_cyan:hover { background:#e1ad40; }
article#post-165 .boton_cyan h3{ font-size:28px; }
article#post-165 .boton_cyan p{ margin:0; }
article#post-165 .img_trabajos { width:100%; }
article#post-165 .img_trabajos img { width:100%; max-width:1058px; }

span.over {
	background:center center no-repeat #0275d8;
	height: 100%;
	position: absolute;
  text-align: center; 
	width: 100%;
	z-index: 10;	
}
 
/* add the font awesome icon */
 
span.over:before {
    content: "\f06e"; 
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ffffff;
    font-size: 40px; 
    position: absolute;
    top: 0; 
	left:0;
	width:100%;
	height:100%;
	margin-top:22%;
}



#redes_sociales{ position:absolute; right:90px; top:0;}
#botones_redes_slider {
  position: relative;
  display: inline-block;
  color: #fff;
  width: 100%;
  text-align: right;
  margin: 12px 0px;
  margin: 0.85714rem 0rem;
}

#botones_redes_slider div {
  position: relative;
  display: inline-block;
  background: #000;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  /*box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.25);*/
  margin-right: 10px;
  vertical-align: top;
  float:left;
}

#botones_redes_slider div:last-child {
  margin-right: 0;
}

#botones_redes_slider div a {
  color: #fff;
}

#botones_redes_slider div a span {
  width: 24px;
  line-height: 24px;
  text-align: center;
}

#botones_redes_slider div a span img {
  position: absolute;
  padding: 6px;
  left: 0;
}

#portada { background:#000; max-height:482px; margin-bottom:96px; }
#portada .container { max-width:1200px; }
#portada #portada_video { max-height:482px; height:482px;}
#portada #activar-video { position:relative; }
#portada #activar-video:before { position:absolute; margin:auto; pointer-events: none;
	content: url(images/youtube_icon_b.png);
	text-align: center;
	left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 68px;
    height: 48px;
}
#portada #activar-video:hover:before { content: url(images/youtube_icon_.png); }
#portada #activar-video #portada_imagen { width:100%; height:auto; cursor:pointer }
#portada #activar-video .portada-caption { position:absolute; top:38px; right:56px; width:25%; max-width:242px; height:auto; }
#portada #activar-video .portada-caption img { display:block; margin-bottom:20px; width:100%; height:auto; }
#portada #activar-video .caption_video { position:absolute; margin:auto; text-align:center; color:#000;
	left: 0;
    right: 0;
    top:70px;
    bottom: 0;
	width: 100px;
    height: 20px;
    font-weight: bolder; text-shadow: 1px 1px 0px rgba(255,255,255,0.5); }

.page-template-columbia-page #portada #activar-video #portada_imagen { margin-left: 40px; }

#logos_portada { margin-bottom:60px; }
.home #logos_portada, .page-template-columbia-page #logos_portada { margin-bottom:50px; }

#logo_il3ub_header {margin-left:0px; width:100%; max-width:420px;}
#logo_columbia_header { width:100%; /*max-width:338px;*/ max-width:96px; vertical-align:bottom; margin-left:1rem; }
.pull-bottom {
    display: inline-block;
    vertical-align: bottom;
    float: none !important;
}

#home_descripcion { font-size:32px; text-align:center; line-height:36px; color:#272727; margin-bottom:20px; }
home_descripcion p { margin:0; }

#seccion_practicas { margin:40px auto; }
#seccion_practicas h2 { text-align: center; text-transform: uppercase; }
#seccion_practicas .contenedor_img {}
#seccion_practicas .contenedor_img img {}


#home_datos_container { background:#c8e6e8; margin:20px 0 80px; }
#home_datos_container #home_datos{ padding:60px 0 40px; position:relative; display: inline-block;}
#home_datos_container #home_datos .ficha_datos{ position:relative; display:inline-block; float:left; width:20%; text-align:center; padding: 0 10px;}
#home_datos_container #home_datos .ficha_datos img{ border-radius:50%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); margin-bottom:12px; width:100%; max-width:100px; height:auto; }
#home_datos_container #home_datos .ficha_datos h3{ font-size:24px; font-weight:bold; font-family:Roboto Condensed; }
#home_datos_container #home_datos .ficha_datos p { font-size:17px; font-size:1.0625rem; }

#apartados_master { margin:0; max-width:1116px;}
#apartados_master .ficha_apartado { max-height:320px; /*background:#d4d2d3;*/ background:#3366cc; position:relative; overflow:hidden; margin: 0 29px; }

#apartados_master .ficha_apartado img{ opacity:1;
	-webkit-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;}
#apartados_master .ficha_apartado:hover img{ opacity:0.666; transform:scale(1.05);}
#apartados_master .ficha_apartado .over_ficha { position:absolute; height:44%; top:32%; bottom:24%; opacity:0.5; width:100%; }
#apartados_master .ficha_apartado .texto_ficha {  position:absolute; height:44%; top:32%; bottom:24%; width:100%; text-align:center; color:#fff; padding:16px 0; }
#apartados_master .ficha_apartado .texto_ficha h3 { font-size:1.5rem; text-transform:uppercase; margin-top:14px; }
#apartados_master .ficha_apartado .texto_ficha h3 span { background: rgba(0,0,0,0.6); border-radius:20px; padding:5px 15px; line-height:1.8;}

.xavi { overflow:hidden; margin:0 0.5rem;}
.xavi img { width:100%; height:auto; }
.xavi2 { height:100px; background:blue;}
.xavi3 { height:100px; background:green;}

.page-template-alumni-page #logos_portada + .container { max-width: 1200px; }
.page-template-alumni-page .ancho_page_alumni { width:100%; padding:0 41px!important; }
.page-template-alumni-page .entry-content { font-size:21px; line-height:28px; max-width: 1040px; margin-bottom: 2em; }
.page-template-alumni-page #apartados_master { width: 100%; display: inline-block; }
.page-template-alumni-page #apartados_master #seccion_1, .page-id-7900 #apartados_master #seccion_2 {  }
.page-template-alumni-page #apartados_master .ficha_apartado { /*background:none!important;*/ max-width:354px; margin-right:28px!important; }
.page-template-alumni-page #apartados_master .ficha_apartado img { max-width:354px; }

.page-template-practicas-page .entry-content {
	font-size:25px;
	font-size:1.5625em;
    line-height: 30px;
    line-height: 1.875rem;}
#apartados_medios { margin-top:0.5em; }
#apartados_medios a{ color:#000; }
#apartados_medios a:hover, #apartados_medios a:active, #apartados_medios a:visited, #apartados_medios a:focus{ text-decoration:none; }
#apartados_medios .ficha_medio { text-align:center; margin-bottom:3em; overflow: hidden; }
.contenedor_img{ overflow:hidden; }
#apartados_medios .ficha_medio .imagen_medio { max-width:316px; transform:scale(0.925);
	-webkit-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;}
#apartados_medios .ficha_medio:hover .imagen_medio { transform:scale(1); }
#apartados_medios .ficha_medio .texto_medio{ border-top:9px solid #000; padding-top:20px; font-weight:100; }


.naranja { background:#e1ad40; }
.naranja_2 { background:#f3d686; }
.magenta { background:#f44257; }
.azul { background:#b5d0eb;}
.turquesa { background:#c1eee3;}
.gris { background:#b2b2b2;}
.marino { /*background:#345ca4;*/ background:#005ca9;}
.pell { background:#f3d686; }
.rosa { background:#e0b2bc; }
.amarillo { background:#feef00; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }

.img-adjust { width:100%; height:auto;}
.img-adjust-2 { width:auto; height:100%; position:absolute;}
.img-adjust-logo { width:100%; height:auto; max-width:227px; margin: 0 auto; display:flex;}

.collage-texto {padding:0.9rem; font-size:0.9rem; line-height:1; color:#000; }
.collage-texto-b {padding:1.5rem 2rem; font-size:1rem; line-height:1.1; color:#000; }
.collage-texto-b h3{ font-size:50px; line-height:1; }

#collage_02 {  }

.grid * { box-sizing: border-box; overflow:hidden; position:relative; }

.grid, .grid_2 { margin-top:54px; margin-bottom:54px;}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
.grid {  }
.grid-sizer,
.grid-item { width:100%; max-width: 23px; overflow:hidden; }
.grid-sizer-b,
.grid-item-b { width:100%; max-width: 114px; overflow:hidden;}
.grid-item-b {  float:left; margin-bottom:10px; padding:0 5px;}

.grid-item {  float:left; margin-bottom:10px; padding:0 0.5%; }
.grid-item img { display:block; max-width:100%; }

.grid-item--basic { width:100%; max-width: 184px; }
.grid-item--doble { width:100%; max-width: 276px; }
.grid-item--triple { width:100%; max-width: 368px; }
.grid-item--cuadruple { width:100%; max-width: 552px; }

.grid-item--b1 { width:100%; max-width: 228px; }
.grid-item--b2 { width:100%; max-width: 570px; }
.grid-item--b3 { width:100%; max-width: 342px; }

.grid-item--height0c { max-height:104px; }
.grid-item--height1c { max-height:328px; }
.grid-item--height2c { max-height:210px; }
.grid-item--height3c { max-height:140px; }
.grid-item--height4c { max-height:108px; }
.grid-item--height5c { max-height:214px; }
.grid-item--height6c { max-height:178px; }

.grid-item--height1 { max-height:321px; }
.grid-item--height2 { max-height:357px; }
.grid-item--height3 { max-height:198px; }
.grid-item--height4 { max-height:234px; }
.grid-item--height5 { max-height:292px; }

.gutter-sizer { width:10px;}

.grid-item--mb { margin-bottom:10px; }

.border-sup { border-top:9px solid #232323; padding-top:20px; }

#fil_sup_cont { position:relative; height:16px; }
#filete_sup { width:100%; height:16px; padding-right:41px; vertical-align:top; }
#fil_sup_cont::before { content:'.'; background-image:url('./images/filete-cabecera.gif'); background-repeat:repeat-x; width:100%; left:-50%; right:0; position:absolute; height:16px;}
#fil_inf_cont { position:relative; height:16px; }
#filete_inf { width:100%; height:16px; margin-left:41px; vertical-align:top; }
#fil_inf_cont::after {content:'.'; background-image:url('./images/filete-cabecera.gif'); background-repeat:repeat-x; width:100%; right:0; margin-right:-50%; position:absolute; overflow:hidden; height:16px; top:0; }
#logo-cabecera { margin: 0 41px; padding: 0;}
#ciudades { position:absolute; top:-1px; right:10px; z-index:1; width:50%; max-width:296px; height:18px; background:#fff; }
#ciudades img{ width:100%; height:auto; vertical-align:top; position:absolute; top:0; bottom:0; margin:auto 0; }

footer { background:#2c2c2c; min-height:306px; margin-top:96px; color:#fff; /*padding:60px 0;*/ }

footer #logo-footer {width:100%; max-width:410px;}

/*footer nav { margin: 12px 0 6px;}
footer nav ul { list-style:none; font-size: 10px; margin:0; padding:0; }
footer nav ul li { display:inline-block; text-transform:uppercase; margin: 0px 28px 5px 0; }
footer nav ul li:first-child { margin-left:0 !important; }
footer nav ul li:last-child { margin-right:0 !important; }
footer nav ul li a { color:#fff; text-decoration:underline; }
footer nav ul li a:hover { color:#fff; text-decoration:none; }

footer nav ul#menu-menu-legal { font-size:11px; margin: 8px 0 0px; }
footer nav ul#menu-menu-legal li { text-transform:inherit; margin: 0px 24px 5px 0px; }
footer nav ul.menu li ul.sub-menu { display:none; }
footer nav ul.menu li ul.sub-menu li ul.sub-menu { display:none; }*/

footer #redes_sociales{ position:relative; right:0; }
footer #botones_redes_slider {
  position: relative;
  display: inline-block;
  color: #fff;
  width: 100%;
  text-align: right;
  margin: 0px 0px 12px;
  margin: 0rem 0rem 0.85714rem;
}

footer #botones_redes_slider div {
  position: relative;
  display: inline-block;
  
  width: 24px;
  height: 24px;
  border-radius: 50%;
  
  margin-right: 10px;
  vertical-align: top;
  float:left;
  background: #fff !important;
}

footer #botones_redes_slider div:last-child {
  margin-right: 0;
}

footer #botones_redes_slider div a {
  color: #000;
}

footer #botones_redes_slider div a span {
  width: 24px;
  line-height: 24px;
  text-align: center;
  color: #2c2c2c;
}

footer #botones_redes_slider div a span img {
  position: absolute;
  padding: 6px;
  
}
footer #direccion_footer{
	font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin-top: 20px;
}

footer #footer-right { margin-top:20px; }
footer #footer-right #logo_ub_footer { margin-right:26px; vertical-align:top;}
footer #footer-right #logo_columbia_footer {}


/*---------------------------------------------------------------------------------------------*/

footer {
  color: #fff;
  background: #2c2c2c;
	position: relative;
}
footer:before{
	content:'.';
	background-image: url("images/triangle.png");
	top:-8px;
	left:0;
	width:100%;
	height:8px;
	position: absolute;
	text-indent: -500px;
}

footer .container{
	padding:42px 0px 80px;
}

footer #footer_header {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 24px;
}

footer #footer_header #footer_logo {
  position: relative;
  display: inline-block;
  width: 83.5%;
}

footer #footer_content {
  position: relative;
}

footer #footer_content #footer_left {
  width: 65%;
  position: relative;
  display: inline-block;
}

footer #footer_content #footer_left #menu_footer {
  font-family: "Asap", Arial, Helvetica, sans-serif;
  width: 100%;
  position: relative;
  display: inline-block;
  font-size: 12.74px;
  margin-bottom: 28px;
}

footer #footer_content #footer_left #menu_footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

footer #footer_content #footer_left #menu_footer ul li {
  display: inline-block;
  float: left;
}

footer #footer_content #footer_left #menu_footer ul li:hover .sub-menu {
  display: block;
}

footer #footer_content #footer_left #menu_footer ul li a {
  text-transform: uppercase;
  display: block;
  margin-right: 16px;
  margin-bottom: 5px;
  color: #fff;
	font-weight: bold;
}

footer #footer_content #footer_left #menu_footer ul li a:hover {
  text-decoration: underline;
}

footer #footer_content #footer_right #botones_redes_footer {
  position: relative;
  display: inline-block;
  color: #000;
  width: 100%;
  vertical-align: top;
  margin-bottom: 22px;
}

footer #footer_content #footer_right #botones_redes_footer div {
  position: relative;
  display: inline-block;
  background: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 6px;
  float: left;
}

footer #footer_content #footer_right #botones_redes_footer div:last-child {
  margin-right: 0;
}

footer #footer_content #footer_right #botones_redes_footer div a {
  color: #000;
}

footer #footer_content #footer_right #botones_redes_footer div a span {
  width: 24px;
  line-height: 24px;
  text-align: center;
}

footer #footer_content #footer_right #botones_redes_footer div a span img {
  position: absolute;
  padding: 6px;
}

footer #footer_content #footer_left #logo_il3_footer {
	width: 100%;
	max-width: 290px;
	vertical-align: top;
	margin-top: 6px;
	margin-right:10px;
	margin-bottom: 24px;
}

footer #footer_content #footer_right {
  width: 34%;
  position: relative;
  display: inline-block;
  float: right;
  font-family: "Asap", Arial, Helvetica, sans-serif;
}

footer #footer_content #footer_right img {
  /*margin-bottom: 46px;
  margin-bottom: 3.28571rem;*/
}

footer #footer_content #footer_right #footer_titulo {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 4px;
}

footer #footer_content #footer_right #footer_direccion {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 18px;
}

footer #footer_content #footer_right #footer_legal, footer #footer_content #footer_left #footer_legal { margin-bottom:22px; }
footer #footer_content #footer_right #footer_legal a, footer #footer_content #footer_left #footer_legal a {
  font-family: "Asap", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  margin-right: 16px;
  text-decoration: underline;
  letter-spacing: -0.4px;
  line-height: 1.6;
}
footer #footer_content #footer_right #footer_legal ul {
	list-style:none;
	padding: 0;
}
footer #footer_content #footer_right #footer_legal ul li { display: inline-block; }

/*---------------------------------------------------------------------------------------------*/

#conjunto_modulos0 { margin-bottom:24px; position:relative; display:-webkit-box; }
#conjunto_modulos #titulo_programa h1 { text-transform:uppercase; font-weight:100; font-size:3.3rem; }
#conjunto_modulos #descrip_programa h4 { font-size:22px; }
.modulo { padding:15px 20px; height:264px; overflow:hidden; background:#7caee3; cursor:pointer;}
.modulo h2 { font-size:25px; text-transform:uppercase; margin-bottom:3px; font-weight:lighter; }
.modulo h4 { font-size:18px; font-weight:normal; }
.modulo p { font-size:15px; font-size:0.9375rem; line-height:18px; line-height:1.125rem; font-weight:lighter; margin-bottom:0; }
.modulo:hover { background:#e1ad40; }
.modulo_on { background:#e1ad40; }
.modulo_on h2 { font-weight:normal; }
.modulo_on h4 { font-weight:bold; }
.modulo_on p { font-weight:normal; }

#contenidos_modulos { }
#contenidos_modulos .content_modulo{ padding:72px 20px; display:none;}
#contenidos_modulos .content_modulo button{ position:relative; top:-32px; font-size:28px; font-weight:lighter; }
#contenidos_modulos .content_modulo h3 { font-weight:bold; }
#contenidos_modulos .content_modulo p { margin-bottom:24px; }
.active { display:block !important;}

#directores { background:#c8e6e8; }
#profesores-invitados { background:#ede0a4; }
.cuadro-doc { padding:60px 0; }
.cuadro-doc h2 { font-size:27px; font-weight:bold; text-transform:uppercase; margin-bottom:46px; }
.cuadro-doc h2 span { font-size:18px; font-weight:100; font-style:italic; text-transform: initial; }
.cuadro-doc h3 { font-size:20px; font-weight:normal; }
.cuadro-doc h3 span { font-weight:100; font-style:italic; }
.cuadro-doc .docente { clear:both; }
#profesores-invitados.cuadro-doc .docente { clear:none; }
.cuadro-doc .docente img { width:100%; max-width:165px; }
.cuadro-doc .docente p { margin-bottom:2rem; }
.cuadro-doc .docente a .fa{ }

#presentacion { font-size:19px; font-size:1.1875rem; }
#metodologia { font-size:21px; font-size:1.3125rem; font-weight:100; line-height:1.333;}
#metodologia h3 { font-size:21px; font-size:1.3125rem; font-weight:bold;}
#metodologia h3 span{ padding:2px 5px; }

.ancho_page { padding: 0 41px !important; }

.padding_1 { padding-left:0px !important; padding-right:12px !important;}
.padding_2 { padding-left:6px !important; padding-right:6px !important;}
.padding_3 { padding-left:12px !important; padding-right:0px !important;}

/*--COMETARIOS--*/
article footer { 
	background: none;
    min-height: auto;
    margin-top: 96px;
    color: #222;
    padding: 0px;
}

.commentlist li {
  list-style: none !important;
}

.comment-body {
  padding: 15px;
}

.comment-author {
  margin-top: 5px;
}

.reply,  .commentmetadata {
  font-size: 0.9em;
}

.depth-1, .depth-2, .depth-3, .depth-4 {
  border: 1px solid #eaeaea;
  border-radius: 4px;
}

.depth-1, .depth-3 {
  background-color: #fafafa;
}

.depth-2, .depth-4 {
   background-color: #fff;
}

.comment-author-eSandra {
  border: 3px solid #eaeaea;
  border-left:3px solid #fbc356;
}

.depth-1 {
   margin: 20px 0;
}

/* Respuesta a comentarios*/

.depth-2 {
  margin:2% 5% !important;
}

.depth-3 {
   margin: 2% 7% !important;
}

.depth-4 {
  margin:2% 5% 4% 10% !important;
}

#comment, #author, #email {
  border-radius: 4px;
  border:2px solid #ccc;
}
/*-----------------------------------------------*/

.accordionButton {
    width: 100%;
    float: left;
    _float: none;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
}
.accordionButton.on, .accordionButton.on:hover, .accordionButton.on h3, .accordionButton.on:hover h3 {
    background: #3366cc;
    color: #FFFFFF;
    padding: 2px 0 0px 3px;
    border: none !important;
    font-size: 15px;
    width: 100%;
    overflow: hidden;
}
.accordionContent {
    clear: left;
    float: left;
    _float: none;
    background: #eeeeee;
    padding: 15px 15px 10px 15px;
    width: 100%;
}
.accordionContent ul { padding-left:20px; }

/*------------------------------------------ENTRADAS INDIVIDUALES------------------------------------------------*/

.single #single h2 { font-size: 42px; font-weight: 100; text-transform: uppercase;}
.single #single small {font-size: 16px; margin-bottom: 4px; display:block; }
.single #single .post { font-size: 19px; font-size: 1.1875rem;}
.single #single .post img { margin:1em 0; width: 100%; height: auto; }
.single #single .post h2 {font-size: 32px; font-weight: 500; }
.single #single .post h3 {font-size: 24px; font-weight: 600; margin-bottom: 1em; }

.single #single .post .addthis_toolbox { margin-bottom:1em; }


/*--------------------------------------------------------------------------------------------------------------*/

#slider { margin: 2em 0; }
#slider #myCarousel {}
#slider #myCarousel .carousel-indicators .active { display: inline-block !important; }
#slider #myCarousel .carousel-inner .item img { margin:0; }

/* tamer 15-11-2017 */
#slider #myCarousel .carousel-inner { max-height:none;}

/*--------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1199px){
	.page-template-columbia-page #portada #activar-video #portada_imagen { margin-left:0px; }
	#collage_02 { font-size:0.8rem; }
	#filete_sup { padding-right: 20px; }
	#logo-cabecera { margin: 0; padding:0 20px; }
	#filete_inf { margin-left: 20px; }
	header nav #menu-mobile { padding-left: 20px; }
	header nav ul.menu { padding-left:4px; }
	header nav ul.menu li { margin:0; padding: 0px; }
	header nav ul.menu li a{  padding: 22px 15px 11px; }
	#logo_il3ub_header {margin-left:0;}
	#redes_sociales { right:45px; }
	#portada #portada_video { height:475px; }
	#portada #activar-video .portada-caption { width:20%; }
	#apartados_master .ficha_apartado .texto_ficha img { width:60px; }
	#apartados_master .ficha_apartado .texto_ficha h3 { font-size: 1.3rem; margin-top:8px; }
	
	#conjunto_modulos #titulo_programa h1 { font-size:2.8rem; }
	#conjunto_modulos #descrip_programa h4 { font-size: 20px; }
	
	.modulo h2 { font-size:24px; font-size:1.5rem; }
	.modulo h4 { font-size:17px; font-size:1.0625rem; }
	.modulo p { font-size:14px; font-size:0.875rem; }
	
	.ancho_page { padding: 0 20px !important; }
	.page-template-alumni-page .ancho_page_alumni { padding:0 20px!important; }
}

@media screen and (max-width: 1024px){
	#widget_lateral { bottom: 1%; }
}

@media screen and (max-width: 991px){
	#collage_02 { font-size:0.7rem; }
	.collage-texto {padding:0.5rem;}
	header nav ul.menu { font-size: 12px; padding-left: 9px;}
	header nav ul.menu li { margin:0px; padding: 0px; }
	header nav ul.menu li a{  padding: 22px 8px 11px; }
	#redes_sociales { right:20px; }
	#botones_redes_slider div { margin-right: 5px; }
	#portada #portada_video { height:391px; }
	#portada #activar-video .portada-caption { width:18%; }
	#apartados_master .ficha_apartado .texto_ficha { padding: 8px 0; }
	#apartados_master .ficha_apartado .texto_ficha img { width:40px; }
	#apartados_master .ficha_apartado .texto_ficha h3 { font-size: 1rem; line-height: 2; }
	#conjunto_modulos #titulo_programa h1 { font-size:2.1rem; }
	#conjunto_modulos #descrip_programa h4 { font-size: 17px; }
	
	.modulo { padding: 8px 10px; }
	.modulo h2 { font-size:22px; font-size:1.375rem; line-height:1.1; }
	.modulo h4 { font-size:16px; font-size:1rem; line-height:1; }
	.modulo p { font-size:14px; font-size:0.875rem; line-height:1.1; }
	.archive article.noticia {  width:32%; }
}
@media screen and (max-width: 768px){
	.home #logos_portada {
		margin-bottom: 30px;
	}
	#portada {
		margin-bottom: 48px;
	}
	#home_descripcion {
		margin-bottom: 48px;
	}
	
}
@media screen and (max-width: 767px){
	body header#cabecera h1 #logo-cabecera { margin: 3px 0; }
	header nav #menu-mobile { display: inline-block; }
	header nav ul.menu  { position:absolute; background:#fff; z-index:2; padding:0; left:-75%; top:67px; width:200px;
		transition:all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		box-shadow:0px 0px 15px rgba(0,0,0,0.25); }
	header nav ul.menu li { display:inline-block!important; position:relative; padding:0px; margin:0; border-bottom:1px solid #ddd;
		clear:both; width:200px; background:#fff!important; }
	header nav ul.menu li:hover ul.sub-menu ,header nav ul.menu li ul.sub-menu li:hover ul.sub-menu{ display:none;}
	header nav ul.menu li:first-child { border-top:1px solid #ddd;}
	header nav ul.menu li a { padding:8px 20px; /*background:#fff!important;*/ }
	header nav ul.menu li a:hover { background:#ddd!important; }
	header nav ul.menu li#menu-item-7899 a:hover { background:#f44257!important; }
	header nav ul.menu li ul.sub-menu {
		display: none;
		position: relative;
		background:#fff!important;

	}
	header nav ul.menu li ul.sub-menu.desplegado {

	}
	header nav ul.menu li.menu-item-has-children:before {
		font-family: 'FontAwesome';
		content: "\f106";
		color: #636363;
		font-weight: bold;
		position: absolute;
		right: 0;
		cursor: pointer;
		padding: 5px;
		font-size: 16px;
		opacity: 0.66;
	}
	header nav ul.menu li.menu-item-has-children.desple:before { content: "\f107"; }
	header nav ul.menu li.menu-item-has-children:hover:before { opacity:1; }
	header nav ul.menu li ul.sub-menu li { background:#fff!important; width:200px; }
	header nav ul.menu li ul.sub-menu li.menu-item-has-children:before { padding:2px 5px; }
	
	header nav ul.menu li ul.sub-menu li:hover { background:#fff!important; }
	header nav ul.menu li ul.sub-menu li:first-child { margin-top:0; }
	header nav ul.menu li ul.sub-menu li:last-child { border-bottom:none; }
	header nav ul.menu li ul.sub-menu li a { color:#636363; padding:5px 20px 5px 25px; text-transform:capitalize;}
	header nav ul.menu li:hover ul.sub-menu { /*display:none;*/ }
	
	header nav ul.menu li ul.sub-menu li ul.sub-menu {
		/*display: block;*/
		margin-left:0;
		top:0;
	}
	header nav ul.menu li ul.sub-menu li ul.sub-menu li a { padding-left:35px; }
	
	#portada { }
	#portada #portada_video { height:301px; }
	#portada #activar-video .portada-caption { top:20px; }
	#home_descripcion { font-size:26px; line-height:30px; }
	#home_datos_container #home_datos .ficha_datos h3 { font-size:20px; }
	#home_datos_container #home_datos .ficha_datos p { font-size:14px; }
	#home_datos_container #home_datos .ficha_datos img { max-width: 85px; }
	
	#apartados_master .ficha_apartado { margin: 0 15px; }
	#apartados_master .ficha_apartado .texto_ficha h3 { font-size:0.9rem; line-height:2.2; }
	#apartados_master .ficha_apartado .texto_ficha h3 span { padding:5px 10px; }
	
	#conjunto_modulos #titulo_programa h1 { font-size:1.6rem; }
	#conjunto_modulos #descrip_programa h4 { font-size: 15px; }
	
	.modulo { padding: 15px 20px; }.modulo h2 { font-size:24px; font-size:1.5rem; line-height:1.4;}
	.modulo h4 { font-size:17px; font-size:1.0625rem; line-height:1.4;}
	.modulo p { font-size:14px; font-size:0.875rem; line-height:1.4;}
	
	.archive article.noticia {  width:49%; }
}

@media screen and (max-width: 600px){
	footer { padding: 0 14px; }
	
	footer #footer_content #footer_left {
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px solid #6e6e6e;
    margin-bottom: 24px;
  }
  footer #footer_content #footer_left #menu_footer ul li a {
    margin-right: 16px;
    margin-right: 1.14286rem;
  }
  footer #footer_content #footer_right {
    width: 100%;
  }
}

@media screen and (min-width: 544px) and (max-width: 767px){
	.container {
		max-width: 97%!important;
	}
}

@media screen and (max-width: 543px){
	body header#cabecera h1 #logo-cabecera { margin: 6px 0; }
	
	#logos_portada { margin-bottom:40px; }
	.home #logos_portada, .page-template-columbia-page #logos_portada { margin-bottom:30px; }
	#logos_portada > div { margin-top:0!important; }
	
	#portada #portada_video { height:212px; }
	
	#logo_il3ub_header { width:95%; }
	#logo_columbia_header { margin-left:0; padding-top:0; width:50%; }
	
	#home_descripcion { font-size:22px; line-height:26px; }
	#home_datos_container #home_datos .ficha_datos{ width:33.333%; min-height:215px; }
	#home_datos_container #home_datos .ficha_datos p { font-size:16px; }
	#apartados_master {  }
	#apartados_master .ficha_apartado { margin: 0 20px; }
	#apartados_master .ficha_apartado .texto_ficha { padding: 16px 0; }
	#apartados_master .ficha_apartado .texto_ficha img { width:74px; }
	#apartados_master .ficha_apartado .texto_ficha h3 { font-size: 1.5rem; }
	#apartados_master .ficha_apartado .texto_ficha h3 span { padding:5px 15px; }
	#apartados_master .ficha-doble .ficha_apartado img#imagen_apartado { width:212.36%; margin-left:-56%; }
	
	#cuadro_01, #cuadro_02, #cuadro_03 {width:100%; clear:both;}
	
	.modulo { /*height: 210px;*/ height:auto;}
	
	.grid { margin-top:60px; }
	.pull-bottom { /*display: table-cell;*/ }
	
	.page h1.title-entry,
	.page-header .page-title,
	.entry-header .entry-title { font-size:42px; }
	
	#apartados_medios .ficha_medio { margin-bottom:1em;}
	
	article#post-165 { font-size:16px; }
	article#post-165 .boton_cyan h3 { font-size: 22px; }
	
	footer { margin-top:60px; }
	footer nav ul li { margin: 0px 14px 5px 0; }
	footer nav ul#menu-menu-legal li { margin: 0px 12px 5px 0px; }
	
	.padding_1 { padding-left:0px !important; padding-right:0px !important; margin-bottom:18px; }
	.padding_2 { padding-left:0px !important; padding-right:0px !important; margin-bottom:18px; }
	.padding_3 { padding-left:0px !important; padding-right:0px !important;}
	
	#widget_lateral { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; pointer-events:none; }
	#widget_lateral.on {pointer-events:all;}
	#widget_lateral #sesion_info { position:fixed; left:0; right:inherit; bottom:36px; width:100%;
		height:auto; pointer-events:all; margin-bottom:0; }
	#widget_lateral #sesion_info a { padding:11px; }
	#widget_lateral #etiqueta { position:fixed; left:0; right:inherit; bottom:0; width:100%;
		height:auto; pointer-events:all; padding:11px; }
	#widget_lateral #fondo_form { /*display:none;*/ visibility: hidden; opacity:0; position:fixed; background-color:rgba(0,0,0,0.66); top:0; bottom:0; left:0; right:0; z-index:-2; pointer-events:none;}
	
	#widget_lateral #formulario { position:fixed; max-width:380px; width:100%; margin:auto; left:0; right:0; top:50px; bottom:82px!important; height:auto; max-height:541px; overflow-y: auto; padding:24px 2.5%; box-sizing:border-box; pointer-events:all;}
	#widget_lateral #formulario.etiqueta-on { top:0px; }
	
	#widget_lateral #formulario label { width: 25%;}
	#widget_lateral #formulario input, 
	#widget_lateral #formulario textarea, 
	#widget_lateral #formulario select { width: 70%;}
	#widget_lateral #formulario label.legal { margin-left:25%; }
	
	.paralizado {overflow-y: hidden; /*margin-right: 17px;*/}
	#widget_lateral #fondo_form.fondo_on { /*display:inherit !important;*/ visibility: visible; opacity:1; pointer-events:none;}
	
	.collage-texto-b { padding: 1rem; }
	.collage-texto-b h3{ font-size:40px; }
	
	.archive article.noticia {  width:100%; }
}


@media screen and (max-width: 425px){
	.home #logos_portada {
		margin-bottom: 20px;
	}
	
	.collage-texto-b h3{ font-size:28px; }
	
	#home_datos_container #home_datos .ficha_datos {
		width: 50%;
		min-height: 222px;
	}
	#home_datos_container #home_datos .ficha_datos p {
		line-height:1.4;
	}
	
}
@media screen and (max-width: 400px){
	#portada #portada_video { height:154px; }
	#portada #activar-video .portada-caption { top:10px; right:30px; width:20%; }
	#portada #activar-video .portada-caption img { margin-bottom: 10px; }
	#home_datos_container #home_datos .ficha_datos{ width:50%; }
	#home_datos_container #home_datos .ficha_datos img { max-width: 75px; }
	#apartados_master .ficha_apartado .texto_ficha { padding: 12px 0; }
	#apartados_master .ficha_apartado .texto_ficha img { width:40px; }
	#apartados_master .ficha_apartado .texto_ficha h3 { font-size: 1rem; }
	
	.page h1.title-entry,
	.page-header .page-title,
	.entry-header .entry-title { font-size:38px; }
}

@media screen and (max-width: 375px){
	#portada #activar-video:before { 
		transform: scale(0.75);
	}
}

@media screen and (max-width: 320px){
	#portada #activar-video .caption_video { top:55px; }
	
	.modulo { height: auto; }
	#portada {
		margin-bottom: 32px;
	}
	#home_descripcion {
		margin-bottom: 32px;
	}
	#home_datos_container #home_datos .ficha_datos {
		width: 100%;
		min-height:auto;
		margin-bottom:24px;
		padding: 0 20px;
	}
	#home_datos_container #home_datos .ficha_datos img {
		max-width: 90px;
	}
}

/*--- MAPA MUNDI EX-ALUMNOS ---*/

#mapa_mundi .mapa img {width:100%; transition: opacity 0.5s ease-in-out;}
#mapa_mundi .mapa:hover #mapa_rollover {opacity:1;}
#mapa_mundi .mapa #mapa_basico {}
#mapa_mundi .mapa #mapa_rollover {position:absolute; top: 0; opacity: 0; left:0; }

/*--- OPINIONES EX-ALUMNOS ---*/
#exalumnos .docente { display: inline-block; margin-bottom:2rem; }
#exalumnos p { margin-bottom: 0.5rem; }

@media screen and (min-width:544px){
	.page-template-alumni-page #apartados_master .ficha_apartado.seccion_impar { float:right; }
}
@media screen and (max-width:543px){
	.page-template-alumni-page #apartados_master .ficha_apartado {
		margin-left: auto!important;
    	margin-right: auto!important;}
}