@import "https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700|Merriweather:300,300i,400,400i,700,700i,900,900i";

/*===========================================

	style.css

	+ + + + + + + + + + + + + +

	EENDA.com
	Consulting - Marketing - Desarrollo

===========================================*/

body{
    font-family: 'Titillium Web', sans-serif;
    font-weght:600;
    background: rgba(255, 255, 255, 1);
}

.fade:not(.show) {
    opacity: inherit !important;
}

.cita p{
  margin: 0 1em 0 1em;
  border-left: 5px solid rgba(0, 0, 0, .15);
  padding-left: 1em;
  font-style: italic;
  font-size: 1.1em;
}

.font-size-1 p{
  font-size: 1em !important;
}

.font-size-2{
  font-size: 2em !important;
}

.font-size-2-7{
  font-size: 2.7em !important;
}

.font-size-2-9{
	font-size: 2.9em !important;
}

.embed-responsive-16by9::before {
    padding-top: 50.25%;
}

.opacity-80{
   opacity: 0.8;
}

.text-underline{
   text-decoration: underline !important;
}

.h-100 {
  height: 100px !important;
}

.box-entidad {
    background: rgba(0,0,0,.05);
    padding: .5rem;
    height: 100px;
    text-align: center;
    font: 800 .71em 'Merriweather', Helvetica, Arial;
    line-height: 1.6rem;
	display: table;
	width: 100%;
}

a,
a:hover,
a:active,
a:visited,
a:focus{
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

a.link-contenido{
  color: rgba(52, 151, 81, 1);
  text-decoration: underline;
}

.text-center {
  text-align: center !important;
}

.font-size-md {
  font-size: 1.2rem;
}

.badge {
    font-size: 85%;
}

.badge-primary {
    color: #fff;
    background-color: rgba(52, 151, 81, 1);
}

.badge-pill {
    padding: .8em .6em;
    border-radius: .25rem;
}

.border-bottom-hr{
	border-bottom: 1px solid rgba(255, 255, 255, .25);
}

.form-text {
    color: rgba(0, 0, 0, 0.45);
}

#aviso-cookies{
	position:fixed;
	opacity: 0.8;
	bottom:0; left:0;
	float:left;
	background:#000000;
	width:100%;
	padding:2px;
	font-family: 'Titillium Web', sans-serif;
}

	#aviso-cookies p{
		margin-bottom:0;
	}

	#aviso-cookies p.aviso{
		padding-top:8px;
		color:#ffffff !important;
	}

.text-justify {
	text-align: justify !important;
}

.fw-600 {
	font-weight: 600;
}

.f-subt {
	font-weight: normal;
  font-family: 'Merriweather', Helvetica, Arial;
  color: rgba(0, 0, 0, .50);
}

.bordered {
    border: 1px solid rgba(0,0,0,.1);
    padding: 25px 0;
}

.padding-entidad-descripcion {
	padding: 0 150px 0 150px;
}

.shares{
	float:right;
	display:inline-block;
	padding:2px 12px 0 12px;
	vertical-align: middle;
	width:auto; height:32px;
	background:#ffffff;
	font-weight:bold;
	font-size:20px;
	color:#000000;
}

	.shares .fa{
		padding-right:5px;
	}

.precio-subtotal {
    font-size: 15px;
    font-weight: 700;
    color: #009e19;
}

	.precio-subtotal span {
	    display: block;
	    margin: 0;
	    padding: 0;
	    color: #999;
	    font-weight: 400;
	    font-size: 11px;
	}

.hr-strong {
    max-width: 50px;
    height: 3px;
    background: rgba(52, 151, 81, 1);
}

.inline {
	display: inline !important;
}

.vertical-align-middle {
	vertical-align: middle !important;
}

.ml-5r {
	margin-left: 5rem !important;
}

.pl-5r {
	padding-left: 5rem !important;
}

.underline{
	text-decoration: underline;
}

.mt-6 {
	margin-top: 4rem!important;
}

.home-sponsors {
    padding: 30px 0;
}

#patrocinadores .bx-wrapper {
    margin: 0;
}

.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/*===========================================
	Global Rewrite(s)
===========================================*/

textarea:focus,
select:focus,
input:focus,
button:focus{
	outline: none !important;
	box-shadow:none !important;
}

	input:focus,
	textarea:focus{
		border-color:rgba(52, 151, 81, 1) !important;
	}

.required:before{
    content: "*";
    position: relative;
    top: 2px;
    padding: 0 5px 0 0;
    font: 700 16px Arial,Verdana,Tahoma;
    color: red;
}

.btn-primary{
  color: rgba(250, 250, 250, 1) !important;
	background:rgba(52, 151, 81, 1);
	border-color:rgba(52, 151, 81, 1);
}

	.btn-primary:hover{
		background:rgba(53, 179, 81, 1);
		border-color:rgba(53, 179, 81, 1);
	}

.card-suscription{
	border-color: rgba(52, 151, 81, 1);
}

	.card-suscription .card-header{
		background: rgba(52, 151, 81, 1);
	    color: #ffffff;
	    font-size: 1.2rem;
	}

		.card-suscription .card-header .btn {
		    padding: 5px 25px;
		    background: #2bb54b;
		    border-radius: 0;
		    color: rgba(255, 255, 255, 1);
		}

		.card-suscription .card-header  .btn:focus, .card-suscription .card-header .btn:hover {
		    background: rgba(0, 0, 0, 1);
		    color: rgba(255, 255, 255, 1) !important;
		}

