/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html{

}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* RESET END */

h1{
font: 1.5em/1.3 'Trebuchet MS', Verdana, Arial, sans-serif;
color:#fff;
}
h2, h3{
font: 1.2em/1.3 'Trebuchet MS', Verdana, Arial, sans-serif;
color:#fff;
}
p, label, input, textarea, li, span, table{
font: 0.8em/1.4em Arial, Tahoma, sans-serif;
color:#fff;
}
table{
text-align:left;
margin-bottom:10px;
width:100%;
}
th{
font-size:110%;
}
th, td{
padding:5px;
text-align:left;
}
.trodd{
background-color:#161a1d;
}
.treven{
background-color:#181d20;
}
table.cv th{
width:130px;
}
table.godine th{
width:95px;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
body{
background: #44474b url(img/body-bg.png) no-repeat center bottom;
}

#wrapper{
width:960px;
margin:0 auto;
}
#header-wrapper{
width:100%;
height:309px;
background:url(img/header-bg.png) repeat-x;
padding-top:1px;
}
#header{
width:960px;
height:309px;
margin:0 auto;
}
a.headerhomelink{
display:block;
width:370px;
height:220px;
text-indent:-9999px;
}
a.langhr{
display:block;
width:108px;
height:32px;
position:absolute;
right:216px;
top:12px;
text-indent:-9999px;
background:url(img/lang-matrix.jpg) no-repeat scroll 0 0;
}
a.langen{
display:block;
width:108px;
height:32px;
position:absolute;
right:108px;
top:12px;
text-indent:-9999px;
background:url(img/lang-matrix.jpg) no-repeat scroll -108px 0;
}
a.langde{
display:block;
width:108px;
height:32px;
position:absolute;
right:0px;
top:12px;
text-indent:-9999px;
background:url(img/lang-matrix.jpg) no-repeat scroll -216px 0;
}
a.langhr:hover, a.activehr{
background-position: 0 -32px;
}
a.langen:hover, a.activeen{
background-position: -108px -32px;
}
a.langde:hover, a.activede{
background-position: -216px -32px;
}
#lang-bar{
width:960px;
height:58px;
position:relative;
}
#lang-bar p{
color:#fff;
font-size: 0.8em;
padding:15px 0 0 10px;
width:250px;
}
#langs{
position:absolute;
top:0px;
right:10px;
width:314px;
height:59px;
}
#langs a{
display:block;
width:104px;
height:58px;
float:left;
text-indent:-9999em;
background:url(img/lang-matrix.jpg) no-repeat;
}
#langs a.langhr{
background-position:0px -59px;
}
#langs a.langen{
background-position:-104px -59px;
}
#langs a.langde{
background-position:-208px -59px;
}
#langs a.langhr:hover, #langs a.activehr{
background-position:0px 0px;
}
#langs a.langen:hover, #langs a.activeen{
background-position:-104px 0px;
}
#langs a.langde:hover, #langs a.activede{
background-position:-208px 0px;
}
#logo-search, #logo-search-en{
width:960px;
height:220px;
position:relative;
}
#logo-search{
background:url(img/header-logo.jpg) no-repeat;
}
#logo-search-en{
background:url(img/en/header-logo-en.jpg) no-repeat;
}

#navbar, #navbar-sub{
width:960px;
height:44px;
}
#navbar ul, #navbar-sub ul{
padding:2px 1px 0 1px;
}
#navbar li, #navbar-sub li{
display:inline;
}
#navbar a, #navbar-sub a{
text-align:center;
font-size: 1em;
text-decoration:none;
display:block;
float:left;
width:117px;
height:34px;
padding-top:8px;
}
#navbar a{
color:#fff;
}
#navbar-sub a{
color:#000;
}
#navbar-sub  a:hover{
text-decoration:underline;
background:transparent;
}
#navbar a:hover, #navbar a.current{
color:#000;
background:#fafafa;
}


#content{
width:940px;
margin:0 auto;
padding:0 10px 30px;
}
#content a{
color:#fff;
font: 14px/1.4em Arial, Tahoma, sans-serif;
}
#left-col{
width:580px;
float:left;
margin-right:20px;
}
#right-col{
width:340px;
float:left;
}
#slider-wrap{
width:940px;
/* height:261px; */
background:url(img/slider-bg2.jpg) no-repeat;
position:relative;
}
.impressum{
margin:15px 0 10px 0;
}
.slider-control{
width:940px;
height:42px;
background:url(img/slider-control2.jpg) no-repeat scroll 0 -42px;
position:relative;
}
.slider-off{
background:url(img/slider-control2.jpg) no-repeat scroll 0 0;
}
a.slc1{
width:125px;
height:42px;
position:absolute;
left:30px;
cursor:pointer;
}
a.slc2{
width:125px;
height:42px;
left:165px;
position:absolute;
cursor:pointer;
}

