/*
------------------------------------------
 TABLE OF CONTENTS
------------------------------------------
	1.0 - Typo.
	2.0 - General.
	3.0 - Academy.
		3.1 - Academy PC.
		3.2 - Academy Mobile & Tablet.
		3.3 - Academy Retina.
	4.0 - Gym.
		4.1 - Gym PC.
		4.2 - Gym Mobile & Tablet.
		4.3 - Gym Retina.
	5.0 - Header.
		5.1 - Header PC.
		5.2 - Header Mobile & Tablet.
	6.0 - Footer.
		6.1 - Footer PC & Tablet.
		6.2 - Footer Mobile.
------------------------------------------
*/
@charset "UTF-8";
/*
------------------------------------------
	1.0 - Typo.
------------------------------------------
*/
@font-face {
    font-family: AileronRegular;
    src: url(../fonts/Aileron-Regular.otf);
}
@font-face {
    font-family: AileronBold;
    src: url(../fonts/Aileron-Bold.otf);
}
/*
------------------------------------------
	2.0 - General.
------------------------------------------
*/
body {
	font-family: AileronRegular;
	font-size: 22px;
	line-height: 38px;
	margin: 0px;
	padding: 0px;
}
strong {
	display: block;
	letter-spacing: 1px;
	padding: 0px 0px 25px 0px;
}
ul {
    list-style: none;
}
li:before {
    content: "";
}
#academy ul, #gym ul {
    list-style: none;
}
#academy li:before, #gym li:before {
    content: "– ";
}
/*
------------------------------------------
	3.0 - Academy.
------------------------------------------
	3.1 - Academy PC.
------------------------------------------
*/
#academy .cabecera {
	background-color: #eaeaea;
}
#academy .persona {
	background-image: url('../images/b1.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 100%;
	height: 550px;
}
#academy .logo {
	margin-top: 100px;
	width: 200px;
	height: 50px;
	background-image: url('../images/loberoacademy-logo.png');
	background-size: contain;
	background-repeat: no-repeat;
}
#academy .forma {
	margin-top: -60px;
	padding-top: 100px;
	background-image: url('../images/form1.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 600px;
}
#academy .titulo {
	font-family: AileronBold;
	font-size: 60px;
	line-height: 60px;
	padding: 0px 0px 0px 75px;
}
#academy .texto-descripcion {
	padding-top: 25px;
}
#academy .texto-descripcion-bold {
	font-family: AileronBold;
	font-size: 32px;
	line-height: 42px;
	padding: 200px 0px 110px 0px;
}
#academy .contenido {
	margin-bottom: 150px;
}
#academy .fondo1 {
	background-image: url('../images/white.png'), url('../images/img1.jpg');
	background-position: center bottom, left top;
	background-size: auto, 50% auto;
	background-repeat: repeat-x, no-repeat;
}
#academy .fondo2 {
	background-image: url('../images/white.png'), url('../images/img2.jpg');
	background-position: center bottom, right top;
	background-size: auto, 50% auto;
	background-repeat: repeat-x, no-repeat;
}
#academy .caja-contenido1 {
	margin-top: 250px;
	background-color: rgba(0,0,0,0.8);
}
#academy .caja-contenido2 {
	margin-top: 350px;
	background-color: rgba(0,0,0,0.8);
}
#academy .titulo-caja-contenido {
	margin-top: -150px;
	margin-left: 150px;
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	font-family: AileronBold;
	font-size: 30px;
	height: 200px;
	width: 400px;
}
#academy .titulo-formacion {
	padding: 75px 0px 0px 150px;
	background-image: url('../images/formacion-icon.png');
}
#academy .titulo-pruebas {
	padding: 55px 0px 0px 150px;
	background-image: url('../images/pruebas-icon.png');
}
#academy .texto-caja-contenido {
	color: #ffffff;
	padding: 40px 50px 75px 150px;
	font-size: 20px;
}
#academy .pruebadeacceso {
	margin-bottom: 150px;
	font-size: 20px;
}
#academy .pruebadeaccesoicono {
	width: 100%;
	max-width: 180px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