.card-plain{
	margin-bottom:1rem;
	background:rgba(0, 0, 0, .01);
	border:0;
	border-radius:0;
}

	.card-plain .card-header{
		background:rba(0, 0, 0, .15);
		border:0;
		font-weight:600;
		color:rgba(0, 0, 0, .5);
	}

.errordocument img.mx-auto{
	margin:0 0 10px 0;
	max-width: 75px;
}

.pagination .page-link{
	color:rgba(9, 149, 27, 1);
}

#pagination > hr{
	margin-top:45px;
	margin-right:auto;
	margin-bottom:30px;
	margin-left:auto;
	max-width: 120px;
    height: 2px;
    background: rgba(0, 0, 0, 1);
}

.page-item.active .page-link {
	background-color: rgba(9, 149, 27, 1);
    border-color: rgba(9, 149, 27, 1);
}

.white {
	color: #ffffff !important;
}

.mt-0-5{
	margin-top: 3px;
}

/*===========================================

	Mapa Google

===========================================*/

#mapa{
	width: 100%;
	height: 300px;
}

#wrapper{
	position: relative;
}

#over_map{
	position: absolute; top: 10px; left: 200px; z-index: 99;
}


/*=======================================

	Jquery Modal

=======================================*/

.jquery-modal .modal{
	height:auto !important;
	transition:all .3s;
}

.jquery-modal.blocker{
	z-index:9999 !important;
}

.blocker .modal{
	overflow: visible !important;
	border-radius:0.25rem;
	-moz-border-radius:0.25rem;
	-webkit-border-radius:0.25rem;
}

.blocker .modal .modal-dialog {
  margin: 0 !important;
}

	.blocker .modal a.close-modal{
		width: 35px; height: 35px;
	  top: -15px; right: -15px;
		/*background: url(../images/modal-close.png) no-repeat center;
		background-size: contain;*/
	}

	.blocker .modal h3{
		margin: 0 0 10px 0;
		font: 600 1.5em 'Titillium Web', Helvetica, Arial;
	}

		.blocker .modal h3 + hr{
			margin: 5px 0 30px 0;
	    max-width: 50px;
	    height: 3px;
	    background: rgba(52, 151, 81, 1);
	    text-align: left;
		}


/*===========================================
	Straplines (TT Seccion con Background)
===========================================*/

.strapline{
	padding:25px;
	background-color:#e8e8e8;
	background-position:right center;
	background-repeat: no-repeat;
	height:120px;
}
	.strapline h1 strong{
		font-weight:700;
	}




/*===========================================

	Header Bar

===========================================*/

#headerBar{
	padding:0;
	background: rgba(255, 255, 255, 1);
	border-bottom:1px solid rgba(0, 0, 0, 0.25);
	box-shadow:0 1px 3px rgba(0, 0, 0, .15);
	z-index:998;
}

	#headerBar .navbar{
		padding: 0;
		background: rgba(255, 255, 255, 1);
		border: none;
		border-radius: 0;
	}

	#headerBar .navbar-btn{
		box-shadow: none;
		outline: none !important;
		border: none;
	}

	#headerBar .nav-link{
		padding:15px 15px;
		color:rgba(0, 0, 0, .75);
	}

	#headerBar .nav-link .fa-envelope{
		position:relative;
		top:2px;
		font-size:1.35em;
	}

	#headerBar .nav-link .fa-search{
		position:relative;
		top:2px;
		font-size:1.50em;
	}

   #headerBar .navSearch{
      position:relative;
      padding:8px 15px;
      left:-1000px;
   }

   #headerBar .navSearch .input-group input{
      border-right:0;
   }

   #headerBar .navSearch .input-group .btn{
      border-top-left-radius: 0;
      border-bottom-left-radius:0;
   }

	#headerBar .logo-scroll{
		margin:auto;
      opacity:0;
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
	}

		#headerBar .logo-scroll.element-visible{
			opacity:1;
		}

	#headerBar .logo-scroll img{
		max-height:30px;
	}

	#navHeaderBar .list-group-item{
		padding:0;
		background:none;
		border:0;
		border-radius:0;
	}

	#navHeaderBar .list-group-item .btn{
		margin-left: 15px;
		background: rgba(255, 255, 255, 1);
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 0;
		font: 600 0.80em 'Titillium Web', Helvetica, Arial;
		color: rgba(0, 0, 0, .75);
		text-transform: uppercase;
	}

		#navHeaderBar .list-group-item .btn:hover,
		#navHeaderBar .list-group-item .btn:focus{
			background: rgba(0, 0, 0, 0.75);
			color: rgba(255, 255, 255, 1);
		}

	#navHeaderBar .list-group-item > a{
		display:block;
		padding: 6px 12px;
		color: rgba(0, 0, 0, .50);
	}




/*===========================================
	Sidebar
===========================================*/

