@import url(http://fonts.googleapis.com/css?family=Nunito);

*{
    margin:0;
    padding:0;
}
body
{
	/*  	
	background: #000;
	
	*/ 	
	font-family: Nunito, Verdana, Geneva, sans-serif;
	
	font-size: 13px;
	
	font-weight: 100;
	letter-spacing: 1px;
	
	/*background: #1e5799;  Old browsers */
	
	background: #f7a000; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3YTAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OGMxOTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #f7a000 0%, #fccd4d 42%, #fceabb 81%, #78c199 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7a000), color-stop(42%,#fccd4d), color-stop(81%,#fceabb), color-stop(100%,#78c199)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f7a000 0%,#fccd4d 42%,#fceabb 81%,#78c199 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f7a000 0%,#fccd4d 42%,#fceabb 81%,#78c199 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f7a000 0%,#fccd4d 42%,#fceabb 81%,#78c199 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f7a000 0%,#fccd4d 42%,#fceabb 81%,#78c199 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a000', endColorstr='#78c199',GradientType=0 ); /* IE6-8 */



}

img
{
	border: 0;
}

a{
	color:#fff;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

div.reference{
	position:fixed;
	right:10px;
	bottom:10px;
	font-size:13px;
	font-weight:bold;
	display:block;
}


div.reference a{
	color:#000;
	text-shadow:1px 1px 1px #000;
	padding-right:20px;
	background: #fff;
}

div.reference a:hover{
	color:#ddd;
	text-decoration:none;
}

.section{
   
	width: 900px;
	margin:auto;
	padding: 20px;
	padding-bottom: 400px; 
	background: #fff;
	/*    
		height:4000px;
		
		float:left;
		
		text-shadow:1px 1px 2px #333;
	*/ 		
	
}

.section h1{
	font-style:italic;
    margin-top:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fff;
	text-shadow: rgba(245, 245, 255, 1) 0 0px 0px, rgba(0, 0, 30, 1) 0px 2px 2px, rgba(0, 0, 30, 0.20) 0px 2px 1px, rgba(0, 0, 30, 1) 0px 2px 1px, rgba(0, 0, 0, 0.08) -5px 5px 2px;

filter: progid:DXImageTransform.Microsoft.Chroma(Color=#000003)
		progid:DXImageTransform.Microsoft.Glow(Color=#3e3e3e, Strength=4);

}

.section h2{
	font-size:18px;
	font-style:italic;
	letter-spacing:1px;
	
	margin:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3CC;
	text-shadow: rgba(0, 0, 0, 0.80) 0 0px 5px, rgba(0, 0, 30, 0.8) 0px 2px 2px, rgba(0, 0, 30, 0.80) 0px 0px 5px, rgba(0, 0, 30, 0.8) 0px 0px 5px, rgba(0, 0, 0, 0.8) 0px 0px 5px;
	
	
	filter: progid:DXImageTransform.Microsoft.Chroma(Color=#000003)
		progid:DXImageTransform.Microsoft.Glow(Color=#3e3e3e, Strength=4);
	/*filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=3, OffY=3, Color=#99cc99);
	
	/*text-shadow:
		 1px -1px 10px rgba(0, 0, 0, 0.5),
		-1px  1px 3px rgba(0, 0, 0, 0.5),
		 1px  1px 3px rgba(0, 0, 0, 0.5),
		-1px -1px 10px rgba(0, 0, 0, 0.5),
		 0px  1px 3px rgba(0, 0, 0, 0.5),
		 0px -1px 10px rgba(0, 0, 0, 0.5),
		 1px  0px 3px rgba(0, 0, 0, 0.5),
		-1px  0px 3px rgba(0, 0, 0, 0.5);*/
	word-spacing: 1px;;

}
.section p{
	margin:0 10px;
	padding:5px 20px;
	width:500px;
	background-color:#000;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	text-shadow:0 1px 1px #333;
	color:#fff;
	font-size:16px;
	line-height: 22px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
	
	}

.white{
    color:#000;
	background:#fff;
	/*    
	background:#fff url(../images/white_vert.jpg) repeat-x bottom left;
	*/
}

.section ul{
	width: 510px;
	list-style:outside;
	margin: 10px 0;
	padding: 10px 0px;
	margin-left: 10px;
	padding-left: 30px;
	background-color:#000;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}

.white ul li{
	padding:5px;
	margin:5px;
	color:#fff;
	font-size:14px;

}


	.section li:hover { 
		text-shadow: 0px 0px 10px #FFFF00;
		-webkit-transform: scale(1.01); 
		-moz-transform:    scale(1.01);
		-ms-transform:     scale(1.01); 
		-o-transform:      scale(1.01); 
		
	} 


.white ul li a{
  
	color:#222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	padding: 2px 20px;

}
.white ul li a:hover{
	text-decoration:none;
	color: #09C;
	font-weight:bold;
}

ul.nav
{
	position:fixed;
	left:10px;
	top:0px;
	list-style:none;
	background:#000;
	z-index: 100;
	
	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
}

ul.nav li
{
	float:left;
	padding:5px;
	margin:5px;
	color:#aaa;
}

#balloon
{
	position:fixed;
	right:10px;
	bottom:20%;

}

ul.bullet_star
{
	list-style:url(../images/icon_star.png);
	
}

ul.nav_lang
{
	width: 150px;
	margin:auto;
	list-style:none;
		background:#000;
		
			-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;


}

ul.nav_lang li
{
	float: left;
	padding: 2px 5px;
		background:#000;	

}