@charset "UTF-8";
/* CSS Document */

.mapa_hubs_container{
	position: relative;
	right: 0%;
	width: 125%;
	top: -153px;
}

#SOUTH,
#WEST,
#CENTRAL,
#NORTH,
#EST_1_{
	opacity: 0;
}

.partners_fichas_row .hub_container_item{
	position: absolute;
	opacity: 0;
}

.pt_close_btn{
	border:none;
}

.pt_close_btn:active{
	border:1px solid #999;;
}

.row_btns {
	width: 100%;
}

.row_btns p{
	margin-bottom: 0;
}

#btn_central{
	color: #4faaa9;
}

#btn_west{
	color: #84b64e;
}

#btn_east{
	color: #8fc2ec;
}

#btn_north{
	color: #491a51;
}

#btn_south{
	color: #2e3d86
}

#btn_south,
#btn_central,
#btn_east,
#btn_west,
#btn_north{
	background-color: transparent;
	border: 0;
	text-align: left;
	line-height: 1.1em;
	
}

#btn_south:hover,
#btn_central:hover,
#btn_east:hover,
#btn_west:hover,
#btn_north:hover{
	opacity: 0.7;
}


/****** hubs ****/

.hubs div.kc_col-of-5{
	width: 20%!important;
	margin-right: 0!important;
}

.hubs .blau_hubs h2{
	color: #FFF;
	font-weight: 300;
}

.inner_row_hub_btns{
	width: 100%
}

.hubs .blau_hubs{
	position: relative;
	z-index: 99;
}

.row_btns{
	position: relative;
	z-index: 2;
}

.row_btns button:focus {outline:0;}

.hub_container_item{
	width: 400px!important;
	position: absolute;
	top: -930px;
	left: -80px
}

.hub_window{
	position: relative;
	width: 100%;
}

.hub_info_cont{
	position: absolute;
	top: 47%;
	width: 87%;
	padding: 0 21px 0 28px;
	-webkit-box-shadow: -2px 25px 37px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: -2px 25px 37px 1px rgba(0,0,0,0.2);
	box-shadow: -2px 25px 37px 1px rgba(0,0,0,0.2);
	background-color: #fff;
	height: auto;
	margin-left: 23px;
	border-bottom-right-radius: 25px;
	min-height: 250px;
}

.pt_close_btn{
	top: 40px;
	position: absolute;
	right: 45px;
}

.hub_item_title{
	font-weight: 600;
	font-size: 17px;
	margin-top: 12px;
}

.hub_central .hub_item_title{
	color: #4faaa9;
}

.hub_west .hub_item_title{
	color: #84b64e;
}

.hub_east .hub_item_title{
	color: #8fc2ec;
}

.hub_north .hub_item_title{
	color: #491a51;
}

.hub_south .hub_item_title {
	color: #2e3d86
		
}

.hub_item_text{
	font-size: 15px
}


@media screen and (min-width:1024px) and (max-width:1199px){
	
/*	.hubs .mapa_hubs_container{
		max-width: 942px;
		overflow: hidden;
		right: 21px;
	}
		
	.hubs .mapa_hubs_container svg{
		width: 135%;
		margin-top: -85px;
		margin-left: 65px;
	}
	*/
	.hubs .hub_container_item{
		top: -830px;
	}
	
	
}

@media screen and (min-width:768px) and (max-width:989px){
	.hubs .hub_container_item{
		top: -600px;
	}
	
	.hub_container_item {
    	width: 300px !important;
	}
	
	.hub_info_cont{
		margin-left: 17px;
	}
	
}




@media screen and (min-width:414px) and (max-width:767px){
	
	
	.hubs .hub_container_item{
		opacity: 1 !important;
		position: static;
		float: none;
		margin-left: -20px;
		width: 360px !important;
		margin: 0 auto;
		display: block;
	}
	
	.pt_close_btn{
		display: none!important;
	}
	
/*	.hubs .mapa_hubs_container {
		position: relative;
		right: 18%;
		width: 150%;
		top: -63px;
	}
	
	.hub_container_item {
   		 width: 370px !important;
		top: -136px;
		left: -50px;
	}*/
}

@media screen and (min-width:300px) and (max-width:413px){
	.hubs .hub_container_item{
		opacity: 1 !important;
		position: static;
		float: none;
		width: 320px !important;
		margin: 0 auto;
		display: block;
	}
	
	.pt_close_btn{
		display: none!important;
	}
	
	.hub_info_cont{
		top: 47%;
		width: 87.5%;
		padding: 0 22px 0 28px;
		margin-left: 18px;
	}
	
	.hubs .hub_container_item:nth-child(4){
		height: 475px;
	}
	
}