/* GENERAL */

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* GENERAL */
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,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,article,aside,
canvas,details,embed,figure,figcaption,footer header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
b,strong, .strong {font-family: 'Open Sans', Verdana, Arial, sans-serif;}
i,em {font-style:italic;}

/* BASIC */
html,body {padding:0px;margin:0px;width:100%;height:100%;}
body {background: #1e4147;font-size:15px;color:#263b2c; font-family: 'Open Sans', Verdana, Arial, sans-serif;font-weight: 300;}
table td {vertical-align:top;}
a, td a {color:#0060c9;text-decoration:none;outline:none;}
a:hover {color:#0060c9;text-decoration:none;}
a img, img { border: none;outline:none; }
p {margin:0;line-height:20px;}
ul, li {margin:0px 0px 0px 10px;padding:0;list-style-position:outside;}
ol {margin:5px 0px 5px 15px;padding:0;list-style-position:inside;}
li {padding: 2px 0px;}
.cf {clear:both;}

a.button {display:inline-block;font-size:11px;line-height:11px;color:#fff;background:#181f1f;text-transform:uppercase;padding:8px 15px;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;font-family:'Open Sans', Verdana, Arial, sans-serif;font-weight: 300;margin-top:10px;}

hr {border:none;border-bottom:1px #cccccc solid;padding:0px;margin:30px 0px;line-height:1px;}

h1,h2,h3,h4 {font-family: 'Open Sans', Verdana, Arial, sans-serif;font-weight:400;}
h1, h1 a, h1 a:hover {color:#545969;font-size:26px;line-height:30px;}
h2, h2 a, h2 a:hover {color:#181f1f;font-size:20px;line-height:24px;}
h3, h3 a, h3 a:hover {color:#515050;font-size:18px;line-height:22px;}
h4, h4 a, h4 a:hover {color:#515050;font-size:15px;line-height:18px;}
h1 {margin-bottom:15px;}
h2,h3 {margin-bottom:5px;}

/* PARTS */
#wrapper{width:100%;min-height:100%;height: auto !important;height:100%;position:relative;} 
#header-container {position:relative;width:100%;min-width:970px;background:url(../images/bg.jpg) repeat;}
#header-container .top-bg {width:100%;height:450px;background:#59807d;position:absolute;top:-35px;z-index:100;
	background: #2b610b; /* Old browsers */
	background: -moz-linear-gradient(top,  #2b610b 0%, #334e3b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b610b), color-stop(100%,#334e3b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2b610b 0%,#334e3b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2b610b 0%,#334e3b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2b610b 0%,#334e3b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2b610b 0%,#334e3b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b610b', endColorstr='#334e3b',GradientType=0 ); /* IE6-9 */

}
#header-container .silhouette {width:100%;height:100%;background:url(../images/silhueta.png) no-repeat top center;}
#header {position:relative;width:970px;padding:0px;height:82px;/*background:#7a9997;*/margin:35px auto 0 auto; z-index:400;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#logo {position:absolute;left:0;top:-30px;}
#logo-sld {position:absolute;right:0;top:-25px;}

/* PRIMARNA NAVIGACIJA */
#primarna {position:absolute;top:48px;right:125px;z-index:400;}
#primarna ul { list-style: none; }
#primarna ul li {position:relative;margin:0px;padding:0px;list-style:none;float:left;}
#primarna a.level1 {font-family: 'Open Sans', sans-serif;font-weight: 300;color:#fff;font-weight:normal;font-size:15px;line-height:15px;text-decoration:none;margin:0 5px;padding:6px 12px 7px 12px;}
#primarna a.level1:hover, #primarna a.active {background:#181f1f;-moz-border-radius: 3px;-webkit-border-radius:3px;border-radius:3px;}
#primarna a.level1:hover {cursor: url(../images/cursor.png), auto;}

#primarna ul.level2,#primarna ul.level3 {display:none;}
#primarna li:hover ul.level2,#primarna li.level2:hover ul {display:block;}
#primarna ul.level2 {background:url(../images/bg_ul2.png) no-repeat;position:absolute;left:-5px;top:22px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;padding-top:12px;width:180px;}
#primarna ul.level2 a {display:block;width:170px;padding:2px 10px;color:#fff;background:#181f1f;font-size:13px;}
#primarna ul.level2 a:last-child {padding-bottom:10px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;}

/* VISUAL */
#visual {width:970px;height:380px;margin:35px auto 80px auto;position: relative;z-index:200;background:#59807d;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:#334e3b 1px solid;}
#visual .visual-elements {position: relative;}
#visual .visual-element {position:absolute;left:0px;top:0px;}
#visual .visual-element img {display:block;height:100%;width:100%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#visual .visual-description {width:970px;padding:0 100px;text-align:center;position:absolute;bottom:50px;color:#fff;}

#visual .arrow-container {position:absolute;bottom:-55px;left:450px;}
#visual .arrow-container a {display:inline-block;width:35px;height:35px;background:url(../images/visual_arrows.png) no-repeat 0 0;}
#visual .arrow-container a.visual_next {display:inline-block;width:35px;height:35px;background:url(../images/visual_arrows.png) no-repeat -40px 0;margin-left:40px;}
#visual .arrow-container span {display: none;}

#visual h2,#visual h3,#visual h4 {margin:0;padding:0;font-size:36px;font-weight:700;color:#fff;}
#visual h2 {font-size:32px;line-height:36px;margin-bottom:10px;}
#visual h3 {font-size:28px;font-weight:300;margin-bottom:15px;}
#visual h4 {font-size:16px;font-weight:300;margin-bottom:15px;}

/* CONTENT */
#content {width:970px;padding-bottom:50px;margin:0 auto;}
#main {float:left;width:600px;}
#info {float:right;width:340px;}
#main.info-empty {width:100%;}

/* NOVICE */
.admin-shortcut-icon,.article-date {display:none;}
.article {padding-bottom:20px;margin-bottom:20px;border-bottom:#dddddd 1px solid;}
.article,.article p {font-size:13px;}
.article:last-child {padding:0;margin:0;border-bottom:none;}
.article-image {float:left;margin-right:15px;width:156px;height:118px;position:relative;background:url(../images/bg_news_img.png) no-repeat;}
.article-image img {display:block;width:140px;height:100px;position:absolute;left:10px;top:4px;}
.article-title h3 {margin-bottom:5px;}
.article-title h3,.article-title h3 a {color:#38240e;font-weight:400;font-size:17px;}
.news-article-more,.news-more {display:inline-block;font-size:12px;line-height:12px;color:#fff;background:#181f1f;text-transform:uppercase;padding:10px 15px 8px 15px;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;font-family: 'Open Sans', Verdana, Arial, sans-serif;font-weight: 300;}

#pl-pager a.pl-pager-first,#pl-pager a.pl-pager-last {display:none;}
#pl-pager a {color:#181f1f;border:#181f1f 1px solid;border-radius: 10px;padding:0 8px;font-size:11px;line-height: 11px;}
#pl-pager a:hover,#pl-pager a.active {background:#181f1f;color:#fff;}
#pl-pager .mid a {margin-left:5px;}

/* GALLERY CONTAINER */
#gallery-container {width:100%;padding:50px 0;background:url(../images/bg_1.png) repeat;}
#gallery {width:970px;margin:0 auto;}

.gallery-list {margin-left:-65px;}
.gallery-list-element {float:left;width:25%;padding-left:65px;text-align:center;}
.gallery-list-element-image,.image-gallery-img {width:156px;height:118px;position:relative;background:url(../images/bg_news_img.png) no-repeat;overflow:hidden;position:relative;margin-left:16px;margin-bottom:5px;}
.image-gallery-img {margin:0;display:inline-block;}
.gallery-list-element-image img,.image-gallery img {display:inline-block;position: relative;z-index: 100;width:140px;height:100px;position:absolute;left:10px;top:4px;}
.gallery-list-element-title a {color:#1e4046;font-weight:400;}
#main .gallery-list-element {margin-bottom:20px;}


#footer-container {width:100%;background:#334e3b;}
#footer {width:930px;margin:0 auto;color:#b3a18d;padding:20px 0;}
#footer a {color:#fdc484;}
#sly {float:left;margin-top:10px;}
#social {float:right;}
#social a {display:inline-block;width:38px;height:38px;margin-left:10px;}
a.fb {background:url(../images/social.png) no-repeat;}
a.tw {background:url(../images/social.png) no-repeat -50px 0;}
a.rss{background:url(../images/social.png) no-repeat -100px 0;}