#academy .bordeazul {
	border-top: 20px solid #7fe6dd;
	margin-bottom: 50px;
}
#academy .borderosa {
	border-top: 20px solid #ffade6;
	margin-bottom: 50px;
}
#academy .bordenaranja {
	border-top: 20px solid #ffc780;
	margin-bottom: 50px;
}
/*
------------------------------------------
	3.1 - Academy Mobile & Tablet.
------------------------------------------
*/
@media screen and (max-width: 992px) {
	#academy .logo {
	    margin-top: 25px;
	    width: 125px;
	    height: 50px;
	}
	#academy .persona {
		background-position: center top;
		background-size: auto 100%;
		height: 250px;
	}
	#gym .texto-descripcion-bold {
		padding: 200px 0px 100px 100px;
	}
   	#academy .forma {
		background-position: center top;
		background-size: auto 90%;
	}
	#academy .contenido {
		background-size: 100% auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	#academy .caja-contenido1 {
		margin-top: 150px;
		background-color: rgba(0,0,0,0.8);
	}
	#academy .caja-contenido2 {
		margin-top: 150px;
		background-color: rgba(0,0,0,0.8);
	}
	#academy .fondo1 {
		background-image: none;
		background-position: left top;
	}
	#academy .fondo2 {
		background-image: none;
		background-position: right top;
	}
	#academy .titulo-caja-contenido {
		margin-top: -160px;
		margin-left: 0px;
		background-position: center center;
		height: 200px;
		width: auto;
		text-align: center;
	}
	#academy .texto-caja-contenido {
		padding: 25px 30px 40px 30px;
	}
	#academy .titulo-formacion {
		padding: 0px;
		padding-top: 75px;
	}
	#academy .titulo-pruebas {
		padding: 0px;
		padding-top: 75px;
	}
}
@media screen and (max-width: 500px) {
	#academy .persona {
		background-position: 75px top;
	}
}
/*
------------------------------------------
	3.2 - Academy Retina.
------------------------------------------
*/
@media only screen and (min-moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	#academy .persona {
		background-image: url('../images/b1.png');
	}
	#academy .logo {
		background-image: url('../images/loberoacademy-logo@2x.png');
	}
	#academy .forma {
		background-image: url('../images/form1.png');
	}
	#academy .fondo1 {
		background-image: url('../images/white.png'), url('../images/img1.jpg');
	}
	#academy .fondo2 {
		background-image: url('../images/white.png'), url('../images/img2.jpg');
	}
	#academy .titulo-formacion {
		background-image: url('../images/formacion-icon@2x.png');
	}
	#academy .titulo-pruebas {
		background-image: url('../images/pruebas-icon@2x.png');
	}
}
/*
------------------------------------------
	4.0 - Gym.
------------------------------------------
	4.1 - Gym PC.
------------------------------------------
*/
#gym .cabecera {
	background-color: #eaeaea;
}
#gym .persona {
	background-image: url('../images/b2.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 100%;
	height: 500px;
}
#gym .logo {
	margin-top: 100px;
	width: 200px;
	height: 50px;
	background-image: url('../images/loberogym-logo.png');
	background-size: contain;
	background-repeat: no-repeat;
}
#gym .forma {
	margin-top: -60px;
	padding-top: 100px;
	background-image: url('../images/form2.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 600px;
}
#gym .titulo {
	font-family: AileronBold;
	font-size: 60px;
	line-height: 60px;
	padding: 0px 0px 0px 40px;
}
#gym .texto-descripcion {
	padding-top: 25px;
}
#gym .texto-descripcion-bold {
	font-family: AileronBold;
	font-size: 32px;
	line-height: 42px;
	padding: 300px 0px 100px 0px;
}
#gym .clases {
	margin-bottom: 200px;
	background-image: url('../images/white.png'), url('../images/clases-im.jpg');
	background-position: center bottom, right center;
	background-size: auto, 60% auto;
	background-repeat: repeat-x, no-repeat;
}
#gym .titulo-clases {
	margin-top: 150px;
	margin-left: 250px;
	margin-bottom: 200px;
	background-image: url('../images/clases.png');
	background-position: 50px center;
	background-size: contain;
	background-repeat: no-repeat;
	font-family: AileronBold;
	font-size: 30px;
	height: 200px;
	padding: 50px 0px 0px 0px;
}
#gym .clase {
	height: 300px;
	padding-left: 30px;
	color: #fff;
	font-family: AileronBold;
}
#gym .clase1 {
	padding-top: 110px;
	background-image: url('../images/musc.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 30px top;
}
#gym .clase2 {
	padding-top: 130px;
	background-image: url('../images/rosa.png'), url('../images/tono.jpg');
	background-repeat: no-repeat, no-repeat;
	background-size: auto, cover;
	background-position: left 125px, 30px top;
}
#gym .clase3 {
	padding-top: 130px;
	background-image: url('../images/verde.png'), url('../images/quemagrasas.jpg');
	background-repeat: no-repeat, no-repeat;
	background-size: auto, cover;
	background-position: left 125px, 30px top;
}
#gym .tipoclases {
	font-family: AileronBold;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 150px;
	font-size: 18px;
	line-height: 25px;
}

#gym .bordeazul {
	border-top: 20px solid #80a1e8;
	margin-bottom: 50px;
}
#gym .borderosa {
	border-top: 20px solid #fe63ba;
	margin-bottom: 50px;
}
#gym .bordeverde {
	border-top: 20px solid #77ec6e;
	margin-bottom: 50px;
}
#gym .iconoclases {
	width: 100%;
	max-width: 75%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
