body {
	font-family: 'Work Sans', sans-serif;
}
.no-padding {
	padding: 0;
}
.no-margin {
	margin: 0;
}
.mart-30 {
	margin-top: 33px;
}
.mart-20 {
	margin-top: 20px;
}
.marb-20 {
	margin-bottom: 20px;
}
.img-full {
	width: 100%;
	height: auto;
}
.top-banner{
	margin-top:118px;
}
.background{
	background-image: url("../images/background.jpg");
	background-repeat: no-repeat;
	background-color: #020609;
	background-size: cover 100% 100%;
	background-position: top center;
}
.titulo-opciones{
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 10px;
}
.cards-categorias {
	margin-bottom: 20px;
}
.titulo-cat {
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 16px;
}
.btn-marca {
	width: 85%;
	border:solid 6px #20a68c;
	border-radius: 50%;
	padding: 25px;
	background: rgba(0,0,0,.2);
	margin: 0 auto;
	transition: .2s;
}
.btn-marca:hover {
	border:solid 6px #fff;
	border-radius: 50%;
	background: #20a68c;
	transition: .3s;
}
.titulo-marcas{
	color: #fff;
	text-align: center;
	top:-32px;
	background-image: url(../images/cintillo-marcas.png);
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px;
	margin-top:-22px;
}
.pleca-right{
	right: 0;
	left: auto;
}
.establecimientos{
	border-top: 4px solid #22af94;
	border-bottom: 4px solid #22af94;
	background-color: #fff;
	margin-top: 40px;
	width: 100%;
	height: auto;
}
.container-logos{
	margin: 0;
	padding: 0;
	margin-top: -39px;
}
.img-logos{
	width: 100%;
	height: auto;
}
/*carrusel marcas*/
.miniaturas {
	display: block;
	margin-bottom: 20px;
	line-height: 1.42857143;
	opacity: .5;
	transition: .1s;  
}
.miniaturas:hover {
	opacity: 1;
	transition: .5s;
}
.control-slides-marcas {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	font-size: 21px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.control-marcas {
	height: 40px;
	width: 40px;
	background: rgba(34,175,148,.7);
	border: 4px solid rgba(34,175,148,.9);
	border-radius: 23px 23px 23px 23px;
	margin-top: 15px;
}
.control-marcas.left {
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
	filter: alpha(opacity=50);
}
.control-marcas.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
	background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}
.control-marcas a:focus, a:hover {
	color: #ffffff;
	text-decoration: none;
}
.control-marcas a:active, a:hover {
	outline: 0;
	text-decoration: none;
}
/*fin*/
.footer {
	background-color: #22af94;
	color: #ffffff;
	font-size:14px;
	margin-top: 20px;
	padding:20px;
}
.iconos-footer {
	float: right;
}
.icono-redes{
	width: 34px;
	height: 34px;
	transition: .2s;
	opacity: .7;
	border-radius: 50%;
	margin-left: 10px;
}
.icono-redes:hover {
 	transition: .2s;
 	opacity: 1;
}
.legales {
	top:4px;
}
.legales-liga {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 10px;
}
.legales-liga:hover {
	color: #FFFFFF;
	text-decoration: underline;
}