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


/* Importaciones */
	/* Reset */
	@import 'CSSreset.css';

	/* Fonts */
	@import 'fonts.css';

	/* Galeria de Animaciones */
	@import 'animaciones.css';




/* General */

* { box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

.Clearer { clear:both; }
.Limpia { float:none; }

.Xright { text-align:right; }
.Xcenter { text-align:center; } 
.Xleft { text-align:left; }
.Xjustify { text-align:justify; }

.Ytop { vertical-align:top; }
.Ymiddle { vertical-align:middle; }
.Ybottom { vertical-align:bottom; }

.Einstein { position:relative; }
.Luis14 { position:absolute; }
.Parmenides { position:fixed; }

.Solid { display:block; }
.Liquid { display:inline; }
.Plasma { display:inline-block; }
.Gas { display:table; }
	.Set { display:table-row; }
	.Bubble { display:table-cell; }
.SuperfluidVertical { display:flex; display:-webkit-flex; flex-wrap: wrap; flex-direction:column; align-items:center; justify-content: space-evenly; }
.SuperfluidHorizontal { display:flex; display:-webkit-flex; flex-wrap: wrap; flex-direction:row; -webkit-flex-direction:row; align-items:center; justify-content: space-evenly; }
.Superfluid { display:flex; display:-webkit-flex; }
	.Denso { flex-wrap: nowrap; }
	.Ligero { flex-wrap: wrap; }
	/* orientacion */
	.Vertical { flex-direction:column; -webkit-flex-direction:column; }
	.Horizontal { flex-direction:row; -webkit-flex-direction:row; }
	/* direccion */
		/* vertical */
		.Arriba { align-items:start; }
		.Abajo { align-items:end; }
		.Medio { align-items:center; }
		.Estirar { align-items:stretch; }
		/* horizontal */
		.Izquierda { justify-content:start; } /* justify-content: flex-start; justify-content: left; */
		.Derecha { justify-content:end; } /* justify-content: flex-end; justify-content: right; */
		.Centro { justify-content: center; }
		.Bordes { justify-content:space-between; } /* los pega a los bordes y deja todo el espacio en medio */
		.CentradoIndependiente { justify-content:space-around; } /* Distribute items evenly. Items have equal space around them */
		.CentradoReal { justify-content: space-evenly; } /* Distribute items evenly. Stretch 'auto'-sized items to fit the container */
	/* orden */
	.Uno { order:1; -webkit-order:1; }
	.Dos { order:2; -webkit-order:2; }
	.Tres { order:3; -webkit-order:3; }
	.Cuatro { order:4; -webkit-order:4; }
	.Cinco { order:5; -webkit-order:5; }
	.Seis { order:6; -webkit-order:6; }
	.Siete { order:7; -webkit-order:7; }


.Naked { display:none; }

.Asimov { visibility:hidden; }

.Tesla { width:100%; }
.Felix { height:100%; } /* Felix Baumgartner */

.Faraday { max-width:100%; }
.Heisenberg { float:right; }
.Schrodinger { float:left; }
.Arquimedes { box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.Hawking { box-sizing:unset; -webkit-box-sizing:unset; -moz-box-sizing:unset; }

.Descartes { margin:0; padding:0; border:0; }

.lcdm { overflow:auto; }
.zatu { overflow:hidden; }
.arkano { overflow:visible; }
.chojin { overflow:auto; overflow-x:hidden; overflow-y:auto; }

.Sombra { box-shadow:0 0 10px #000; }
.Centrar { margin:0 auto; }

.DesktopSolid { display:block; }
.DesktopLiquid { display:inline; }
.DesktopPlasma { display:inline-block; }
.MobileSolid { display:none; }
.MobileLiquid { display:none; }
.MobilePlasma { display:none; }
@media screen and (max-width:748px) {
	.DesktopSolid { display:none; }
	.DesktopLiquid { display:none; }
	.DesktopPlasma { display:none; }
	.MobileSolid { display:block; }
	.MobileLiquid { display:inline; }
	.MobilePlasma { display:inline-block; }
}

	/* Estructura */
	.col1 { width:8.33333333%; min-height: 1px; }
	.col2 { width:16.66666667%;  min-height: 1px; }
	.col3 { width:25%;  min-height: 1px; }
	.col4 { width:33.33333333%;  min-height: 1px; }
	.col5 { width:41.66666667%;  min-height: 1px; }
	.col6 { width:50%;  min-height: 1px; }
	.col7 { width:58.33333333%;  min-height: 1px; }
	.col8 { width:66.66666667%;  min-height: 1px; }
	.col9 { width:75%;  min-height: 1px; }
	.col10 { width:83.33333333%;  min-height: 1px; }
	.col11 { width:91.66666667%;  min-height: 1px; }
	.col12 { width:100%;  min-height: 1px; }
	.Margen { padding-right: 15px; padding-left: 15px; }

		/* Estructura forms */
		.MagicForm { display:flex; display:-webkit-flex; flex-wrap: wrap; flex-direction:row; -webkit-flex-direction:row; align-items:center; justify-content: space-evenly; }

		.Completo { width:96%; }
		.Mitad { width:46%; }
		.Tercio { width:29%; }
		.Cuarto { width:21%; }
		.Quinto { width:16%; }

		@media screen and (max-width:748px) {
			.Mitad { width:96%; }
			.Tercio { width:96%; }
			.Cuarto { width:46%; }
			.Quinto { width:46%; }
		}

	/* Margenes */
	.MargenCero { margin:0; }
	.MargenExteriorGrande { margin: 30px; }
	.MargenExterior { margin: 15px; }
	.MargenExteriorHorizontal { margin-right: 15px; margin-left: 15px; }
	.MargenExteriorVerticalGrande { margin-top: 15px; margin-bottom: 15px; }
	.MargenExteriorVertical { margin-top: 15px; margin-bottom: 15px; }
	.MargenInterior { padding: 15px; }
	.MargenInteriorHorizontal { padding-right: 15px; padding-left: 15px; }
	.MargenInteriorVertical { padding-top: 15px; padding-bottom: 15px; }
	.MargenLateral10 { margin:0 10px; }
		/* Margenes apoyo */
		.MarginTop50 { margin-top:50px; }
		.MarginTop40 { margin-top:40px; }
		.MarginTop30 { margin-top:30px; }
		.MarginTop25 { margin-top:25px; }
		.MarginTop20 { margin-top:20px; }
		.MarginTop15 { margin-top:15px; }
		.MarginTop10 { margin-top:10px; }
		.MarginTop5 { margin-top:5px; }		
		.MarginTop0 { margin-top:0px; }
		.MarginBottom50 { margin-bottom:50px; }
		.MarginBottom40 { margin-bottom:40px; }
		.MarginBottom30 { margin-bottom:30px; }
		.MarginBottom25 { margin-bottom:25px; }
		.MarginBottom20 { margin-bottom:20px; }
		.MarginBottom15 { margin-bottom:15px; }
		.MarginBottom10 { margin-bottom:10px; }
		.MarginBottom5 { margin-bottom:5px; }
		.MarginBottom0 { margin-bottom:0px; }
		/* Paddings apoyo */
		.PaddingTop100 { padding-top:100px; }
		.PaddingTop40 { padding-top:40px; }
		.PaddingTop30 { padding-top:30px; }
		.PaddingTop25 { padding-top:25px; }
		.PaddingTop20 { padding-top:20px; }
		.PaddingTop15 { padding-top:15px; }
		.PaddingTop10 { padding-top:10px; }
		.PaddingTop5 { padding-top:5px; }
		.PaddingTop0 { padding-top:0px; }
		.PaddingBottom40 { padding-bottom:40px; }
		.PaddingBottom30 { padding-bottom:30px; }
		.PaddingBottom25 { padding-bottom:25px; }
		.PaddingBottom20 { padding-bottom:20px; }
		.PaddingBottom15 { padding-bottom:15px; }
		.PaddingBottom10 { padding-bottom:10px; }
		.PaddingBottom5 { padding-bottom:5px; }
		.PaddingBottom0 { padding-bottom:0px; }

	/* Apoyo general */
	.Pointer { cursor:pointer; }

	/* Fondos y colores basicos */
	.FondoBlanco { background-color:#FFFFFF; }
	.LetraBlanca { color:#FFFFFF; }
	.FondoNegro { background-color:#000000; }
	.LetraNegra { color:#000000; }
	.FondoTransparente { background-color:transparent; }

	/* Textos */
	.Mayusculas { text-transform:uppercase; }
	.Minusculas { text-transform:lowercase; }
	.Capital { text-transform:capitalize; }

	.Cursiva { font-style:italic; }
	.Negrita { font-weight:bold; }
	.SinNegrita { font-weight:normal; }
	.Subrayado { text-decoration:underline; }
		.SubrayadoHover:hover { text-decoration:underline; }
	.SinSubrayado { text-decoration: none!important; }
		.SinSubrayado:hover { text-decoration: none!important; }
	.Normal { font-weight:normal; font-style:normal; text-decoration:none; }	

	.Enlace { text-decoration:none; }
		.Enlace:hover { text-decoration:underline; }

	.EnlaceInvertido { text-decoration:underline; }
		.EnlaceInvertido:hover { text-decoration:none; }

	.EnlaceTransparente { color:inherit; text-decoration:inherit; font-family:inherit; }

		/* Tamanio letra */
		.Letra40 { font-size:4em; }
		.Letra35 { font-size:3.5em; }
		.Letra30 { font-size:3em; }
		.Letra28 { font-size:2.8em; }
		.Letra26 { font-size:2.6em; }
		.Letra24 { font-size:2.4em; }
		.Letra22 { font-size:2.2em; }
		.Letra20 { font-size:2em; }
		.Letra18 { font-size:1.8em; }
		.Letra16 { font-size:1.6em; }
		.Letra14 { font-size:1.4em; }
		.Letra12 { font-size:1.2em; }
		.Letra10 { font-size:1em; }
		.Letra08 { font-size:0.8em; }
		.Letra06 { font-size:0.6em; }
		.Letra05 { font-size:0.5em; }

		@media screen and (min-width:451px) and (max-width:748px) {
			.Letra40 { font-size:3.8em; }
			.Letra35 { font-size:3.3em; }
			.Letra30 { font-size:2.8em; }
			.Letra28 { font-size:2.6em; }
			.Letra26 { font-size:2.4em; }
			.Letra24 { font-size:2.2em; }
			.Letra22 { font-size:2em; }
			.Letra20 { font-size:1.8em; }
			.Letra18 { font-size:1.6em; }
			.Letra16 { font-size:1.4em; }
			.Letra14 { font-size:1.2em; }
			.Letra12 { font-size:1.1em; }
			.Letra10 { font-size:0.9em; }
			.Letra08 { font-size:0.7em; }
			.Letra06 { font-size:0.5em; }
			.Letra05 { font-size:0.4em; }
		}

		@media screen and (max-width:450px) {			
			.Letra40 { font-size:4em; }
			.Letra35 { font-size:3.5em; }
			.Letra30 { font-size:3em; }
			.Letra28 { font-size:2.8em; }
			.Letra26 { font-size:2.2em; }
			.Letra24 { font-size:2em; } 
			.Letra22 { font-size:1.8em; }
			.Letra20 { font-size:1.6em; }
			.Letra18 { font-size:1.4em; }
			.Letra16 { font-size:1.2em; }
			.Letra14 { font-size:1.1em; }
			.Letra12 { font-size:1em; }
			.Letra10 { font-size:0.8em; } 
			.Letra08 { font-size:0.6em; }
			.Letra06 { font-size:0.4em; }
			.Letra05 { font-size:0.3em; }
		}


	/* Iframe responsive */
	.iframeResponsive { text-align: center; position: relative; /* padding-bottom: 25%; */ overflow: hidden; /* valores originales para responsive bueno --> margin: 50px auto 50px auto; width: 90%; max-width: 640px; min-height: 300px; */ margin:-105px auto -52px auto; width:100%; max-width:1370px; min-height:878px;  }
		/* elegimos el formato para el iframe. Ej.: formato 3:2 --> (2/3)*100 = 66.66% --> 100%-66.66%=33.34% */
		.digital { padding-bottom: 43.75%; } /* 16:9 */
		.analogico { padding-bottom: 25%; } /* 4:3 */
	.iframeResponsive iframe { position: absolute; display: block; top:0; left: 0; width: 100%; height: 100%; border: 0; }


	/* efecto neon */
	.LetraNeon {
		color: #fff;
		margin-top: 30%;
		text-shadow:
			0 0 5px rgba(0,178,255,1),
			0 0 10px rgba(0,178,255,1),
			0 0 20px rgba(0,178,255,1),
			0 0 40px rgba(38,104,127,1),
			0 0 80px rgba(38,104,127,1),
			0 0 90px rgba(38,104,127,1),
			0 0 100px rgba(38,104,127,1),
			0 0 140px rgba(38,104,127,1),
			0 0 180px rgba(38,104,127,1);
	}

	.Neon {
		background-color: #fff;
		box-shadow:
			0 0 5px rgba(0,178,255,1),
			0 0 10px rgba(0,178,255,1),
			0 0 20px rgba(0,178,255,1),
			0 0 40px rgba(38,104,127,1),
			0 0 80px rgba(38,104,127,1),
			0 0 90px rgba(38,104,127,1),
			0 0 100px rgba(38,104,127,1),
			0 0 140px rgba(38,104,127,1),
			0 0 180px rgba(38,104,127,1);
	}

	.LetraNoNeon { text-shadow:none; }
	.NoNeon { box-shadow:none; }


	/* Girar imagenes, como si una fuera la contraportada de la otra */
    .flip { height: 200px; width: 200px; position: relative; transition: all 1s ease; transform: perspective(600px); transform-origin: 100% 50%; transform-style: preserve-3d; }
    .flip:hover { transform: perspective(600px) rotateY(-180deg) translateX(100%); }

    .flip .flip-1, .flip .flip-2 { position: absolute; backface-visibility: hidden; }
    .flip .flip-2 { transform: rotateY(-180deg); } 



    /* Formas geometricas */
	.TrianguloIzquierda { width: 0; height: 0; border-right: 13px solid #838383; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: relative; bottom: 6%; }
		.TrianguloIzquierda:hover { border-right: 13px solid #68ccf8; }
	.TrianguloDerecha { width: 0; height: 0; border-left: 13px solid #838383; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: relative; bottom: 6%; }
		.TrianguloDerecha:hover { border-left: 13px solid #68ccf8; }
	.Circulo { border-radius:100px; }

	/* Cuadrado */
	.Cuadrado { padding: 1em; }
	.Cuadrado:before { content:""; display:block; padding-top:100%; }


	/* mostrar puntos suspensivos cuando el texto supere la caja */
	.Ellipsis { width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


	/* Popup */
	/* HTML
	<div id="popup" class="PopupPsinnova"> <!-- cambiar clase a -PopupPsinnovaObligatoria- para popup obligatorio, como el de aviso de cookies -->
		<div class="BodyPopup">
			<div class="TituloPopup">
				<h2>Título de la ventana</h2>
				<a href="#">&times;</a>
			</div>
			<div class="ContenidoPopup">
				<p>Este es el contenido</p>
			</div>
		</div>
	</div>

	<a href="#popup">Abrir Popup</a>	
	_HTML */

	.PopupPsinnovaObligatoria { visibility: visible; opacity: 1; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; z-index: 10; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: space-evenly; }

	.PopupPsinnova { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 10; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: space-evenly; }
	.PopupPsinnova:target { visibility: visible; opacity: 1; }

	.BodyPopup { width: 50%; padding: 2%; border-radius: 15px; box-shadow: 0 0 5px #CCC; background: #FFF; position: relative; margin: 0; transition: all 5s ease-in-out; display:flex; flex-direction:column; flex-wrap: nowrap; align-items:start; justify-content: space-evenly; max-height: 90%; }
		.BodyPopup div { width:100%; }
		.TituloPopup { display:flex; flex-direction:row; flex-wrap: wrap; align-items:start; justify-content:space-between; margin-bottom: 10px; font-size: 1.4em; }
			.TituloPopup h2 { font-weight:bold; color:black; margin: 0; width: calc(100% - 50px); }
			.TituloPopup a { font-size: 5em; font-weight: bold; text-decoration: none; color: #F00; line-height: 0.25em; transition: all 200ms; width:30px; }
		.ContenidoPopup { overflow: auto; }
			.ContenidoPopup p { font-weight:normal; color:#6c6c6c; font-size:1.5em; }

	@media screen and (max-width:748px) {
		#BodyPopup { width: 80%; }
	}






/* Global */

.Control { overflow-x:hidden; }
body { font-family:dosislight, dosisregular, Arial, sans-serif; font-weight:300; /* ori font-size:62.5%; */ font-size:62.5%!important; color:#FFFFFF; height:100%; }
@media screen and (max-width:748px) {
	body { height: calc(100% - 80px); }
}

.BodyEspecial { font-size:62.5%!important; display:table; }
@media screen and (max-width:748px) {
	.BodyEspecial { display:block; }
}
	
.Contenedor { width:100%; max-width:1440px; margin:0 auto; display:table-row; }
@media screen and (max-width:748px) {
	.Contenedor { display:block; }
}
.ContenedorEspecial { width:100%; /* max-width:1440px; */ margin:0 auto; display:table-cell; }
@media screen and (max-width:748px) {
	.ContenedorEspecial { display:block; }
}

		
	/* Apoyo corporativo */
	.LetraGrisClaro { color:#838383; }
	.LetraAzul { color:#1c99cf; }
	.LetraAzulClaro { color:#8eceea; }
	.LetraAzulOscuro { color:#003d5c; }
	.LetraBlancoOscuro { color:#b4b4b4; }
	.LetraRoja { color:#f00505 }

	/*
	.LetraDosis { font-family: 'Eraser'; }
	.LetraDosisBold { font-family: 'Eraser'; }
	.LetraLCDMono { font-family: 'Calibri'; }
	.LetraLCDMonoBold { font-family: 'Calibri'; }
	.LetraLCD { font-family: 'Calibri'; }
	.LetraLCDBold { font-family: 'Calibri'; }
	*/

	.LetraDosis { font-family: 'dosisregular'; }
	.LetraDosisBold { font-family: 'dosisbold'; }
	.LetraLCDMono { font-family: 'lcdmono2normal'; }
	.LetraLCDMonoBold { font-family: 'lcdmono2bold'; }
	.LetraLCD { font-family: 'lcd2normal'; }
	.LetraLCDBold { font-family: 'lcdbold'; }

	.SombraAzul { box-shadow:0 0 10px #1c99cf; }
	.SombraAzulClaro { box-shadow:0 0 10px #8eceea; }
	.SombraBlanca { box-shadow:0 0 10px #FFFFFF; }


	.FondoGrisOscuro { background-color:#2c2c2c; }
	.FondoGris { background-color:#373737; }
	.FondoGrisClaro { background-color:#464646; }
	.FondoAzulFormula { background-color:#3a9bfc; }
	.FondoAzulClaro { background-color:#1c9cd4; }
	.FondoAzulOscuro { background-color:#003d5c; }
	.FondoNaranja { background-color:#e89139; }
	.FondoLogin { background-image:url('http://www.gamificatuempresa.com/MadRally/img/global/fondo-login.png'); background-repeat:no-repeat; background-size:cover; background-position:center top; background-color:#000000; }
	.FondoLoginDegradado { background: rgba(0, 0, 0, 0.5);
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(1, 1, 1, 0.5) 24%, rgba(2, 2, 2, 0.5) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(24%, rgba(1, 1, 1, 0.5)), color-stop(100%, rgba(2, 2, 2, 0.5)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(1, 1, 1, 0.5) 24%, rgba(2, 2, 2, 0.5) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(1, 1, 1, 0.5) 24%, rgba(2, 2, 2, 0.5) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(1, 1, 1, 0.5) 24%, rgba(2, 2, 2, 0.5) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(1, 1, 1, 0.5) 24%, rgba(2, 2, 2, 0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#636363', GradientType=0 ); }
	.ApoyoFondoLoginDegradado { background: linear-gradient(to bottom, rgba(148,148,148,0.2) 0%, rgb(18, 113, 171) 100%); }


	/* Fondos por carreras */
	/* GENERICO */
	.FondoCarrera { background-repeat:no-repeat; /* background-size:contain; */ background-size:cover; background-position:top; background-color:#2d2d2d; }
	.FondoCarreraTransparente { background:transparent; }
	@media screen and (max-width:748px) {
		.FondoCarrera { background-repeat:no-repeat; /* background-size:contain; */ background-position:top; /* background-color:rgba(45, 45, 45, 0.3); */ background-color:#2d2d2d; }
	}
	.FondoCarrera { background-repeat:no-repeat; /* background-size:contain; */ background-size:cover; background-position:top; background-color:#2d2d2d; }


	.FondoMadridMoscu { background-image:url('http://www.gamificatuempresa.com/MadRally/img/global/fondoMadridMoscu.png'); background-repeat:no-repeat; background-size:contain; background-position:center top; background-color:#2d2d2d; }
	.FondoMadridMoscuMenu { background:transparent; }
	@media screen and (max-width:748px) {
		.FondoMadridMoscuMenu { background-image:url('http://www.gamificatuempresa.com/MadRally/img/global/fondoMadridMoscu.png'); background-repeat:no-repeat; background-size:contain; background-position:center; /* background-color:rgba(45, 45, 45, 0.3); */ background-color:#2d2d2d; }
	}
	.FondoAdaptable { background-size:cover; }


	/* Fondo por pagina */
	.FondoAcademia {
		background-image: url(../img/Academia.jpg);
	}

	.FondoCarretera {
		background-image: url(../img/Foro.jpg);
	}

	.FondoDerrape {
		background-image: url(../img/Entrenamientos.jpg); background-repeat: no-repeat; background-color: #69696b; background-size: cover;
	}

/****************************************************************************************************************************************************/
/* General ******************************************************************************************************************************************/

	/* Estructura */
	.ContenedorMenuJugador { display:inline-block; width:165px; float:left; height:100%; z-index:10; display:table-cell; }
	.ContenedorMenuGeneral { display:inline-block; width:calc(99% - 165px); height:auto; float:right; padding:15px 0 0 0; }
	.ApoyoContenido { display:inline-block; width:calc(99% - 165px); }
		.BloqueCentral { display:inline-block; width:72%; }
		.BloqueDerecha { display:inline-block; width:27%; /* cambiamos el margin para que llegue hasta abajo - margin:82px 0 0 0; */ margin:159px 0 0 0; }
		.BloqueUnico { display:inline-block; width: calc(100% - 20px); margin: 10px 10px 0 10px; padding: 10px 15px; min-height:326px; }

	@media screen and (min-width:749px) and (max-width:1000px) {
		.BloqueCentral { display:inline-block; width:63%; }
		.BloqueDerecha { display:inline-block; width:36%; }
	}
	@media screen and (max-width:748px) {
		.ContenedorMenuJugador { position:fixed; bottom:0; height:auto; width:100%; float:none; }
		.ContenedorMenuGeneral { position:fixed; top:0; width:100%; height:65px; float:none; background-color: #2d2d2d; padding:15px 0 0 25px; z-index:10; }
		.ApoyoContenido { display:block; width:98%; margin:75px auto 0 auto; }
			.BloqueCentral { display:block; width:98%; margin:80px auto 0 auto; }
			.BloqueDerecha { display:block; width:98%; margin:30px auto 0 auto; padding:0 0 75px 0; }
			.BloqueUnico { min-height:1px; }
	}




/****************************************************************************************************************************************************/
/* Cabecera *****************************************************************************************************************************************/



/****************************************************************************************************************************************************/
/* Menu *********************************************************************************************************************************************/

	/* Menu Jugador - el de la izquierda */
	.ContenedorMenuJugador {  } /* linea 249 */
		.LogoMenuJugador { margin:15px auto 30px auto; }
		.EscudoMenuJugador { width:100px; border-radius:50px; }
		.ContenedorInfoMenuJugador {  }
			.NombreJugador { padding:15px; margin:0; }
			.EquipoJugador { padding:5px 15px; margin:0; }
			.PosicionJugador { font-size:32px; padding:15px; margin:0; }
			.LabelPosicionJugador { padding:0px 15px; margin:0; }
			.GananciasJugador { padding:15px 15px 45px 15px; margin:0; }

			.IconosMenuJugador { display:block; } 
			.IconosMenuJugadorDashboard { display:block; margin-bottom:85px; } /* margin para cuadrar fondo */
			.BloqueIconoMenuJugador {  }
				.BloqueIconoMenuJugador img { display:block; margin:0 auto; }
				.BloqueIconoMenuJugador a { text-align: center; color: #FFFFFF; }
					.BloqueIconoMenuJugador a:hover { color:#838383; }
				.BloqueIconoMenuJugador a p { text-align: inherit; margin: 0 0 20px 0; color: inherit; }
			.BloqueIconoMenuJugadorEspecial {  }
				.BloqueIconoMenuJugadorEspecial p { padding:0 10px; }
				.AlturaBoton { vertical-align:top; min-height:160px; }
			@media screen and (max-width:748px) {
				.IconosMenuJugador { display:flex; display:-webkit-flex; flex-wrap: wrap; flex-direction:row; -webkit-flex-direction:row; align-items:center; justify-content: space-evenly; }
				.IconosMenuJugadorDashboard { display:flex; display:-webkit-flex; flex-wrap: wrap; flex-direction:row; -webkit-flex-direction:row; align-items:center; justify-content: space-evenly; margin-bottom:0; } /* quitamos el margin en movil para cuadrar fondo */
				.BloqueIconoMenuJugador { display:inline-block;  }
					.BloqueIconoMenuJugador img { display:block; margin:0 auto; }
					.BloqueIconoMenuJugador a { margin: 0 auto; text-align: center; margin: 0 0 20px 0; }
				.BloqueIconoMenuJugadorEspecial { display:none;  }
			}

	


	/* Menu General - el de arriba */
	.ContenedorMenuGeneral {  } /* linea 250 */
		.ContenedorMenuGeneralIzq { margin:10px 0 0 0; }
			.BloqueIconoMenuGeneral { display:inline-block; margin-right:25px; }
				.BloqueIconoMenuGeneral img { display:inline-block; }
				.BloqueIconoMenuGeneral a { display:inline-block; margin:4px 0 0 0; vertical-align:top; }
					.BloqueIconoMenuGeneral a:hover { color: #FFFFFF; }
		.ContenedorMenuGeneralDer { float:right; padding:0 35px 0 0; }
			.ContenedorMenuGeneralDer span { display:inline-block; }
					.ContenedorAcademiaEntrenamiento { display:block; width:98%; margin:5px auto; }

		.FondoMenu { background-repeat:no-repeat; background-size:cover; background-position:top; background-color:transparent; background-image:none; }

	@media screen and (max-width:748px) {
		.BloqueIconoMenuGeneral { display:block; text-align:center; font-size:1.4em; }
			.BloqueIconoMenuGeneral img { display:inline-block; width:50px; }
			.BloqueIconoMenuGeneral a { display:inline-block; margin: 10px 0 0 10px; vertical-align: top; min-width: 112px; text-align: left; }

		.FondoMenu { background-color:#2d2d2d; background-image:url('../img/fondo-1.jpg'); }
	}

	.ApoyoCierreMenu { font-size:3em; padding:15px 30px; margin: 0 0 20% 0; }


	.MenuGeneralMobile { display:inline-block; }
	@media screen and (max-width:748px) {
		.MenuGeneralMobile { display:none; position:fixed; width:100%; height:100%; max-width:1440px; margin:0 auto; top:0; left:0; z-index:10; }
	}






/****************************************************************************************************************************************************/
/* Home *********************************************************************************************************************************************/


	.ContenedorObjetivosMensuales { padding:10px 15px; margin:40px 0 15px 0; min-height:79px; } /* min-height para cuadrar fondo */
		.ContenedorObjetivosMensuales p { display:block; margin: 0; }
			.ContenedorObjetivosMensuales p span { display: block; margin: 0 20px 5px 0; }

	@media screen and (max-width:748px) {
		.ContenedorObjetivosMensuales { min-height:1px; }  /* min-height para cuadrar fondo */
	}


	.ContenedorDescripcionCarrera { margin: 15px 0 0 0;  padding: 0 15px; min-height:508px; } /* min-height para cuadrar fondo */
		.LabelEtapa { margin: 30px 0 5px 0; }
		.LugarFechaEtapa p { display:inline-block; margin:0; }
		.LugarEtapa { font-size:3.6em; }
		.FechaEtapa { padding:0 0 0 10px; }
		.DescripcionEtapa { min-height:158px; width: 100%; max-width: 700px; }
			.DescripcionEtapa a { color:#c6c6c6; text-decoration:underline; }
			.DescripcionEtapa a:hover { color:#FFFFFF; text-decoration:none; }


		.ContenedorIconoDescripcionEtapa { width:45px; }
			.IconoDescripcionEtapa { position: relative; top: 0px; }
		.ContenedorTextoDescripcionEtapa { width: calc(100% - 50px); }
			.ContenedorTextoDescripcionEtapa a { margin-left:10px; }

	@media screen and (max-width:748px) {
		.ContenedorDescripcionCarrera { min-height:1px; }  /* min-height para cuadrar fondo */
	}



	.TituloBloqueDerecha { padding:10px; margin:0; }
		.ContenedorAcademia, .ContenedorEntrenamientos, .ContenedorGraficaCarrera { border-radius:7px; }

		.ContenedorAcademiaCurso { display: block; width: 94%; margin: 10px auto; border-radius: 7px; }
			.ContenedorAcademiaCurso p { margin: 0; padding: 10px; width: calc(100% - 60px); }
			.ContenedorAcademiaCurso img { float:right; position:relative; top:5px; right:10px; }
		.ContenedorAcademiaApoyo { max-height:300px; }

		/* cambiar color del scroll */
  		/* Tamaño del scroll */
		.ContenedorAcademiaApoyo::-webkit-scrollbar {
		  width: 8px;
		  height: 8px;
		}

		 /* Estilos barra (thumb) de scroll */
		.ContenedorAcademiaApoyo::-webkit-scrollbar-thumb {
		  background: #ccc;
		  border-radius: 4px;
		}

		.ContenedorAcademiaApoyo::-webkit-scrollbar-thumb:active {
		  background-color: #999999;
		}

		.ContenedorAcademiaApoyo::-webkit-scrollbar-thumb:hover {
		  background: #b3b3b3;
		  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
		}

		 /* Estilos track de scroll */
		.ContenedorAcademiaApoyo::-webkit-scrollbar-track {
		  background: #e1e1e1;
		  border-radius: 4px;
		}

		.ContenedorAcademiaApoyo::-webkit-scrollbar-track:hover, 
		.ContenedorAcademiaApoyo::-webkit-scrollbar-track:active {
		  background: #d4d4d4;
		}





		/* Estilos barra (thumb) de scroll general */
		.ElderScroll::-webkit-scrollbar-thumb {
		  background: #ccc;
		  border-radius: 4px;
		}

		.ElderScroll::-webkit-scrollbar-thumb:active {
		  background-color: #999999;
		}

		.ElderScroll::-webkit-scrollbar-thumb:hover {
		  background: #b3b3b3;
		  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
		}

		 /* Estilos track de scroll */
		.ElderScroll::-webkit-scrollbar-track {
		  background: #e1e1e1;
		  border-radius: 4px;
		}

		.ElderScroll::-webkit-scrollbar-track:hover, 
		.ElderScroll::-webkit-scrollbar-track:active {
		  background: #d4d4d4;
		}



		.ContenedorAcademiaEntrenamiento { display: block; width: 94%; margin: 10px auto; border-radius: 7px; }
			.ContenedorAcademiaEntrenamiento p { margin: 0; padding: 10px; width: calc(100% - 60px); }
			.ContenedorAcademiaEntrenamiento img { float:right; position:relative; top:5px; right:10px; }


	.ContenedorGraficaCarrera { width: 96%; margin: 0 auto; display: block; padding: 0 0 10px 0; }
		.SituacionCarrera {  }
			.NivelBarra { height:15px; background-color:#525252; width: 90%; margin: 0 auto 45px auto; }
				.Barra { height:15px; background-color:#68ccf8; }
				.Barra2 { height:15px; background-color:#dd0b4e; }

			.NivelIconos { position:relative; height:75px; width: 90%; margin: 0 auto; }
				.ApoyoTitle { position:absolute; }

			.IndicadorGrafica { height:25px; position:absolute; height: 23px; position: absolute; background-color: #8c8989; width: 1px; top: 52px; }
			.IndicadorGraficaJugador { height:25px; position:absolute; height: 23px; position: absolute; background-color: #3a9bfc; width: 1px; top: 52px; }

			.CocheEstandar { top:23px; }
			.CocheJugador { top:-29px; z-index: 3; }
			.IconoMeta { top:26px; }


	@media screen and (max-width:748px) {
		.ContenedorGraficaCarrera { width: 100%; }
	}




	/* Pregunta dashboard */

	.BloquePreguntaDashboard { padding-bottom:30px; }
	.ApoyoBloquePreguntaDashboard { padding-bottom:30px; /* margin-left:-30px; */ }
		.TxtPregunta { margin:40px 5px 30px 5px; }
		.TxtRespuesta { padding:5pt; margin:5px; border-radius:5px; }
			.TxtRespuesta span { font-weight:bold; margin:0 10pt 0 0; }
		.TiempoPreguntaDashboard { bottom:5%; right:4%; }
			.TiempoPreguntaDashboard p { margin:0; }
			.TiempoPreguntaDashboard img {  }

	@media screen and (max-width:748px) {
		.ApoyoBloquePreguntaDashboard { margin-left:0px; }
	}


	/* Puntos pregunta dashboard */
	.BloqueIzqPuntosPregunta {  }
		.PuntosPregunta { font-size:5em; padding: 20pt; text-align: center; border: 4px solid #8eceea; }
			.PuntosPregunta span { font-size: 0.4em; margin: 0; display: block; }

	.BloqueDerPuntosPregunta { width: calc(100% - 140px); padding:0 25px; }



	/* Popup */
	.ContenedorPopup { z-index:5; width:96%; margin:2%; }
	.CierrePopup { top: 25px; right: 30px; font-size: 3.5em; margin: 0; }

	.ApoyoContenedorPopup { width:80%; max-width:555px; }

	.Centrar50 { margin:50px auto; }

	.Input { width: 90%; border: 0; padding: 5pt 10pt; margin:15pt 0; }



	/* Tooltip en la grafica de la carrera */
	div.ApoyoTitle:hover {
	    cursor: help;
	}
	div.ApoyoTitle span {
	    display: none;
	}
	div.ApoyoTitle:hover span {
	    padding: 5px 20px 5px 5px;
	    display: block;
	    z-index: 10;
	    left: 0px;
	    margin: 10px;
	    width: 120px;
	    position: relative;
	    text-decoration: none;
	    font-size: 1.4em;
	}

		.CocheEstandar span { bottom: 0px; background-color:#373737; border:#c0c0c0 1px solid; }
		.CocheJugador span { top: 18px; background-color:#2c2c2c; border: #FFFFFF 3px solid; }








/****************************************************************************************************************************************************/
/* Pie **********************************************************************************************************************************************/



/****************************************************************************************************************************************************/
/* Paginas ******************************************************************************************************************************************/


	/* Migas de pan **************************************************************************************************************************/
	.BloqueMigasDePan {  }
		.BloqueMigasDePan p { vertical-align:top; }
		.AtrasMigasDePan { font-size:4em; margin:0 16px 0 0; position: relative; bottom: 14px; }
		.TextoMigasDePan { margin:0; }

		.JugadoresMigasDePan { margin: 0; position: relative; bottom: 21px; padding-left: 35px; }




	/* Login *********************************************************************************************************************************/

	.ColumnaCentralLogin { max-width: 500px; }

	.ApoyoColumnaCentralLoginInterior { width: 80%; margin:0 auto; max-width:400px; }
	.ColumnaCentralLoginInterior { width: 100%; }
		.ColumnaCentralLoginInterior tr {  }
			.ColumnaCentralLoginInterior tr td { padding:0 4%; }
			.ColumnaCentralLoginInterior tr:last-child td { padding:0; }

	.BloqueImagenArribaLogin { height:136px;  }
	.BloqueImagenAbajoLogin { height:92px;  }

	.LogoTopLogin {  }
		.LogoTopLogin img { margin:10px auto; }

	.CajaLogin { /*padding:50px 0 0 0;*/ }
		.LogoClienteLogin { margin:0 0 15% 0; }		
		.InputTxt { margin:0 auto 10px auto; border-radius: 5px; background-color: #FFF; border: 0; padding: 5px 10px; }
			.UsernameLogin {  }
			.PasswordLogin {  }
		.CajaLogin > form > input { width:96%; }
		.RecuerdameLogin {  }
		.BloqueOpcionesLogin { width:96%; margin: 10px auto 20px auto; }

	.FondoBlancoLogin { background-color: rgba(255, 255, 255, 0.8); }

	.CajaBottomLogin { padding: 10px 25px 20px 25px; }

	.ApoyoLoginDegradado { width:3px; height:40%; position:absolute; left:0; bottom:0; }


	/* Registro *****************************************************************************************************************************/

	.ColumnaCentralRegistro { max-width: 800px; }
	.ApoyoColumnaCentralRegistroInterior { width: 80%; margin:0 auto; max-width:600px; }

	.TextoRespuestaFormulario p { line-height:26px; }

	.BloqueOpcionesRegistro { margin:0 12px; }

	.MagicForm {  }



	.TrianguloIzquierdaRegistro { width: 0; height: 0; border-right: 13px solid #FFFFFF; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: relative; bottom: -3px; margin-left:5px; display:inline-block; }
		.TrianguloIzquierdaRegistro:hover { border-right: 13px solid #68ccf8; }
	.TrianguloDerechaRegistro { width: 0; height: 0; border-left: 13px solid #FFFFFF; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: relative; bottom: -3px; margin-right:5px; display:inline-block; }
		.TrianguloDerechaRegistro:hover { border-left: 13px solid #68ccf8; }



	/* Mi perfil ****************************************************************************************************************************/


		.TituloMiPerfil { z-index:2; }

	.BloqueMiAvatar { width: 49%; display: inline-block; padding:10px 15px; }

		.FlechaDerecha { padding:0 10px; }
		.FlechaIzquierda { padding:0 10px; }

		.BloqueCoche {  }
			.Fondo { z-index:1; }
			.Coche { z-index:2; }

		.BloqueColor { width:38px; height:38px; }
			.BloqueColor div { width: 30px; height: 30px; margin: 3px; }
				.Transparente { background-color: transparent; }
				.Azul { background-color: #0099cc; }
				.Rojo { background-color: #ff3300; }
				.Amarillo { background-color: #ffcc00; }
				.Verde { background-color: #669933; }
				.Rosa { background-color: #cc3366; }
		.ColorActivo { border: 1px #FFF solid; }

		.ContenedorMostrarMejoras {  }
		.BloqueMostrarMejoras { width:33%; max-width:103px; }
			.Rueda {  }
			.Motor {  }
			.Aleron {  }

		.ContenedorGraficaMejoras {  }
			.BloqueGraficaMejoras {  }
			.BloqueGraficaMejoras p { margin:15px 0 5px 0; }
			.ImagenMejora img { display:block; margin:0 auto; }

		.BloqueMejora { display:table; text-align: center; }
			.MejoraMotor {  }
			.MejoraRueda {  }
			.MejoraAleron {  }
				.FlechaIzquierdaAjuste { display:table-cell; }
				.ImagenMejora { display:table-cell; }
				.FlechaDerechaAjuste { display:table-cell; }
				.BotonMejora { display:table-cell; }


	.BloqueMejoras { width: 49%; display: inline-block; padding:10px 15px; }


	.NivelBarraMiPerfil { height:15px; background-color:#525252; width: 100%; margin: 0 auto; }



	@media screen and (max-width:748px) {
		.BloqueMiAvatar { width: 100%; display: block; }
		.BloqueMejoras { width: 100%; display: block; }


			.BloqueMejora { display:block; }
				.MejoraMotor {  }
				.MejoraRueda {  }
				.MejoraAleron {  }
					.FlechaIzquierdaAjuste { display:inline-block; }
					.ImagenMejora { display:inline-block; }
					.FlechaDerechaAjuste { display:inline-block; }
					.BotonMejora { display:block; margin:0 0 30px 0; }
	}


	

	/* Clasificacion */

	.ContenedorClasificacionGeneral { width:49%; display:inline-block; padding:15px; float:left; }
	.ContenedorClasificacionEtapas { width:49%; display:inline-block; padding:15px; float:right; margin-top:0px; }

	@media screen and (max-width:1248px) {
		.ContenedorClasificacionGeneral { width:100%; display:block; }
		.ContenedorClasificacionEtapas { width:100%; display:block; margin-top:25px; }
	}


	.TituloClasificacion { margin:2px 0 15px 0; }

	.BloqueClasificacion { margin:5px 0; }
		.BloqueClasificacion p { margin:0 20px; padding-top: 0px; display:flex; align-items:center; }
		.CajaJugadorClasificacion { }
		
		.CajaImgPodioClasificacion {  }
		.PosicionCajaJugadorClasificacion { font-size: 3em; text-align: left; height: auto; vertical-align: middle; min-width:50px; }
		.NombreCajaJugadorClasificacion { margin-left:0!important }
		.ImgCajaJugadorClasificacion { width:55px; position: relative; top: 5px; }
		.ImgCajaEquipoClasificacion { width:190px; position: relative; top: 5px; }
		.EscuderiaCajaJugadorClasificacion { font-size:0.7em; color:#a8a8a8; }


		.PrimerPuesto { border:3px solid #1c99cf; }
		.SegundoPuesto { border:3px solid #8eceea; }
		.TercerPuesto { border:3px solid #FFFFFF; }

			.PrimerPuesto .ImgCajaJugadorClasificacion { box-shadow:0 0 20px #1c99cf; border:4px solid #1c99cf; }
			.SegundoPuesto .ImgCajaJugadorClasificacion { box-shadow:0 0 20px #8eceea; border:4px solid #8eceea; }
			.TercerPuesto .ImgCajaJugadorClasificacion { box-shadow:0 0 20px #FFFFFF; border:4px solid #FFFFFF; }

			.PrimerPuesto .NombreCajaJugadorClasificacion { color: #1c99cf; }
			.SegundoPuesto .NombreCajaJugadorClasificacion { color: #8eceea; }
			.TercerPuesto .NombreCajaJugadorClasificacion { color: #FFFFFF; }

			.EstandarPuesto .ImgPodio { visibility: hidden; }





	/* Academia */

	.TituloAcademiaPilotos { margin:20px 0 15px 0; }
	.TextoAcademiaPilotos { margin:0 0 0 0; }
		.TextoAcademiaPilotos p { margin:0 0 0 0; }

		.RecompensaAcademiaPilotosRecord { margin-right:36px; }
		.RecompensaAcademiaPilotosHabilidad {  }

	.CosteAcademiaPilotos { min-width:70px; }
		.CosteAcademiaPilotos p { margin:0; }
	.RecompensaAcademiaPilotos { min-width:100px; }
		.RecompensaAcademiaPilotos p { margin:0; }
	.Simbolo { font-size:0.7em; }

		.ContenedorImagenAcademia  { min-height:200px; }
		.ContenedorTrampaTexto { top:0; }

		/* Academia 2 */

		.ContenedorPreguntasTestAcademia { padding:25px; }

		.ContenedorPreguntaTest { width: 49%; margin: 0 auto 20px auto; }
			.PreguntaTest { font-family: 'dosisbold'; font-size:1.6em; }
			.RespuestaTest { font-family: 'dosisregular'; font-size:1.4em; margin:0 0 5px 0; cursor:pointer; border-radius:7px; padding:3px; }
				.RespuestaTest span { font-family: 'dosisbold'; padding:0 12px 0 5px; } 
			.ActivoTest { background-color:#1c99cf; }

		/* Academia 3 */

		.SeleccionTest { background-color:#464646; }
			.SeleccionTest img { width: 22px; position: relative; bottom: 2px; }


	/* Enbtrenamiento */

	.ContenedorImagenEntrenamiento { min-height:46px; }




	/* Reglamento e instrucciones */
	.BloqueReglamentoFormula { width:100%; padding:0 21px; }

		.TituloReglamento { margin:15px 0 10px 0; }
		.TextoReglamnto { margin:0 0 35px 0; }




	/* Incidencias */
	.BloqueFormularioIncidencias {width:90%; max-width:500px; }
		.BloqueFormularioIncidencias input[type="text"] { padding:7px 15px; border-radius:7px; border:0; }
		.BloqueFormularioIncidencias input[type="password"] { padding:7px 15px; border-radius:7px; border:0; }
		.BloqueFormularioIncidencias textarea { padding:7px 15px; border-radius:7px; border:0; }
		.BloqueFormularioIncidencias input[type="submit"] {  }




	/* Foro */
	.BloqueForo { padding:32px 0; }

		.InputMensajeForo { border-radius:5px; padding: 5px 50px 5px 15px; border: 0; }
			.FlechaInputMensajeForo { border-radius:5px; position: absolute; right: 1px; top: 1px; padding: 5px 10px; }
				.FlechaInputMensajeForo i { color:#a4d7ee; }


		.Bocadillo { position: relative; min-height: 21px; width: 300px; box-shadow: 1px 12px 33px rgba(0, 0, 0, 0.5); padding: 10px 15px 15px 15px; width: 45%; margin-bottom: 42px; }
			.BocadilloIzquierda { background-color:#003d5c; border-radius: 5px 5px 5px 0px; margin-right: auto; margin-left: 0; }
				.BocadilloIzquierda:before { content: ''; position: absolute; bottom: -31px; left: 0; border-right-color: transparent; border-bottom: 33px solid transparent; border-top: 0px solid transparent; border-left: 39px solid #003d5c; }

			.BocadilloDerecha { background-color:#1c9cd4; border-radius: 5px 5px 0px 5px;margin-left: auto; margin-right: 0; }
				.BocadilloDerecha:before { content: ''; position: absolute; bottom: -31px; right: 0; border-left: 0; border-bottom: 33px solid transparent; border-top: 0px solid transparent; border-right: 39px solid #1c9cd4; }

			.BocadilloCabecera {  }
				.BocadilloUser {  }
					.BocadilloUser img { width:42px; margin: 0 12px 0 0; }
				.BocadilloHora {  }
					.BocadilloHora p { margin:0; }
			.BocadilloTexto { margin: 0 0 15px 0; }

		.SeparadorMensajeForo {  }


	@media screen and (min-width:749px) and (max-width:900px) {
			.Bocadillo { width: 65%; }

	}
	@media screen and (max-width:748px) {
		.Bocadillo { width: 80%; }
	}


	

	/* Premios */

	.ContenedorPremios {  }

	.CajaPremios { padding:25px; }

		.BloquePremio { max-width:305px; }
			.SegundaLineaPremios {  }
				.SegundaLineaPremios p { margin:0 15px 0 0; display: inline-block; }


		.ImagenPremio { border: 2px solid #1c99cf; margin: 0 0 12px 0; background-color: #ffffff; max-width:100%;  }

		.TextoPremio {padding:0 0 0 8px; }
			.TextoPremio img { float:left; width:40px; }
			.TextoPremio p { margin:0; padding:0 0 0 50px; }



	/* Detalle movimientos */
	.BloqueCarreraDetalleMovimiento { max-width: 500px; margin:20px 0px; }

	.BloqueInactivo { background-color:#8eceea; border:3px solid #FFFFFF; }
		.BloqueInactivo p { color:#FFFFFF; }
	.BloqueActivo { background-color:#FFFFFF; border:3px solid #8eceea; }
		.BloqueActivo p { color:#8eceea; }

		.BloqueTituloCarreraDetalleMovimiento { background-color:#3a9bfc; border:3px solid #FFFFFF; padding:0 15px; }
			.BloqueTituloCarreraDetalleMovimiento p { color:#FFFFFF; }
			.NombreTituloCarreraDetalleMovimiento {  }
			.GuionTituloCarreraDetalleMovimiento {  }
			.PuntosTituloCarreraDetalleMovimiento {  }

		.BloqueContenidoCarreraDetalleMovimiento { border: 3px solid #FFFFFF; border-top: 0; padding: 0 15px; }
			.BloqueContenidoCarreraDetalleMovimiento p {  }
			.NombreContenidoCarreraDetalleMovimiento {  }
			.PuntosContenidoCarreraDetalleMovimiento {  }




	/* eventos */
	.ContenedorAlerta { max-width: 400px; margin: 0 auto; width: 90%; padding:32px; }
	.RuedaContenedorAlerta { top:10px; right:10px; }

	.TituloAlerta { margin:0 50px; }
	.TextoAlerta { margin:15px 0; }



	/* reto */

		/* Ciudades europeas */

		.TituloRetoResultado {  }

		.TablaFormCiudades {  }
			/* img */
			.FotoCiudadImg { width:80px; }
			.ContenedorFotoCiudadImg { width:90px; position:relative; }
					.ContenedorFotoCiudadImg label { position:relative; z-index:2; }
					.ContenedorFotoCiudadImg input { position:absolute; z-index:1; bottom: 3px; left: 13px; }
			/* input text */
			.InputTextCiudades { width: 100%; font-size: 1.4em; padding: 6px 10px; }
			/* text */
			.TextoInputFile { margin:0; }
			/* submit */
			.InputSubmitCiudades { background-color: #1c9cd4; border:1px solid #1c9cd4; color:#FFFFFF; font-size: 1.6em; padding: 7px 15px; border-radius: 3px; }
				.InputSubmitCiudades:hover { background-color:transparent; border:1px solid #1c9cd4; color:#1c9cd4; }
				.InputSubmitCiudades:active { position:relative; top:2px; }

		.ContenedorPortfolio { width: 20%; margin: 0 2%; overflow:hidden; }
		.ImgPortfolio { width:100%; opacity:1; }
		.TextoPortfolio {  }
			.TextoPortfolio h3 { line-height: 1.2!important; font-size: 12px; display: inline-block; margin: 0px 0px 15px 0px; width: 100%; padding: 5px 10px; border-radius: 0 3px 3px 0; color: white; text-align: center; font-weight: normal; }


			.ContenedorPortfolio:hover .ImgPortfolio { opacity:0.6; }

			@media screen and (min-width:749px) and (max-width:1200px) {
				.ContenedorPortfolio { width:30%; margin:0 auto; }

					.TextoPortfolio h3 a { font-size:1em; }
			}

			@media screen and (min-width:401px) and (max-width:748px) {
				.ContenedorPortfolio { width:46%; margin: 0 auto; }

					.TextoPortfolio h3 a { font-size:1em; }
			}
			@media screen and (min-width:1px) and (max-width:400px) {
				.ContenedorPortfolio { width:90%; margin:0 5%; }

					.TextoPortfolio h3 a { font-size:1em; }
			}	




	/* Encuesta */
	.CajaRespuestas { width:30%; background-color: #d5d5d512; margin: 10px 0; border-radius: 5px; padding: 10px; }
		.CajaRespuestas label { display:inline-block; font-size:1.2em; }
			/*.CajaRespuestas label input { margin: 0 5px; position: relative; top: 2px; }*/
	.TextoEncuesta { width:100%; padding:10px 5px; margin:10px 0; }


	@media screen and (min-width:649px) and (max-width:900px) {
		.CajaRespuestas { width: 45%; margin:10px auto; }
	}
	@media screen and (max-width:648px) {
		.CajaRespuestas { width: 90%; margin:10px auto; }
	}


	/* Inscripcion */
	.ContenedorRegalos { max-width:500px; margin:0 auto; }
		.ContenedorRegalos img { margin:20px; }






/****************************************************************************************************************************************************/
/* Apoyo ********************************************************************************************************************************************/



	.FelixMenosCabecera { height: calc(100% + 21px); }
	@media screen and (max-width:748px) {
		.FelixMenosCabecera { height: calc(100% - 65px); }
	}




		/* Botones */

		.Boton { padding:8px 55px 5px 55px; border-radius:7px; font-size:20px; cursor:pointer; max-width:100%; }
		.Boton:hover { }
		.Boton:active { position:relative; top:2px; }

		.BotonPeq { padding:8px 21px 5px 21px; border-radius:7px; cursor:pointer; width:auto; }
		.BotonPeq:hover { }
		.BotonPeq:active { position:relative; top:2px; }

		.BotonResponsive { padding:8px 0 5px 0; border-radius:7px; font-size:2.2em; width:100%; }
		.BotonResponsive:hover { }
		.BotonResponsive:active { position:relative; top:2px; }

		.BotonEspecial { padding:8px 0 5px 0; border-radius:7px; font-size:2.2em; width:90%; margin:20px auto 197px auto; }
		.BotonEspecial:hover { }
		.BotonEspecial:active { position:relative; top:2px; }

		.BotonAzul { border:2px solid #1c9cd4; color:#1c9cd4; background-color:transparent; }
		.BotonAzul:hover { border:2px solid #1c9cd4; color:#FFFFFF; background-color:#1c9cd4; }

		.BotonRosa { border:2px solid #dd0b4e; color:#dd0b4e; background-color:transparent; }
		.BotonRosa:hover { border:2px solid #dd0b4e; color:#FFFFFF; background-color:#dd0b4e; }
		.BotonRosa2 { border:2px solid #dd0b4e; color:#FFFFFF; background-color:#dd0b4e; }

		.BotonVerde { border:2px solid #0bdd6d; color:#0bdd6d; background-color:transparent; }
		.BotonVerde:hover { border:2px solid #0bdd6d; color:#FFFFFF; background-color:#0bdd6d; }
		.BotonVerde2 { border:2px solid #0bdd6d; color:#FFFFFF; background-color:#0bdd6d; }
		
		.BotonFondoAzul { border:2px solid #1c9cd4; color:#FFFFFF; background-color:#1c9cd4; }
		.BotonFondoAzul:hover { border:2px solid #1c9cd4; color:#1c9cd4; background-color:#FFFFFF; }

		.BotonAire { padding: 0px 10px; margin: 20px; }

		/* Formas geometricas */
		.TrianguloIzquierda { width: 0; height: 0; border-right: 13px solid #838383; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: relative; bottom: 6%; }
			.TrianguloIzquierda:hover { border-right: 13px solid #68ccf8; }
		.TrianguloDerecha { width: 0; height: 0; border-left: 13px solid #838383; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: relative; bottom: 6%; }
			.TrianguloDerecha:hover { border-left: 13px solid #68ccf8; }
		.Circulo { border-radius:100px; }




		/* checkbox personalizado */
		.container {
			position: relative;
			padding-left: 25px;
			margin: 0;
			cursor: pointer;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		/* Hide the browser's default checkbox */
		.container input {
			position: absolute;
			opacity: 0;
			cursor: pointer;
			height: 0;
			width: 0;
		}

		/* Create a custom checkbox */
		.checkmark {
			position: absolute;
			top: 0;
			left: 0;
			height: 15px;
			width: 15px;
			background-color: transparent;
			border-radius: 100px;
			border: 1px solid white;
		}

		/* On mouse-over, add a grey background color */
		.container:hover input ~ .checkmark {
			background-color: #ccc;
		}

		/* When the checkbox is checked, add a blue background */
		.container input:checked ~ .checkmark {
			background-color: #2196F3;
		}

		/* Create the checkmark/indicator (hidden when not checked) */
		.checkmark:after {
			content: "";
			position: absolute;
			display: none;
		}

		/* Show the checkmark when checked */
		.container input:checked ~ .checkmark:after {
			display: block;
		}

		/* Style the checkmark/indicator */
		.container .checkmark:after {
			/* v1
			left: 6px;
			top: 1px;
			width: 5px;
			height: 10px;
			*/

			left: 7px;
			top: -8px;
			width: 3px;
			height: 17px;


			border: solid white;
			border-width: 0 3px 3px 0;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}