#sidebarWrapper{
	width: 300px;
	position: fixed;
	top: 0;
	left: -300px;
	height: 100vh;
	z-index: 999;
	background: rgba(0, 0, 0, .90);
	color: rgba(255, 255, 255, 1);
	transition: all 0.3s;
	overflow-y: scroll;
}

	#sidebarWrapper .sidebar-header img{
		max-height:35px;
	}

	#sidebarWrapper.active{
		left: 0;
	}

	#sidebarWrapper .sidebar-header{
		margin-bottom:12px;
		padding: 20px;
		border-bottom:1px solid rgba(255, 255, 255, .25);
		text-transform: uppercase;
	}

	#sidebarWrapper ul li a{
		display: block;
		padding:5px 20px;
		font-size: 1.1em;
	}

	#sidebarWrapper ul li a:hover{
		background:rgba(52, 151, 81, 1);
		color:rgba(255, 255, 255, 1);
	}

	#sidebarWrapper ul li a[aria-expanded="true"]{
		background:rgba(255, 255, 255, 0.15);
	}

	#sidebarWrapper ul li ul li a{
		display: block;
		padding:5px 0 5px 30px;
		font-size: 1em;
		color:rgba(255, 255, 255, 1);
		transition:all .3s;
	}

	#sidebarWrapper ul li ul li a:hover{
		background:transparent;
		color:rgba(52, 151, 81, 1);
	}

	#sidebarWrapper ul li ul.show{
		border-bottom:1px solid rgba(0, 0, 0, 0.15);
	}

#sidebarCollapse{
	margin-right:15px;
	background:rgba(255, 255, 255, 1);
	border:1px solid rgba(0, 0, 0, 0.15);
	border-radius:0;
	font:600 0.80em 'Titillium Web', Helvetica, Arial;
	text-transform: uppercase;
	transition:all .3s;
}

	#sidebarCollapse:hover,
	#sidebarCollapse:focus{
		background:rgba(52, 151, 81, 1);
		color:rgba(255, 255, 255, 1);
	}

#dismiss{
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: rgba(255, 255, 255, 1);
	position: absolute;
	top: 20px;
	right: 20px;
	color:rgba(0, 0, 0, 1);
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#dismiss:hover{
	background: rgba(255, 255, 255, 1);
	color: rgba(9, 149, 27, 1);
}

.list-group.ctas{
	margin:20px 20px 0 0;
	padding-top:25px;
	border-top:1px solid rgba(0, 0, 0, .15);
}

.list-group.ctas .list-group-item{
	padding:0 0 0 20px;
	background:none;
	border:0;
	border-radius:0;
}

	.list-group.ctas .list-group-item a{
		padding:5px 10px;
		background:rgba(255, 255, 255, .15);
		font-size:0.85em !important;
		text-align: center;
	}

.overlay{
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 998;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

	.overlay.active{
		display: block;
		opacity: 1;
	}

/*===========================================

	Contenedor

===========================================*/

#contentWrapper{
	width: 100%;
	min-height: 100vh;
	transition: all 0.3s;
	position: absolute;
	top: 0;
	right: 0;
}




/*===========================================
	Banner > Header & Subheader
===========================================*/

.bannerHeader,
.bannerSubHeader{
	padding:15px 0;
}




/*===========================================

	Header

===========================================*/

#header{
	padding:25px 0;
}

	#logo img{
		width:400px;
	}




/*===========================================

	Navbar

===========================================*/

#navbar{
	margin:10px 0 0 0;
	border-top:1px solid rgba(0, 0, 0, .15);
	border-bottom:1px solid rgba(0, 0, 0, .15);
}

	#navbar .nav-item{
		padding:0;
	}

	#navbar .nav-item > .nav-link{
		padding:8px 0 0;
		font-size:1em;
		font-weight:600;
		text-transform: uppercase;
		border-radius:0;
		overflow: hidden;
		height: 2.5em;
	}

		#navbar .nav-item > .nav-link > span{
			position: relative;
			display: inline-block;
			-webkit-transition: -webkit-transform 0.3s;
			-moz-transition: -moz-transform 0.3s;
			transition: transform 0.3s;
		}

		#navbar .nav-item > .nav-link > span::before{
			position: absolute;
			top: 150%;
			content: attr(data-hover);
			font-weight: 600;
			color:rgba(9, 149, 27, 1);
			-webkit-transform: translate3d(0,0,0);
			-moz-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}

		#navbar .nav-item > .nav-link:hover > span,
		#navbar .nav-item > .nav-link:focus > span{
			-webkit-transform: translateY(-150%);
			-moz-transform: translateY(-150%);
			transform: translateY(-150%);
		}

		#navbar .nav-item.show .nav-link{
			background:none;
		}

		#navbar .nav-item .dropdown-menu{
			margin:0;
			padding:0;
			border-radius: 0;
		}

	#navbar .nav-item .dropdown-menu{
		margin:0;
		padding:0;
		border-radius: 0;
	}




/*===========================================

	Body (Center Block & Aside)

===========================================*/

