html {overflow-y:scroll;}
html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

p, h1, h2, h3, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}

a {outline:none;}

body.index {background:url(../images/index_body_bg.jpg) center top no-repeat #000000;}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
background:url(../images/body_bg.jpg) center top no-repeat #000000;}

#wrap {
width:950px;
margin:0 auto;}

#header {float:left; height:130px; width:950px;}
#header img.logo {width:195px; float:left; border:0;}

#search {width:179px; float:right; margin-top:24px;}
#search input.search {float:left; width:144px; height:15px; border:1px solid #39557d; background:url(../images/search_bg.jpg) no-repeat; margin-right:8px; display:inline; color:#FFFFFF; padding:2px 0 0 5px; font-size:11px;}
#search input.gumb {float:left; width:20px;}

#menu { width:950px;float:left;}
#header ul { list-style:none; float:right; height:31px; margin:10px 0 0 0;}
#header ul li {float:left; padding-left:2px;}
#header a {float:left;color:#ffffff; text-decoration:none;}

#header a span.l {height:24px;display:block;float:left;padding:7px 3px 0 7px;background:url(../images/bg_menu.jpg) left -62px; cursor:pointer;}
#header a span.d {height:31px; width:7px; display:block; float:left; background:url(../images/bg_menu.jpg) right -93px;}

#header a:hover span.l, #header a.domov span.l {height:24px;display:block;float:left;padding:7px 3px 0 7px;background:url(../images/bg_menu_hover.jpg) left -62px; cursor:pointer;}
#header a:hover span.d, #header a.domov span.d {height:31px; width:7px; display:block; float:left; background:url(../images/bg_menu_hover.jpg) right -93px;}

#header a.active:hover {text-decoration:underline;}
#header a.active span.l {height:24px;display:block;float:left;padding:7px 3px 0 7px;background:url(../images/green_bg.jpg) left -62px; cursor:pointer;}
#header a.active span.d {height:31px; width:7px; display:block; float:left; background:url(../images/green_bg.jpg) right -93px;}


#middle {float:left; width:950px;min-height:487px; height:auto !important; height:487px;}
#okvir { float:left;position:absolute;	width:621px; height:242px; background:transparent url(../images/flash_frame.png) no-repeat; _background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='images/flash_frame.png');}
#flash {float:left; width:621px; height:242px; margin-top:44px;}



#slogan {font-size:28px;color:#1c3401;float:left; height:154px; margin-top:44px; width:290px; background:url(../images/bins_bg.jpg) no-repeat; padding:88px 0 0 39px;}

#slogan_shadow {float:left; position:relative; z-index:1; width:251px;;margin:0; padding:0; margin:-65px 0 0 2px; display:inline;}
#slogan_shadow h1 {font-size:34px; font-weight:bold;float:left; line-height:30px;}
#white_slogan { float:left;position:relative; font-size:28px;color:#ffffff;float:left; width:251px; z-index:4; }
#white_slogan h1 {font-size:34px; font-weight:bold;margin:0; padding:0; float:left; width:251px; line-height:30px;}

.index_box {float:left; width:274px; margin-top:33px; padding-right:42px;}
.index_box h2 {font-size:28px; font-weight:normal; color:#a6dc00;}
.index_box h3 {font-size:24px; color:#7ea6d2; font-weight:normal; padding:5px 0 0 13px; margin:0;}
.index_box span.green {color:#a6dc00; font-size:14px; font-weight:bold;}
.index_box a.vec {width:69px; height:19px; background:url(../images/vec_link.jpg) no-repeat; display:block; padding:3px 0 0 0; color:#ffffff; text-decoration:none; text-align:center; margin-top:8px;}
.index_box a.vec:hover {text-decoration:underline;}
.index_box p {padding:0 0 0 13px; float:left; width:261px;}
.index_box img.novice {margin:8px 0 0 0; border:3px solid #7399C4;}
.index_box a.title { text-decoration:none; float:left; width:248px;font-size:14px; font-weight:bold; padding:6px 0 5px 0; margin:0; color:#ffffff; text-decoration:none;}
.index_box a.novice {color:#ffffff; padding:0 0 10px 0; float:left; width:248px;}
.index_box a.novice:hover {text-decoration:none;}

#left {float:left; width:172px; padding:24px 29px 0 29px; text-align:right;}
#left h2 {font-size:18px; padding-bottom:8px;}

.menu ul {list-style:none;}
.menu ul li {border-top:1px solid #588426; }
.menu ul li a {color:#ffffff; font-weight:bold; text-decoration:none;padding:11px 0 9px 0; display: inline-block; width:172px;}
.menu ul li a:hover {text-decoration:underline;}


#right {float:left; width:720px;}

#title {float:left; width:692px; padding:10px 0 15px 28px;}
#title h1 {font-size:30px; font-weight:bold; float:left; padding-right:8px;}

#content {float:left; width:664px; padding:0 28px 0 28px;}
#content span.blue {color:#7ea6d2;}
#content span.big {font-size:14px;}
#content a {color:#ffffff;}
#content a:hover {text-decoration:none;}
#content a.vec {color:#7ea6d2;}
#content img {border:0;}

#content ul { padding:8px 0 8px 15px;}

#footer {float:left; width:950px; height:38px; background:url(../images/footer.jpg) no-repeat; text-align:center; padding:45px 0 35px 0;}
#footer p.copy {color:#566a86;}
#footer p.copy a {color:#566a86;}
#footer p.copy a:hover { text-decoration:none;}

#footer table {color:#2a3346; font-size:10px; padding-top:5px;}
#footer table img {border:0;}
#footer table a {color:#2a3346;text-decoration:none;}
#footer table a:hover {text-decoration:underline;}
/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* drop menu */

#glavni_meni div {
	position: absolute;
	visibility: hidden;
	padding: 0;
	margin:-36px 0 0 203px;
	*margin: -2px 0 0 28px;}

	#glavni_meni div a	{
		font-size:12px;
		padding:8px 10px 8px 26px;
		display: block;
		margin: 0;
		width:159px;
		text-align: left;
		text-decoration: none;
		background: url(../images/middlebg.gif) repeat-y;
		color: #ffffff;
		}

	#glavni_meni div a:hover {text-decoration:underline;}
		
	#glavni_meni div a.first {background: url(../images/topbg.gif) no-repeat;padding:14px 10px 4px 26px;}
	
	#glavni_meni div a.first:hover {}
	
	#glavni_meni div a.last {background: url(../images/bottombg.gif) no-repeat bottom;padding:6px 10px 14px 26px;}
	
	#glavni_meni div a.last:hover {}