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

/*PALETA DE COLORES
VERDE: #408267
GRIS: #E5DECF
NARANJA: #F48125
VERDE CLARO: #ACD489
AZUL: #54C6C3
*/

@font-face {
    font-display: Oswald;
	font-family: 'Oswald';
    src: url('fonts/Oswald-Regular.woff') format('woff'),
         url('fonts/Oswald-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-display: Oswald;
	font-family: 'Oswald';
    src: url('fonts/Oswald-SemiBold.woff') format('woff'),
         url('fonts/Oswald-SemiBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

html, body {margin: 0;}
body {
	padding:0;
	font-family: 'Oswald', sans-serif;
    font-size: 1rem;
    font-weight: normal;
	color: #252525;
}
@media (max-width:768px) {
    body {font-size: 0.9rem;}
}

h1 {font-size: 2rem;}
h2 {font-size: 1.6rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.2rem;}

strong {font-weight: 700;}
.display-1, .display-2, .display-3, .display-4 {font-weight: 700;}
.hr-white {border: 0; border-bottom: solid 2px #FFF;}
.hr-grey {border: 0; border-bottom: solid 2px rgba(0,0,0,0.2);}

/*containers*/
.container, .container-fluid {padding-left: 25px; padding-right: 25px;}
/*ajuste en row para balancear con margenes del container*/
.row {margin-right: -25px; margin-left: -25px;}

.container-1200 {max-width: 1200px; margin: auto;}
.container-1000 {max-width: 1000px; margin: auto;}
.container-900 {max-width: 900px; margin: auto;}
.container-800 {max-width: 800px; margin: auto;}
.container-600 {max-width: 600px; margin: auto;}
.container-400 {max-width: 600px; margin: auto;}

/*textos*/
.text-verde {color: #408267;}
.text-verde-light {color: #ACD489;}
.text-gris {color: #E5DECF;}
.text-naranja {color: #F48125;}
.text-azul {color: #54C6C3;}


a.text-black {color: #252525;}
a.text-black:hover {color: #000;}

/*fondos*/
.bg-verde {background-color: #408267;}
.bg-verde-light {background-color: #ACD489;}
.bg-gris {background-color: #E5DECF;}
.bg-naranja {background-color: #F48125;}
.bg-azul {background-color: #54C6C3;}

/*menu ppl*/
#main-nav {background-color: #408267;}
#main-nav .navbar-nav .nav-link {color: #a8d582!important; transition: all 0.15s linear;}
#main-nav .navbar-nav .nav-link:hover {color: #FFF!important; transform: scale(1.1); }
#main-nav .navbar-toggler {color: #FFF; border: 0;}

/*header*/
header.head_sections {
    background-image: url("../images/header-img.jpg");
    background-size: cover;
    background-position: top center;
}

.logo {width: 45%; max-width: 280px;}
.patrocinadores-cont {position: absolute; z-index: 10; margin-top: 2rem;}

/*pastilla patrocinadores*/
.logos {display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: justify!important; justify-content: space-between!important;}
.patrocinan {width: 35%; max-width: 350px;}
.pastilla {width:100%; background-color: #408267; border-bottom-right-radius: 1rem; border-top-right-radius: 1rem;}

@media (max-width:768px) and (orientation:portrait) {
    .patrocinadores-cont {position: relative; margin-top: 0.5rem;}
    .patrocinan {width: 60%;}
}


/*footer*/
.roadrace-label {width:25%; max-width:80px; height: auto;}
.jk-credit{width: 36%; max-width: 130px;}

footer {font-size: 0.8rem;}
footer .footer_data {font-size: 0.9rem;}
footer .logos_footer img {width: 65%; max-width: 100px; height: auto;}
footer .footer_data i {color: #252525; margin-right: 3px;}
footer a, footer a:hover {color: #252525;}
footer a:hover {text-decoration: underline;}
@media (max-width:768px) {footer .footer_data span {display: block;}}




/*MENU TRANSMISIÓN**/
.list-menu {flex-direction: column;}
.list-menu span {display: inline-block;}
@media (max-width:768px) {
    .list-menu {flex-direction: row;}
    .list-menu span {display: none;}
    .list-menu .list-group-item {display: flex; justify-content: center; text-align: center;}
}

/*tablas*/
table {color: #215d67!important;}
.table-bordered td, .table-bordered th {border: 1px solid #44719f;}

/*cards*/
.card {border-radius: 0.8rem;}

/*border colors*/
.border-azul {border-color: #009AEF;}


/*BOTONES*********/
.btn-lg {padding: 1rem;}
.btn-racecolor {border: solid 1px #ff7a70; background: #ff7a70; color: #FFF; font-weight: 700;}
.btn-outline-racecolor {border: solid 1px #ff7a70; color: #215d67; font-weight: 700;}
.btn-racecolor:hover, .btn-outline-racecolor:hover {background: #00c4ad; color: #FFF; border: solid 1px #00c4ad;}

/*mid container*/
.container-lg {max-width: 1000px;}
.container-md {max-width: 850px;}


/*TRANSMISIÓN*/
iframe.loader {
    border: 0;
    width: 100%;
    height: 650px;
    overflow: hidden;
}