@font-face {
  font-family: "Montserrat Regular";
    src: url("../fonts/Montserrat-Regular.ttf?mf5dcx") format("truetype");
}

@font-face {
  font-family: "Montserrat Light";
    src: url("../fonts/Montserrat-Light.ttf?mf5dcx") format("truetype");
}

@font-face {
  font-family: "Montserrat Italic";
    src: url("../fonts/Montserrat-Italic.ttf?mf5dcx") format("truetype");
    font-style: italic;
}

@font-face {
  font-family: "Montserrat Bold";
    src: url("../fonts/Montserrat-Bold.ttf?mf5dcx") format("truetype");
}

@font-face {
  font-family: "Montserrat SemiBold";
    src: url("../fonts/Montserrat-SemiBold.ttf?mf5dcx") format("truetype");
    font-style: italic;
}

@font-face {
  font-family: "Montserrat Medium";
    src: url("../fonts/Montserrat-Medium.ttf?mf5dcx") format("truetype");
}

@font-face {
  font-family: "Montserrat SemiBold";
    src: url("../fonts/Montserrat-SemiBold.ttf?mf5dcx") format("truetype");
}

html, body, div, span, h2, a, font, img, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #2a2a2a;
	overflow-x: hidden;
}

.container-group {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.grupo-comunicacion {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 10px;
}

.grupo-comunicacion__empresa {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: flex-end;
	width: 100%;
	margin-bottom: 10px;
}

.grupo-comunicacion__name {
	width: 100%;
	max-width: 345px;
  border-bottom: 1px solid #aaa;
  padding-bottom: 0px;
  margin-right: 20px;
  margin-bottom: 15px;
}

.grupo-comunicacion__name h2 {
  font-family: 'Montserrat Light';
  color: #aaaaaa;
  font-size: 17px;
  letter-spacing: 0.4px;
  font-weight: normal;
  margin: 5px 0;
}

.grupo-comunicacion__name h2 span {
   font-family: 'Montserrat Bold';
}

.grupo-comunicacion__logos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-end;
	width: 100%;
	max-width: 880px;
}

.grupo-comunicacion__logos ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.grupo-comunicacion__logos ul li {
	padding: 0px;
	margin: 0px;
}

.grupo-comunicacion__logos ul img {
	padding: 10px;
}


.grupo-comunicacion__logos ul li.atresplayer img {
	width: 140px;
}

.grupo-comunicacion__logos ul li.europafm img {
	width: 110px;
}

.grupo-comunicacion__logos ul li.constantes img {
	width: 110px;
}

.grupo-comunicacion__logos ul li.hazteeco img {
	width: 90px;
}

.grupo-comunicacion__logos ul li.creacultura img {
	width: 95px;
}

.grupo-comunicacion__logos ul li.luzverde img {
	width: 95px;
}

.grupo-comunicacion__logos ul li.atresmediacorporacion img {
	width: 140px;
}

.grupo-comunicacion__logos ul li.voluntarios img {
	width: 105px;
}


.grupo-comunicacion__logos ul img {
	padding: 10px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); 
	filter: gray;
	
}

.grupo-comunicacion__logos ul img:hover {
  -webkit-filter: none;
  filter: none;
}

.mod-prefooter {
	display: none;
}

@media screen and (max-width: 1280px) {
	.container-group {
		margin-left: 10px;
		margin-right: 10px;
	}

	.grupo-comunicacion {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.grupo-comunicacion__name {
		width: 95%;
		max-width: none;
    border-bottom: 1px solid #aaa;
    padding-bottom: 0px;
	}	

	.grupo-comunicacion__logos {
		width: 100%;
		max-width: none;
	}

	.grupo-comunicacion__name h2 {
	  margin: 14px 0;
	}

	.grupo-comunicacion__logos ul img {
		padding: 14px;
	}
}

@media only screen and (min-width: 1024px) {
	.portada-home .header-principal:not(.fixed) {        
		padding-bottom: 0;
	}

	.portada-home .header-principal:not(.fixed) .navbar-header h1:nth-child(2), .portada-home .header-principal:not(.fixed) .navbar-header h1[itemprop=name] {
		height: 100%;
	}

  .portada-home .header-principal:not(.fixed) .nav-principal {
		right: .025rem;
  }
	
	.portada-home.corporativo .header-principal:not(.fixed) .nav-principal{
		top: 1.2225rem;
	}

  .portada-home .header-principal .navbar-header h1 {
		margin: 0 0 0 -2px;
  }

  .portada-home .header-principal:not(.fixed) .navbar-brand img {
		width: auto;
    -webkit-transform: translateY(21%);
    -ms-transform: translateY(21%);
    transform: translateY(21%);
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1279px) {
  .portada-home .header-principal:not(.fixed) .nav-principal .rc-menu-item {
		width: auto;
  }
}

@media only screen and (min-width: 1024px) and (min-width: 1280px) {
  .portada-home .header-principal:not(.fixed) .nav-principal .rc-menu-item {
		padding: .625rem .9375rem;
  }
}