*{
	margin:0;
	-moz-box-sizing:border-box;	
	-ms-box-sizing:border-box;	
	-o-box-sizing:border-box;	
	-webkit-box-sizing:border-box;	
	box-sizing:border-box;	
}


@font-face {
  font-family: "Bebas";
  src: local("../fonts/BebasNeue-Regular.otf"),
  url("../fonts/BebasNeue-Regular.eot") format("eot"),
  url("../fonts/BebasNeue-Regular.otf") format("opentype"),
  url("../fonts/BebasNeue-Regular.woff") format("woff"),
  url("../fonts/BebasNeue-Regular.ttf") format("truetype"),
  url("../fonts/BebasNeue-Regular.svg#BebasNeue-Regular") format("svg");
}

body{
	background-color:#000;
	color:#fff;
	font-family: "Bebas", Verdana, Arial;
	font-size:1em;
}
.fondo{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1284px;
}

.bg-index{
	background-image: url("../images/bg.jpg");
}

.bg-quienes{
	background-image: url("../images/empresa.jpg");
}

.bg-futbol{
	background-image: url("../images/futbol.jpg");
}

.bg-motor{
	background-image: url("../images/motor.jpg");
}

.bg-box-mma{
	background-image: url("../images/box-mma.jpg");
}

img{
	border:0;
}

.wrapper{
	margin:0 auto;
	width:1020px;
}

.active,
.inactive{
	background-color:#E80000;
	border-radius: .5em;
	margin-left: .2em;
	padding:.2em 1em;
}

.active2{
	background-color:#E80000;
}

.active3{
	background-color:rgba(255,255,255,.2);
}

.inactive{
	background-color:transparent;
}

.inactive:hover{
	background-color: #2b2b2b;
}

/*------------------------- HEADER --------------------*/

header{
	padding:.5em 1em;
	overflow: hidden;
}

header .logo{
	float:left;
	width:150px;
}

header .right{
	float:right;
	text-align: right;
}

header .right .buttons{
	background-image: url("../images/linea.png");
	background-position: bottom right;
	background-repeat: no-repeat; 
	padding:1em 1em 0 1em;
}

header .right .buttons a{
	color:#fff;
	display:inline-block;
	font-weight: bold;
	margin-left: .5em;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	letter-spacing:.08em;
}

header .right nav ul{
	padding:1em 0;
}

header .right nav ul li{
	list-style: none;
	display:inline-block;
	letter-spacing:.08em;
}

header .right nav ul li a{
	color:#fff;
	text-decoration: none;
}

/*--------------------------- CONTENIDO -------------------*/

.principal{
	min-height: 500px;
}

.principal h1{
	display:block;
	padding-left: .3em;
	font-size:2em;
	font-weight: normal;
	letter-spacing:.08em;
}

.principal h1 > span{
	color:#E80000;
}

.principal .content-left, 
.principal .content-right{
	display:inline-block;
	vertical-align: top;
	width:200px;
}

/*-------------------- SUBMENUS ---------------------*/

.principal .content-left{
	margin-bottom: 1em;
	margin-top: 1em;
}

.principal .content-left ul{
	margin:0;
	padding:0;
	padding-top:2em;
}

.principal .content-left ul li{
	display:block;
	margin-bottom: .5em;
	letter-spacing:.08em;
}

.principal .content-left ul li a{
	padding:.5em 1em;
	display:block;
	text-decoration: none;
	color:#fff;
}

.principal .content-left ul li a:hover{
	background-color:rgba(255,255,255,.2);
}

.principal .content-left ul li a.active2:hover{
	background-color:#E80000;
}



/* sub-submenu futbol */

.principal .menu-left ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	letter-spacing: 0;
} 

.principal .menu-left .subsub{
	margin:0;
	padding:0;
	padding-left: 1.5em;
	font-size: 1.3em; 	
}

.principal .menu-left .subsub li a:before {
    content: "•";
    color: #fff;
    margin-right: 1em;
}

/*-------------------- CONTENIDO DERECHA ---------------------*/

.principal .content-right{
	border-left: 1px solid rgba(255,255,255,.3);
	width:780px;
	min-height:500px;
	padding:2em;
	padding-right: 0;
	margin-left:-2px;
	margin-bottom:1em;
}

.principal .content-right h2{
	margin-bottom: 1em;
	letter-spacing:.08em;
}

