@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('../fonts/roboto/RobotoCondensed-Bold.eot');
    src: url('../fonts/roboto/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/RobotoCondensed-Bold.woff2') format('woff2'),
        url('../fonts/roboto/RobotoCondensed-Bold.woff') format('woff'),
        url('../fonts/roboto/RobotoCondensed-Bold.ttf') format('truetype'),
        url('../fonts/roboto/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensed-Light';
    src: url('../fonts/roboto/RobotoCondensed-Light.eot');
    src: url('../fonts/roboto/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/RobotoCondensed-Light.woff2') format('woff2'),
        url('../fonts/roboto/RobotoCondensed-Light.woff') format('woff'),
        url('../fonts/roboto/RobotoCondensed-Light.ttf') format('truetype'),
        url('../fonts/roboto/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/roboto/RobotoCondensed-Regular.eot');
    src: url('../fonts/roboto/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/RobotoCondensed-Regular.woff2') format('woff2'),
        url('../fonts/roboto/RobotoCondensed-Regular.woff') format('woff'),
        url('../fonts/roboto/RobotoCondensed-Regular.ttf') format('truetype'),
        url('../fonts/roboto/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-style: normal;
}

/* Media queries */
/*
'$screen-xs-up'		=> '575.98px',
'$screen-sm-up'		=> '767.98px',
'$screen-md-up'		=> '991.98px',
'$screen-lg-up'		=> '1199.98px',
'$screen-xl-up'		=> '1359.98px',
'$screen-xxl-up'	=> '1399.98px',
'$screen-xs-down'	=> '576px',
'$screen-sm-down'	=> '768px',
'$screen-md-down'	=> '992px',
'$screen-lg-down'	=> '1200px',
'$screen-xl-down'	=> '1366px',
'$screen-xxl-down'	=> '1400px',

@media (max-width: $screen-size-up) {
	... less than ...
}
@media (min-width: $screen-size-down) {
	... more than ...
}
*/
:root {
    --main-color-fondo: #e3e3e3;
    --main-color-club: #2b601a;
}
/* -------------------------------------GENERAL----------------------------------------*/
html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
	background-color: var(--main-color-fondo);
}
img {
	image-rendering: -webkit-optimize-contrast;
}
a {
    text-decoration: none;
    cursor: pointer;
}
/* Hover CSS */
.hvr-opacity {
	transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
}
.hvr-opacity:hover {
	opacity: 0.6;
	transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
}
/* Hover CSS */
.titulogrande {
	color: black;
	font-family: 'RobotoCondensed-Bold';
	font-size: 33px;
	line-height: 40px;
}
.textofecha {
	color: var(--main-color-club);
	font-family: 'RobotoCondensed-Bold';
	font-size: 20px;
	line-height: 20px;
}
.textonegrita {
	color: black;
	font-family: 'RobotoCondensed-Bold';
	font-size: 15px;
}
.textonegrita span {
	color: white;
	background-color: var(--main-color-club);
	font-family: 'RobotoCondensed-Bold';
	font-size: 14px;
}
/* -------------------------------------GENERAL----------------------------------------*/

/* --------------------------------------HEADER----------------------------------------*/
.content .container .contenedorredondeado {
	background-color: white;
	box-shadow: 1px 0px 6px rgb(0 0 0 / 45%);
	border-radius: 40px;
}
.content .container .contenedorredondeado .logoclub {
	max-width: 215px;
	max-height: 132px;
}
.content .container .contenedorredondeado .logoauspiciador {
	max-width: 160px;
}
.content .container .contenedorredondeado .fotoprincipalclub img {
	height: 250px;
}
.content .container .contenedorredondeado a.botonbases {
	background-color: var(--main-color-club);
	color: white;
	text-transform: uppercase;
	font-family: 'RobotoCondensed-Bold';
	font-size: 15px;
	letter-spacing: 0.3px;
} 
.content .container .contenedorredondeado .bases{
	padding-right: 0px;
} 
.content .container .contenedorredondeado .bases2{
	padding-left: 0px;
}
.content .container .contenedorredondeado a.botonbases span {
	background-color: white;
	color: var(--main-color-club);
	padding: 5px 18px 4px;
	border-radius: 40px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	vertical-align: inherit;
}
.content .container .contenedorredondeado .linksaccesos .cat {
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 0.3px;
}
.content .container .contenedorredondeado .linksaccesos .contabierto {
	border-right: solid 1.5px #333;
}
.content .container .contenedorredondeado .linksaccesos .cat span {
	color: white;
	background-color: var(--main-color-club);
	padding: 4px 12px 3px;
	border-radius: 40px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
	display: inline-block;
}
.content .container .contenedorredondeado .linksaccesos a .accesositio .botonblanco {
	background-color: white;
	border-radius: 40px;
	border: solid 1px var(--main-color-club);
	color: var(--main-color-club);
	text-transform: uppercase;
	font-family: 'RobotoCondensed-Bold';
	font-size: 12px;
	padding: 4px 100px;
}
.content .container .contenedorredondeado .linksaccesos a:hover .accesositio .botonblanco {
	background-color: #333;
	border-radius: 40px;
	border: solid 1px #333;
	color: white;
	text-transform: uppercase;
	font-family: 'RobotoCondensed-Bold';
	font-size: 12px;
	padding: 4px 100px;
}
.content .container .contenedorredondeado .footerbloque .contimgfooter {
	background-color: #333;
	border-radius: 0px 0px 40px 40px;
}
.content .container .contenedorredondeado .footerbloque .contimgfooter img {
	max-width: 125px;
}
@media (max-width: 767.98px) {
	.content .container .contenedorredondeado .linksaccesos .contabierto {
		border-right: solid 0px #333;
		border-bottom: solid 1.5px #333;
	}
	.content .container .contenedorredondeado .linksaccesos a .accesositio .botonblanco,
	.content .container .contenedorredondeado .linksaccesos a:hover .accesositio .botonblanco {
		padding: 4px 50px;
	}
	.content .container .contenedorredondeado .bases,
	.content .container .contenedorredondeado .bases2{
		padding: 12px;
	}
}
/* --------------------------------------HEADER----------------------------------------*/

/* -------------------------------------CONTENIDO----------------------------------------*/


/* -------------------------------------CONTENIDO----------------------------------------*/


/*-------------------------------------FOOTER---------------------------------------*/

/*-------------------------------------FOOTER---------------------------------------*/