@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,300,700');
@import url('https://fonts.googleapis.com/css?family=Noticia+Text:100,400,300,700');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:100,400,300,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i'); 
@import url('https://fonts.googleapis.com/css?family=Barlow:400,400i,500,500i,600,600i,700,700i,800');

.row {
    margin-right: 0px;
    margin-left: 0px;
}

ul{
	padding: 0px;
}

/*====================================================
						HEADER
====================================================*/

li#activo {
    background-color: #bf0505;
}

.dropdown-menu li#activo {
    background-color: #cbcbcb !important;
}

.dropdown-menu {
    background-color: #f5f5f5 !important;
}

.dropdown-menu > li {
    padding: 5px 0px !important;
}	

.dropdown-menu > li a {
	font-size: 18px  !important;
    color: #4e4e4e  !important;
    font-weight: bold  !important;
}

nav.navbar div ul.navbar-nav li:last-child {
  border-bottom: 0px solid aliceblue;
}

div.logo{
	margin: 0 auto;
	text-align: center;
}

div.logo img{
	width: 22%;
	margin: 35px 0px;
}

nav.navbar{
	margin: 0px;
	background-color: #f00;
	min-height: 0px;
    border-radius: 0px;	
    border: 0px solid transparent !important;	
}

nav.navbar img.ocultar{
	display: none;
}

@media(max-width: 766px){
	div.logo{
		display: none;
	}

	nav.navbar{
		text-align: center;
		background-color: #fff;
	}
	nav.navbar img.ocultar{
		display: inline;
		width: 50%;
		padding: 20px;
	}
	nav.navbar button.navbar-toggler{
		border: none;
		background-color: #fff;
	}
	nav.navbar button.navbar-toggler i.fa.fa-bars{
		font-size: 32px;
		position: relative;
		top: 9px;
		color: #f00;
	}
	nav.navbar div#navbar1{
		background-color: #f00;
	}
	.navbar-nav {
	    margin: 0px;
	}
}

nav.navbar div ul.navbar-nav{
	list-style: none;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	width: 100%;
}

nav.navbar div ul.navbar-nav li{
	/*width: 20%;*/
	text-align: center;
	padding: 12px 0px;
	position: relative;
}

nav.navbar div ul.navbar-nav li a{
	color: #fff;
}

nav.navbar button.navbar-toggler{
	display: none;
}

@media(max-width: 766px){
	nav.navbar button.navbar-toggler{
		display: initial;
	}
	nav.navbar div ul.navbar-nav li{
		width: 100%;
		border-bottom: 1px solid aliceblue;
	}
}

.titulo_categoria_header {
    position: relative;
    padding-left: 15px;
    width: 100%;
    font-size: 18px;
    color: #4e4e4e;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin: 0;
	display: none;
}

.text_titulo_categoria_header {
    font-size: 11px;
    font-weight: 600;
}

.numero_flotante {
	position: absolute;
    top: 41px;
    left: 92px;
}

.titulo_categoria_footer a,
.titulo_categoria_header a {
    color: #4e4e4e;
    text-decoration: none;
}

/*====================================================
					FOOTER
====================================================*/

.titulo_categoria_footer {
    position: relative;
    padding-left: 43px;
    width: 100%;
    font-size: 18px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin: 0;
	display: none;
}

.text_titulo_categoria_footer {
    font-size: 11px;
    font-weight: 600;
}


@media only screen and (max-width: 768px) and (min-width: 300px)  {
	.titulo_categoria_footer {
		padding-left: 0px !important;
		margin-top: 18px !important;
		margin-bottom: 18px !important;
	}
	
	.numero_flotante {
		position: absolute;
		top: 17px;
		left: 9px;
		z-index: 1;
	}
	
	.titulo_categoria_header {
		padding-left: 0px;
		font-size: 10px;
	}
	
	.text_titulo_categoria_header {
		font-size: 7px;
	}	
	

	nav.navbar button.navbar-toggler {
		position: absolute;
		margin-left: 35px;
	}
	
	section.principal div.noticia_principal {
		margin-top: 14px !important;
	}
	
	section.principal div.noticia {
		margin-top: 40px;
	}	
	
}