.principal .content-right p,
.principal .content-right ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	text-align: justify;
	line-height: 1.5;
	letter-spacing:.02em;
}

.principal .content-right ul{
	padding:1em;
}

.principal .content-right ul li{
	padding:.3em 0;
}

.principal .content-right img{
	width:100%;
}

#pagina{
	color:#fff;
	float:right;
	font-size:.8em;
	text-decoration: none;
	padding:.1em .4em;
	border-radius: 50%;
}

#pagina:hover{
	color:#fff;
	background-color: #E80000;

}


/*----------- EQUIPO DE TRABAJO ---------*/

.equipo-info{
	display:block;
	vertical-align: top;
	padding:.5em;
}

.equipo-info h4{
	letter-spacing: .1em;
}


/*----------- FIN EQUIPO DE TRABAJO ---------*/

/* pagina de videos de cada jugador*/

.principal .content-right .jugador-video{
	width:322px;
	height: 182px;
	display:inline-block;
	vertical-align: top;
	margin:1em;
	border:1px solid #000;
}

/* fin pagina de videos de cada jugador*/

/*------- Jugadores -------*/

.principal .content-right .jugador{
	width:164px;
	height:226px;
	position:relative;
	overflow: hidden;
	display:inline-block;
	vertical-align: top;
	margin:.25em;
	border:1px solid #000;
}

.principal .content-right .jugador:hover > .jugador-hover{
	opacity:1;
}

.principal .content-right .jugador:hover > img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.principal .content-right .jugador > img{
    transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
}

.principal .content-right .jugador .jugador-hover{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	width:164px;
	height:226px;
	background-color:rgba(0,0,0,.7);
	cursor:pointer;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	-o-transition:all .5s;
}

.principal .content-right .jugador .jugador-hover h3{
	background-color:#E80000;
	font-size:1em;
	letter-spacing: .1em;
	padding:.5em 0;
	margin-top:3.5em;
}

.principal .content-right .jugador .jugador-hover p{
	text-align: center;
	font-style: italic;
	margin-top:1em;
}

.principal .content-right .jugador .jugador-hover img{
	width:20px;
	margin-top:2em;
}

.principal .content-right .jugador .jugador-modal{
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index: 9999;
	background-color: rgba(0,0,0,.6);
}

.jugador .jugador-modal .ventana{
	position:absolute;
	z-index: 1600;
	top:10%;
	left:-375px;
	margin-left:50%;
	width:750px;
	background-color: #000;
	padding:.5em;
	border-radius: 1em;
	overflow: hidden;
	text-align: center;
	box-shadow: 3px 3px 10px rgba(255,255,255,.5),
				-3px -3px 10px rgba(255,255,255,.5);
}

.jugador .jugador-modal .ventana h3{
	font-size:1.5em;
	letter-spacing: .1em;
	margin-bottom:1.5em;
}

.jugador .jugador-modal .ventana h4{
	color:#E80000;
	font-size:1em;
	letter-spacing: .1em;
}

.jugador .jugador-modal .ventana ul{
	list-style: none;
}

.jugador .jugador-modal .ventana .jugador-cerrar{
	background-image:url("../images/cerrar.png");
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	cursor:pointer;
	position:absolute;
	top:1em;
	right:1em;
}

.jugador .jugador-modal .ventana ul{
	text-align: left;
	font-size:.8em;
}

.jugador .jugador-modal .ventana .jugador-content,
.jugador .jugador-modal .ventana .video{
	display:inline-block;
	vertical-align:top;
	padding:1em;
}

.jugador .jugador-modal .ventana .jugador-content{
	width:47%;
	border-right:1px solid rgba(255,0,0,.5);
	margin-bottom:.5em;
}

.jugador .jugador-modal .ventana .jugador-carrera p{
	padding:.5em 1em;
}

.jugador .jugador-modal .ventana #enlace{
	color:#fff;
	text-decoration: none;
	background-color: #E80000;
	padding:.2em .8em;
	border-radius: .5em;
	font-size:.8em;
	letter-spacing: .1em;
}

/*------- FIN Jugadores -------*/

/*----------- Motor / Box-MMA ---------*/

.content-right .img-boxmma{
	padding-bottom: 1em;
	border-bottom: 1px solid rgba(255,255,255,.3)
}

.content-right .img-otros,
.content-right .img-boxmma,
.content-right .img-motor{
	width:750px;
	margin:0 auto;
	text-align: center;
}

