/*
Desripción: Hoja de estilo para el boletín en Plural de Bienestar Bogotá, Universidad Nacional de Colombia
Diseño: Nelson Velasco
*/



@font-face {  font-family: 'Ancizar sans 2';  font-weight: lighter;  font-style: normal;  src: url("../fuente/ancizarsans-light_webfont.eot"), url("../fuente/ancizarsans-light_webfont.eot?#iefix") format('embedded-opentype'), url("../fuente/ancizarsans-light_webfont.woff") format('woff'), url("../fuente/ancizarsans-light_webfont.ttf") format('truetype'), url("../fuente/ancizarsans-light_webfont.svg") format('svg');}
@font-face {  font-family: 'Ancizar sans 2';  font-weight: lighter;  font-style: italic;  src: url("../fuente/ancizarsans-lightitalic_webfont.eot"), url("../fuente/ancizarsans-lightitalic_webfont.eot?#iefix") format('embedded-opentype'), url("../fuente/ancizarsans-lightitalic_webfont.woff") format('woff'), url("../fuente/ancizarsans-lightitalic_webfont.ttf") format('truetype'), url("../fuente/ancizarsans-lightitalic_webfont.svg") format('svg');}

@font-face {  font-family: 'Ancizar serif 2';  font-weight: lighter;  font-style: normal;  src: url("../fuente/ancizarserif-light_webfont.eot"), url("../fuente/ancizarserif-light_webfont.eot?#iefix") format('embedded-opentype'), url("../fuente/ancizarserif-light_webfont.woff") format('woff'), url("../fuente/ancizarserif-light_webfont.ttf") format('truetype'), url("../fuente/ancizarserif-light_webfont.svg") format('svg');}
@font-face {  font-family: 'Ancizar serif 2';  font-weight: lighter;  font-style: italic;  src: url("../fuente/ancizarserif-lightitalic_webfont.eot"), url("../fuente/ancizarserif-lightitalic_webfont.eot?#iefix") format('embedded-opentype'), url("../fuente/ancizarserif-lightitalic_webfont.woff") format('woff'), url("../fuente/ancizarserif-lightitalic_webfont.ttf") format('truetype'), url("../fuente/ancizarserif-lightitalic_webfont.svg") format('svg');}



