*{margin:0; padding: 0; border:0;}
html, body{
	position: relative;
	height: 100%;
}
img{    max-width: 100%;}

/*
PANTALLA DE INICIO
*/
body.fondo_negro{
	background: #000;
}

/*
INICIO
*/
.inicio{
	width: 35%;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	text-align: center;
}
.inicio img{display: block;width: 100%;margin: 0 auto 50px auto;}
.inicio .col1{float: left;width: 40%;}
.inicio .col2{float: right;width: 40%;}
.inicio a{font-family: 'Varela Round', sans-serif;text-transform: uppercase;color:#fff;text-decoration: none;display: inline-block;transition: all 0.2s linear;font-size: 24px;}
	.inicio a:hover{color:#e20613;}
	

.logo_bbk{
	position: absolute;
	bottom: 5%;
	left: 5%;
	width: 170px;
}
.logo_bbk img{display: block;max-width: 100%;}


/*
CONTENIDO
*/
section{background: #fff;padding: 140px 0;z-index: 3;position: relative;}
h1{
	font-family: 'Varela Round', sans-serif;
	font-size: 28px;
	width: 273px;height: 67px;
	background: url(images/titulos.png) no-repeat;
	color:#1d1d1b;
	padding: 16px 0 16px 40px;
	margin-bottom: 30px
}
h2{
	font-family: 'Varela Round', sans-serif;
	font-size: 25px;
	color:#1d1d1b;
	margin-bottom: 30px
}
p{
	font-family: 'Varela Round', sans-serif;
	color:#1d1d1b;
	font-size: 20px;
	margin-bottom: 25px;
	line-height: 1.6;
}
body.contenido{
	background: #000 url(images/fondo_1.jpg) no-repeat center center fixed;background-size: cover;
}
.fondo_alternativo{
	width: 100%;
	height: 100%;
	background: #000 url(images/fondo_2.jpg) no-repeat center center fixed;background-size: cover;
	z-index: -1;
	opacity: 0;
	position: fixed;
	top: 0;
	left:0;
}
.separador{width: 100%;}
.logo_interior{
	position: fixed;
	top: 5%;
	left: 5%;
	width: 170px;
	z-index: 2;
}
.logo_interior img{display: block;max-width: 100%;}

.logo_gris{
	position: absolute;
	width: 200px;
	top: 0;
}
.logo_gris img{display: block;max-width: 100%;}

.logo_interior_bbk{
	position: absolute;
	bottom: 5%;
	left: 5%;
	width: 130px;
	opacity: 1;
	transition: all 0.4s ease-in-out;
}
.logo_interior_bbk img{display: block;max-width: 100%;}
.hidden-logo_interior_bbk{opacity: 0;}

/*
MENU
*/
.menu{
		position: absolute;
		right: 0;
		top:25%;
		z-index: 4;overflow: hidden;
	}
	.menu .main{
		font-family: Verdana;
		background: url(images/menu.png) no-repeat;
		color:#1d1d1b;
		padding: 10px 76px 10px 15px;
		font-size: 17px;
		float: right;cursor: pointer;
	}
	.fixed-menu {
		position: fixed;
		top: 5%;
	}
	nav{
		display: block;
		position: relative;
		right: -1000px;
	}
		nav ul{
			list-style: none;
		}
			nav ul li{
				display: block;
				margin:15px 0;position: relative;
				background: url(images/sub-menu.png) no-repeat;
			}
				nav ul li a{
					display: block;
					font-family: Verdana;
					color:#1d1d1b;
					padding: 10px 40px 10px 25px;
					font-size: 17px;
					text-decoration: none;
					position: relative;
					z-index: 1
				}
				nav ul li img{
					display: block;
					opacity: 0;
					max-width: 100%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					transition: all 0.2s linear;
				}
				nav ul li:hover > img{
					opacity: 1;
				}

.content{
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
	.content .padding_content{
		position: relative;
		padding-left: 270px;
	}
	.content ul{padding-left: 17px;}
	.content ul li{
		font-family: 'Varela Round', sans-serif;
		color:#1d1d1b;
		font-size: 20px;
		margin-bottom: 15px;
		line-height: 1.6;
		font-style: italic;
	}

.perfil{
	position: absolute;
	left: 0;
	top: 50%;
	font-family: 'Varela Round', sans-serif;
	color:#c1272d;
	font-size: 20px;
}
	.perfil img{display: block;margin-bottom: 30px;    width: 200px;}
	.perfil a{text-decoration: none;color:#1d1d1b;font-size: 22px;}
	.perfil p{color:#1d1d1b;font-size: 17px; width: 230px;}

.perfil-mobile{
	font-family: 'Varela Round', sans-serif;
	color:#c1272d;
	font-size: 20px;
	text-align: center;
}
	.perfil-mobile img{display: block;margin:0 auto 30px auto;idth:200px;}
	.perfil-mobile a{text-decoration: none;color:#1d1d1b;font-size: 22px;}
	.perfil-mobile p{color:#1d1d1b;font-size: 17px; width:80%;text-align: center;margin:0 auto;}

hr{display: block;width: 100%;margin: 90px auto;height: 1px; background: #000;}
a.apps{
	display: inline-block;
}
	a.apps:first-child{padding-right: 10%;}
	a.apps img{width: 230px;}

/*.video1{height: 900px;overflow: hidden;margin-bottom: 140px;position: relative;}
.video2{height: 900px;overflow: hidden;position: relative;}*/
.video1{max-width: 1200px; margin:0 auto;overflow: hidden;margin-bottom: 140px;}
		.video1 video{display: block;max-width: 100%;width: 100%;}
.video2{max-width: 1200px; margin:0 auto;overflow: hidden;}
		.video2 video{display: block;max-width: 100%;width: 100%;}

.play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.video1 img, .video2 img{display: block;width: 100%;}
.play a{
	color:#fff;font-family: 'Varela Round', sans-serif;font-size: 23px;text-decoration: none;
}
.play img{display: block;margin:30px auto;width: 100px;}

.mobile-hide {
	display: none !important;
}

.lang{
	text-align: right;
	padding-top: 4%;
}	
	.lang a{text-decoration: none;color:#fff;transition: all 0.2s linear;font-family: 'Varela Round', sans-serif;font-size: 18px;padding-left: 10px;}
	.lang a:hover, .lang a.current{color:#e20613;text-decoration: underline;}
.go-top{
	background: #000;
	text-align: center;
	padding: 20px 0;
}
	.go-top img{width: 50px;}

.mobilemenu{
	position: fixed;z-index: 5; top: 15%; right: 7%;width: 40px;cursor: pointer
}
	.mobilemenu img{max-width: 100%;}
.mobilemenu-options{
	position: fixed;top: 20%;z-index: 5; right: -1000px;
}
	.mobilemenu-options nav.mobilemenu-nav{
		right: -15px;
	}

@media only screen and (min-width: 320px) {
	.inicio{ width: 70%;}
		.inicio img{margin: 0 auto 25px auto;}
		.inicio .col1{float: none;width: 100%;text-align: center;margin-bottom: 25px;}
		.inicio .col2{float: none;width: 100%;text-align: center;}
	.menu{top:5%;}

	section{ padding: 70px 0; }
	.content{
		margin: 0 auto;
		padding: 0 30px;
	}
		.content .padding_content{
			padding-left: 0px;
		}

	.logo_gris {
	    position: relative;
	    width: 100%;
	    top: 0;
	}
	.logo_gris img {
	    display: block;
	    max-width: 100%;
	    margin: 0 auto 22px auto;
	    width: 150px;
	}

	a.apps:first-child{padding-right: 0%;}
	/*.video1{height:auto;margin-bottom: 40px;}
	.video2{height: auto}
	.video1 img, .video2 img{display: block;max-width: 100%;}*/
	.play a{
		color:#fff;font-family: 'Varela Round', sans-serif;font-size: 15px;text-decoration: none;
	}
	.play img{display: block;margin:10px auto;width: 80px;}
	.lang{
		text-align: right;
		position: absolute;right: 5%;
	}
}

@media only screen and (min-width: 720px) {
	.logo_bbk{width: 100px;}
	.inicio{ width: 40%;}
		.inicio img{margin: 0 auto 25px auto;}
		.inicio .col1{float: none;width: 100%;text-align: center;margin-bottom: 25px;}
		.inicio .col2{float: none;width: 100%;text-align: center;}
	.logo_interior{
		position: fixed;
		top: 5%;
		left: 5%;
		width: 120px;
		z-index: 2
	}
	.logo_interior_bbk{
		position: absolute;
		bottom: 5%;
		left: 5%;
		width: 110px;
		opacity: 1;
		transition: all 0.4s ease-in-out;
	}
	.lang{
		text-align: right;
		padding-top: 2%;    position: relative;
	}
	.logo_gris {
	    position: relative;
	    width: 100%;
	    top: 0;
	}
	.logo_gris img {
	    display: block;
	    max-width: 100%;
	    margin: 0 0 22px 0;
	    width: 150px;
	}
}
@media only screen and (min-width: 767px) {
	.mobile-hide {
		display: inherit !important;
	}
	.tablet-hide {
		display: none !important;
	}
	.lang{
		text-align: right;
		padding-top: 5%;    position: relative;
	}
	.menu{top:12%;}
}
@media only screen and (min-width: 1030px) {
	.mobile-hide {
		display: inherit !important;
	}
	.tablet-hide {
		display: inherit !important;
	}
	.desktop-hide {
		display: none !important;
	}
	/*
	INICIO
	*/
	.inicio{
		width: 35%;
		position: absolute;
		transform: translate(-50%,-50%);
		left: 50%;
		top: 50%;
		text-align: center;
	}
	.inicio img{display: block;width: 100%;margin: 0 auto 50px auto;}
	.inicio .col1{float: left;width: 40%;}
	.inicio .col2{float: right;width: 40%;}
	.inicio a{font-family: 'Varela Round', sans-serif;text-transform: uppercase;color:#fff;text-decoration: none;display: inline-block;transition: all 0.2s linear;font-size: 24px;}
		.inicio a:hover{color:#e20613;}
		

	.logo_bbk{
		position: absolute;
		bottom: 5%;
		left: 5%;
		width: 170px;
	}
	.logo_bbk img{display: block;max-width: 100%;}


	/*
	CONTENIDO
	*/
	section{background: #fff;padding: 140px 0;z-index: 3;position: relative;}
	h1{
		font-family: 'Varela Round', sans-serif;
		font-size: 28px;
		width: 273px;height: 67px;
		background: url(images/titulos.png) no-repeat;
		color:#1d1d1b;
		padding: 16px 0 16px 40px;
		margin-bottom: 30px
	}
	p{
		font-family: 'Varela Round', sans-serif;
		color:#1d1d1b;
		font-size: 20px;
		margin-bottom: 25px;
		line-height: 1.6;
	}
	body.contenido{
		background: #000 url(images/fondo_1.jpg) no-repeat center center fixed;background-size: cover;
	}
	.fondo_alternativo{
		width: 100%;
		height: 100%;
		background: #000 url(images/fondo_2.jpg) no-repeat center center fixed;background-size: cover;
		z-index: -1;
		opacity: 0;
		position: fixed;
		top: 0;
		left:0;
	}
	.separador{width: 100%;}
	.logo_interior{
		position: fixed;
		top: 5%;
		left: 5%;
		width: 170px;
		z-index: 2
	}
	.logo_interior img{display: block;max-width: 100%;}
	.logo_gris{
		position: absolute;
		width: 200px;
		top: 0;
	}
	.logo_gris img{display: block;max-width: 100%;}
	.logo_interior_bbk{
		position: absolute;
		bottom: 5%;
		left: 5%;
		width: 130px;
		opacity: 1;
		transition: all 0.4s ease-in-out;
	}
	.logo_interior_bbk img{display: block;max-width: 100%;}
	.hidden-logo_interior_bbk{opacity: 0;}

	/*
	MENU
	*/
	.menu{
		position: absolute;
		right: 0;
		top:25%;
		z-index: 4;overflow: hidden;
	}
	.menu .main{
		font-family: Verdana;
		background: url(images/menu.png) no-repeat;
		color:#1d1d1b;
		padding: 10px 76px 10px 15px;
		font-size: 17px;
		float: right;cursor: pointer;
	}
	.fixed-menu {
		position: fixed;
		top: 5%;
	}
	nav{
		display: block;
		position: relative;
		right: -1000px;
	}
		nav ul{
			list-style: none;
		}
			nav ul li{
				display: block;
				margin:15px 0;position: relative;
				background: url(images/sub-menu.png) no-repeat;
			}
				nav ul li a{
					display: block;
					font-family: Verdana;
					color:#1d1d1b;
					padding: 10px 40px 10px 25px;
					font-size: 17px;
					text-decoration: none;
					position: relative;
					z-index: 1
				}
				nav ul li img{
					display: block;
					opacity: 0;
					max-width: 100%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					transition: all 0.2s linear;
				}
				nav ul li:hover > img{
					opacity: 1;
				}

	.content{
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
	}
		.content .padding_content{
			position: relative;
			padding-left: 270px;
		}
		.content ul{padding-left: 17px;}
		.content ul li{
			font-family: 'Varela Round', sans-serif;
			color:#1d1d1b;
			font-size: 20px;
			margin-bottom: 15px;
			line-height: 1.6;
			font-style: italic;
		}

	.perfil{
		position: absolute;
		left: 22px;
		top: 50%;
		font-family: 'Varela Round', sans-serif;
		color:#c1272d;
		font-size: 20px;
	}
		.perfil img{display: block;margin-bottom: 30px;    width: 200px;}
		.perfil a{text-decoration: none;color:#1d1d1b;font-size: 22px;}
		.perfil p{color:#1d1d1b;font-size: 17px; width: 230px;}

	hr{display: block;width: 100%;margin: 90px auto;height: 1px; background: #000;}
	a.apps{
		display: inline-block;
	}
		a.apps:first-child{padding-right: 10%;}
		a.apps img{width: 230px;}

	/*.video1{height: 900px;overflow: hidden;margin-bottom: 140px;position: relative;}
	.video2{height: 900px;overflow: hidden;position: relative;}*/
	.video1{max-width: 1200px; margin:0 auto;overflow: hidden;margin-bottom: 140px;}
		.video1 video{display: block;max-width: 100%;width: 100%;}
	.video2{max-width: 1200px; margin:0 auto;overflow: hidden;}
			.video2 video{display: block;max-width: 100%;width: 100%;}
	.play{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		text-align: center;
	}
	.video1 img, .video2 img{display: block;width: 100%;}
	.play a{
		color:#fff;font-family: 'Varela Round', sans-serif;font-size: 23px;text-decoration: none;
	}
	.play img{display: block;margin:30px auto;width: 100px;}

	.lang{
		text-align: right;
		padding-top: 4%;    position: relative;
	}	
		.lang a{text-decoration: none;color:#fff;transition: all 0.2s linear;font-family: 'Varela Round', sans-serif;font-size: 18px;padding-left: 10px;}
		.lang a:hover, .lang a.current{color:#e20613;text-decoration: underline;}
}