.content-right .img-otros img,
.content-right .img-boxmma iframe,
.content-right .img-boxmma > img,
.content-right .img-motor img{
	border:1px solid #000;
}

.content-right .img-otros img,
.content-right .img-boxmma .manuel,
.content-right .img-boxmma iframe,
.content-right .img-motor .img-coches,
.content-right .img-motor .img-lancha,
.content-right .img-motor .img-avioneta{
	width:35%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	margin-bottom: 1em;
}

.content-right .img-otros img,
.content-right .img-motor .img-coches,
.content-right .img-motor .img-lancha{
	width:45%;
}

.content-right .img-boxmma iframe{
	width:55%;
	height:263px;
}

.content-right .img-mma{
	width:45%;
	display:inline-block;
	vertical-align: top;
	margin-right: 1em;
}

.content-right .img-mma > img{
	margin-bottom: 1em;
}

.content-right .apoyo-boxeo{
	display:block;
	margin-bottom:4em;
	overflow: hidden;
	margin-right: 1em;
	border-bottom:1px solid rgba(255,255,255,.3);
}

.content-right .apoyo-boxeo:last-child{
	border:0;
}

.content-right .apoyo-boxeo > img{
	float:left;
	width:180px;
	border:1px solid #000;
	margin-right: 1em;
	margin-bottom: 1em;
}

.content-right .apoyo-boxeo .img-boxeo{
	display:inline-block;
	vertical-align: top;
	width:30%;
	margin-right: 1em;
}

.content-right .apoyo-boxeo .img-boxeo img{
	margin-bottom: 1em;
}

.content-right .apoyo-boxeo .img-boxeo img.w-border{
	border:1px solid rgba(255,255,255,.3);
	margin-bottom: .85em;
}


/*----------- Fin Motor ---------*/

/*----------- Partners ---------*/

.partners{
	margin:0 1em;
	padding:1em;
}

.partners-info{
	display:inline-block;
	vertical-align: top;
	margin:1em;
	margin-bottom: 2em;
	width:28%;
}

.partners-info h4{
	letter-spacing: .1em;
}

.partners-info img{
	width:100%;
}

.partners-info h4,
.partners-info img{
	margin-bottom: .5em;
}

.partners-info p{
	font-size:.85em;
	font-family: Arial, Helvetica, sans-serif; 
	opacity:.8;
	letter-spacing:.02em;
	line-height: 1.3;
	margin-top: .5em;
	text-align: justify;
}

/*----------- FIN Partners ---------*/

/*------- Contacto -------*/

.principal .contacto{
	margin:1em 0;
	padding: 1em;
}

.principal .contacto p{
	font-size:.7em;
	font-family: Arial, Helvetica, sans-serif; 
	opacity:.8;
	letter-spacing:.02em;
	margin-top: .5em;
}

.contacto .mapa,
.contacto .formulario{
	display:inline-block;
	vertical-align: top;
}

.contacto .formulario{
	width:300px;
	margin-left:2em;
}

.contacto .formulario label{
	font-size:.8em;
	font-family: Arial, Helvetica, sans-serif; 
	letter-spacing:.02em;
	margin-top: .5em;
}

.contacto .formulario label,
.contacto .formulario input,
.contacto .formulario textarea{
	display:block;
	width:100%;
	padding:.5em;
}

.contacto .formulario input[type="submit"]{
	background:#E80000;
	color:#fff;
	font-family: "Bebas";
	font-size: 1.2em;
	letter-spacing: .05em;
	border-radius: .7em;
	margin: 1em 0;
	width:45%;
	padding:0.2em;
	cursor:pointer;
}

/*------- FIN Contacto -------*/


/*--------------------------- FOOTER --------------------------*/

footer{
	border-top:1px solid rgba(255,255,255,.3);
	padding:2em;
	overflow: hidden;
}

footer div{
	display:inline-block;
	vertical-align: top;
	padding: 0 2em;
}

footer div:first-child{
	border-right:1px solid rgba(255,255,255,.3);
	padding-left: 0;
}

footer div:last-child{
	float:right;
	padding:0;
}

footer div h3{
	font-size:.95em;
	margin-bottom: 1em;
	letter-spacing:.08em;
}

footer div p{
	font-size:.7em;
	font-family: Arial, Helvetica, sans-serif; 
	opacity:.8;
	letter-spacing:.02em;
}