/*
	HOME
*/
.home{
	font-family: 'GothamRounded-Book';
	color: #e1f3fc;
}
.home::before{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	left: 0px;
	top: 0px;
	background: #ffd300;
    z-index: 10;
}
.home .fdo{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #303030;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.home .fdo .over{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #6600ff;
	background: -moz-linear-gradient(left,  #6600ff 0%, #00c3ff 100%);
	background: -webkit-linear-gradient(left,  #6600ff 0%,#00c3ff 100%);
	background: linear-gradient(to right,  #6600ff 0%,#00c3ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6600ff', endColorstr='#00c3ff',GradientType=1 );
	opacity: 0.5;
}
.home .head{
	position: absolute;
	width: 100%;
	top: 50px;
	text-align: center;
	-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
    filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
}
.home .head .ba{
	position: absolute;
	width: 193px; 
	height: 55px;
	left: 60px;
	top: 8px;
	background: url(../images/home_ba.svg) left top no-repeat;
	background-size: contain;
}
.home .head .logo{
	display: inline-block;
	width: 455px; 
	height: 95px; 
	background: url(../images/home_logo.svg) center top no-repeat;
	background-size: contain;
}
.home .head .login{
	position: absolute; 
	height: 30px;
	right: 60px;
	top: 20px;
	padding-right: 40px;
	/*padding-top: 6px;*/
	display: flex;
	justify-content: center;
	flex-direction: column;
	background: url(../images/home_login.svg) right center no-repeat;
	background-size: auto 30px;
	color: #e1f3fc;
	font-size: 18px;
	line-height: 18px;
}

.btn_user{
	position: absolute;	
	right: 60px;
	top: 20px;	
	border-radius: 100%;
}
.btn_user .dropdown-toggle span{
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
	float: right;
	height: 30px;
	margin-right: 10px;
	font-size: 18px;
	line-height: 18px;
}
.btn_user .img{
	position: relative;
	float: right;
	width: 30px;
	height: 30px;	
	border-radius: 100%;
	overflow:hidden;
	-webkit-transition: all 250ms ease-out;
	  -moz-transition: all 250ms ease-out;
	  -o-transition: all 250ms ease-out;
	  -ms-transition: all 250ms ease-out;
	  transition: all 250ms ease-out;
	  background: url(../images/home_logueado.svg) center center no-repeat;
	  background-size: cover;
}
.btn_user.open .img{
	opacity:0.75;
}
.btn_user span{
	margin-right: 10px;
}
.btn_user .dropdown-menu {
	width: 200px;
	max-width: 250px;
	margin: 0px;
	top: 40px;
    left: auto;
    right: 0px;
    background: rgba(225,243,252,0.9);
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: right;
    color: #303030;
}
.btn_user .dropdown-menu li{
	padding: 10px 15px;
}
.btn_user .dropdown-menu a{
	padding: 0px;
	color: rgba(48,48,48,0.6)!important;
}
.btn_user .dropdown-menu a:hover{
	color: rgba(48,48,48,1)!important;
	background: transparent!important;
}


.home .head a:hover{
	opacity: 0.85;
}
.home .btns{
	position: absolute;
	width: 100%;
	padding: 0px 50px;
	padding-bottom: 25px;
	top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.home .btns h1{
	margin: 0px;
	margin-bottom: 40px;
	line-height: 36px;
	-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
    filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
}
.home .btns .area{
	display: inline-block;
	position: relative;
	margin: 0px 20px;
}
.home .btns br{
	display: none;
}
.home .btns .area .img{
	position: relative;
	float: left;
	width: 125px;
	height: 125px;
	border-radius: 125px;
	-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.25));
    filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.25));
}
.home .btns .area .ico{
	position: absolute;
	opacity: 0.8;
}
.home .btns .area .over{
	/*display: none;*/
	opacity: 0;
}
/*.home .btns .area:hover .ico{
	display: none;
}
.home .btns .area:hover .over, .home .btns .area:hover span{
	display: block;
}
.home .btns .area .img{	
}*/
.home .btns .area.empleo .ico{
	background: url(../images/home_area_empleo.svg) center center no-repeat;
}
.home .btns .area.empleo .over{
	background: url(../images/home_area_empleo_over.svg) center center no-repeat;
}
.home .btns .area.empre .ico{
	background: url(../images/home_area_empre.svg) center center no-repeat;
}
.home .btns .area.empre .over{
	background: url(../images/home_area_empre_over.svg) center center no-repeat;
}
.home .btns .area.arte .ico{
	background: url(../images/home_area_arte.svg) center center no-repeat;
}
.home .btns .area.arte .over{
	background: url(../images/home_area_arte_over.svg) center center no-repeat;
}
.home .btns .area.volunt .ico{
	background: url(../images/home_area_volunt.svg) center center no-repeat;
}
.home .btns .area.volunt .over{
	background: url(../images/home_area_volunt_over.svg) center center no-repeat;
}
.home .btns .area.becas .ico{
	background: url(../images/home_area_becas.svg) center center no-repeat;
}
.home .btns .area.becas .over{
	background: url(../images/home_area_becas_over.svg) center center no-repeat;
}
.home .btns .area span{
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	top: 140px;
	padding: 5px 15px;
	padding-top: 8px;
	background-color: rgba(20,20,20,0.9);
	font-family: 'GothamRounded-Book';
	font-size: 18px;
	border-radius: 5px;
	color: white;
	display: none;
}
.home .btns .area span::before{
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 10px;
	left: 0px;
	top: -9px;
	background: url(../images/tooltip_arrow.svg) center center no-repeat;
}
.home .footer{
	position: absolute;
	width: 100%;
	padding: 0px 50px;
	bottom: 40px;
	font-size: 18px;
	background: none;
	text-align: center;
	-webkit-filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
    filter: drop-shadow(0px 2px 3px rgba(0,0,0,0.15));
}
.home .footer .dgpj{
	display: none;
}
.home .footer a{
	color: white;
}
.home .footer a:hover{
	opacity: 0.75;
}