body{background-color: #FFF;}
.linea_divisoria_ep{
    border-bottom: 1px dotted #BBB;
    margin: 0;
    padding-top: 20px;
}
.linea_divisoria_art{
    border-bottom: 1px solid #4E7584;
    margin: 0;
    padding-top: 20px;
}
.header_plural{
	margin: 40px 10% 30px 10%;
	text-align: center;
}
.footer_plural,
.header_ubicacion{
	color: #808285;
	font-size: 10pt;
	margin: 0 10% 50px 10%;
}
.footer_plural a{
	color: #CCC!important;
}
.articulo_contenedor{
	margin: 0 10% 50px 10%;
}

.articulo_contenido{padding: 0 20%;}
.articulo_contenido p{ padding-bottom: 10px!important; }
.articulo_contenido h2{
	font-family: "Ancizar sans", Tahoma, Geneva, sans-serif;
	font-size: 36pt;
	font-weight: bold;
	padding:5% 0;
}
.art_compartir{
	width: 200px;
	position: fixed;
	right: 5%;
	top: 20%;
}
.compartir_mobile a,
.art_compartir a{ cursor: pointer; }
.compartir_mobile {
	padding-top: 5%;
	display: none;
}
.compartir_mobile img{ width: 30px; }

.header_ubicacion div,
.header_plural>a{ padding: 0.5%; }
.enplural_logo img{ width: 100% }

.sec_con_acento,.conacento_sel,.conacento{background-color: #ECC962;}
.sec_entre_lineas,.entrelineas_sel,.entrelineas{background-color: #F7AB59;}
.sec_en_proyecto,.enproyecto_sel,.enproyecto{background-color: #FA5B75;}
.sec_campus_amable,.campusamable_sel,.campusamable{background-color: #9E58AF;}
.sec_para_estar_bien,.paraestarbien_sel,.paraestarbien{background-color: #5A90D1;}

.conacento,
.entrelineas,
.enproyecto,
.campusamable,
.paraestarbien{height: 8px;}

.conacento_sel,
.entrelineas_sel,
.enproyecto_sel,
.campusamable_sel,
.paraestarbien_sel{padding: 10%;}

.sec_con_acento,
.sec_entre_lineas,
.sec_en_proyecto,
.sec_campus_amable,
.sec_para_estar_bien{
	padding: 2%;
	color: #FFF;
	margin-bottom: 10px;
}

.sec_con_acento:hover,
.sec_entre_lineas:hover,
.sec_en_proyecto:hover,
.sec_campus_amable:hover,
.sec_para_estar_bien:hover{ color: #FFF; }

.nota_titulo{
	color: #555;
	font-size: 20pt;
	font-weight: bold;
	line-height: 20pt;
	padding:10% 0;
}
.pri_titulo{
	color: #444;
	font-size: 24pt;
	font-weight: bold;
	line-height: 24pt;
	padding:6% 0;
	margin-top: 5px;
}
.pri_fecha{
	color: #888;
	padding: 0;
}
.pri_resumen{
	color: #222;
	font-family: "Ancizar sans", Tahoma, Geneva, sans-serif;
	font-size: 13pt;
	font-style: italic;
	font-weight: lighter;
	line-height: 16pt;
	padding: 6% 0;
	text-align: justify;
}
/*botones*/
.nota_edicion{
	position: absolute;
	top: 130px;
	right: 10px;
	z-index: 99;
}
.compartir_mobile button,
.art_compartir button{
	background-color: #4E7584;
	border-color: #4E7584;
	border-style: solid;
	border-width: 1px;
	color: #75ABC0;
	font-size: 8pt;
	height: 60px;
	width: 120px;

	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.8),0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.nota_edicion button{
	background-color: #4E7584;
	border-color: #4E7584;
	border-style: solid;
	border-width: 1px;
	color: #75ABC0;
	font-size: 8pt;
	height: 60px;
	width: 60px;
}
.nota_edicion button .ed_nom{padding-bottom: 8px;}
.compartir_mobile button .ed_num,
.art_compartir button .ed_num{
	font-size: 10pt;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.nota_edicion button .ed_num{
	font-size: 24pt;
	color: #FFF;
}

.nota_button{padding-top: 6%;}
.pri_button{padding: 6% 0;}

.nota_button button,
.pri_button button{
	background-color: #FFF;
	border-color: #75ABC0;
	border-style: solid;
	border-width: 1px;
	color: #75ABC0;
	height: 40px;
	width: 100%;
}
.nota_button button:hover,
.pri_button button:hover{
	background-color: #75ABC0;
	color: #FFF;
}
.btn_edicion_especial,
.btn_edicion{
	background-color: #4E7584;
	border-color: #4E7584;
	border-style: solid;
	border-width: 1px;
	color: #75ABC0;
	height: 150px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.8),0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.btn_edicion{ width: 150px; }

.btn_edicion_especial .ed_num{
	color: #FFF;
	font-size: 42pt;
	letter-spacing: 5pt;
	padding-bottom: 10px;
}

.btn_edicion_especial .ed_nom,
.btn_edicion .ed_nom{
	letter-spacing: 3px;
	padding-top: 20px;
	padding-bottom: 40px;
}
.btn_edicion .ed_num{
	color: #FFF;
	font-size: 62pt;
	padding-bottom: 10px;
}
/*fin botones*/

.seccion_enplural img{ 
	padding: 0 0.5%;
	width: 50%;
}

.nota_principal_info{padding: 0 3% 3% 3%;}

.seccion_enplural h2{
	color: #575756;
	font-family: "Ancizar sans", Tahoma, Geneva, sans-serif!important;
	font-size: 11pt;
	font-weight: bolder;
	text-transform: uppercase;
	padding: 30px 0;
}
#slide_1{margin-top: 20px!important;}
/*EFECTOS */
/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
/* fin Bubble Float Bottom */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* FIN Grow */

/*FIN EFECTOS*/

.guia_entre_lineas,
.guia_en_proyecto,
.guia_campus_amable,
.guia_para_estar_bien,
.guia_con_acento{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	width: 0;
	margin: auto;
}
.guia_con_acento{border-top: 20px solid #ECC962;}
.guia_entre_lineas{border-top: 20px solid #F7AB59;}
.guia_en_proyecto{border-top: 20px solid #FA5B75;}
.guia_campus_amable{border-top: 20px solid #9E58AF;}
.guia_para_estar_bien{border-top: 20px solid #5A90D1;}

.nota_principal_img{ 
	height: 450px;
	overflow: hidden;
}
.nota_principal_img img{width: 100%;}
.nota_principal{ padding: 10px 0; }

/*notas*/
.notas_info,
.notas{padding: 4%;}
/*.notas_info{ background-color: yellow; }*/
.img_nota{
	height: 150px;
	overflow: hidden;
}
.img_nota img{
	width: 100%;
}
.nota_contenido{
	height: 300px;
	overflow: hidden;
	padding: 0 10%;
}
.nota_container{ 
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
}
/*.notas_info .row,*/
.notas .row{padding-bottom: 5%;}
.nota_img_ancho img{width: 100%;}
.art_autor{	
	color: #75ABC0;
	font-size: 10pt;
	padding: 2% 0 5% 0;
}
.art_resumen_ca{
	background-color: #EEE;
	color: #666;
	font-size: 12pt;
	font-style: italic;
	line-height: 16pt;
	padding: 5%;
	letter-spacing: 0.2px;
}
.art_resumen_cam{
	color: #666;
	font-size: 14pt;
	font-style: italic;
	line-height: 18pt;
	letter-spacing: 0.2px;
}
.art_resumen_peb{
	color: #4E7584;
	font-size: 24pt;
	font-weight: bolder;
	line-height: 25pt;
	padding: 5% 0;
}
.art_contenico,
.art_contenico_ca{
	color: #444;	
	/*color: #000;*/
	/*font-family: "Ancizar serif 2", Tahoma, Geneva, sans-serif;*/	
	font-family: "Ancizar serif", "MS Serif", "New York", serif;
	/*font-family: "Ancizar sans", Tahoma, Geneva, sans-serif;*/
	/*font-family: "Ancizar sans 2", Tahoma, Geneva, sans-serif;*/
	font-size: 13pt;
	line-height: 18pt;
	padding: 5% 0;
}
/*LETRA CAPITAL */
/*.art_contenico_ca>p:first-child:first-letter{
    font-size: 60px;
    font-style: normal;
    line-height: 0.8;
    float: left;
}*/
/*FIN LETRA CAPITAL */
.entrada_libre_tit{
	background-color: #FFF;
	border-color: #C55B5B;
	border-style: solid;
	border-width: 1px;
	color: #C55B5B;
	font-size: 16pt;
	letter-spacing: 3px;
	padding: 5% 0;
	margin-top: 30px;
}
.entrada_libre_fecha{
	background-color: #C55B5B;	
	margin-top: 2%;
	padding: 10% 0;
}
.entrada_libre_num{
	color: #FFF;
	font-size: 56pt;
	padding: 5% 0;
	border-right: 5px solid #914244;
}
.entrada_libre_info{
	color: #914244;
	text-transform: uppercase;
}
.entrada_libre_info .el_mes{padding-bottom: 10%;}
.entrada_libre_info .el_anio{font-size: 42pt;}
.tit_compartir{	
	color: #75ABC0;
	padding: 5% 0;
	text-transform: uppercase;
}
.art_compartir img{
	width: 30px;
}
.footer_plural img{
	width: 80px;
	padding: 5% 0;
}
.seven-cols .col-md-1,
.seven-cols .col-sm-1,
/*.seven-cols .col-lg-1 {width: 13%; display: inline-block;}*/
.seven-cols .col-lg-1 {
	width: 14.285714285714285714285714285714%; 
	display: inline-block;}
.calendario{
	padding: 5% 0;
	background-color: #E0E4E5;
}
.calendario a{color: #333!important;}
.cal_num>a{	padding: 3%;}
.cal_dias>div{
	background-color: #C1CCD0;
	color: #E0E4E5;
	padding: 3%;
	border: 1px solid #E0E4E5;
}
.cal_dias{
	margin: auto;
	text-align: center;
}
.cal_dias .fds{	background-color: #FFF;}
.cal_num .dia_hoy{
	background-color: #C55B5B;
	color: #FFF!important;
}
.dia_cal:hover{
	background-color: #75ABC0;
	color: #FFF!important;
}
.evento_dia{
	margin-top: 5%;
	border: 1px solid #E0E4E5;	
}
.evento_dia_info{
	padding: 5%;
}
.evento_dia img{
	width: 100%;
	overflow: hidden;
}
.evento_dia_img{
	height: 150px;
	overflow: hidden;
}
.evento_pretitulo{
	color: #75ABC0;
	padding-top: 5%;
}
.evento_titulo {
	font-size: 24pt;
	line-height: 24pt;
	padding: 5% 0;
}
.evento_titulo a{ color: #C55B5B!important; }
.evento_fecha{
	background-color: #EEE;
	color: #666;
	font-size: 18pt;
	line-height: 18pt;
	padding: 5%;
}
.evento_fecha_num{
	font-size: 48pt;
	padding: 10% 0;
}
.evento_resumen{ 
	color: #888;
	line-height: 14pt;
	padding-right: 5%;
}
.parrafo_destacado_cont{ padding: 5% 5%; }
.parrafo_destacado{
	border-left: 4px solid #4E7584;
	color: #4E7584;
	font-style: italic;
	font-size: 16pt;
	letter-spacing: 0.1pt;
	padding: 1% 5%;
}
.ediciones img{ width: 100%; }
.ediciones_img{
	height: 100px;
	overflow: hidden;
}
.ediciones_fecha{
	font-size: 9pt;
	color: #CCC;
}
@media screen and (max-width: 480px) { 
	.articulo_contenido{padding: 0;}
	.art_compartir{ display: none!important; }
	.compartir_mobile{ display: block!important; }

	.conacento_sel,
	.entrelineas_sel,
	.enproyecto_sel,
	.campusamable_sel,
	.paraestarbien_sel{
		background-color: transparent;
		color: #fff;
		padding: 20px 0;
	}
	.guia_entre_lineas,
	.guia_en_proyecto,
	.guia_campus_amable,
	.guia_para_estar_bien,
	.guia_con_acento{ display: none; }
	.con_acento_enlace{ background-color: #ecc962; }
	.entre_lineas_enlace{ background-color: #f7ab59; }
	.en_proyecto_enlace{ background-color: #fa5b75; }
	.campus_amable_enlace{ background-color: #9e58af; }
	.para_estar_bien_enlace{ background-color: #5a90d1; }

	.hvr-bubble-float-bottom{
  		-webkit-transform: none;
  		transform: none;
	}
	.entre_lineas_enlace img,
	.en_proyecto_enlace img,
	.campus_amable_enlace img,
	.para_estar_bien_enlace img,
	.con_acento_enlace img{
		padding: 0!important; 
	}
	.seccion_enplural img{ 
		padding: 20px 0;
		width: 70%;
	}
	.nota_principal_img{ 
		height: auto;
		overflow: hidden;
	}
	.nota_container{ padding-bottom: 5%; }
	.modal-header img { width: 100%; }
	.enplural_logo img{ width: 60%; }
	.seccion_titulo_sel {
		padding-top: 10px;
	}
}