@charset "utf-8";
/* CSS Document */

body,html {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
overflow:hidden;
width:100%;
height:100%;
background: #212121 url('http://www.nafpaktos.eu/wp-content/themes/nafpaktos/images/studio_bg.jpg');
}
div#container {
z-index:1;
margin:auto;
width:100%;
position:absolute;
height:100%;
}
.header {
font-family: Arial, Helvetica, sans-serif;
font-weight:200;
font-size: 0.8em;
color: #fff;
background: #212121;
height: 50px;
border-bottom: 1px solid white;
padding: 1em;

}
.header ul li {
list-style: none;
display: inline;
padding: 0px 5px 0px 0px;;
margin: 0px;
color: #93927a;
font-weight: 500;
font-size: 1.2em;
font-family:Arial, Helvetica, sans-serif;
}
.header ul li a:link , .header ul li a:active, .header ul li a:visited {
color: #aba000;
}
.header ul li a:hover {
color: #c2b601;
}

.flright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	position:relative;
	margin-left: 0px;
	width: 49%;
	text-align: right;
	padding-right: 10px;
}


.flleft { /* this class can be used to float an element left in your page */
	float: left;
	position:relative;
	margin-left: 0px;
	width: 49%;
	text-align: left;
	padding-left: 10px;
}

.myLinks {
margin: 5px auto 5px auto;
padding: 5px;
background: #212121;
border: 1px solid #666666;
color: #716010;
}

.myLinks a:link, .myLinks a:visited, .myLinks a:active {
color: #978017;
}

.myLinks a:hover {
color: #c3a416;
}

*/ so,e elements------------------------------*/

 ul li a:link, ul li a:active , ul li a:visited {
	list-style: none;
display: inline;
padding: 0px 5px 0px 0px;;
margin: 0px;
color: #93927a;
font-weight: 500;
font-size: 1.2em;
font-family:Arial, Helvetica, sans-serif;
}
ul li a:hover{
color: #aba000;
}