#body{
	padding:25px 0;
}

	.tt,
	.tt-secondary{
		font:italic 400 1.5em 'Merriweather', Helvetica, Arial;
	}

	.tt:not(h1):not(h2) + hr,
	.tt-secondary + hr{
		margin:5px 0 30px 0;
		max-width:50px;
		height:5px;
		background:rgba(52, 151, 81, 1);
		text-align: left;
	}

	h1.tt{
		font-weight:300;
		font-size:3em;
	}

	h2.tt{
		font-size:1.75rem;
	}

	.tt-secondary + hr{
		background:rgba(0, 0, 0, 1);
	}

	.tt-static{
		margin:0 0 10px 0;
		font:600 1.5em 'Titillium Web', Helvetica, Arial;
	}

	.tt-static + hr{
		margin:5px 0 30px 0;
		max-width:50px;
		height:3px;
		background:rgba(52, 151, 81, 1);
		text-align: left;
	}

	.tt-other{
		font:italic 400 1.1em 'Merriweather', Helvetica, Arial;
	}

	.tt-other-normal{
		font:400 1.1em 'Merriweather', Helvetica, Arial;
	}

	.tt-archive{
		font:italic 400 1.3em 'Merriweather', Helvetica, Arial;
	}


/*===========================================
	Body > Banner Aside
===========================================*/

.bannerAside a{
	margin-bottom:30px;
	display:block;
}


/*===========================================
	Body > Latest Magzine
===========================================*/

.latestMagazine hr{
	margin-top:20px;
	max-width:50px;
	height:4px;
	background:rgba(52, 151, 81, 1);
}

	.latestMagazine .tt{
		margin-bottom:25px;
		font: normal 700 1.25em 'Titillium Web', Helvetica, Arial;
		text-transform: uppercase;
	}

	.latestMagazine img{
		max-width:75%;
	}


/*===========================================
	Body > Aside > Subscribe Newsletter Box
===========================================*/

.subscribeNewsletterBox{
	margin:50px 0;
	padding:25px 12px;
	border:3px solid rgba(0, 0, 0, .15);
}

	.subscribeNewsletterBox h3{
		margin:15px 0 10px 0;
		font:italic 300 1.15em 'Merriweather', Helvetica, Arial;
		text-transform: uppercase;
	}

	.subscribeNewsletterBox h3 strong{
		display:block;
		font:italic 700 1.35em 'Merriweather', Helvetica, Arial;
	}

	.subscribeNewsletterBox p{
		font:600 .75em 'Titillium Web', Helvetica, Arial;
		text-transform: uppercase;
		line-height: 15px;
	}

	.subscribeNewsletterBox .btn{
		margin-right: 15px;
		padding:5px 25px;
		background: rgba(52, 151, 81, 1);
		border-radius: 0;
		font: 600 1em 'Titillium Web', Helvetica, Arial;
		color: rgba(255, 255, 255, 1);
		text-transform: uppercase;
	}

	.subscribeNewsletterBox .btn:focus,
	.subscribeNewsletterBox .btn:hover{
		background: rgba(0, 0, 0, 1);
		color:rgba(255, 255, 255, 1) !important;
	}


/*===========================================
	Body > Aside > Register / New Blog
===========================================*/

.newBlogBox{
	margin:25px 0;
	padding:25px 12px;
	border:3px solid rgba(0, 0, 0, .15);
}

	.newBlogBox h3{
		margin:15px 0 10px 0;
		font:italic 300 1.15em 'Merriweather', Helvetica, Arial;
	}

	.newBlogBox h3 strong{
		display:block;
		font:italic 700 1.2em 'Merriweather', Helvetica, Arial;
	}

	.newBlogBox p{
		font:400 .85em 'Merriweather', Helvetica, Arial;
		line-height: 15px;
	}

	.newBlogBox .btn{
		margin-right: 15px;
		padding:5px 25px;
		background: rgba(52, 151, 81, 1);
		border-radius: 0;
		font: 600 1em 'Titillium Web', Helvetica, Arial;
		color: rgba(255, 255, 255, 1);
		text-transform: uppercase;
	}

	.newBlogBox .btn:focus,
	.newBlogBox .btn:hover{
		background: rgba(0, 0, 0, 1);
		color:rgba(255, 255, 255, 1) !important;
	}


/*===========================================
	Body > Aside > Top Views
===========================================*/

.topViews .card{
	border:0;
	border-radius:0;
}

	.topViews .card-header{
		background: rgba(52, 151, 81, 1);
		border:0;
		border-radius:0;
		font-weight:600;
		font-size:1.2em;
		color:rgba(255, 255, 255, 1);
	}

	.topViews .card-header > i{
		margin-right:8px;
	}

	.topViews .card-body{
		padding:12px 8px;
		border:1px solid rgba(0, 0, 0, .15);
		border-top:0;
	}

		.topViews .card-body .row{
			margin-bottom:8px;
		}

		.topViews .card-body .row:last-child{
			margin-bottom:0;
		}

		.topViews .card-body p{
			font:400 .8em 'Merriweather', Helvetica, Arial;
			line-height: 14px;
		}

		.topViews .card-body p.bold{
			font-weight: bold;
			font-size: 1.1em;
		}

		.topViews .card-body p a:hover{
			color:rgba(9, 149, 27, 1);
		}

		.topViews .card-body p a.bold{
			font-weight: bold;
		}


/*===========================================
	Body > News featured
===========================================*/

