@charset "utf-8";
/* CSS Document */


#info{
	padding: 0 0 20px 0;
	text-align: center;
}
#info div{
	display: inline-block;
	margin: 5px 2px;
	padding: 8px 1% 20px 1%;
	color: #FFF;
	font-size: 16px;
	background: #6F7A73;
	border-radius: 2px;
	font-weight: bold;
}
#info div img{
	margin-right: 12px;
	position: relative;
	top: 12px;
}
.slider-wrapper{
	width: 100% !important;
}


#slider::after {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#6F7A73, transparent, transparent, #FFF);
  z-index: 9;
}


.friendly{
	float: right;
	margin: 10px;
	border-radius: 5px;
	width: 100px;
}


#logo img{
	max-width: 320px;
}

.imgportada{
	text-align: center;
}

.imgportada>*{
	display: block;
	height: auto;
	color: #FFF;
	background: #6f7a73;
	padding-bottom: 16px;
	margin: 20px 2%;
}

.imgportada img{
	border-bottom: #FFF 1px solid;
	width: 100%;
}

.imgportada strong{
	display: block;
	font-size: 1.8em;
  color: #fee900;
  margin: 8px 2%;
}

.imgportada a{
	transition: background 0.2s;
}
.imgportada a:hover{
	color:#6f7a73;
	background: #fee900;
	transition: background 0.4s;
}
.imgportada a:hover strong{
	color: #555e58;
	transform: scale(1.2);
	transition: transform 0.2s;
}
.imgportada a:hover img{
	filter: brightness(1.3);
	transition: filter 0.3s;
}

@media screen and (min-width: 800px) {
	.imgportada>*{
		display: inline-block;
		position: relative;
		max-width: 40%;
	}
}

@media screen and (max-width: 500px) {
	.friendly{width: 54px !important;}
}