/* @override http://matusciac.local/css/style.css */

#header {
	background-color: #000;
	height: 30px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding-top: 5px;
	z-index: 10001;
	padding-left: 10px;
	font-size: 13px;
	-webkit-box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.6);
}

#header h1 {
	display: inline;
}

a#logo {
	display: block;
	width: 227px;
	height: 30px;
	float: left;
	color: #ccc;
	text-decoration: none;
	text-indent: -10000px;
	background: url("logo.jpg") left top;
}

ul#nav {
	list-style: none;
	float: left;
	margin: 0;

}

ul#nav li {
	float: left;
	margin-right: 20px;
	padding-top: 3px;
}

ul#nav li a {
	color: #555;
	text-decoration: none;
	font-size: 13px;
		font-weight: 100;
	letter-spacing: 1px;
}

ul#nav li a:hover,ul#nav li a.active {
	color: #ccc;
}


a,a:active,a:focus {
	outline: 0;
	color: #0060a9;
}

#galleria,body {
	background-color: #222222;
	color: #3c3c3c;
	font: 300 13px/1.5em Helvetica, Arial, Geneva, sans-serif;
}

h1 {
	color: #313131;
	font-weight: 100;
}

#about_RO,#about_EN,#contact {
	display: none;
	width: 50%;
	margin: 0 auto 5% 15%;
	padding: 40px;
	-webkit-box-shadow: 0px 0px 5px 1px #000000;
	-moz-box-shadow: 0px 0px 5px 1px #000000;
	box-shadow: 0px 0px 5px 1px #000000;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	background-color: #c2c2c2;
}

#about_RO ul,#about_EN ul,#contact ul {
	list-style-type: circle;
	color: #000;
}