html {overflow-y:scroll;}

html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

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

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

a {outline:none;}

#background { background:url(../images/main_body.jpg) top center no-repeat;min-height:1000px; height:auto !important;height:1000px;}
#wrap {margin:0 auto; width:980px;}

#left {float:left; width:220px; padding-bottom:20px; margin-top: 10px;}
#logo {text-indent: -5000px;background: url(../images/logo-15let.jpg) no-repeat;height:170px;width:210px;cursor:pointer;float:left; margin-left:10px; display:inline;}

#left ul { width:209px; float:left; margin:10px 0 0 10px; padding:0 0 19px 0; display:inline; background:url(../images/bottom_ul_left.jpg) bottom no-repeat; list-style:none;}
#left ul li {float:left;}
#left ul li a {font-size:13px; color:#004990; font-weight:bold; text-decoration:none; float:left; width:182px; background:url(../images/ul_li_left.jpg) top no-repeat; padding:6px 0 4px 27px; margin-top:1px;}
#left ul li a:hover {color:#8eb6f3;}
#left ul li a.active { background:url(../images/ul_li_left_open.jpg) top no-repeat #e2ebf9;padding:6px 0 4px 27px;}
#left ul li ul { float:left; margin:0 0 0 0;width:191px; padding: 3px 0 8px 18px; background:none; background:#e2ebf9;}
#left ul li ul li a {font-size:12px; color:#004990; font-weight:normal; text-decoration:none; float:left; width:158px; background:none; padding:4px 0 4px 10px; border-top:dashed 1px #93b2d4;}
#left ul li ul li a.first {border-top:none;}
#left ul li ul li a.active { font-weight:bold; background:none; padding:4px 0 4px 10px;}

#kontakt_left {float:left; width:198px; background:url(../images/hitri_kontakt_bg.gif) bottom repeat-x; padding-bottom:18px; margin:0px 0 0 11px; display:inline;}
#kontakt_left span.title {background:url(../images/hitri_kontakt_title.jpg) top left no-repeat; height:19px; float:left; width:160px; font-size:15px; font-weight:bold; color:#004990; padding:8px 0 3px 38px;}
#kontakt_left p {color:#6a6a6a; line-height:18px;}
#kontakt_left span.tel {font-size:14px; font-weight:bold; color:#004990; }
#kontakt_left a {color:#e5402c;}
#kontakt_left a:hover {text-decoration:none;}

#postanite_clan {float:left; width:198px; background:url(../images/hitri_kontakt_bg.gif) bottom repeat-x; padding-bottom:18px; margin:10px 0 0 11px; display:inline;}
#postanite_clan span.title a {background:url(../images/postanite_clan_title.jpg) top left no-repeat; height:19px; float:left; width:160px; font-size:15px; font-weight:bold; color:#004990; padding:8px 0 3px 38px; text-decoration: none;}
#postanite_clan span.title a:hover {text-decoration:underline;}
#postanite_clan p {color:#6a6a6a; line-height:18px;}


#forum {float:left; width:198px; background:url(../images/hitri_kontakt_bg.gif) bottom repeat-x; padding-bottom:10px; margin:10px 0 10px 11px; display:inline;}
#forum span.title a {background:url(../images/forum_icon.gif) top left no-repeat; height:19px; float:left; width:160px; font-size:15px; font-weight:bold; color:#004990; padding:8px 0 3px 38px; text-decoration: none;}
#forum span.title a:hover {text-decoration:underline;}
#forum p a {color:#6a6a6a; line-height:18px; text-decoration:none;}
#forum p a:hover {text-decoration:underline;}


#newsletter {float:left; width:198px; padding-bottom:18px; margin:10px 0 0 11px; display:inline;}
#newsletter span.title {background:url(../images/e-novice_title.jpg) top left no-repeat; height:19px; float:left; width:160px; font-size:15px; font-weight:bold; color:#004990; padding:8px 0 3px 38px;}
#newsletter input.text {background:url(../images/newsletter_text.gif) no-repeat; border:0; height:19px; width:149px; float:left; margin-top:4px; padding:3px 0 0 6px; color:#7b7b7b;}
#newsletter input.button { float:left; margin-left:3px; margin-top:4px;}
#newsletter a { color:#004990;}
#newsletter a:hover {text-decoration:none;}

#right {float:left; width:760px; margin-top: 10px;}
#animacija_wrap {float:left; width:736px; position:relative; margin:0 0 0 10px; display:inline;}
#cycle {float:left; position:absolute;width:736px;}
#overcycle {float:left; width:736px; position:absolute; z-index:7000;}

#top_search {float:left; width:736px;}
#top_search ul {list-style:none; float:left; width:497px; font-size:11px; padding-top:14px; padding-left:5px;}
#top_search ul li {display:inline; padding:0 13px 0 10px; background:url(../images/ulli_top.gif) right 3px no-repeat;}
#top_search ul li.last {background:none;}
#top_search ul li a {color:#004990; text-decoration:none;}
#top_search ul li a:hover {text-decoration:underline;}
#top_search a img {border:0; float:left; margin:12px 10px 0 0; display:inline;}
#top_search input.text {float:left; background:url(../images/search_box.gif) no-repeat; height:19px; width:149px; border:0; padding:3px 0 0 6px;margin-top:12px; color:#7b7b7b;}
#top_search input.button {float:left; margin-top:12px; margin-left:5px; display:inline;}

