/******************************* RESET *******************************/



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video 

{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

html {overflow-y: scroll;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

nav ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

ins {background-color:#ff9; color:#000; text-decoration:none;}

mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}

table {border-collapse:collapse; border-spacing:0;}

hr {display:block; height:1px; border:0; border-bottom:1px solid #ffffff; background: #a7a7a7; margin:0 0; padding:0;}

@-moz-document url-prefix() { 

  hr {

     height:2px;

  }

}



input, select {vertical-align:middle;}



/******************************* CSS3 FANCY EFFECTS *******************************/



::selection      {background:#c8161f;color:#fff;}

::-moz-selection {background:#c8161f;color:#fff;}



a {  

  outline:none;

 -webkit-transition: color .35s ease-out, text-shadow .25s ease-out;

  -moz-transition: color .35s ease-out, text-shadow .25s ease-out;

  -o-transition: color .35s ease-out, text-shadow .25s ease-out;

  transition: color .35s ease-out, text-shadow .25s ease-out;

}  



/*

@font-face {

    font-family: 'BebasNeueRegular';

    src: url('../fonts/BebasNeue-webfont.eot');

    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/BebasNeue-webfont.woff') format('woff'),

         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),

         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}

-webkit-border-radius: 10px; 

-moz-border-radius: 10px; 

border-radius: 10px;



-webkit-border-bottom-right-radius: 10px 10px;

-moz-border-radius-bottomright: 10px 10px;

-moz-border-radius-bottomleft: 10px 10px;



box-shadow:-10px -10px 5px -10px #999 inset;

-moz-box-shadow:-10px -10px 5px -10px #999 inset;

-webkit-box-shadow:-10px -10px 5px -10px #999 inset;

*/



/******************************* INDEX, HEADER, FOOTER *******************************/



html {overflow-y:scroll;height: 100%;}

body {

	height: 100%;

    line-height:1;

	font-family: Arial, Helvetica, sans-serif;

	color:#333333;

	font-size:12px;

	background:url(../images/main_y_bg.png) left top repeat-y #1f1f1f; 

}



body#sub {	background:url(../images/sub_body_bg.png) left top repeat-y #1f1f1f !important; }



#bg {float:left; width:986px; position:relative;}



#backimg { display:block; position: fixed; left:978px; top:0; width:483px; height:770px; background:url(../images/body_bg.jpg) no-repeat;}



header {height:54px; background: url(../images/header_bg.png) repeat-x; float:left; width:978px;}



#left a h1, #left a h2 { background: url(../images/logo.png) no-repeat; height:30px; margin:25px 0 0 0; width:203px; float:left; padding:201px 0 0 0; text-align:center; font-size:15px; color:#333333; font-weight:normal; line-height:18px;}



nav { float:left; width:978px; font-size:15px; }

nav ul { list-style:none; padding:0 0 0 11px;height:54px;}

nav ul li { background:none;height:54px; float:left;}

nav ul li a { color:#ffffff; text-decoration:none;height:20px; float:left;padding:19px 6px 11px; float:left;}

nav ul li a.active{ background:#5b5b5b;box-shadow: inset 0 0 5px 1px #514a4a;padding:19px 18px 11px;}

nav ul li a:hover { text-decoration:underline;}

nav ul li.last { background:none;}



footer { float:left; color:#646464; width:699px; font-size:11px; position:relative; padding:12px 0 0 0;}

footer p.left {  width:310px; float:left;}

footer #fb { float:left !important; margin:5px 0 0 5px;}

footer p.right { float:right; width:245px;}

footer p.right img.novi { float:right; margin:4px 0 0 10px;}

footer p.right a {text-decoration:none; float:right;color:#646464;}

footer p.right a:hover { text-decoration:underline;}



/******************************* INDEX MIDDLE *******************************/



#middle {float:left; width:699px; padding:0 38px;}



.tekst { float:left; margin:35px 0 0 46px; width:606px;}

.tekst a { color:#e81d27; text-decoration:none;}

.tekst a:hover { text-decoration:underline;}

.image { margin:21px 0 0 21px; float:left; width:659px; height:274px;}

.image img { float:left; margin:9px 0 0 136px;}

#slider { float:left; width:699px; margin:0 0 23px 0; position:relative; background:url(../images/main_image_index.png) center 21px no-repeat;}

#slider h1 { position:absolute; text-align:center; width:699px; top:298px; left:0; font-size:24px; color:#000000; text-shadow:1px 1px 0 #ffffff;}

.nav { position:absolute; width:699px; top:335px;}

.nav #next2 { right:0;}

.nav a {position:absolute; z-index:5000;}

#boksi { background: url(../images/boksi_bg.png) top right repeat-y; float:left; width:699px;}

.box { float:left; display:inline;}

.big { width:436px; padding:18px 24px 30px 0;}

.small { width:209px; padding:18px 0 30px 30px;}

#boksi h3 { font-weight:normal;}

#boksi a { color:#ff0000; coursor:pointer;}

.big img { float:right; background:#ffffff; padding:5px; margin:18px 0 0 20px;box-shadow:0 0 7px #999999; }

#boksi p { padding:16px 0 0 0;}



/******************************* SUB MIDDLE *******************************/



#left { float:left; width:203px; position:relative; padding-bottom:460px;}

#left h3 { color:#9d9d9d;padding:39px 20px 0 19px; font-weight:normal; font-size:14px;}

#left ul { padding:6px 0; font-size:14px;}

#left ul li { background:none; float:left; padding:0 0 0 0;}

#left ul li a { color:#000000; text-decoration:none; padding:9px 25px 9px 19px; width:159px; float:left;}

#left ul li a:hover { color:#ff0000; text-decoration:none;}

#left ul li a.active { background:url(../images/active_left.jpg) right repeat-y; font-weight:bold;}

#left div { width:163px; padding:0 20px; text-align:center; font-size:17px; font-style:italic; color:#e81d27; line-height:22px; bottom:20px; position:absolute}

#left div img {box-shadow:0 0 7px #999999; background:#ffffff; padding:5px;}



#content { color:#000000; float:left; width:699px;display:inline; padding-bottom:60px;}

#content h1 { padding:12px 0; color:#e81d27; font-family:Georgia, "Times New Roman", Times, serif}

#content h2 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:18px 0 10px 0;}

#content h3 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:15px 0 10px 0;}

#content ul li { padding-bottom:6px;}

#content img.mainimg { float:right;box-shadow:0 0 7px #999999; background:#ffffff; padding:5px; margin:10px 0 20px 30px;}

#content a {color:#ff0000;}

#content a:hover { text-decoration:none;}

#content td { vertical-align:top;}



#breadcrumbs { padding:25px 0 0 0;}

#breadcrumbs a { text-decoration:none; color:#000000;}

#breadcrumbs a:hover { text-decoration:underline;}

#breadcrumbs p { padding:0 0 5px 0;}



#accordion a {color:#000 !important; text-decoration:none;}

#accordion a.ui-accordion-header {width:669px; display:block;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;  padding: 9px 0 9px 30px; font-size:17px; }

.ui-accordion { width: 100%;  text-decoration:none; }

.ui-accordion .ui-accordion-header {background:url(../images/accordion_inactive.gif) 11px 11px no-repeat #ffffff; cursor: pointer; position: relative; margin-top: 12px; zoom: 1;}

.ui-accordion .ui-accordion-li-fix { display: inline; }

.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important;}

.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }

.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; background:#ffffff; }

.ui-accordion .ui-accordion-content-active { display: block; }

.ui-state-active { background:url(../images/accordion_active.gif) 11px 11px no-repeat #ffffff !important;}

.ui-corner-all { border-bottom:12px;}









/******************************* COMMON STYLES *******************************/



h1 {font-size:26px; font-weight:bold;}

h2 {font-size:23px; font-weight:bold;}

h3 { font-size:20px;}



p { padding:5px 0; line-height:18px;}



ul { list-style:none; padding:10px 0;}

ul li { padding:0 0 3px 10px; background:url(../images/ulli.gif) left 4px no-repeat;}



a:hover { text-decoration:none;}

.alterfont { font-family: Georgia, "Times New Roman", Times, serif;}



/* 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 */