body{
color:#FFF;
display:block;
height:100px;
overflow: hidden;
}

@font-face {
   font-family: 'font_name';
   src: url(../font/sansumi.eot);
   src: local('font_name'), url('../font/op.ttf') format('truetype');
}

a, a:visited,a {
	color:#999;
	text-decoration:none;
	cursor: pointer;
}
a:hover {
	color:#CCC;
}




body, h1, h2, h3, h4, h5, h6, a, p, ul, ol, li, em, strong, pre, code, form {
 padding: 0;
 margin: 0;
}

h3 {
	font-family:'font_name', Geneva, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:20px;
	padding-bottom:15px;
}


		
#container {
width:800px; 
margin:50px auto;
left:165px;
padding:20px;
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
background: rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 20px black; 
-webkit-box-shadow: 0 0 20px black; 
box-shadow: 0 0 20px black;
line-height:24px;
font-size:14px;
text-align:justify;
position:relative;
margin-bottom:1000px;
}


#visite {
width:800px; 
margin:50px auto;
left:165px;
padding:20px;
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
background: rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 20px black; 
-webkit-box-shadow: 0 0 20px black; 
box-shadow: 0 0 20px black;
line-height:24px;
font-size:14px;
text-align:justify;
position:relative;
height:420px !important;height /**/: 420px;
overflow:auto;
margin-bottom:1000px;
}



::-webkit-scrollbar{
    width:0.8em;
    height:0.8em;
background: #eaeaea;
margin-right: 10px;
}
::-webkit-scrollbar:hover{
    background-color:# eaeaea ;
border: none;
}
::-webkit-resizer{
    -webkit-border-radius:4px;
    background-color:#194692;
border: none;
}
::-webkit-scrollbar-thumb{
    min-height:0.8em;
    min-width:0.8em;
    -webkit-border-radius:4px;
    background-color:#999; 
border: none;
}
::-webkit-scrollbar-thumb:hover{
    background-color: #0061bb;
border: none;
}
::-webkit-scrollbar-thumb:active{
    background-color:#003a88;
border: none;
}

#copy { 
position:relative; 
width:830px; 
margin:50px auto;
left:165px;
padding:5px;
background: rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 0 20px black; 
-webkit-box-shadow: 0 0 20px black; 
box-shadow: 0 0 20px black;
line-height:24px;
font-size:13px;
text-align:center;
}



#copy_home{
position:fixed;
top: 88%;
margin-top:48px;
height:15px;
width:100%;
background-color:#000;
background: rgba(0, 0, 0, 0.7);
z-index:10;
text-align:center;
padding:2px;
font-size:13px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}

#music_home{
position:absolute; 
top:20px; 
z-index:10; 
right:0px; 
background: rgba(0, 0, 0, 0.7); 
padding:7px;"
	
}


#menu1{
position:fixed;
top:0px;
left:50px;
height:100%;
width:268px;
background:#000;
background: rgba(0, 0, 0, 0.7);
z-index:10;
}



#menu_home{
position:fixed;
top: 88%;
margin-top:-75px;
height:119px;
width:100%;
background-color:#000;
background: rgba(0, 0, 0, 0.7);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
z-index:1;
text-align:center;
}

#menu_bottom{
position:fixed;
top:480px;
z-index:10;
left:50px;
}


/* =========  MENU STYLES ========== */
#menu_wrap
{width: 240px;
display: inline-block;
position: fixed;
top: 0px;
z-index: 500;}

#menu
{
background-color:#000;
width: 220px;
padding: 0 10px 25px 10px;}



#navbar 
{list-style: none;
margin: 34px 0 -5px 20px;
position: relative;
z-index: 10000;}

#navbar li
{width: 200px;
height: 29px;
padding: 6px 10px 14px;
border-bottom: 1px solid #343434;
position: relative;
z-index: 10000;}

#navbar li:first-child
{border-top: 1px solid #343434;}

#navbar li a
{display: block;
width: 180px;
height: 40px;
font-size: 18px; /* --- modified v4 --- */
font-family:'font_name', Geneva, sans-serif;
color: #fff;
text-decoration: none;
z-index: 20;
outline: none;
font-weight: bold;
}


#navbar li span
{
	
font: bold italic 11px 'PT Sans', 'Helvetica Neue', 'Verdana', sans-serif;
color:#999;
position: absolute;
top: 26px;
left: 10px;
z-index: 10;
text-transform: none;}


#navbar li span.hover_arrow
{width: 30px;
height: 30px;
display: none;
background: url(image/menu_hover_arrow.png) no-repeat top left;
position: absolute;
top: 10px;
left: 150px; 
}

#navbar li.menu-item:hover
{background: url(image/menu_hover_arrow.png) no-repeat center right;
}

#navbar .sub-menu li.menu-item:hover
{background: url(image/submenu_hover_arrow.png) no-repeat right 4px;
}

#navbar li.current-menu-item a, #navbar li.current-menu-ancestor>a
{color: white;}

#navbar li.current-menu-parent>a
{color: white;}

/*#navbar li.current-menu-item a span, #navbar li.current-menu-ancestor a span, #navbar li.current-post-parent a span
{color: #aaaaaa;}

#navbar li.current_page_item .sub-menu li.menu-item a{
color: #a3a3a3;}*/


#navbar li ul
{position: absolute;
top: -1px;
left: 220px;
list-style: none;
background:#000;
z-index: 3000;
width: 180px;
display: none;}


#navbar li ul li ul
{left: 150px;
display: none;
}

#navbar li:hover ul
{display: block;}

#navbar li:hover ul li ul
{display: none;
}

#navbar li:hover ul li:hover ul
{display: block;}

#navbar li ul li
{padding: 0 0 10px 0;
margin: 0 20px;
min-height: 30px;
width: 140px;
position: relative;
z-index: 1000;}

#navbar li ul li a
{padding: 8px 0px 8px 30px;
display: block;
width: 140px;
height: 20px;
margin: 0 0 0 -10px;
}

#navbar li ul li a
{font-size: 12px;}


#navbar li ul li:hover
{background: url(images/submenu_hover_arrow.png) no-repeat left 5px;
}

#navbar li ul li:first-child
{border-top: none;}

#navbar li ul li:last-child
{border-bottom: none;}




#bg{
	position:fixed; 
	top: -50%; 
	left: -50%; 
	width: 200%; 
	height: 200%; 
	z-index: -2;
}
#bg img{
	position:absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; 
	min-width: 50%; 
	min-height: 50%;
}
.mainContent{
	width:300px; 
	height:500px;
	position:fixed;
	right:0;
	top:50px;
	padding:25px;
	background:#fff;
	overflow:hidden;
}