#bio-gfx{
width:940px;
height:190px;
background:url(img/bio.jpg) no-repeat;
position:relative;
}
#foto-gfx{
width:940px;
height:190px;
background:url(img/foto.jpg) no-repeat;
position:relative;
}
#video-gfx{
width:940px;
height:190px;
background:url(img/video.jpg) no-repeat;
position:relative;
}
#pretraga-gfx{
width:940px;
height:190px;
background:url(img/pretraga.jpg) no-repeat;
position:relative;
}
#poveznice-gfx{
width:940px;
height:190px;
background:url(img/poveznice.jpg) no-repeat;
position:relative;
}
#essekeri-izbornik{
position:absolute;
right:14px;
top:74px;
width:315px;
}
#essekeri-izbornik a{
display:block;
position:absolute;
width:129px;
height:20px;
padding:9px;
margin:0 10px 5px 0;
}
#essekeri-izbornik a:hover{
background-color:#2f3133;
text-decoration:none;
}
a.bio{

}
a.foto{
top:42px;
}
a.video{
right:2px;
}
a.pov{
top:42px;
right:2px;
}

p.naslov, h1.naslov, h2.naslov, p.naslov-l, p.naslov-r{
display:block;
height:37px;
font: 1.5em/1.3 'Trebuchet MS', Verdana, Arial, sans-serif;
color:#fff;
padding:6px 10px;
}
h2.naslov-news{
display:block;
font: 1.5em/1.3 'Trebuchet MS', Verdana, Arial, sans-serif;
color:#fff;
padding:6px 10px;
}
h1.naslov img, h2.naslov img, p.naslov img, p.naslov-l img{
float:left;
margin-right:5px;
}
h1.ime{
position:absolute;
top:90px;
left:60px;
font-size:2.2em;
font-weight:bold;
}
p.naslov-r img{
float:right;
margin-left:5px;
}
p.naslov-l, p.naslov-r{
width:270px;
float:left;
}
div.box1-left, div.box1-right{
width:250px;
float:left;
}
div.box1-left, div.box1-right, div.box2-content, div.box3-content{
padding:10px 20px;
float:left;
display:inline;
overflow:hidden;
}
div.box2-content-padding{
padding:10px 10px;
float:left;
display:inline;
overflow:hidden;
}
div.box3-content img{
margin:0 5px 10px 0;
}
p.naslov-r{
text-align:right;
}


.box1{
width:580px;
height: 440px;
background:url(img/box1.jpg) no-repeat;
margin-bottom:20px;
float:left;
display:inline;
overflow:hidden;
}
.box2{
width:340px;
border-bottom:1px solid #5c5e60;
background:#1b2025 url(img/box2.jpg) no-repeat scroll center top;
margin-bottom:20px;
float:left;
}
.box2-time{
width:340px;
border-bottom:1px solid #5c5e60;
background:#1b2025 url(img/box2-time.jpg) no-repeat scroll center top;
margin-bottom:20px;
float:left;
}
.box3{
width:580px;
background:#2f3234 url(img/box3.jpg) no-repeat;
margin-bottom:20px;
float:left;
}
.newsbox{
width:580px;
margin-bottom:20px;
float:left;
background-color:#2f3234;
}
.box4{
width:940px;
background:#2f3234 url(img/box4.jpg) no-repeat;
margin-bottom:20px;
float:left;
}
div.box3-content p{
margin-bottom:10px;
font-size:.9em;
}
div.box2-content hr, div.box3-content hr{
clear:both;
visibility:hidden;
}
.news-box{
width:340px;
height: 325px;
background:url(img/news-box.jpg) no-repeat;
margin-bottom:20px;
float:left;
}
img.portret{
float:left;
margin:5px 10px 10px 0;
}
p.lead{
font-weight:bold;
}
p.datum-ndd{
float:left;
width:50px;
height:37px;
text-align:center;
color:#c0c0c0;
font-size:0.7em;
padding-top:5px;
}
.box1-item{
float:left;
width:270px;
margin-bottom:10px;
}
.box1-item img{
float:left;
border:1px solid #7d7d7d;
margin-right:5px;
}
.box1-item p{
font-size:0.9em;
}
.smtxt, .podrucja, body  #content .podrucja a{
font-size:11px;
color:#c0c0c0;
}
body  #content .podrucja a:hover{
color:#fff;
}
span.smdata, span.smdatb{
font-size:0.7em;
color:#c0c0c0;
position:absolute;
}
span.smdata{
top:5px;
left:11px;
}
span.smdatb{
top:22px;
left:6px;
}
a.boxhref{
float:left;
border:1px solid #7d7d7d;
margin:3px 5px 0 0;
}
.news-item{
height:55px;
padding:8px 10px;
}
#content .news-item a{
font-size:16px;
}
.news-date{
background:url(img/calendar.gif) no-repeat;
width:40px;
height:42px;
float:left;
padding-right:10px;
position:relative;
}
.mala-galerija, .mala-galerija2{
float:left;
width:100%;
}
.mala-galerija p{
float:left;
}
.mala-galerija img , .mala-galerija2 img{
border:1px solid #999;
margin:4px;
float:left;
}