.fancybox-lock .fancybox-overlay {    
    overflow-y: hidden!important;
    background: rgba(0,0,0,0.5)!important;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25)!important;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25)!important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25)!important;
}
.fancybox-close {
	background-color: #6600ff; 
}







@media (max-width: 1100px){

	.home .head{
		top: 40px;
	}
	.home .head .logo {
	    width: 410px;
	    height: 90px;
	}
	.home .head .ba {
	    width: 158px;
	    height: 54px;
	    left: 40px;
	}
	.home .head .login {
		right: 40px;
	}
	.home .head .btn_user {
		right: 40px;
	}

}


@media (max-width: 992px){

	.home .head{
		top: 30px;
	}
	.home .head .logo {
	    width: 320px;
	    height: 70px;
        margin-left: 60px;
	}
	.home .head .ba {
	    width: 122px;
	    height: 42px;
	    left: 30px;
	}
	.home .head .login {
		right: 30px;
	}
	.home .head .login span {
		display: none;
	}
	.home .head .btn_user {
		right: 30px;
	}
	.home .head .btn_user span {
		display: none;
	}
	.home .btns {
	    padding: 0px 25px;
	    padding-bottom: 30px;
	}
	.home .btns h1 {
	    font-size: 30px;
	    line-height: 30px;
	    margin-bottom: 30px
	}
	.home .btns .area{
		margin: 0px 15px;
		margin-bottom: 40px;
		margin-bottom: 20px;
	}
	.home .btns .area .img {
	    width: 100px;
	    height: 100px;	 	
	}
	.home .btns .area span{
	    /*display: block!important;*/
	    display: none!important;
	    background: none;
	    margin-top: 0px!important;
	    padding: 0px;	    
	    top: auto;
	    bottom: -25px;
	    font-size: 16px;
	    line-height: 16px;
	    color: rgba(225,243,252,0.9);
	}
	.home .btns .area span::before{
		display: none;
	}

}


@media (max-width: 768px){

	.home .head .logo {
	    width: 228px;
	    height: 50px;
        margin-left: 60px;
	}
	.home .head .ba {
	    width: 88px;
	    height: 30px;	    
	}
	.home .head .login {
	    top: 5px;
	}
	.home .head .btn_user {
	    top: 5px;
	}
	.home .btns h1 {
	    font-size: 24px;
	    line-height: 24px;
	    margin-bottom: 25px;
	}
	.home .btns .fila_1{
		display: block;
	}
	.home .btns .area {
	    margin: 0px 10px;
	    margin-bottom: 10px;
	}
	.home .btns .area .img {
	    width: 90px;
	    height: 90px;	 	
	}
	.home .footer {
	    font-size: 16px;
	    padding: 0px 15px;
	}
	.home .footer .dir {
	    display: none;
	}
	.home .footer .dgpj {
	    display: inline;
	}

}


@media (max-width: 480px){

	.home .head{
		top: 15px;
	}
	.home .head .logo {
	    width: 178px;
	    height: 30px;
	    background-position: center top;
	    background-size: cover;
        margin-left: 12px;
	}
	.home .head .ba {
	    width: 37px;
	    height: 20px;
	    left: 15px;  
	    top: 4px;
	    background-image: url(../images/home_ba_resp.svg);
	}
	.home .head .login {
		height: 22px;
		right: 15px;
	    top: 5px;	    
		background-size: auto 22px;
	}
	.home .head .btn_user {		
		right: 15px;
	    top: 5px;
	}
	.home .head .btn_user .img{		
		width: 22px;
		height: 22px;
	}
	.home .head .btn_user .dropdown-menu {		
	    top: 32px;
	}
	.home .btns{
    	padding-left: 0px;
    	padding-right: 0px; 
    }
	.home .btns h1 {
	    font-size: 20px;
	    line-height: 26px;
	}
	.home .btns h1 b{
		display: block;
	}
	.home .btns .area {
	    margin: 0px 5px;
	    margin-bottom: 10px;
	}	
	.home .btns .area .img {
	    width: 70px;
	    height: 70px;	 	
	}
	.home .footer {
		bottom: 15px;
	    font-size: 14px;
	}
	.home .footer .sep {
	    /*display: none;*/
	}
	.home .footer .redes {
	    /*display: block;*/
	}

}