.newsFeatured{
	padding:0 0 20px 0;
	border-bottom:1px solid rgba(0, 0, 0, .15);
}

	.newsFeatured h2{
		font:900 2.5em 'Merriweather', Helvetica, Arial;
	}

   .newsFeatured p,
   .newsFeatured ul li,
   .newsFeatured ol li{
      font-size: 1.15rem;
   }

   .newsFeaturedSub {
	   font-size: 1.15rem;
	   font-weight: normal;
	   font-family: 'Merriweather', Helvetica, Arial;
	   color: rgba(0, 0, 0, .50);
   }

	.newsDetails{
		padding:0 0 10px 0;
	}

		.newsDetails .category{
			font-weight:600;
			font-size:0.95em;
			text-transform: uppercase;
			transition: all .3s;
		}

		.newsDetails .entidad{
			font:italic 400 0.95em 'Merriweather', Helvetica, Arial;
			color:rgba(0, 0, 0, .5);
			transition: all .3s;
		}

			.newsDetails .category:hover,
			.newsDetails .entidad:hover{
				color:rgba(9, 149, 27, 1);
			}


			.title-actualidad {
				font-size: 1.4rem!important;
			}

/*===========================================
	Body > Banner Middle
===========================================*/

.bannerMiddle{
	padding:20px 0;
	border-bottom:1px solid rgba(0, 0, 0, .15);
}


/*===========================================
	Body > Search & Entity
===========================================*/

.searchEntities{
	padding:25px 0;
}

.btn-entities {
    margin-right: 15px;
    padding: 8px 25px;
    background: rgba(52, 151, 81, 1);
    border-radius: 0;
    font: 600 .9em 'Titillium Web', Helvetica, Arial;
    color: rgba(255, 255, 255, 1) !important;
    text-transform: uppercase;
}

	.btn-entities:focus, .btn-entities:hover {
	    background: rgba(0, 0, 0, 1);
	    color: rgba(255, 255, 255, 1) !important;
	}

.border-radius-0 {
	border-radius: 0 !important;
	border-right: none;
}

.border-circle {
	border: 1px solid rgba(0, 0, 0, .15);
  margin: 10px 0;
}

.uppercase {
	text-transform: uppercase !important;
}

.entitiesBlocks h4 {
	font: 1.13em 'Merriweather', Helvetica, Arial;
}

h4.tt-custom {
  font: 900 .90em 'Merriweather', Helvetica, Arial;
}

.btn-search {
	border-radius: 0 !important;
    border-left: none !important;
}

	.btn-search:focus, .btn-search:hover {
		background: rgba(52, 151, 81, 1);
	    color: rgba(255, 255, 255, 1) !important;
		transition: all 0.3s;
	}


/*===========================================
	Body > News2Blocks
===========================================*/

.news2Blocks{
	padding:25px 0;
	border-bottom:1px solid rgba(0, 0, 0, .15);
}

	.news2Blocks h3{
		font:900 1.35em 'Merriweather', Helvetica, Arial;
	}

		.news2Blocks .newsDetails .category,
		.news2Blocks .newsDetails .entidad{
			font-size:0.80em;
		}

	#contentWrapper .list-group a:hover{
		color:rgba(9, 149, 27, 1);
	}

	/*.news2Blocks .stats{
		margin-bottom:35px;
		padding-bottom:15px;
		border-bottom:1px solid #f2f2f2;
	}*/

	.news2Blocks .stats hr{
		max-width: 50px;
		height: 2px;
		background: rgba(52, 151, 81, 1)
	}

.articulos .news2Blocks{
  padding: 0 !important;
	border-bottom: none !important;
}


/*===========================================
	Body > Blogs
===========================================*/

.latestBlogs{
	padding:20px 0;
}

.latestBlogs .blog-item{
	padding:20px 10px;
	border-left:1px solid rgba(0, 0, 0, .10);
	border-bottom:1px solid rgba(0, 0, 0, .10);
}

	.latestBlogs .blog-item:first-child,
	.latestBlogs .blog-item:nth-child(5){
		border-left:0;
	}

	.latestBlogs h3{
		font:italic 700 1em 'Merriweather', Helvetica, Arial;
	}

		.latestBlogs h2 + hr{
			max-width:50px;
			height:4px;
			background:rgba(52, 151, 81, 1);
		}

		.latestBlogs hr{
			max-width:50px;
			height:2px;
			background:rgba(52, 151, 81, 1);
		}

	.latestBlogs img{
		margin-top:10px;
		margin-bottom:10px;
	}

	.latestBlogs .author{
		font:700 0.80em 'Merriweather', Helvetica, Arial;
	}

	.latestBlogs a:hover{
		color:rgba(9, 149, 27, 1);
	}


/*===========================================
	Body Bottom > NewsBodyBottomBlock
===========================================*/

.newsBodyBottomBlock .row{
		padding-top:25px;
	}

	.newsBodyBottomBlock h3{
		font:700 1.30em 'Merriweather', Helvetica, Arial;
	}

		.newsBodyBottomBlock .category{
			font-weight:600;
			font-size:0.80em;
			color:rgba(0, 0, 0, .75);
			text-transform: uppercase;
			transition: all .3s;
		}

		.newsBodyBottomBlock .entidad{
			font:italic 400 0.80em 'Merriweather', Helvetica, Arial;
			color:rgba(0, 0, 0, .5);
			transition: all .3s;
		}

	.newsBodyBottomBlock a:hover{
		color:rgba(9, 149, 27, 1);
	}