/*
------------------------------------------
	4.2 - Gym Mobile & Tablet.
------------------------------------------
*/
@media screen and (max-width: 992px) {
	#gym .logo {
	    margin-top: 40px;
	    width: 125px;
	    height: 50px;
	}
	#gym .persona {
		background-position: center top;
		background-size: auto 100%;
		height: 250px;
	}
	#gym .texto-descripcion-bold {
		padding: 200px 0px 150px 0px;
	}
   	#gym .forma {
		background-position: center top;
		background-size: auto 90%;
	}
	#gym .clases {
	background-image: none;
		background-size: 100% auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	#gym .titulo-clases {
		margin-top:  0px;
		margin-left: 0px;
		margin-bottom: 50px;
		background-position: center center;
		height: 200px;
		width: auto;
		text-align: center;
		padding: 0px;
		padding-top: 75px;
	}
	#gym .clase {
		height: 300px;
		padding-left: 0px;
	}
	#gym .clase1 {
		padding-top: 110px;
		background-image: url('../images/tono.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	#gym .clase2 {
		padding-top: 130px;
		background-image: url('../images/musc.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	#gym .clase3 {
		padding-top: 130px;
		background-image: url('../images/quemagrasas.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	#gym .iconoclases {
		width: 100%;
		max-width: 60%;
	}
}
@media screen and (max-width: 500px) {
	#gym .persona {
		background-position: 100px top;
	}
}
/*
------------------------------------------
	4.2 - Gym Retina.
------------------------------------------
*/
@media only screen and (min-moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	#gym .persona {
		background-image: url('../images/b2.png');
	}
	#gym .logo {
		background-image: url('../images/loberogym-logo@2x.png');
	}
	#gym .forma {
		background-image: url('../images/form2.png');
	}
	#gym .clases {
		background-image: url('../images/white.png'), url('../images/clases-im@2x.jpg');
	}
	#gym .titulo-clases {
		background-image: url('../images/clases.png');
	}
	#gym .clase1 {
		background-image: url('../images/musc@2x.jpg');
	}
	#gym .clase2 {
		background-image: url('../images/rosa.png'), url('../images/tono@2x.jpg');
	}
	#gym .clase3 {
		background-image: url('../images/verde.png'), url('../images/quemagrasas@2x.jpg');
	}
	@media screen and (max-width: 992px) {
		#gym .clase1 {
			background-image: url('../images/tono@2x.jpg');
		}
		#gym .clase2 {
			background-image: url('../images/musc@2x.jpg');
		}
		#gym .clase3 {
			background-image: url('../images/quemagrasas@2x.jpg');
		}
	}
}
/*
------------------------------------------
	5.0 - Header.
------------------------------------------
	5.1 - Header PC & Tablet.
------------------------------------------
*/
header .social a {
	display: none;
}
@media only screen and (min-width: 1170px) {
	header {
		width: 100%;
		height: 50px;
		background-color: rgba(0,0,0,0.8);
		margin-bottom: 0em;
		padding-top: 5px;
	}
	header .social {
		letter-spacing: 1px;
	}
	header .social a {
		display: inline;
		color: #fff;
		font-size: 17px;
		margin: 0px 0px 0px 20px;
	}
}
/*
------------------------------------------
	5.2 - Header Mobile.
------------------------------------------
*/
@media screen and (max-width: 768px) {}
/*
------------------------------------------
	6.0 - Footer.
------------------------------------------
	6.1 - Footer PC & Tablet.
------------------------------------------
*/
footer {
	font-family: AileronBold;
	margin-bottom: 50px;
}
footer .contacto {
	text-align: right;
	font-size: 35px;
	margin-bottom: 30px;
}
footer .social {
	letter-spacing: 10px;
	margin: 20px 0px 0px 0px;
}
footer .social a {
	color: #333;
	font-size: 25px;
}
footer .email {
	padding-top: 35px;
	text-align: left;
	font-size: 25px;
}
footer .tlf {
	text-align: right;
	font-size: 25px;
}
footer.margen {
	margin-bottom: 200px;
}
/*
------------------------------------------
	6.2 - Footer Mobile.
------------------------------------------
*/
@media screen and (max-width: 768px) {
	footer .contacto {
		text-align: left;
		font-size: 30px;
		margin-bottom: 15px;
	}
	footer .social {
		letter-spacing: 15px;
		text-align: center;
	}
	footer .social a {
		color: #333;
		font-size: 40px;
	}
	footer .email {
		padding-top: 0px;
		text-align: left;
		font-size: 20px;
	}
	footer .tlf {
		text-align: left;
		font-size: 20px;
	}
}