.foto-arhiva{
float:left;
height:120px;
margin:0 0 10px;
padding:0 10px 0 0;
width:275px;
}
.foto-arhiva p{
font-size:12px;
}
.foto-arhiva ul{
margin-top:5px;
}
.foto-arhiva li{
line-height:125%;
}
body #content .foto-arhiva a{
font-size:12px;
color:#888;
}
body #content .foto-arhiva a:hover{
color:#fff;
}

.boxvid-item{
float:left;
width:280px;
margin:0 20px 20px 0;
}
.boxvid-item img{
float:left;
border:1px solid #7d7d7d;
margin-right:5px;
}
.boxvid-item p{
font-size:0.9em;
}
.evenodd li{
padding:2px 0;
}

#frmtimemachine input{
color:#fff;
float:left;
padding:3px;
margin:4px 0;
border:1px solid #fff;
background:#444;
width:200px;
}
#frmtimemachine label{
display:block;
clear:both;
padding:2px;
}
#frmtimemachine #frmtimemachinesubmit{
background:#444;
border:1px solid #fff;
display:block;
clear:both;
padding:3px;
cursor:pointer;
width:80px;
}


#footer{
float:left;
width:940px;
}
#footer p{
width:940px;
text-align:center;
color:#fff;
padding:20px 0;
display:block;
}

p#bubble{
color:#000;
font-size:12px;
}
.timeline-event-bubble-body img{
float:left;
margin:3px 5px;
}
.timeline-event-bubble-body hr{
clear:both;
}
.timeline-event-bubble-title a{
font-family:arial;
font-size:16px;
}


#main-video{
background-color:#212121;
float:left;
margin-right:15px;
padding:4px;
width:512px;
}
#sub-video{
background-color:#212121;
float:left;
padding:10px;
width:345px;
}
body .mb{
margin-bottom:10px;
border:0 none;
}
#timeline h3{
font-size:1.5em;
border-bottom:1px solid #888;
}
.mali-video{
float:left;
height:120px;
padding:14px 0 10px 5px;
width:110px;
}
.mali-video img {
border:1px solid #999;
margin:4px 4px 4px 0;
}







#kontakt-obrazac{
float:left;
width:400px;
}
#form1 label, #form1 input{
display: block;
clear: both;
}
#form1 label{
margin: 5px 0 1px;
}
#form1 input, #form1 textarea{
width: 300px;
color: #0C4DA2;
border: 1px solid #d4d4d4;
padding:3px;
}
#form1 textarea{
overflow:hidden;
height:50px;
}
#form1 #btn-send, #form1 #btn-send1{
width: 125px;
margin: 2px 0 0;
cursor: pointer;
background-color: #eee;
}

#form2{
position:absolute;
right:-40px;
top:59px !important;
top:53px;
}
#form2 input{
border:0 none;
width:90px;
padding:4px;
background:transparent;
}
#btn-search{
visibility:hidden;
}

p.sending{
width:150px;
height:20px;
background:url(images/ajax-loader.gif) no-repeat;
padding-left:20px;
margin-top:10px;
display:none;
}

#timeline , #arhiva{
width:900px;
/*height: 450px;*/
padding: 20px;
overflow:hidden;
}
#timeline h2{
width:280px;
border-bottom:1px solid #ddd;
padding:2px;
font-size:1.5em;
}
#timeline ul, .box3-content ul{
margin:5px 0 10px 0;
float:left;
width:100%;
}
#timeline ul li, .box3-content ul li{
margin:5px;
}
#event-wrap{
float:left;
width:100%;
font: 0.8em/1.4em Arial, Tahoma, sans-serif;
}
#my-timeline{
height: 350px;
border: 1px solid #aaa
}
.tl-event{
width:450px;
margin-right:20px;
float:left;
}
.tl-event img{
float:left;
margin:2px;
border:1px solid #999;
}
.vise{
float:right;
padding:8px;
background-color:#25282a;
border:1px solid #444;
margin:10px 0;
}

label{
display:block;
margin-bottom:5px;
}
input{
margin-bottom:10px;
width:200px;
padding:4px;
color:#000;
}
textarea{
width:350px;
height:110px;
color:#000;
overflow:auto;
}
#saveForm{
width:125px;
margin-top:10px;
display:block;
}
#msgok{
background:url(img/ico/mail.jpg) no-repeat left center;
padding:35px 0 0 55px;
height:48px;
}

#abcsubmit{
width:125px;
}

.banners img{
margin-bottom:6px;
}