/*===========================================
	Body Bottom > Banner IntraNews
===========================================*/

.bannerIntraNews{
	padding:20px 0;
	border-bottom:1px solid rgba(0, 0, 0, .15);
}


/*===========================================
	Body Bottom > Recomendaciones
===========================================*/

.contenidoRecomendado{
	padding:45px 0;
}

	.contenidoRecomendado .row{
		padding:25px 0 0 0;
	}

	.contenidoRecomendado h3{
		font:700 1em 'Merriweather', Helvetica, Arial;
	}

	.contenidoRecomendado a:hover{
		color:rgba(9, 149, 27, 1);
	}


/*===========================================
	Publicidad
===========================================*/

.btn-publicidad {
    padding: 5px 25px;
    background: rgba(52, 151, 81, 1);
    border-radius: 0;
    font: 600 1em 'Titillium Web', Helvetica, Arial;
    color: rgba(255, 255, 255, 1);
    text-transform: uppercase;
}

	.btn-publicidad:focus, .btn-publicidad:hover {
	    background: rgba(0, 0, 0, 1);
	    color: rgba(255, 255, 255, 1) !important;
	}


/*===========================================
	Events
===========================================*/

.footerEvents{
	padding:15px;
	background:rgba(0, 0, 0, 0.025);
	text-align: left !important;
}

.boxEvent {
	padding: 15px 12px;
    border: 3px solid rgba(0, 0, 0, .05);
}

	.boxEvent h3{
		font:900 1.3em 'Merriweather', Helvetica, Arial;
	}

		.boxEvent .newsDetails .category,
		.boxEvent .newsDetails .entidad{
			font-size:0.80em;
		}

	.boxEvent h4{
		font:500 .9em 'Merriweather', Helvetica, Arial;
	}

	.footerEvents .btn {
		margin-right: 15px;
	    padding: 5px 25px;
	    background: rgba(52, 151, 81, 1);
	    border-radius: 0;
	    font: 600 1em 'Titillium Web', Helvetica, Arial;
	    color: rgba(255, 255, 255, 1);
	    text-transform: uppercase;
	}

		.footerEvents .btn:focus, .footerEvents .btn:hover {
		    background: rgba(0, 0, 0, 1);
		    color: rgba(255, 255, 255, 1) !important;
		}


/*===========================================
	Body Bottom > Aside
===========================================*/

.latestArticulos{
	padding:15px;
	/*background:rgba(0, 0, 0, 0.025);*/
}

	.latestArticulos h3{
		font: 400 1.2em 'Merriweather', Helvetica, Arial;
	}

	.latestArticulos .barra{
		border-top:2px solid #222;
		margin-bottom: 1rem;
	}

.contenidoRecomendado .barra-pie{
	border-top:2px solid #222;
	margin-top: 2rem;
}

.contenidoRecomendado h3{
	font: 400 1em 'Merriweather', Helvetica, Arial;
}

.contenidoRecomendado .barra{
	border-top:2px solid #222;
	margin-bottom: 1rem;
}

.contenidoRecomendado .barra-pie{
	border-top:2px solid #222;
	margin-top: 2rem;
}


/*===========================================
	Body Bottom > Aside > News
===========================================*/

.newsBodyAsideBlock{
	padding:25px 0;
}

  .newsBodyAsideBlock .row{
    padding-top: 25px;
  }

	.newsBodyAsideBlock h3{
		font:700 1.30em 'Merriweather', Helvetica, Arial;
	}

		.newsBodyAsideBlock .category{
			font-weight:600;
			font-size:0.80em;
			color:rgba(0, 0, 0, .75);
			text-transform: uppercase;
			transition: all .3s;
		}

		.newsBodyAsideBlock .entidad{
			font:italic 400 0.80em 'Merriweather', Helvetica, Arial;
			color:rgba(0, 0, 0, .5);
			transition: all .3s;
		}

	.newsBodyAsideBlock a:hover{
		color:rgba(9, 149, 27, 1);
	}


/*===========================================
	Body Bottom > Banner FinalNews
===========================================*/

.bannerBodyBottom{
	padding:20px 0;
	border-top:1px solid rgba(0, 0, 0, .15);
}


/*===========================================
	Body Bottom > Empresas (carousel)
===========================================*/

.boxTituloEmpresas{
	padding:30px 10px;
	background: rgba(197, 196, 195, 0.33);
	color: #222;
	text-align: left;
	font-size: 1.2em!important;
	line-height: 1.5em!important;
  	font: normal 600 1em 'Merriweather', Helvetica, Arial;
}

	.boxTituloEmpresas .carousel-control-prev{
		/*left:15px;*/
        left: 100%;
        background-color: #000;
        height: 80px;
        top:20px;
	}

	.boxTituloEmpresas .carousel-control-next{
		/*right:15px;*/
        right: -498%;
        background-color: #000;
        height: 80px;
        top:20px
	}

    .boxCarrousel {
        border:2px solid rgba(197, 196, 195, 0.33);
    }

