html, body{
	margin: 0;
}
body{
	font-family: Arvo;
	font-weight: 400;
	font-size: 13px;
	background: #fff;
	/*min-width: 300px;*/
	color: #252525;
	padding-top: 60px;
}
ul,li{
	list-style:none;
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	color:inherit;
}
a:hover{
	cursor: pointer;
}
a:visited{
	color: inherit;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
	line-height: normal;
}
h1{
	font-size: 30px;
	font-weight: 400;
}
h2{
	font-size: 24px;
	color: #CC275C;
	font-weight: 400;
}
h3{
	font-size: 14px;
	font-weight: 400;
	font-family: Arial;
	text-transform: uppercase;
	color: #252525;
}
h4{
	font-size: 12px;
	font-weight: 700;
	color: #CC275C;
	text-transform: uppercase;
}
h5{
	font-size: 18px;
	font-weight: 400;
	color: #fff;
}
h6{
	font-size: 15px;
	font-weight: 700;
	color: #059a91;
	text-transform: uppercase;
}
p{
	line-height: 1.2em;
	margin: 0;
}
img{
	border:0;
}


/* General */
.container{
	width:880px;
	padding: 0 10px 10px;
	margin: 0 auto;
	position: relative;
}
.clear{
	clear:both;
}
.animated,
.menu-view *,
.menu-view li:before{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.filter ul{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.map{
	width: 590px;
	height: 699px;
	position: absolute;
	top: 0;
	left: 300px;
	z-index: 0;
	padding-bottom: 50px;
}

.content{
	z-index: 1;
	position: relative;
	width: 320px;
}

/* Tooltipster Custom */
	.tooltipster-custom {
		border-radius: 5px; 
		background: #CC275C!important;
		color: #fff;
		/*box-shadow: 0 0 10px 1px #ccc;*/
	}

	/* Use this next selector to style things like font-size and line-height: */
	.tooltipster-custom .tooltipster-content {
		/*font-family: Arial, sans-serif;*/
		font-size: 14px;
		line-height: normal;
		padding: 10px 15px;
		text-align: center;
	}
	.tooltipster-custom .tooltipster-content a:hover{
		text-decoration: underline;
	}
	.popup-map:before{
		content: "";
		display: block;
		position: absolute;
		border-top: 8px solid transparent !important;
		border-bottom: 8px solid transparent !important;
		border-left: 8px solid;
		border-color: #CC275C;
		top: 50%;
		margin-top: -7px;
		right: -7px;
	}
	.popup-map {
		border-radius: 5px; 
		background: #CC275C!important;
		color: #fff;
		font-size: 14px;
		line-height: 16px;
		padding: 20px 10px!important;
		width: 300px;
		position: absolute;
		z-index: 10;
	}
	.popup-map h5{
		border-bottom: 1px solid #df7095;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.popup-map div{
		margin-bottom: 10px;
	}
	.popup-map div:last-child{
		margin-bottom: 0;
	}
	.popup-map .desc{
		font-family: Arial;
		font-size: 11px;
		display: block;
	}
	.popup-map .number{
		font-family: Arial;
		font-size: 18px;
		display: block;
		font-weight: 700;
		
	}

/* Main section */
.main-section h1{
	color: #059a91;
	line-height: 1em;
}
	/* Filter */
	.menu-view{
		width: 250px;
		margin-top: 25px;
	}
	.menu-view li{
		display: block;
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.menu-view li:last-child{
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.menu-view li:before{
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		border: 3px solid #666;
		background: #666;
		position: relative;
		top: 2px;
		margin-right: 5px;
		cursor: pointer;
	}
	.menu-view li.selected:before{
		background: #cc275c;
		border: 3px solid #000;
	}
	.menu-view li a{
		color: #939393;
		font-family: Arial;
	}
	.menu-view li.selected a{
		color: #cc275c;
		/*font-weight: bold;*/
	}
	
	/* Action buttons */
	.action-buttons{
		margin-top: 25px;
		position: relative;
	}
	.action-buttons a{
		display: inline-block;
		width: 81px;
		height: 73px;
		margin-right: 10px;
	}
	.action-buttons a:last-child{
		margin-right: 0;
	}
	.action-buttons a.data{
		background: url(../img/action-buttons/data.png) no-repeat scroll center center transparent;
	}
	.action-buttons a.doc{
		background: url(../img/action-buttons/doc.png) no-repeat scroll center center transparent;
	}
	.action-buttons a.full{
		background: url(../img/action-buttons/full.png) no-repeat scroll center center transparent;
	}
	.action-buttons .doc-lang{
		position: absolute;
		top: 80px;
		left: 50px;
		display: none;
	}
	.action-buttons .doc-lang a{
		background: #cc114f;
		width:80px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		text-transform: uppercase;
		border-radius: 5px;
		margin-right: 5px;
		display: block;
		float: left;
		color: #fff;
		font-size: 11px;
	}
	/* Social links */
	.social-links{
		margin-top: 25px;
	}
	.social-links a{
		display: inline-block;
		width: 21px;
		height: 21px;
		margin-right: 5px;
	}
	.social-links a:last-child{
		margin-right: 0;
	}
	.social-links a.fb{
		background: url(../img/socials/fb.png) no-repeat scroll center center transparent;
	}
	.social-links a.tw{
		background: url(../img/socials/tw.png) no-repeat scroll center center transparent;
	}
	.social-links a.gp{
		background: url(../img/socials/gp.png) no-repeat scroll center center transparent;
	}

/* Menu filters */
.menu-filters{
	margin-top: 50px;
	width: 600px;
}
.filter{
	width: 290px;
	display: block;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	/*overflow:hidden;*/
	/*height: 32px;*/
}
.filter .selected-name{
	border-radius: 5px;
	background: #059a91;
	text-transform: uppercase;
	display: block;
	z-index: 2;
	position: relative;
	font-size: 14px;
}
.filter .selected-name:after{
	content: "";
	display: block;
	background: url(../img/arrow_down.png) no-repeat scroll center center transparent;
	width: 12px;
	height: 7px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
}
.filter-open{
	/*height: 200px;*/
}
.filter-open .selected-name{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.filter-open .selected-name:after{
	background: url(../img/arrow_up.png) no-repeat scroll center center transparent;
}
.filter .selected-name a{
	display: block;
	color: #fff;
	padding: 7px 10px;
}
.filter .selected-name a span{
	font-size: 11px;
}
.filter ul{
	background: #f7f7f7;
	/*position: absolute;*/
	/*display: none;*/
	opacity: 0;
	width: calc(100% - 20px);
	z-index: 10;
	height: 0;
	overflow: hidden;
	padding: 10px 10px 0 10px;
}
.filter-open ul{
	/*display: block;*/
	opacity: 1;
	height: auto;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.filter ul li{
	border-bottom: 1px solid #c6c6c6;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.filter ul li.selected{font-weight: bold;}
.filter ul li:before{
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	margin-right: 7px;
	float: left;
	border-radius: 15px;
	cursor: pointer;
}

.filter ul li:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.filter ul li a{
	color: #cc275c;
	font-family: Arial;
	display: block;
	line-height: 1.6em;
}
.second-filter, .fourth-filter{margin-right: 0;}

.first-filter ul li:before{			width: 16px; height: 16px;}
/*.first-filter ul li.selected:before{width: 10px; height: 10px; border: 3px solid #c6c6c6;}*/

.first-filter ul li.first:before{	background: #f2eca0;}
.first-filter ul li.second:before{	background: #ff9100;}
.first-filter ul li.third:before{	background: #ff0055;}

.second-filter ul li:before{width:16px; height: 16px; border: none;}
/*.second-filter ul li.selected:before{width:10px; height: 10px; border: 3px solid #c6c6c6;}*/
.second-filter ul li.first:before{	background: #3887a6;}
.second-filter ul li.second:before{	background: #51b212;}
.second-filter ul li.third:before{	background: #a11b1b;}

.third-filter ul li:before{			}

.third-filter ul li.third:before{	background: #747474; width:22px; height: 22px; top:-1px; left: -2px; margin-right: 2px;}
/*.third-filter ul li.third.selected:before{	background: #747474; width:10px; height: 10px; border: 6px solid #c2c2c2;}*/

.third-filter ul li.second:before{	background: #373737; width:18px; height: 18px; top:1px;margin-right: 6px;}
/*.third-filter ul li.second.selected:before{	background: #373737; width:10px; height: 10px; border: 4px solid #c2c2c2;}*/

.third-filter ul li.first:before{	background: #373737; width:14px; height: 14px; top:3px; margin-right: 10px;left:2px;}
/*.third-filter ul li.first.selected:before{	background: #373737; width:10px; height: 10px; border: 2px solid #c2c2c2;}*/

/*.third-filter ul li.second:before{	background: #373737; width:10px; height: 10px; border: 4px solid #999999; top:1px;margin-right: 8px;}
.third-filter ul li.second.selected:before{	background: #373737; border: 2px solid #999999; box-shadow: 0 0 0 2px #c6c6c6;top:3px;left:2px;margin-right: 12px}

.third-filter ul li.third:before{	background: #373737; width:5px; height: 5px; border: 4px solid #999999; top:1px;margin-right: 8px;}
.third-filter ul li.third.selected:before{	background: #373737; border: 2px solid #999999; box-shadow: 0 0 0 2px #c6c6c6;top:3px;left:2px;margin-right: 12px}
*/
.fourth-filter ul li:before{width:16px; height: 16px; border: none;}
/*.fourth-filter ul li.selected:before{width:10px; height: 10px; border: 3px solid #c6c6c6;}*/
.fourth-filter ul li.first:before{	background: #acacac;}
.fourth-filter ul li.second:before{	background: #acacac;border:1px solid #000;width:14px;height:14px;}
/*.fourth-filter ul li.second.selected:before{box-shadow: 0 0 0 3px #c6c6c6;top:5px;left:3px;width:8px;height:8px;margin-right: 14px;}*/

/* More info */
.more-info{
	margin-top: 25px;
}
.more-info a{
	text-transform: uppercase;
	font-size: 9px;
	display: inline-block;
	border-radius: 7px;
	border: 1px solid #cc114f;
	margin-right: 10px;
	padding:3px;
	color: #fff;
	width: 80px;
	text-align: center;
	
	background: #b30f45; /* Old browsers */
	background: -moz-linear-gradient(top,  #b30f45 0%, #cc114f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b30f45), color-stop(100%,#cc114f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b30f45 0%,#cc114f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b30f45 0%,#cc114f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b30f45 0%,#cc114f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b30f45 0%,#cc114f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30f45', endColorstr='#cc114f',GradientType=0 ); /* IE6-9 */

}


/* Popup */
.overlay{
	background: rgba(255, 255, 255, .8);
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.popup{
	background: #fff;
	border-radius: 5px;
	display: block;
	position: absolute;
	top: 10px;
	width: 260px;
	z-index: 101;
	padding: 10px 40px;
	left:10px;
}
.popup .close{
	display: block;
	background: url(../img/close.png) no-repeat scroll center center transparent;
	width: 28px;
	height: 27px;
	position: absolute;
	top:10px;
	right: 10px;
}
.popup .titles{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e8c8c8;
}
.popup .titles h3{
	margin-top: 10px;
}
.popup .mod{
	margin-bottom: 10px;
}
.popup h4{
	clear: both;
	float: left;
	margin-right: 5px;
}
.popup span{
	font-family: Arial;
}
.popup h4,
.popup span{
	display: inline-block;
}
.popup p{
	clear:both;
	font-size: 12px;
	font-family: Arial;
}

.popup-about{
	width: 500px;
	padding-top: 50px;
}
.popup-about .mod{
	margin-bottom: 15px;
}
.popup-about h4{
	margin-bottom: 5px;
}
.popup-about h6{
	margin-top: 20px;
	margin-bottom: 10px;
}
.popup-about p{
	line-height: 1.4em;
	margin-bottom: 10px;
}
.popup-about a{
	font-weight: bold;
	text-decoration: underline;
}
.popup-about a:hover{
	text-decoration: none;
}
/* Timeline */
#timeline {
	width: 360px;
	position: absolute;
	right: 0;
	top: 0;
}
#timeline .button-play {
	width: 28px;
	height: 28px;
	background: url(../img/bg-play.png) no-repeat scroll 8px center #cc275c;
	float: left;
	margin-right: 10px;
}
#timeline .button-play:hover {
	opacity: .7;
	cursor: pointer;
	cursor: hand;
}
#timeline .button-play.button-stop {
	background: url(../img/bg-stop.png) no-repeat scroll center center #cc275c;
}

#timeline .timeline-display {
	float: left;
	width: 300px;
	position: relative;
}

.timeline-display .years {
	height: 20px;
}
.timeline-display .years ul li {
	float: left;
	font-size: 14px;
	width: 50px;
	font-family: Arial;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline-block;
	color: #4e4f51;
	cursor: pointer;
	cursor: hand;
	opacity: .4;
}
.timeline-display .years ul li.selected {
	opacity: 1;
}

.timeline-display .scrubber {
	height: 10px;
	width: 300px;
	/*background: url(../img/bg-scrubber.gif) repeat-x 50% 50%;*/
}
.timeline-display .scrubber .scrub {
	width: 12px;
	height: 11px;
	background: url(../img/scrubber.png) no-repeat scroll center center;
	position: relative;
}

.timeline-display span{
	position: absolute;
	bottom:-14px;
	display: block;
}

/* Fullscreen */
#body-map.fullscreen .container .content{
	height: 700px;
}
#body-map.fullscreen .container{
	width: calc(100% - 20px);
}
#body-map.fullscreen .menu-filters{
	/*margin-left: 120px;*/
	margin-top: 70px;
}
#body-map.fullscreen .more-info{
	position: absolute;
	bottom: 0;
}
#body-map.fullscreen .map{
	margin-left: 450px;
	left: auto;
}
#body-map.fullscreen .popup{
	left: 10px;
	margin-left: 0;
}

circle.benef {
	cursor: pointer;
	cursor: hand;
}

rect.focus {
	cursor: pointer;
	cursor: hand;
}
rect.focus:hover {
	opacity: .5;
}