
body{
/*background:  url(/stilius/new/bg.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
color:#000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: auto;
max-width: 700px;*/
background-color:#888;
}
@font-face {
  font-family: headertext;
  src: url(/stilius/new/font/raidercrusaderleft.ttf);
}
.headert {
	font-family:headertext;
	font-size:18px;
	text-shadow:black 1px 0 0 ;
}
.s2{
background: url(/stilius/new/s2bg.png);
border: 1px solid #ffffff;
margin: 0px auto;
padding: 5px;
margin: auto;
}
.s2{
text-align:center;
}
.top {
	float: right;
	margin-right: 10px;
	margin-top:-2px;
background: #c3b00b url(http://dbos.lt/heada.png) repeat-x top;
color: #FFF;
	padding: 2px 10px;
	border-radius: 4px;
	text-shadow:none;
}

.left{
 text-align:left;	
}
a {
color:#000;
}
a.green_button_s{
display:inline-block;
text-decoration:none;
	height:24px;
	padding:0 15px;
	margin:5px 0 0 0;
background: #000 url(http://dbos.lt/heada.png) repeat-x top;
	border:1px #000 solid;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	overflow:hidden;
	font:16px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	cursor:pointer;
}
a:after{content:'';
position:absolute;bottom:0;left:0;
width:0%;
border-bottom:2px solid #ABABAB;
transition:0.3s}
.topbar{
text-decoration: none;
	font-weight: bold;
	background: url(http://dbos.lt/heada.png) ;
	color:fff;
	padding: 1px 3px 1px 3px;
	border: 1px solid #405D7A;
	border-radius: 3px;
}
	.quest {
margin-right:10px; margin-left:110px;
padding:4px 4px 4px 5px; font-size:small;	
		background:#f3f3f3;
	background: url(http://dbos.lt/quest.png);
			color:#222;
			border: 1px solid #d5d5d5;
-webkit-border-radius: 7px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 7px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-radius: 7px;

}

.title
{
border-left: 1px;
border-right: 1px;
border-top: 1px;
border-bottom: 1px;
padding-top: 8px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 8px;
border-radius:7px;
margin: 1px auto;
text-align: center;
color: #fff;
background:  url(http://dbos.lt/heada.png);
}
.s1,.s0
{
border-left: 1px;
border-right: 1px;
border-top: 1px;
border-bottom: 1px;
padding-top: 8px;
padding-right: 8px;
padding-left: 8px;
padding-bottom: 8px;
margin: 1px auto;
text-align: center;
border: 1px solid #66faff;
color: #fff;
background:  url(/stilius/new/header.png);
}
.left{
text-align:left;
}

.line
		{
background:  url(/stilius/new/linija.png);
height:2px;
width:100%;
}
			
		
a:link, a:active, a:visited {
	color: #000;
	text-decoration: none;
}
a:hover, a:focus {
	color: #000;
	text-decoration: underline;
}

input, textarea, select {
padding: 5px 10px;
border: 1px solid #000;

color: #000;
margin: 1px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

input[type=submit],input[type=button],input[type~=submit],input[type~=button] {
padding: 6px 10px;
background: #c3b00b url(http://dbos.lt/heada.png) repeat-x top;
color: #fff;
margin: 1px;}


header {
	width: 100%;	margin-bottom:7px;
	z-index: 99;
}

header .sticky-nav {
	position: relative;
	width: 100%;
	height: 60px;
background: #6386b0;
	z-index: 1001;
	margin-bottom:15px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

header .sticky-nav.stuck {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
}

header #logo {
	color: #FFFFFF;
	float: left;
	padding: 15px 0;
	margin-left: 20px;
}

header #logo a {
	opacity: 1;
	filter: alpha(opacity=100);
	border-bottom: #999999 4px solid;padding-bottom:3px;
	-webkit-transition: opacity 0.25s ease-in-out 0s;	
	   -moz-transition: opacity 0.25s ease-in-out 0s;
		 -o-transition: opacity 0.25s ease-in-out 0s;
		    transition: opacity 0.25s ease-in-out 0s;

	
}

header #logo a:hover {
	padding-bottom:3px;
border-bottom: #999999 4px solid;
opacity: 0.70;
	filter: alpha(opacity=70);	
}

nav#menu {
	float: right;
	margin-right: 20px;
}

nav#menu #menu-nav {
	margin: 0;
	padding: 0;	
}

nav#menu #menu-nav li {
	list-style: none;
	display: inline-block;
	margin-left: 35px;	
}

nav#menu #menu-nav li:first-child {
	margin-left: 0;	
}

nav#menu #menu-nav li a {

	color: #FFFFFF;
	font-size: 16px;
	font-weight: 300;
	line-height: 60px;
	display: block;
	text-transform: uppercase;
}

nav#menu #menu-nav li.current a,
nav#menu #menu-nav li a:hover {
	 background: #B0E0E6; color: #DE5E60;border-bottom: #fff 5px solid;
}