#slideLatestCompanies{
	padding-right:25px;
	/*border-right:15px solid rgba(52, 151, 81, 1);*/
}

.carousel-inner{
    width:93%;
    margin-left:43px;
}

/*===========================================
	Body Bottom > News By Topic
===========================================*/

.newsByTopic{
	margin:50px 0 20px 0;
	padding:25px 0;
	border-top:2px solid rgba(0, 0, 0, 0.75);
}

	.newsByTopic h3{
		margin:0 0 25px 0;
		font:italic 300 2.15em 'Merriweather', Helvetica, Arial;
		color:rgba(0, 0, 0, 1);
	}

	.newsByTopic img{
		margin:0 0 15px 0;
	}

	.newsByTopic a{
		font:700 1em 'Merriweather', Helvetica, Arial;
		color:rgba(0, 0, 0, 1);
	}

		.newsByTopic a:hover,
		.newsByTopic:focus{
			color:rgba(9, 149, 27, 1);
		}


/*===========================================
	Body Bottom > ByTopic & Footer
===========================================*/

.bannerByTopic{
	padding:0 0 20px 0;
}

.bannerFooter{
	padding:20px 0;
}




/*===========================================

	Footer & Footer Bottom

===========================================*/

#footer{
	padding:1rem 0;
	background:rgba(0, 0, 0, .90);
	font-weight:400;
	color:rgba(255, 255, 255, .75);
	text-transform: uppercase;
}

   #footer .list-sitemap hr{
      margin:1.5rem auto;
      max-width:60%;
      border-top:1px solid rgba(255, 255, 255, .10);
   }

   #footer .list-sitemap a,
   #footer .list-quick a{
		display:inline-block;
		margin:0;
		padding:.25rem 1rem;
      font-weight:300;
		font-size:1em;
		color:rgba(255, 255, 255, .65);
		text-transform: uppercase;
	}

   #footer .list-quick a{
      font-size:1.30rem;
      color:rgba(255, 255, 255, 1);
   }

      #footer .list-quick a:hover{
         background-color:rgba(255, 255, 255, .15);
      }

   #footer .list-rrss a{
		display:inline-block;
		margin:0;
		padding:0 .5rem;
		color:rgba(255, 255, 255, .65);
	}

   #footer .list-rgpd a{
      display:inline-block;
      margin:0;
      padding:0 .5rem;
      color:rgba(255, 255, 255, .65);
      text-transform: none;
   }

   #footer .list-sitemap a,
   #footer .list-quick a,
   #footer .list-rrss a,
   #footer .list-rgpd a{
      transition:color .3s, background-color .3s;
   }

   #footer .list-sitemap a:hover,
   #footer .list-quick a:hover,
   #footer .list-rrss a:hover,
   #footer .list-rgpd a:hover{
      color:rgba(255, 255, 255, 1);
   }

#footerBottom{
	padding:15px 0;
	background:rgba(0, 0, 0, 1);
	font-weight:400;
	color:rgba(255, 255, 255, .75);
	text-transform: uppercase;
}

#copyright{
	padding:8px 0;
	background:rgba(255, 255, 255, 1);
	color:rgba(0, 0, 0, .50);
}

#copyright a:hover{
	color:rgba(9, 149, 27, 1);
}

a.cms{
	float: right;
	position:relative;
	top:3px;
	padding: 2px 4px;
	background: rgba(255, 255, 255, 0.25);
	font-size:.65em;
	color: rgba(255, 255, 255, .5) !important;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}

a.cms:hover{
	background:rgba(9, 149, 27, 1);
	color:rgba(255, 255, 255, 1);
}


/*===========================================
	Contenido > Block Usuario Login
===========================================*/

.login a{
	text-decoration: underline;
}

.login a:hover{
	color:rgba(9, 149, 27, 1);
}

	.login h5{
		font-size:0.95em;
		color:rgba(0, 0, 0, .25);
	}


/*===========================================
	Contenido > Bloque Filtrado (Cat)
===========================================*/

.card#filterBox{
	margin-bottom:1rem;
	border:0;
	border-left:5px solid rgba(9, 149, 27, 1);
	border-radius:0;
}

	.card#filterBox .card-body{
		padding:0 1.25rem;
	}

	.card#filterBox .card-body .card-title{
		color:rgba(0, 0, 0, .35);
	}

	.card#filterBox .card-body a{
		display:inline-block;
    margin: 5px 0 0 0;
    padding: 2px 3px;
		font-weight:600;
		font-size:.90em;
		text-transform: uppercase;
		transition: all .3s;
	}

	.card#filterBox .card-body a:hover,
	.card#filterBox .card-body a:focus{
		background:rgba(9, 149, 27, 1);
		color:rgba(255, 255, 255, 1);
	}


/*===========================================
	Contenido > Revista
===========================================*/

h4.revista-numero{
	margin:15px 0 50px 0;
	font:italic 400 1.5em 'Merriweather', Helvetica, Arial;
	text-align: center;
}

h5.revista-numero{
	margin:15px 0 35px 0;
	font:italic 400 1em 'Merriweather', Helvetica, Arial;
	text-align: center;
}

