body
{margin:0;
padding:0;}

#wrap
{width:70%;
margin:0 auto;}

h1
{font:1.5em 'Arial Rounded MT'}

p
{font:1em Arial;
line-height:150%;}

/*///////////////////////BACKGROUND//////////////////////*/

#bg
{position:fixed;
width:100%;
height:100%;
overflow:hidden;
filter:blur (8px);
-webkit-filter:blur (8px);
-moz-filter:blur (8px);
filter:url(blur.svg#blur);
z-index:-2;}

#bg img
{width:100%;
height:100%;}

#dark
{width:100%;
height:100%;
background:linear-gradient(135deg, white 25%, #999 25%, #999 50%, white 50%, white 75%, #999 75%, #999);
background-size: 8px 8px;
opacity:0.2;
z-index:-1;}

table
{width:100%;
height:20px;
border-collapse:collapse;}

td
{width:9.11%;}

.one {background:#832E2F}
.two {background:#E7BA23}
.three {background:#EF8128}
.four {background:#5FB9DE}
.five {background:#E90D8B}
.six {background:#528969}
.seven {background:#9EAE3D}
.eight {background:#92278F}
.nine {background:#EB3F3C}

/*/////////////////////END OF BACKGROUND/////////////////*/

/*///////////////////////NAVIGATION//////////////////////*/

nav	
{display:flex;
width:100%;}

nav h1
{font: 2em 'Brush Script STD';
color:#fff;
width:25%;}

nav ul
{display:flex;
padding:0;
width:75%;
list-style-type:none;}

nav li
{width:25%;
height:100px;
text-align:center;}

nav a
{display:block;
width:100%;
color:#fff;
text-decoration:none;
font:1em 'Century Gothic';
padding-top:45px;
padding-bottom:10px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
transition:padding .5s;
-moz-transition:padding .5s;
-webkit-transition:padding .5s;}

nav a:hover
{padding-top:60px;
transition:padding .5s;
-moz-transition:padding .5s;
-webkit-transition:padding .5s;}

.select
{padding-top:60px;}

#home
{background:linear-gradient(#832E2F, #421819);
border-top: 8px solid #421819}

#economy
{background:linear-gradient(#E7BA23, #806714);
border-top: 8px solid #806714}

#statistics
{background:linear-gradient(#EF8128, #945119);
border-top: 8px solid #945119}

#projects
{background:linear-gradient(#5FB9ED, #2D5869);
border-top: 8px solid #2D5869}

#developments
{background:linear-gradient(#E90D8B, #7F074B);
border-top: 8px solid #7F074B}

/*////////////////////END OF NAVIGATION//////////////////*/

/*//////////////////////SIDENAV////////////////////*/

#menu-container
{width:25%;
margin-left:2%;
margin-top:20px;
background:#eee;
box-shadow: inset 0 0 10px #ddd;
box-shadow: 0 0 2px #ccc;
border-top-left-radius:8px;
border-top-right-radius:8px;}

#inside
{padding:10px 0;
background:#ef8128;
border-top-left-radius:8px;
border-top-right-radius:8px;
box-shadow: inset 0 0 10px #ddd;
box-shadow: 0 0 2px #ccc;
text-indent:20px;
font: 1.5em 'Arial Rounded MT';
color:#fff}

#menu ul
{list-style-type:none;
padding:0;
margin:0;}

#menu li
{padding:15px 0;
border-top:1px solid #ccc;
text-indent:20px;}

#menu a
{padding:15px 0;
text-decoration:none;
font:1em Arial;
color:#666;}

#menu li:hover
{border-left:5px solid #ef8128;}

/*//////////////////////SIDENAV////////////////////*/

/*/////////////////////////footer//////////////////////*/

footer
{width:100%;
background:#333;
padding:20px 0;}

#holder
{width:70%;
margin:0 auto;
display:flex;}

#holder div
{width:33%;
margin-left:3%;}

#holder div h1
{font:1.5em 'Arial Rounded MT';
margin:0;
color:#fff;}

#holder div h2
{font:1em Arial;
color:#ccc}

#holder div ul
{display:flex;
padding:0;
margin:0;
list-style-type:none;
width:100%;}

#holder div li
{width:22%;
padding: 3px 0;
border-radius:5px;
margin: 0 1px;
border:0;
text-align:center;}

#holder div a
{text-decoration:none;
font:0.7em Arial;
color:#fff}

#holder ul
{width:33%;
margin-left:3%;
padding:0;
list-style-type:none;}

#holder li
{border-bottom:1px dotted #aaa;
padding:10px 0;}

#holder a
{text-decoration:none;
color:#fff;}

#holder .maintopic
{display:block;
font:1em Arial;
font-weight:bold;}

#holder span
{color:#fff;font:0.8em Arial}

#holder a:hover
{color:#ef8128}

/*////////////////////end of footer//////////////////////*/

#content
{background:#fff;
display:flex;
box-shadow: 0 0 10px #111;
border-top-left-radius:8px;
border-top-right-radius:8px;}

#content1
{background:#fff;
box-shadow: 0 0 10px #111;
border-top-left-radius:8px;
border-top-right-radius:8px;}

#banner
{width:100%;
display:flex;
padding-bottom:20px;
background:#945119;
border-top-left-radius:8px;
border-top-right-radius:8px;}

#bancontent
{width:30%;
margin-left:5%;
background:#fff;
padding:20px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;}

#bancontent p
{font:1em Georgia;
font-style:italic;
line-height:150%;}

iframe
{width:65%;
height:inherit;
border:0}

#bookmarks
{display:flex}

#bookmarkleft
{width:60%;
padding:20px;
border-right:1px dotted #aaa;}

#bookmarkleft p
{overflow:hidden}

#bookmarkleft img
{width:40%;
margin-right:5%;
float:left}

#bookmarks ul
{list-style-type:none;
padding:20px;
margin:0}

#bookmarks li
{border-bottom:1px dotted #aaa;
padding:10px 0;}

#bookmarks a
{text-decoration:none;
color:#000;
font:0.8em Arial;}

#bookmarks .name
{display:block;
float:left;
width:130px;
margin-bottom:10px;}

#bookmarks a:hover
{color:#ef8128;}

#article
{padding:0 20px;
width:70%}

#article h2
{font:1.2em 'Arial Rounded MT'}

#article ul
{list-style-type:none;
padding:0;
margin:0}

#article li
{display:flex;
padding:20px 0;}

figure
{width:40%;
margin:0;
padding:0;
margin-right:5%;}

figure img
{width:100%;}

figcaption
{font:0.7em Georgia;
color:#666;
font-style:italic}

#article ul p
{overflow:hidden;
margin:0;}