/*====================================================
					PRINCIPAL
====================================================*/

section.principal{
	background-color: #f2f2f2;
	margin: 0 auto;
	overflow: hidden;
}

section.principal p{
	margin: 0px;
	margin-bottom: 15px;	
}

section.principal .noticia p {
    margin: 0px;
}

section.principal div.centrar{
	margin: 0 auto;
	width: 90%;
}

@media(max-width: 766px){
	section.principal div.centrar {
	    width: 100%;
	}
	section.principal div.centrar div.row.principal div.col-sm-9,
	section.principal div.centrar div.row.principal div.col-sm-10{
		padding-left: 0px;
		padding-right: 0px;
	}
	section.principal div.centrar div.row.principal div.col-sm-9 div.noticia div.row div.col-sm-6 div.lista a div.row div.col-sm-10,
	section.principal div.centrar div.row.principal div.col-sm-10 div.noticia div.row div.col-sm-6 div.lista a div.row div.col-sm-10{
		width: 80%;
		display: inline-block;
	}
	section.principal div.centrar div.row.principal div.col-sm-9 div.noticia div.row div.col-sm-6 div.lista a div.row div.col-sm-2,
	section.principal div.centrar div.row.principal div.col-sm-10 div.noticia div.row div.col-sm-6 div.lista a div.row div.col-sm-2{
		width: 14%;
		display: inline-block;
	}
}

section.principal div.centrar div.row.principal{
	margin: 50px 0px;
}

@media(max-width: 766px){
	section.principal div.centrar div.row.principal{
		margin: 0px;
	}
}

div.elemento {
    width: 100%;
    margin: 0px 0px 15px;
    float: left;
    position: relative;
}

section.principal div.centrar div.row div.col-sm-3 div.elemento img,
section.principal div.centrar div.row div.col-sm-2 div.elemento img{
	width: 100%;
}

section.principal div.centrar div.row.principal div.col-sm-9 div.upress_articulo,
section.principal div.centrar div.row.principal div.col-sm-10 div.upress_articulo{
	background-color: #fff;
	margin-top: 0px;
	padding: 50px;
	border-radius: 0px;
	box-shadow: 2px 2px 10px #ccc;
}

section.principal div.centrar div.row.principal div.noticia a svg{
	width: 62px;
	position: relative;
	top: -23px;
	float: right;
	right: 61px;
}

.st0{
	fill:none;
	stroke-miterlimit:10;
}
.st1{
	fill:#BDBDBD;
}
.st2{
	fill:#FFFFFF;
}
svg#conocemas g circle.st0{
	stroke:#00bcd4;
}
svg#vidau g circle.st0{
	stroke:#B71C1C;
}
svg#interactua g circle.st0{
	stroke:#fbb03b;
}

svg#deportes g circle.st0{
	stroke:#dd2c00;
}

/*====================================================
					LA PLUMA
====================================================*/

section.principal div.la_pluma{
	background-color: #fff;
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 15px;
	margin-top: 45px;
	box-shadow: 2px 2px 10px #ccc;
    position: relative;
    float: left;
    width: 100%;	
}

section.principal div.la_pluma div.contenedor{
	width: 85%;
	/*width: 200px;*/
	margin: 0 auto;
}

section.principal div.la_pluma div.contenedor img{
	margin-bottom: 35px;
	width: 100%;
}

@media(max-width: 1754px){
	section.principal div.la_pluma div.contenedor img{
		width: 100%;
	}
}

@media(max-width: 766px){
	section.principal div.la_pluma div.contenedor{
		width: 100%;
	}
	section.principal div.la_pluma div.contenedor img{
		width: 50%;
		float: left;
		margin-right: 30px;
	}
	section.principal div.la_pluma div.row div.col-sm-4{
		overflow: hidden;
		border-bottom: 1px solid #4d4d4d;
	}
}

