@charset "utf-8";
/* CSS Document */

/*HEADER*/
.header_main_img {display: block; width: 900px; max-width: 100%; margin: auto;}
.calltoaction {position: absolute; width: 100%; text-align: center; margin-top: -6em;}
@media (max-width:600px) {.calltoaction {margin-top: -5em;}}
@media (max-width:450px) {.calltoaction {margin-top: -2em;}}

/*TITULARES*/
h1, h2, h3, h4 {padding: 0.3em 0; margin: 0;}
h1 {font-family: 'Oswald', sans-serif; font-size: 1.8em;}
h4 {font-size: 1em; font-weight: 700; color: #919191;}

p {margin: 0.3em 0;}

.disabled {color: #CCC;}

/*MARGENES COLS EN CONTENIDO*/
.content .col_content {margin:10px 20px;}

/*BLOCKQUOTES*/
blockquote {
	background: #ececec;
    margin: 0;
    padding: 1em;
    border-radius: 0.5em;
    border: dotted 3px #e1e1e1;
}
.grey_section blockquote {background: #FFF;}


/*MENU CARRERA*******************************/
nav.race_menu {
	display: inline-block;
	position: relative;
	z-index: 100;
	float: right;
	font-family: 'Oswald', sans-serif;
	color: #FFF;
	min-width: 200px;
	margin: 0 1em;
	margin-top: -1em;
}
/*boton abrir menu*/
.race_menu_openbot {cursor: pointer; padding: 1em; background: #006DCD;}
.race_menu_openbot i {float: right;}
#arrow_down {display: none;}
/*opciones menu*/
#options {
	display: none;
	position: absolute;
	list-style: none;
	padding: 1em;
	margin: 0;
	font-size: 0.9em;
}
#options a {
	text-decoration: none;
    color: #FFF;
    transition: All 0.5s;
    display: block;
    padding: 0.1em 0.2em;
    border-bottom: solid 1px rgba(255,255,255,0.2);
}
#options a:hover {opacity: 0.4;}

@media (max-width:600px) {
	nav.race_menu {margin-top: 2em;}
	#options {font-size: 1em;}
}
@media (max-width:450px) {
	nav.race_menu {margin-top: 3em;}
	nav.race_menu {display:block; float: none;}
}



/*BANNERS CON IMG DE FONDO*/
a.banner {display: block; background-size: cover; background-position: center center; text-decoration: none; color: #FFF; border: solid 5px #FFF; transition: All ease 0.5s;}
a.banner:hover {border: solid 5px #999;}
.banner_cont {padding: 2em 3em;}
.banner_cont h1, .banner_cont h2 {font-weight: 400; line-height: 1em; margin: 0; transition: All ease 0.5s;}
.banner_cont h1 {font-size: 3.7em;}
.banner_cont h2 {font-size: 2.5em;}
.banner_cont p {margin: 0;}
a.banner:hover .banner_cont h1, a.banner:hover .banner_cont h2 {padding-left: 0.3em;}

/*ALERTAS*/
.alert {background-color: #EC1F23; color: #FFF; text-align: center; padding: 0.5em;}

/*SECTIONS*/
.grey_section {background: #F1F1F1; border-bottom: solid 3px #E6E6E6;}


/*TABLA DATOS DE CARRERA*/
table.info_carrera {border-collapse: collapse; font-size: 0.9em; width: 100%;}
table.info_carrera tr {border-bottom: solid 1px #F6F6F6; border-top: solid 1px #F6F6F6;}
table.info_carrera td {padding: 0.5em 0.6em;}
table.info_carrera tr td:first-child {background-image: linear-gradient(#FFF, #E3E3E3); font-weight: 700;}
table.info_carrera tr td:last-child {background-image: linear-gradient(#D1D1D1, #DFDFDF, #BBBBBB);}
table.info_carrera i {margin-right: 0.3em;}

/*TABLA TIPO*/
table.tabla_tipo1 {width: 100%;}
table.tabla_tipo1 thead {text-align: center; color: #FFF;}
table.tabla_tipo1 tr:nth-child(even) {background: #E5E5E5;}
table.tabla_tipo1 tr, table.tabla_tipo1 td {padding: 0.1em;}


/*SCROLL BOX PARA LEGALES*/
.scrollbox {
    display: block;
    padding: 2%;
    overflow: auto;
    background: #F0F0F0;
    font-size: 0.9em;
    border: #C8C8C8 solid 1px;
    text-align: justify;
}


/*ICONOS CIRCULARES*/
i.circled_icon {font-size: 2em; width: 1em; height: 1em; padding: 0.3em; border-radius: 50%; color: #FFF;}


/*IMÁGENES*/
.zoom-img img {width: 100%; border: solid 1px #666;}
.zoom-img img:hover {box-shadow: #CCC 0 0 10px; border: solid 1px #333;}



/*IMAGE MENU OVERLAYS*/
.img_menu .container {position: relative;}
.img_menu .image {display: block; width: 100%; height: auto;}
.img_menu .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 20%;
	transition: .5s ease;
}
.img_menu .container:hover .overlay {height: 100%;}
.img_menu .text {
	width: 90%;
	font-family: 'Oswald', sans-serif;
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

/*IMAGE OVERLAYS*/
.overlay_container {position: relative; background: #000;}
.overlay_container img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
.overlay_container .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.overlay_container:hover img {opacity: 0.5;}
.overlay_container:hover .middle {opacity: 1;}
.overlay_container .text {color: white; font-size: 2em;}



/*SPONSORS CAROUSEL*/
.sponsors img {max-width: 95%; background: #FFF;}

