@charset "utf-8";
/* CSS Document */
/*FONT************************************************/
@font-face {
	font-family: 'FuturaPTDemi';
    src: url('fonts/FuturaPTDemi.eot?#iefix') format('embedded-opentype'), 
         url('fonts/FuturaPTDemi.woff') format('woff'),
         url('fonts/FuturaPTDemi.ttf') format('truetype'),
         url('fonts/FuturaPTDemi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaPTDemiOblique';
    src: url('fonts/FuturaPTDemiOblique.eot?#iefix') format('embedded-opentype'), 
         url('fonts/FuturaPTDemiOblique.woff') format('woff'),
         url('fonts/FuturaPTDemiOblique.ttf') format('truetype'),
         url('fonts/FuturaPTDemiOblique.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'FuturaPTBold';
    src: url('fonts/FuturaPTBold.eot?#iefix') format('embedded-opentype'), 
         url('fonts/FuturaPTBold.woff') format('woff'),
         url('fonts/FuturaPTBold.ttf') format('truetype'),
         url('fonts/FuturaPTBold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaPTBoldOblique';
    src: url('fonts/FuturaPTBoldOblique.eot?#iefix') format('embedded-opentype'), 
         url('fonts/FuturaPTBoldOblique.woff') format('woff'),
         url('fonts/FuturaPTBoldOblique.ttf') format('truetype'),
         url('fonts/FuturaPTBoldOblique.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'FuturaPTBook';
    src: url('fonts/FuturaPTBook.eot?#iefix') format('embedded-opentype'), 
         url('fonts/FuturaPTBook.woff') format('woff'),
         url('fonts/FuturaPTBook.ttf') format('truetype'),
         url('fonts/FuturaPTBook.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
    font-family: 'FuturaPTDemi';
    font-size: 1rem;
    color: black;
	line-height: 1.2rem;
}

/*fonts*/
.text-italic {font-family: 'FuturaPTDemiOblique';}
.text-book {font-family: 'FuturaPTBook';}
.text-bold {font-family: 'FuturaPTBold';}
.text-bold-italic {font-family: 'FuturaPTBoldOblique';}

/*rectangulo diagonal*/
.oblique {clip-path: polygon(6% 0%, 100% 0%, 94% 100%, 0% 100%);}

/*z-index*/
.z-1 {z-index: 1;}

/*textos*/
.text-amarillo {color: #F7D237;}
.text-gris {color: #E8E3CB;}

/*fondos*/
.bg-dark {background-color: #1A1A1A!important;}
.bg-gris {background-color: #F2F2F2;}
.bg-amarillo {background-color: #F7D237;}

/*botones*/
.btn {
	border: none;
	border-radius: 0;
	padding: 0.5rem 2.5rem;
	transition: all 0.2s linear 0.05s;
}
.btn:hover {padding: 0.5rem 3.5rem;}

.btn-dark {background-color: #000!important;}
.btn-warning {background-color: #F7D237!important;}
.btn-warning:hover {background-color: #ddb300!important; color: #FFF;}

/*CONTAINERS*/
.container-1200 {max-width: 1200px;}
.container-1000 {max-width: 1000px;}
.container-900 {max-width: 900px;}
.container-800 {max-width: 800px;}
.container-700 {max-width: 700px;}
.container-600 {max-width: 600px;}
.container-500 {max-width: 500px;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 30px;
    padding-left: 30px;
}

/*HEADER*/
nav .logo {width: 40%; max-width: 100px;}
#mainMenu .navbar-nav .nav-link {color: #FFF;}
#mainMenu .navbar-nav .nav-link:hover {color: #F7D237; text-decoration: underline;}
#mainMenu .navbar-nav .nav-link {padding-right: .8rem; padding-left: .8rem;}

/*tabla fases*/
@media (min-width:576px) {
    .border-x {border-left: solid 1px #000; border-right: solid 1px #000;}
}

/*tablas*/
.table td, .table th {border-top: 1px solid #000000;}


/*ICONOS INCLUYE*/
.kiticon {width: 100%; max-width: 215px; opacity: 1.0; transition: all 0.3s linear;}
.kiticon:hover {opacity: 0.8; transform: scale(0.9);}

/*SPONSORS*/
.sponsors div {padding: 4px;}
.sponsors img {display: block; background-color: #FFF; border: solid 2px #e9e9e9; width: 100%;}

/*HOVE EFFECTS*/
.scaleup, .jump {transition: all 0.3s linear;}


/*REDES SOCIALES*/
.socials {top: 250px; right: -5px; z-index: 100;}
.socials a {
	display: block;
	background-color: #E8E3CB;
	color: #1A1A1A!important;
	font-size: 1.2rem;
	padding: 0.4rem 0.5rem;
	margin: 0.4rem 0;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}
.socials a:hover {background-color: #1A1A1A; color: #E8E3CB!important;}

/*FOOTER*/
footer .logo {width: 40%; max-width: 160px;}
img.jk-credit {width: 40%; max-width: 120px;}


/*FORM*/
.input-search {border: solid 2px #ffc107!important; border-radius: 0; font-size: 2.5em; text-align: center;}

::-webkit-input-placeholder {color: #dea805!important;}
:-ms-input-placeholder {color: #dea805!important;}
::placeholder {color: #dea805!important;}

.btn-search, .btn-search:hover, .btn-search:active {background-color: #488966; font-weight: bold; color: #ffc107; border: solid 2px #488966!important; border-radius: 0;}