section.principal div.la_pluma div.par{
	/*border-left: 2px solid #4d4d4d;*/
	/*border-right: 2px solid #4d4d4d;*/
}


@media(max-width: 766px){
	section.principal div.la_pluma div.par{
		border-left: 0px solid #4d4d4d;
		border-right: 0px solid #4d4d4d;
	}
}

section.principal div.la_pluma a,
section.principal div.la_pluma p{
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	font-family: 'Noticia Text', sans-serif;
    color: #4e4e4e;	
	text-decoration: none;
}

@media(max-width: 766px){
	section.principal div.la_pluma p{
		margin-bottom: 25px;
	}
}

section.principal div.la_pluma h1{
	letter-spacing: 5px;
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 25px 0px;
	padding-left: 2%;
	/*padding-left: 6%;*/
}

section.principal div.la_pluma span{
	color: #8bc34a;
	font-size: 30px;
	margin-right: 10px;
}

section.principal div.centrar div.la_pluma div.row{
	margin-bottom: 50px;
}

/*====================================================
					VIDA U
====================================================*/

section.principal div.noticia{
	background-color: #fff;
	padding: 15px;
	border-radius: 10px;
	margin: 15px 0px;
	box-shadow: 2px 2px 10px #ccc;
    position: relative;
    float: left;
    width: 100%;	
}

section.principal div.centrar div.row.principal div.noticia:not(:first-of-type){
	margin-top: 45px;

}

section.principal div.noticia h1{
	/*padding-left: 82px;*/
    letter-spacing: 2px;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    margin: 25px 0px;
    padding-left: 0px;
    font-family: 'Merriweather Sans', sans-serif;	
}

section.principal div.noticia span{
	font-size: 30px;
	margin-right: 10px;
}

.item_upress_categoria {
    height: 306px;
	background-size: cover;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	/*width: 75%;*/
	width: 100%;
	margin: 0 auto;
}

.item_upress_opacidad_categoria {
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.38) 40%, rgba(21, 21, 21, 0.6) 64%, rgba(0, 0, 0, 0.95) 100%);
}

.item_upress_informacion_categoria {
    position: absolute;
    left: 18px;
    width: 85%;
    font-size: 26px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    bottom: 15px;
    font-family: 'Barlow Condensed', sans-serif;
}

section.principal div.noticia div.lista a div.BasicPromo-media img{
    display: block;
    width: 60px;
    border-radius: 50%;
    object-fit: cover;
    padding: 2px;
    height: 60px;
}

section.principal div.noticia div.lista{
	/*padding: 20px;
	border-bottom: 1px solid #ccc;*/
    padding: 10px;
    border-bottom: 1px solid #ccc;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 10px;	
}

section.principal div.noticia div.lista a div.row div p{
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 19px;
	color: #4d4d4d;
}

section.principal div.noticia div.row div.col-sm-6{
	margin-bottom: 45px;
}

/*====================================================
						FOOTER
====================================================*/

section.footer{
	background-color: #303030;
	font-weight: lighter;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	border-top: 8px solid #f00;
	padding: 40px 0px;
}

section.footer div.centrar{
	width: 1180px;
	margin: 0 auto;
}

@media(max-width: 1180px){
	section.footer div.centrar{
		width: 100%;
	}
}

section.footer div.centrar div.row{
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
}

section.footer div.centrar div.row div.col-sm-6{
	font-size: 11px;
}

section.footer div.centrar div.row div.col-sm-3{
	font-size: 13px;
	text-transform: uppercase;
}

section.footer div.centrar div.row div.col-sm-3 ul{
	list-style: none;
}

section.footer div.centrar div.row div a{
	color: #fff;
}

section.footer div.centrar div.row div.col-sm-6 img{
	margin-bottom: 25px;
}