#leftcycle {float:left; width:352px;}
#leftcycle a.glavnisponz {background:url(../images/banner2012.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/glavni_sponzor.png'); width:188px; height:104px; display: inline-block; cursor:pointer; margin:6px 0 0 15px; float:left;}
#leftcycle span {background:url(../images/svoboda_gibanja.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/svoboda_gibanja.png'); width:352px; height:46px; display: inline-block; margin:305px 0 0 0; float:left;}
#slogan {float:left; width:312px; background:url(../images/slogan.jpg) top no-repeat; height:88px; padding:22px 20px 0 20px;}
#slogan h2 {font-size:14px; font-weight:bold; color:#004990; padding-bottom:2px;}
#slogan p {line-height:20px;}

#rightcycle {float:left; width:384px; margin-top:10px;}
#rightcycle span.vecnovic {background:url(../images/novice_bg_top.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/novice_bg_top.png'); height:30px; display: inline-block; float:left; width:349px; text-align:right; color:#fff; padding:8px 15px 0 0;}
#noviceindex {float:left; width:384px;height:436px; background:url(../images/right_cycle_bg.jpg) bottom right no-repeat;}
#noviceindex a img {cursor:pointer; float:left;}

/* novice scroll */

.vertical {	position:relative; float:left;	overflow:hidden;height:361px;	width: 347px; background: #fff; padding:0 0 0 17px;}
.items {position:absolute;	height:20000em;	margin: 0px;}
.item {font-size:12px;height:69px; width:333px; border-top: dashed 1px #004990; padding:10px 0 10px 0;}
.item img {	float:left;	margin-right:10px; display:inline;	height:59px; width:94px; border:0; padding:5px; background:url(../images/novice_img_okvir.gif) no-repeat;}
.item h2 a {color:#004990; font-weight:bold; font-size:12px; float:left; width:219px; padding:8px 0 4px 0; margin:0 0 0 0;}
.item h2 a:hover {text-decoration:none;}
.item p {color:#838383; font-size:11px;}
.disabled {visibility:visible;}

#boxes {float:left; width:760px; background:url(../images/middle_box_bg.gif) top no-repeat; margin:518px 0 0 0;}

.box1 {float:left; width:245px; padding-left:10px;}
.box1 span.title {color:#fff; font-size:15px; height:30px; padding:8px 0 0 48px; font-weight:bold; float:left; width:197px; background:url(../images/CCS_destinacije.gif) left no-repeat;}
.box1 div { padding:15px 12px 0 20px; float:left; width:213px;}
.box1 div a {color:#e5402c;}
.box1 div a:hover {text-decoration:none;}
.box1 div p { padding-bottom:10px;}
/*.box1 div img {float:right; margin:5px 0 0 0; width:89px;}
.box1 ul {list-style:none; float:left;}
.box1 a {color:#004990; font-weight:bold;}
.box1 a:hover {text-decoration:none;}
.box1 ul li {background:url(../images/ulli_middle_index.gif) no-repeat 0 5px; padding:2px 0 8px 10px;}*/

.box2 {float:left; width:258px;}
.box2 img {border:0; background:url(../images/potopisi_okvir.jpg) no-repeat; margin:9px 0 0 31px; padding:13px 28px 10px 30px; float:left; width:144px; height:90px;}
.box2 span {color:#fff; font-size:15px; height:30px; padding:8px 0 0 51px; font-weight:bold; float:left; width:207px; background:url(../images/potopisi.gif) no-repeat 3px 0;}
.box2 p { float:left; color:#838383; font-size:11px; padding-top:4px; float:left; width:223px; padding-left:35px;}
.box2 a.title {color:#004990; font-weight:bold; float:left; width:223px; padding-left:35px;}
.box2 a.title:hover {text-decoration:none;}
.box2 a.archive {color:#e5402c; float:left; width:223px; padding-left:35px; padding-top:8px;}
.box2 a.archive:hover {text-decoration:none;}

.box3 {float:left; width:240px;}
.box3 span.title {color:#fff; font-size:15px; height:30px; padding:8px 0 0 51px; margin-bottom:5px; font-weight:bold; float:left; width:189px; background:url(../images/mali_oglasi.gif) no-repeat 3px 0;}
.box3 div {float:left; width:190px; padding:12px 24px 0 26px;}
.box3 div p { color:#838383; font-size:11px;}
.box3 div a {color:#004990; font-weight:bold;}
.box3 div a:hover {text-decoration:none;}
.box3 a.ostali {color:#e5402c; float:left; width:214px; padding-left:26px; padding-top:15px;}
.box3 a.ostali:hover {text-decoration:none;}

#donatorji {float:left; width:760px; background:url(../images/pokrovitelji_bg.gif) top no-repeat;}
#donatorji_wrap { margin-top:20px;float:left; width:760px; background:url(../images/donatorji_bottom_Bg.jpg) bottom no-repeat; padding-bottom:16px; }
#donatorji h3 { font-size:15px; font-weight:bold; color:#004990; padding:11px 0 17px 60px;}
#donatorji div {padding-left:12px; float:left; width:742px;}

#footer {float:left; width:760px; color:#838383; font-size:11px; padding-bottom:15px;}
#footer p.copy {float:left; width:500px; padding:15px 0 0 10px;}
#footer p.ns {float:right; width:205px; padding:15px 3px 0 0;}
#footer p.ns img {border:0; margin:2px 0 0 5px; display:inline;}
#footer p.ns a {float:left; color:#838383; text-decoration:none;}
#footer p.ns a:hover {text-decoration:underline;}

#right_sub {float:left; width:736px; margin:0 0 0 10px; display:inline; background:url(../images/left_right_sub.jpg) left repeat-y;}
#donatorji_sub {float:left; background:url(../images/sub_donatorji.jpg) no-repeat; border-bottom:dashed 1px #a6bfd8; width:209px; min-height:199px;height:auto !important;height:199px;}
.gd-ns, #donatorji_sub h2 {color:#6a6a6a; font-size:14px; font-weight:normal; padding:15px 0 0 20px; float:left; width:189px;}
#donatorji_sub table {float:left; width:209px; height:125px;}
#donatorji_sub table td {vertical-align:middle; text-align:center;}
#donatorji_sub img {border:0;}
#donatorji_sub div {float:left; width:209px;}

#right_sub object.main, #right_sub img.main {float:left; width:725px; margin:11px 0 0 10px; display:inline;}

#sub_footer {float:left; width:745px; height:98px; background:url(../images/sub_footer_bg.jpg) no-repeat; margin-left:10px; display:inline; padding:65px 0 0 0;}

#breadcrumbs {float:left; color:#8d8d8d; font-size:11px; width:705px; padding:5px 0 15px 20px;}
#breadcrumbs a { color:#8d8d8d; text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}

#content {float:left; width:715px; padding:0 0 0 20px; color:#000;min-height:400px;height:auto !important;height:400px;}
#content h1 {font-size:16px; font-weight: bold; color:#e5402c; border-bottom:1px solid #003f7c; padding:0 0 7px 0; margin-bottom:16px;}
#content a { color:#e5402c;}
#content a:hover {text-decoration:none;}
#content ul {list-style:none; padding:5px 0 5px 5px;}
#content ul li {padding:0 0 2px 12px; background:url(../images/ulli_middle_index.gif) no-repeat 0 3px;}
#content p {padding:10px 0 10px 0;}
#content div.oker { background: #f5f5f5;}
#content img {border:0;}

#subbox1 {float:left; width:200px; margin:0 25px 0 20px; display:inline;}
#subbox2 {float:left; width:220px; margin:0 25px 0 20px; display:inline;}
#subbox3 {float:left; width:190px; margin:0 25px 0 20px; display:inline;}

#subbox1 h2, #subbox2 h2, #subbox3 h3 { font-size:12px; font-weight:bold; color:#004990; padding:0 0 4px 0; }
#sub_footer a {color:#004990;}
#sub_footer a:hover {text-decoration:none;}
#sub_footer input.text {background:url(../images/newsletter_text.gif) no-repeat; border:0; height:19px; width:149px; float:left; margin-top:15px;  padding:3px 0 0 6px; color:#7b7b7b;}
#sub_footer input.button { float:left;margin-left:4px; display: inline; width:22px ;  display: inline; margin-top:15px;}
#sub_footer p {color:#6a6a6a;}

.news { color:#000000; float: left; width: 715px; border-bottom: 1px solid #e2ebf9; padding: 20px 0 19px 0;}
.news img {float: left; width: 166px; height: 96px; background:url(../images/novice_okvir.jpg) no-repeat; padding:2px; border:0; margin:0 11px 0 0; display: inline;}
.news a.title {color: #004990; font-weight: bold; width: 534px; text-decoration: none; float:left; padding-bottom: 2px;}
.news a.title:hover {text-decoration:underline;}
.news span { color: #8d8d8d;  padding-bottom: 3px;}

.facebook {background: url(../images/hitri_kontakt_bg.gif) bottom repeat-x; padding:0 0 10px 0; margin:0 0 10px 11px; float:left;width: 198px; }
.facebook a { background:url(../images/facebook_icon.gif) left no-repeat;height:19px; float:left; width:160px; font-size:15px; font-weight:bold; color:#004990; padding:8px 0 3px 38px; text-decoration: none; margin: 0 0 0 0;}
.facebook 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 */


.is-hidden {display: none;}
.is-visible {display: block;}

.box-alert {
	   background-color: #fff8dc;
    border: 1px solid #e0dcbf;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 #fff inset;
    color: #444;
    padding: 10px;
}