/******************************* 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;}
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:0; background-color: #c7c7c7; border-top: 1px solid #c7c7c7; border-left:0; border-right:0; border-bottom: 1px solid #FFF; margin:1em 0; padding:0;}
*+html hr {height: 2px;}

/******************************* BASIC ELEMENTS *******************************/
* { margin: 0; padding: 0;}
img { border: 0; }

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.clearfix { width:100%; height: 0; clear: both }

header, nav, article, footer, address { display: block; }
header, footer { width: 100%; clear: both; padding: 0; margin: 0; }

/******************************* BODY *******************************/
body {font-family: 'Exo', sans-serif; font-size: 14px; color: #777373;}

.vstopna {background: #000 url('../images/vstopna-bg.jpg') no-repeat center 180px;}

.wrapper {width: 960px; margin: 0 auto;}

.green, .green a, .greenhover a:hover, .greenhover.active a {color: #09952a;}
.blue, .blue a, .bluehover a:hover, .bluehover.active a {color: #009fe4;}
.pink, .pink a, .pinkhover a:hover, .pinkhover.active a {color: #c32069;}
.purple, .purple a, .purplehover a:hover, .purplehover.active a {color: #8f0e7a;}
.orange, .orange a, .orangehover a:hover, .orangehover.active a {color: #e5a927;}
.darkblue, .darkblue a, .darkbluehover a:hover, .darkbluehover.active a {color: #00508b;}
.red, .red a, .redhover a:hover, .redhover.active a {color: #d4102c;}
.pinky, .pinky a, .pinkyhover a:hover, .pinkyhover.active a {color: #f700d7;}

.greenbg a, .greenhoverbg a:hover {background: #09952a;}
.bluebg a, .bluehoverbg a:hover {background: #009fe4;}
.pinkbg a, .pinkhoverbg a:hover {background: #c32069;}
.purplebg a, .purplehoverbg a:hover {background: #8f0e7a;}
.orangebg a, .orangehoverbg a:hover {background: #e5a927;}
.darkbluebg a, .darkbluehoverbg a:hover {background: #00508b;}
.redbg a, .redhoverbg a:hover {background: #d4102c;}
.pinkybg a, .pinkyhoverbg a:hover {background: #f700d7;}

input, textarea {font-family: 'Exo', sans-serif;}

a {color: #777373; text-decoration: none;}
a:hover {color: #000;}

.no-border {border: 0!important;}

/******************************* INTRO *******************************/
.vstopna header {display: block; width: 100%; height: 180px; background: #FFF; position:relative;}
.vstopna .logo {float: left; margin-top: 17px;}
.vstopna .lang {float: right; font-size: 16px; margin-top: 70px;}
.vstopna .lang a {color: #777373; text-decoration: none; margin-left: 5px;}
.vstopna .lang a:hover {color: #000;}

.okna {display: block; margin: 217px 0 0 174px; font-family:"Times New Roman", Georgia, Serif;}
.okno a {float: left; width: 258px; line-height: 18px; height: 294px; text-decoration: none; padding: 28px 26px; margin-right: 20px; font-weight: bold; color: #FFF; font-size: 14px;}
.okno a:hover {background: rgba(255,255,255,0.3); -webkit-box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.3); box-shadow:  2px 2px 2px 2px rgba(0, 0, 0, 0.3);}
.okno a:hover .vec {text-decoration: underline;}

.vstopna .vec {display: block; width: 233px; cursor: pointer; margin-top: 10px; text-align: center; font-size: 13px; font-weight: normal; font-family: 'Exo', sans-serif; color: #FFF; text-decoration: none;}

/******************************* HEADER *******************************/
.stran header {width: 960px; height: 178px; border-bottom: 1px #dcdcdc solid; position:relative;}
.stran .logo {float: left; margin: 17px 0 0 13px;}

nav {position:absolute; font-size: 16px; top: 139px; right:0;}
*+html nav {width: 800px;}
*+html nav {float: right;}
nav ul li {display: inline-block; font-weight: bold;}

*+html nav ul li {float: left;}
nav ul li a {text-align: none; text-decoration: none; line-height: 18px; text-transform:uppercase}
nav ul > li > a {padding: 0 0 20px 10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.menu nav ul > li > a {padding: 0 0 21px 10px;}} /*Chrome Fix*/
@-moz-document url-prefix() {.menu nav ul > li > a {padding: 0 0 19px 10px;}} /*FF Fix*/
*+html nav ul > li > a {padding: 0 0 19px 10px;}

nav ul > li > a > span {padding-left: 10px;}
nav ul li ul li a span {display:none;}

.glava-elementi {float: right; margin-top: 70px;}
.glava-elementi input {margin: 0 10px; width: 128px; border: 1px #dedede solid; padding: 1px 3px;}
.glava-elementi .active {color: #000; font-weight: bold;}

/* =============================================================================
   Dropdown
   ========================================================================== */
 nav ul li {float:left;display:inline;}
 nav ul li a {display:block;}
 nav ul li ul {position:absolute; z-index: 10000; display:block; width:160px; padding: 0 7px 10px 7px; background:#FFF; border-bottom: 1px #dcdcdc solid; border-left: 1px #dcdcdc solid; border-right: 1px #dcdcdc solid;}
 nav ul li ul li {margin:0; padding:0; width:160px; }
 nav ul li ul li a {display: block; padding:2px 10px!important; font-weight: normal;text-transform:none !important; font-size: 15px; line-height: 18px;}
 nav ul li ul li a:hover {font-weight: bold;}
nav ul li ul.fallback {display:none;}
 nav ul li:hover ul.fallback {display:block;}

/******************************* CONTENT *******************************/

.slider {display: block; position: relative; width: 958px; overflow: auto; border: 1px #dcdcdc solid; margin-top: 17px;}
.slider img {width: 958px;}

.flex-caption {position: absolute; margin: -215px 0 0 18px;}
*+html .flex-caption {margin: 146px 0 0 18px;}
.flex-caption span {background: url('../images/greenpng.png') repeat-x; color: #FFF; padding: 2px 10px 0 10px;}
.flex-caption h2, .flex-caption h1 {display: block; font-size: 30px; margin-top: 6px; line-height:160%; width:350px}
.flex-caption h3 {font-size: 22px; font-weight: normal; margin-top: 10px;}
.greenbtn {display: inline-block; background: #159a34; font-size: 12px; color: #FFF; padding: 7px; font-weight: bold; margin-top: 19px; -webkit-border-radius: 6px; border-radius: 6px;}
.flex-control-thumbs {position: absolute; margin: -337px 0 0 805px; z-index: 10000;}
*+html .flex-control-thumbs {margin: -337px 0 0 788px;}
.flex-control-thumbs img {width: 134px; height: 76px; border: 1px #dcdcdc solid;}
.flex-control-thumbs li {list-style: none; margin-top: 22px; cursor: pointer;}
.slides li {height: 349px;}

.aniwrap {position: relative; margin: 17px 0; float:left; width: 958px; height:350px; border: 1px #dcdcdc solid;}
.animation {position: relative; width: 958px; height:348px; }
.animation img {width: 958px; position:absolute; top:0; left:0;}
.aniwrap #nav { position:absolute; z-index:15; bottom:0; width:328px; right:0; text-align:right; padding:0 30px 15px 0;}
.aniwrap #nav a {  width:15px; height:15px; display:inline-block; background:#159a34; border:3px solid #159a34;  color:#159a34; border-radius:20px; margin-left:10px;}
.aniwrap #nav a.activeSlide { background:#159a34; color:#159a34; border:3px solid #ddd; width:15px; height:15px;  }
.animation .caption { position:absolute; width:70%; bottom:20px; left:30px;}
.slide {position:relative; float:left; width:958px; height:348px;}
.animation .caption span {background: url('../images/greenpng.png') repeat-x; color: #FFF; padding: 2px 10px 0 10px;}
.animation .caption h2, .animation .caption h1 {display: block; font-size: 30px; margin-top: 6px; line-height:160%;}
.animation .caption h3 {font-size: 22px; font-weight: normal; margin-top: 10px;}
.animation .caption .greenbtn {display: inline-block; background: #159a34; font-size: 12px; color: #FFF; padding: 7px; font-weight: bold; margin-top: 19px; -webkit-border-radius: 6px; border-radius: 6px;}
.animation .caption .greenbtn:hover {text-decoration:underline;}

.main {margin-top: 40px;}

.levo {float: left; width: 628px; border: 1px #dcdcdc solid;}
.naslov {display: block; overflow: auto; padding: 3px 10px; border-bottom: 1px #dcdcdc solid;}
.naslov h2, .naslov h3, .naslov h4 {font-size: 22px;}
.naslov .url {margin-top: 6px;}
.naslov .url a {font-size: 12px; font-weight: bold; text-decoration: underline; color: #777373;}
.naslov .url a:hover {text-decoration: none;}
.novice {display: block;}
.novice .slika {width: 172px;}
.novice article {display: block; overflow: auto; padding: 20px; border-top: 1px #dcdcdc solid;}
.novice article p {font-family: "Times New Roman", Times, serif; font-size: 15px; color: #646464;}
.novice .fl.slika {margin-right: 22px;}
.novice .fr.slika {margin-left: 22px;}
.novice article .datum {font-size: 16px; color: #777373; padding-bottom: 10px;}
.novice article .datum.it {text-transform: lowercase}
.novice article h2, .novice article h3 {font-size: 20px; line-height: 22px; padding-bottom: 14px;}
.novice article .slika img {display: block;}
.opispodsliko {display: block; padding: 2px 0; background: #d4102c; color: #FFF; font-weight: bold; font-size: 12px; text-align: center;}

.desno {float: right; width: 310px;}
.item {display: block; overflow: auto; border: 1px #dcdcdc solid; margin-bottom: 22px;}
.item-body {padding: 20px 12px; overflow: auto;}
.item-body h3 {font-size: 20px; line-height: 22px; padding-bottom: 14px;}
.item-body p {font-family: "Times New Roman", Times, serif; text-align: justify; font-size: 15px; color: #646464;}
.item-body .fl.slika {margin-right: 12px;}
.item-body .fr.slika {margin-left: 12px;}

.facebook {color: #3b589c;}
.facebook .naslov {background: #edeff4;}
.instagram .feed-row { margin-top: 10px;}
.instagram .feed-post .ig-post-head {display: flex; align-items: center; margin-bottom: 8px;}
.instagram .feed-post .ig-post-head  span { font-weight: 600;}
.instagram .feed-post .ig-post-head img { width: 50px; margin-right: 10px;}

.instagram img { width: 100%;  aspect-ratio: 1 / 1; object-fit: cover;} 

/******************************* FOOTER *******************************/
footer {display: block; width: 100%; height: 377px; background: #e2dfdf; margin-top: 40px; padding-top: 30px;}
footer .wrapper {position: relative;}
.footer-menu {float: left; width: 638px; height: 265px; position: relative;}
.footer-menu-item {float: left; padding-left: 13px; padding-left: 8px\9;}
.footer-menu-item:first-child {padding-left: 0;}
.footer-menu-item h4 {float: left; padding: 0 13px 10px 0; padding: 0 8px 10px 0\9; font-size: 15px;}

.footer-social {position: absolute; bottom: 0; right: 15px;}

.navrh {position: absolute; top: -40px; right: -97px;}
@media (max-width: 1170px) {.navrh {display: none;}}

.prijava {float: right; width: 272px; height: 242px; padding: 18px; background: #FFF;}
.prijava h5 {font-size: 15px; color: #e67c02; padding-bottom: 10px;}
.prijava p {font-size: 14px; color: #777373;}
.prijava input[type='text'] {display: block; width: 242px; margin-top: 17px; border: 1px #dcdcdc solid; background: url('../images/input-bg.gif') repeat-x; padding: 10px 14px;}
.potrdi .btn {margin-top: 14px;border: 0; padding: 7px 20px; color: #FFF; font-size: 12px; font-weight: bold; display: inline-block; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; background: #df8333;}
.potrdi .ok {color: #159a34;}
.potrdi .obvestilo {width: 180px; text-align: right; line-height: 30px;}
.success { font-size:15px; margin-top:15px}

.podpis {display: block; width: 100%; margin-top: 37px; background: url('../images/dot.gif') repeat-x left top; text-align: center; padding-top: 10px; font-size: 12px;}

/******************************* PODSTRAN *******************************/
.podstran {margin-top: 16px;}

.breadcrumb {font-size: 12px; padding-bottom: 18px;}
.breadcrumb a {text-decoration:underline;}

.podmenu {float: left; width: 268px; padding: 20px; border: 1px #dcdcdc solid;}
.podmenu h2 {font-size: 20px; padding-bottom: 12px; border-bottom: 1px #dcdcdc solid;}
.podmenu ul {margin-top: 14px;}
.podmenu ul li {list-style: none; padding-bottom: 10px;}
.podmenu ul li a {color: #777373; font-size: 16px;}
.podmenu ul li.active a {font-weight: bold; padding-left: 18px;}
.podmenu.blue ul li.active a {color: #009fe4; background: url('../images/blue-line.png') no-repeat left 2px;}
.podmenu.orange ul li.active a {color: #e5a927; background: url('../images/orange-line.png') no-repeat left 2px;}
.podmenu.pink ul li.active a {color: #c32069; background: url('../images/pink-line.png') no-repeat left 2px;}
.podmenu.pinky ul li.active a {color: #f700d7; background: url('../images/pinky-line.png') no-repeat left 2px;}
.podmenu.darkblue ul li.active a {color: #00508b; background: url('../images/darkblue-line.png') no-repeat left 2px;}

.vsebina {float: right; width: 588px; border: 1px #dcdcdc solid; padding: 20px;font-family: "Times New Roman", Times, serif;}

.vsebina h2 {font-size: 18px; padding-bottom: 12px;font-family: 'Exo', sans-serif;}
.vsebina h3 {font-size: 16px; color: #646464; padding-bottom: 10px;font-family: 'Exo', sans-serif;}
.vsebina h5 {font-size: 20px; color: #646464; padding-bottom: 10px;font-family: 'Exo', sans-serif;}
.vsebina .tehnicne {padding: 10px 0 12px 0; border-top: 1px #dcdcdc solid; border-bottom: 1px #dcdcdc solid;}
.vsebina table {width: 100%; font-family: "Times New Roman", Times, serif; color: #646464;}
.vsebina td {padding: 3px 10px 3px 0;}
.vsebina ul {list-style:square; padding:0 0 15px 15px}
.vsebina a { text-decoration:underline;}
.vsebina p { text-align: justify; font-size: 15px; line-height: 20px; color: #646464; padding-bottom: 20px;}
.vsebina .jumbo  {padding: 0 0 12px 0; height:260px; width: 588px;float:left; position:relative;}
.vsebina .jumbo img {position:absolute;}
.vsebina  .jumbo h1 {font-size: 25px; font-family: 'Exo', sans-serif; position:absolute; z-index:6; background:#ffffff; padding:3px 20px; float:left; bottom:20px;}

.vsebina  .nojumbo h1 {font-size: 20px; margin-bottom:15px; padding-bottom: 12px;font-family: 'Exo', sans-serif; border-bottom: 1px #dcdcdc solid;}

.vsebina .fl.slika {margin-right: 20px;}
.vsebina .fr.slika {margin-left: 20px;}
.vsebina .slika {font-family: "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; color: #646464;}
.vsebina .slika a { float:left; margin-bottom:5px;}
.vsebina .slika img {}

.vsebina .novice article {padding: 20px 0;}
.vsebina .novice article .slika img {float:left; padding-bottom: 0!important; border: 0;}
.vsebina .novice article .vec {margin-top: 0;}
.vsebina .novice article h4 {font-family: 'Exo', sans-serif; font-size: 20px; line-height: 22px; padding-bottom: 14px;}
.vsebina .novice article a { text-decoration:none;font-family: 'Exo', sans-serif; }

.vec {margin-top: 40px;}
.vec .trenutne a {display: inline-block; background: #e5a927 url('../images/small-arrow-right.gif') no-repeat right top; padding: 5px 40px 5px 10px; color: #FFF; margin-bottom: 15px;}
.vec p {font-family: 'Exo', sans-serif;}
.vec p a {text-decoration: underline;}

.pagination {border-top: 1px #dcdcdc solid; padding-top: 10px;}
.pagination li {float: left; list-style: none;}
.pagination li a {float: left; width: 29px; height: 24px; padding-top: 5px; text-align: center; border-left: 1px #FFF solid; font-size: 15px; color: #9b9797; font-weight: bold; background: #e2dfdf;}
.pagination li a:hover {color: #FFF;}
.pagination li.arrow a {border: 0; padding: 0;}

.pagination .pinkhoverbg li.active a {color: #FFF; background: #c32069;}

.novica-datum {font-family: 'Exo', sans-serif; font-size: 16px; color: #777373; /*border-bottom: 1px #dcdcdc solid; padding-bottom: 12px;*/}
.novica {margin-top: 20px;}
.nazaj a {display: inline-block; margin-top: 20px; color: #FFF; height: 24px; background-image: url('../images/small-arrow-left.gif'); background-repeat: no-repeat; background-position: left; padding: 5px 10px 0 39px;}

.povezave {font-family: "Times New Roman", Times, serif; font-size: 15px; line-height: 20px; color: #646464;}
.povezava h4 {font-size: 18px; line-height: 22px;}
.povezava {padding: 16px 0;  border-top: 1px #dcdcdc solid;}

.kontakti {width: 274px; font-family: "Times New Roman", Times, serif; font-size: 15px; line-height: 20px; color: #646464;}
.kontakti a {text-decoration: underline;}
.kontakti a:hover {text-decoration: none;}

.kontaktni {width: 312px; margin-top:60px;}
.kontaktni h5 {font-size: 18px; color: #646464;}
.form-element {display: block; margin-top: 15px;}
.kontaktni input[type='text'], .kontaktni textarea {width: 280px; border: 1px #dcdcdc solid; background: #f2f2f2; padding: 5px 10px; font-size: 14px;}
.kontaktni span {margin-left: 3px;}
.kontaktni textarea {height: 172px;}
.form-footer {width: 312px;}
.poslji a {display: inline-block; margin-top: 20px; color: #FFF; height: 24px; background-image: url('../images/small-arrow-right.gif'); background-repeat:no-repeat; background-position: right; padding: 5px 39px 0 10px;}
input.poslji {display: inline-block; margin-top: 20px; color: #FFF; height: 24px; background-image: url('../images/small-arrow-right.gif'); background-repeat:no-repeat; background-position: right; padding: 3px 39px 5px 10px; background-color:#00508b; border:none; cursor:pointer;}


.opozorilo {margin-top: 23px; margin-right:10px; font-family: "Times New Roman", Times, serif; font-size: 15px; line-height: 20px; color: #646464; padding-right: 6px;}

hr {background-color: transparent; border-top: 1px #dcdcdc solid; margin: 0 0 20px 0;}

.btn {
    background: none repeat scroll 0 0 #DF8333;
    border: 0 none;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 14px;
    padding: 7px 20px;
    text-align: center;
    width:80px;
}

.burger {display: none; float: right; width: 28px; position: absolute; right: 0; top: 75px;}
.burger span {float: left; width: 100%; height: 2px; margin-bottom: 8px; background: #000; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.burger span:nth-child(1) {position: relative; top: 0; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);}
.burger span:nth-child(2) {opacity: 1; filter: alpha(opacity=100);}
.burger span:nth-child(3) {margin-bottom: 0; position: relative; top: 0; -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0);}
.burger.opened span {-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.burger.opened span:nth-child(1) {top: 8px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.burger.opened span:nth-child(2) {opacity: 0; filter: alpha(opacity=0);}
.burger.opened span:nth-child(3) {top: -12px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/******************************* RESPONSIVE *******************************/
@media (max-width: 1170px) {
	.navrh {display: none !important;}
}

@media (max-width: 990px) {
	.aniwrap {overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.wrapper, .stran header, .aniwrap {width: 100%;}
	.levo {width: 63%;}
	.desno {width: 35%;}
	.vsebina {width: 63%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.podmenu{width: 35%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.slide, .animation {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.animation img {left: 50%; margin-left: -479px;}
	.stran {padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	footer {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 15px; height: auto;}
	.footer-menu {width: 100%; height: auto; text-align: center;}
	.prijava {width: 100%; height: auto; margin: 20px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.footer-menu-item {float: none; display: inline-block; text-align: left; vertical-align: top;}
	.facebook {text-align: center;}
	.facebook iframe {display: inline-block;}
	.kontaktni {width: 100%; margin: 0 0 30px;}
	.kontaktni table {width: 100% !important;}
	.kontaktni table tr td div {width: 90%;}
	.kontaktni input[type='text'], .kontaktni textarea {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.vsebina iframe {width: 100%;}
	.vsebina .jumbo {width: 100%; overflow: hidden;}
}

@media (min-width: 769px) and (max-width: 860px) {
	nav {font-size: 14px;}
	.glava-elementi {margin-top: 60px;}
}

@media (max-width: 769px) {
	.levo {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.desno {width: 100%; margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.stran header {display: inline-block; height: auto; padding-bottom: 20px;}
	.logo {width: 100px;}
	.logo img {width: 100%;}
	
	.glava-elementi {margin-top: 20px;}
	
	.burger {display: block;}
	
	.menu nav {display: none; position: absolute; z-index: 100; background: #fff; top: 103px; padding: 20px 20px 0; border-left: 1px #dcdcdc solid; border-right: 1px #dcdcdc solid; border-bottom: 1px #dcdcdc solid; }
	nav ul li {width: 100%;}
	nav ul li ul {display: none !important;}

	.animation .caption h2, .animation .caption h1 {font-size: 26px;}
	.animation .caption h3 {font-size: 20px;}
	.naslov h2, .naslov h3, .naslov h4 {font-size: 20px;}
	p {font-size: 14px; line-height: 20px;}
	.podmenu {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.vsebina {width: 100%; margin-top: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}

@media (max-width: 700px) {
	footer {margin-top: 20px;}
	.footer-menu-item h4 {float: none; display: inline-block;}
	.footer-menu-item  {width: 100%; margin: 0 0 20px; padding-left: 0;}
	.prijava input[type='text'] {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.nl {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}

@media (min-width: 590px) and (max-width: 769px) {
	.vsebina .jumbo img {width: 769px;}
}

@media (max-width: 680px) {
	.logo {width: 60px;}
	.burger {top: 59px;}
}

@media (max-width: 480px) {
	.glava-elementi input {width: 94px;}
	.vsebina .fr.slika {margin: 0 0 20px; width: 100%;}
}

@media (max-width: 420px) {
	.novice .fl.slika {margin: 0 0 20px;}
	.novice .slika, .novice article .slika img, .vsebina .novice article .slika img, .vsebina .novice article a {width: 100%;}
}