section.footer div.centrar div.row div.col-sm-3 ul li{
	margin-bottom: 30px;
}


/*====================================================
						MODULOS
====================================================*/

.custom img {
    width: 100%;
}

/*====================================================
						INTERIORES
====================================================*/

.upress_articulo .contenido_articulo span, .upress_articulo .contenido_articulo a, .upress_articulo .contenido_articulo .caption, .upress_articulo .contenido_articulo p, .upress_articulo .contenido_articulo .caption {
    font-family: 'Barlow', sans-serif !important;
}


.contenido_articulo b, .contenido_articulo strong {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Barlow', sans-serif;
    color: #3c3c3c;
}

.upress_articulo code {
    font-weight: 500  !important;
    font-size: 19px !important;
    color: #3e3e3e !important;
    background-color: #c7c7c71a  !important;
    text-decoration: none !important;
    padding: 25px  !important;
    font-family: 'Noticia Text', serif  !important;
}

.titulo_categoria {
    position: relative;
    padding-left: 15px;
    width: 100%;
    font-size: 36px;
    color: #4e4e4e;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-bottom: 30px;
    margin-top: 25px;
}

.text_titulo_categoria {
    font-size: 14px;
    font-weight: 600;
}

/*====================================================
						CARUSEL PLUMA
====================================================*/

.carousel-wrap {
  margin: 90px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}

.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 0%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
  height: 100%;
  padding-top: 11%;
}

.owl-nav .owl-next {
    right: -16px;
    background-color: #fff;
    height: 100%;
    padding-top: 11%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block !important;
}


.owl-dot{
	display: flex;
    justify-content: center;
}

.owl-dot span {
    display: block;
	width: 20px;
    height: 20px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #8bc34a;
}

.owl-dot.active span {
    opacity: 1;
}

i.fas.fa-angle-right,
i.fas.fa-angle-left {
    /*color: #8bc34a;*/
}

.owl-dots {
    padding-top: 45px;
    display: flex;
    justify-content: center;	
}


.owl-item.active{
	border-right: 1px solid #4d4d4d;
}

.owl-item.active:nth-child(3) {
  display: none;
}

@media only screen and (max-width: 768px) and (min-width: 300px)  {
	.owl-dots {
		padding-top: 5px;
	}		
}

/*====================================================
						HISTORICO
====================================================*/


.historico_volumen {
    position: relative;
    float: left;
    width: 100%;
    background-color: #ececec7d;
    margin-top: 50px;
	padding-bottom: 25px;
}

.historico_volumen h1 {
    position: relative;
    padding-left: 15px;
    width: 100%;
    font-size: 18px;
    color: #4e4e4e;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 25px;
	text-align: center;
}

.historico_volumen li {
    margin-bottom: 13px;
    list-style: circle;
    padding-left: 25px;	
}

.historico_volumen li a {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    bottom: 15px;
    color: #4e4e4e;
}

/*====================================================
						MODULO VIDEO
====================================================*/


.video_modulo {
    position: relative;
    float: left;
    width: 100%;
	margin-bottom: 45px;	
} 

.titulo_video {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 19px;
    color: #4d4d4d;
    margin-bottom: 12px;
    margin-top: 12px;
}

.bullet_mas {
    position: absolute;
    right: 0px;
}

.video_modulo + .bullet_mas {
    bottom: -55px;
}

.titulo_video,
.contenido_video {
    margin: 0 auto;
    width: 90%;
}

@media only screen and (max-width: 768px) and (min-width: 300px)  {
	.titulo_video,
	.contenido_video {
		width: 100%;
	}
	
	.titulo_video {
		margin-bottom: 20px;
	}
}

/*====================================================
						MODULO DIRECTORIO
====================================================*/

.custom.directorio h2 {
    font-family: 'Barlow', sans-serif;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}

.custom.directorio p {
    font-family: 'Barlow', sans-serif;
    font-size: 11px;
    color: #333333;
}