h4.revista-numero-expand{
	margin:15px 0 15px 0;
	font:italic 400 1.7em 'Merriweather', Helvetica, Arial;
	text-align: center;
}

.revista-numero-expand + hr {
    max-width: 90px;
    height: 3px;
    background: rgba(52, 151, 81, 1);
    text-align: left;
}

h4.revista-tt-expand{
	margin:15px 0 15px 0;
	font:italic 400 1.2em 'Merriweather', Helvetica, Arial;
	text-align: center;
}

.revista-tt-expand + hr {
    max-width: 90px;
    height: 3px;
    background: rgba(52, 151, 81, 1);
    text-align: left;
}

h4.revistas-anteriores-tt-expand {
    margin: 15px 0 15px 0;
    font: italic 400 1.2em 'Merriweather', Helvetica, Arial;
    text-align: left;
}


/*=======================================

	RGPD Cookies

=======================================*/

.gdprcookie{
   position: fixed;
   color: white;
   font-size: .8em;
   line-height: 1.5em;
   bottom: 0;
   width:100%;
   padding: 1rem;
   background: rgba(0, 0, 0, .85);
}

.gdprcookie-intro,
.gdprcookie-types{
   margin:auto;
   padding-right:15px;
   padding-left:15px;
   max-width:1140px;
}

.gdprcookie h1,
.gdprcookie h2{
   margin-bottom: .5rem;
   font-size: 1.25rem;
   color:rgba(255, 255, 255, 1);
}

.gdprcookie p{
   font-size: 1rem;
   color:rgba(255, 255, 255, .75);
}

.gdprcookie h2{
   font-size: 1.2em;
}

.gdprcookie a{
   color: rgba(255, 255, 255, 1);
   text-decoration: underline;
}

.gdprcookie-buttons{
   text-align: center;
}

.gdprcookie-buttons button{
   color: white;
   font-family: inherit;
   font-size: 1rem;
   padding: .5rem .75rem;
   border: solid .05rem currentColor;
   border-radius: .15rem;
   margin: 0 .5rem;
   background: none;
   cursor: pointer;
}

.gdprcookie-buttons button:disabled{
   color: rgba(255,255,255,.5);
}

.gdprcookie-types{
   margin:.5rem auto 1rem auto;
   padding:.5rem .75rem;
   border:1px solid rgba(255, 255, 255, .75);
}

.gdprcookie-types ul{
   overflow: hidden;
   padding: 0;
   margin: 1rem 0 1rem;
}

.gdprcookie-types li{
   padding: 0;
   margin: 0;
   width: 25%;
   display: block;
   list-style: none;
   float: left;
   color:rgba(255, 255, 255, 1);
}

.gdprcookie-types li label{
   font-size: 1rem;
}

.gdprcookie-types input[type="checkbox"]{
   margin-right: .5rem;
}


/*===========================================
	Media queries
===========================================*/


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px){

  h1.tt{
    font-weight: 300;
    margin-top: .5rem;
    font-size: 1.8rem;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1) !important;
  }

  h1.white {
    text-shadow: 0;
    color: rgba(255, 255, 255, 1) !important;
  }

  .newsFeatured h2 {
    font-size: 1.8rem;
  }

  .border-left {
    border-left: 0 !important;
  }

  .embed-responsive {
    height: 550px;
  }

  .font-size-2-7 {
    font-size: 1.8rem !important;
  }

  img.w-40 {
    max-width: 40%;
  }

}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px){

  h1.tt{
    font-weight: 300;
    margin-top: .5rem;
    font-size: 2rem;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1) !important;
  }

  h1.white {
    text-shadow: 0;
    color: rgba(255, 255, 255, 1) !important;
  }

  .newsFeatured h2 {
    font-size: 1.8rem;
  }

  .border-left {
    border-left: 0 !important;
  }

  .embed-responsive {
    height: 550px;
  }

  .font-size-2-7 {
    font-size: 1.8rem !important;
  }

  img.w-40 {
    max-width: 40%;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px){

  h1.tt{
    font-weight: 300;
    margin-top: .5rem;
    font-size: 2rem;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1) !important;
  }

  h1.white {
    text-shadow: 0;
    color: rgba(255, 255, 255, 1) !important;
  }

  .newsFeatured h2 {
    font-size: 1.8rem;
  }

  .border-left {
    border-left: 0 !important;
  }

  .embed-responsive {
    height: 550px;
  }

  .font-size-2-7 {
    font-size: 1.8rem !important;
  }

  img.w-40 {
    max-width: 40%;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px){

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){

}


#banner-emergente.modal,
#banner-emergente .modal-dialog{
   max-width:800px;
}

.articulosDescargaPdf .btn {
	padding: 5px 5px;
	background: rgba(52, 151, 81, 1);
	border-radius: 0;
	font: 600 .8em 'Titillium Web', Helvetica, Arial;
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	transition: .4s;
}

.articulosDescargaPdf .btn:hover {
	background: rgba(0,0,0, 1);
	color: rgba(255, 255, 255, 1);
	text-transform: uppercase;
	transition: .4s;
}

.barra-pie {
	border-top: 2px solid #222;
	margin-top: 2rem;
}