@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,900');

html{
	overflow-x: hidden!important; /*patch left*/
	font-family: 'Montserrat', sans-serif;
}

/***************************************/
/********  FUENTES *********************/
/***************************************/

.Montserrat300{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}

.Montserrat400{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.Montserrat700{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

.Montserrat900{
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}




.Raleway300{
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
}

.Raleway400{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

.Raleway700{
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

.Raleway900{
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}






/*--*/



.tit_seccA{
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 44px;
}

.tit_seccB{
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 44px;
}




.parrafo_seccA{
	font-family: 'Montserrat';
	font-weight: 300;
	font-size: 25px;
}


.titulo_1{
	color:#1b3046;
	font-size: 40px;
	font-weight: 700;
}

.titulo_2{
	color:#1b3046;
	font-size: 50px;
	font-weight: 300;
}


.titulo_1a{
	color:#1b3046;
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
}


.titulo_2a{
	color:#454545;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-align: center !important;
	line-height: 40px;
}

.parrafo_standard_white{
	color:white;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: 1.5;

}


.parrafo_standard_gray{
	color:#777;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.5;

}

.titulos_footer{
	color: #fff;
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 20px;
}

@media only screen and (max-width: 900px) {


}

@media only screen and (max-width: 768px) {


}

@media only screen and (max-width: 576px) {

}

@media only screen and (max-width: 290px) {

	.titulo_1a{
		color:#be002e;
		font-size: 20px;
		line-height: 20px;
		font-weight: 700;
		text-align: center;
	}

}





/***************************************************************/
/************* NAV MOBILE BAR ORIGINAL && mediaquery ***********/
/***************************************************************/





/****************************************/
/************ NAV NORMALx *********/
/****************************************/

.nav_big_bg{
	height:0;
	z-index: 99;
	position: fixed;
  	top: 20px;

  	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;
}

.nav_big_caja{
	background-color: none;
	height:80px;
}

.nav_logo_big{
	z-index: 99;
	background-color:none;
	background-image:url("../img/logo_nav1.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: bottom;

}



.nav_big_menu{
	background-color: none;
	height:80px;
}

.nav_lista {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    background-color: none;
    font-size: 20px;
    float: right;
    

}

li {
    float: right;


}

li a {
    display: block;
    color:#8a8a8a;
    text-align: center;
    padding-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    height: 80px;
    text-decoration:none;
    font-family: 'Raleway', sans-serif;
	font-weight: 300;




    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease

}

li a:hover {
    /*background-color: #111;*/
    color:#dba9c6 !important;
    text-decoration:none;
    font-family: 'Raleway', sans-serif;
	




    

}

/*&&&&&&&&&  MEDIA QUERY NAV &&&&&&&&&&&*/


@media only screen and (max-width: 1200px) {

	.nav_lista {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    /*overflow: hidden;*/
	    background-color: none;
		font-size: 15px;
    	float: right;
    	font-family: 'Questrial', sans-serif;
		font-weight: 700;
	}

	li a {
    display: block;
    color: #c1c1c1;
    text-align: right;
    padding-top: 30px;
    margin-left: 8px;
    margin-right: 8px;
    height: 70px;
    text-decoration:none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease

	}




}


@media only screen and (max-width: 991px) {

	.nav_lista {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    /*overflow: hidden;*/
	    background-color: none;
	    font-size: 15px;
	    float: right;
	    font-family: 'Questrial', sans-serif;
		font-weight: 700;


	}


	li a {
    display: block;
    color: #c1c1c1;
    text-align: center;
    padding-top: 30px;
    margin-left: 8px;
    margin-right: 8px;
    height: 70px;
    text-decoration:none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease

	}




}



@media only screen and (max-width: 767px) {

	.nav_big_bg{
		display: none;
	}
}



/**************************/
/*** CABEZA CONTENEDOR ***/
/*************************/


.cabeza_contenedor{
	height: 500px;
	width: 100%;
	background-color: none;
	background-image:url("../img/cabeza_diseno.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center;
}


.cabeza_contenedor_a{
	height: 500px;
	width: 100%;
	background-color: none;
	background-image:url("../img/cabeza_motion.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:  cover;
	background-position: center;
}


.cabeza_contenedor_b{
	height: 500px;
	width: 100%;
	background-color: none;
	background-image:url("../img/cabeza_web.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:  cover;
	background-position: center;
}


.cabeza_contenedor_c{
	height: 500px;
	width: 100%;
	background-color: none;
	background-image:url("../img/cabeza_banners.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:  cover;
	background-position: center;
}


.cabeza_contenedor_d{
	height: 500px;
	width: 100%;
	background-color: none;
	background-image:url("../img/cabeza_elearning.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:  cover;
	background-position: center;
}



.cabeza_contenedor_e{
	height: 500px;
	width: 100%;
	background-color: none;
	background-image:url("../img/cabeza_games.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:  cover;
	background-position: center;
}



.cabeza_caja{
	height: 500px;
	width: 100%;
	background-color: none;
	
}

.cabeza_info{
	padding-top: 15%;
	margin-top: 100px;
	height: 400px;
	width: 100%;
	background-color: none;
	position: relative;
	bottom: 0;
	
}




/**************************/
/*** INTRO  ***/
/*************************/

.introduc_container{
	height: auto;
	width: 100%;
	background-color: white;
	
}


.introduc_caja{
	padding-top: 80px;
	padding-bottom: 80px;
	height: auto;
	width: 100%;

	
}


.introduc_info{
	height: auto;
	width: 100%;
	background-color: none;

}

.introduc_foto{
	height: auto;
	width: 100%;
	background-image:url("../img/img_intro01.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;

}


.introduc_foto_a{
	height: auto;
	width: 100%;
	background-image:url("../img/img_intro02.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;

}


.introduc_foto_b{
	height: auto;
	width: 100%;
	background-image:url("../img/img_intro03.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;

}


.introduc_foto_c{
	height: auto;
	width: 100%;
	background-image:url("../img/img_intro04.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;

}



.introduc_foto_d{
	height: auto;
	width: 100%;
	background-image:url("../img/img_intro05.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;

}



.introduc_foto_e{
	height: auto;
	width: 100%;
	background-image:url("../img/img_intro06.png");
	background-repeat: no-repeat;
	background-size:contain;
	background-position: center;

}



.intro_titulo_parr{
	font-family: 'Raleway';
	font-weight: 700;
	font-size: 30px;
}


.intro_cont_parr{
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 15px;
}