body {
  font: 12px helvetica, arial, sans-serif;
}
.nav_menu{margin-top: 22px; border-bottom:1px solid #DDD; padding:0 9px;}
.nav_menu [class*="lvl"]{padding:3px 4px 0 4px; border:1px solid #DDD; display: inline-block; background:#EEE; border-bottom:none;}
.nav_menu [class*="lvl"].actual{background:#FFF;}
.nav_menu .carga_datos{margin:0 16px 0 10px; font-family:Armata, sans-serif; font-size:11px; line-height:24px; height:28px; display:inline-block;}
.nav_menu .actual>.carga_datos{color:red;}
.nav_menu .lvl-1{width:150px;}
.nav_menu .lvl-2{width:328px;}
.nav_menu .lvl-3{width:516px;}
.nav_menu .lvl-4{width:717px;}
.nav_menu .lvl-1 .carga_datos{margin-left:10px;}
.z_sort50{z-index:50; position:relative;}
/*page elements*/
#chart{
	position: absolute;
	padding-bottom:120px;
	left:0;
	top:170px;
	z-index:10;
}

#description{
	border-top: 2px dotted #ccc;
	padding:10px 0;
	height:auto;
}
h1{
	font-family: Armata, sans-serif;
	padding-top:15px;
	padding-bottom: 0px;
}
.toggleButton{
	text-align: right;
	font-size: 12px;
	font-family: Armata, sans-serif;
	padding-bottom: 0px;
}
.colborder{
	border-right:1px dotted #ccc;	
}

/*visualization*/
.chords{
	fill: #000;
}
.continentLabel{
	color:#EEE;
}
.arc {
   opacity: .6;
   cursor:pointer;
}
.arc.target {
	fill-opacity: 1;
	opacity: 1;
	cursor:pointer;
}

g.node text{
	fill:#aaa;
	font-weight: normal;
	font-size: 10px;
	cursor: pointer;
}

g.node text:hover, g.node text.selected { 
	fill: #000; 
	font-size: 12px; 
	font-weight: bold;
} 
 
.link { 
	fill: #f5f5f5; 
	stroke: #ddd; 
	/*pointer-events: none;*/ 
	stroke-width:.20;
} 

.link.source {
	stroke-width: 2; 
	/*opacity:0.7*/ 
	stroke-opacity:.5;
	cursor:pointer;
}

.selectedLink{
	fill: #727272;
	stroke:#727272;
	z-index:100;
}


.node.target text{ 
	fill: #000000 !important; 
	font-weight: bold;
} 


/*menu*/

#menu .active{
	color: red;
}

#menu {
	font-family: Armata, sans-serif;
	border-bottom: 1px dotted #ccc;
	padding:9px 36px;
	font-size:12px;

}

a:link, a:visited {
	text-decoration:none;
	color:grey;
}
a:hover{
	color:red;
}


/*tooltip*/

div.tooltip {
    position: absolute;
    width: auto;
    height: auto;
    padding: 6px 9px;
    font-size: 14px;
    background: #000;
    color: #EEE;
    border: solid 1px #000;
    border-radius: 2px;
    z-index: 1200;
	opacity: .8;
	visibility:hidden;
	text-align: left;
	pointer-events:none;
    /*-webkit-border-radius: 4px;
    -mozilla-border-radius: 4px;*/
}
div.infoPanel {
	background-color: rgba(72,72,72,.66);
	position:fixed;
	width: 190px;
    height: 170px;
	bottom: 0px;
	right: 50%;
	top: 120px;
	margin-right:165px;
	z-index: 1000;
	padding: 10px;
	/*border: solid 1px #727272;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -mozilla-border-radius: 4px;*/
	
}
div.infoPanel .continentLabel {
	color:white;
	fill:white;
}
div.legendaContinent{
	position:absolute;
	color: white;
	width:180px;
	top: 70px;
	left:10px;
}
div.countryInfo{
	font-size: 15px;
	color:white;
	opacity: .8;
}
path.link{transition:opacity .3s;}