html{ height:100%}
#main{ width:100%} 
#main{ width:100%}
#wrapper{ margin:0 auto;font-size:15px;  padding-top: 5px;padding-bottom: 3px;}
#wrapper p{ font-size:15px;color:#cacaca;padding-bottom:15px; line-height:22px}
#wrapper ul li{ font-size:15px;color:#cacaca;padding-bottom:5px; line-height:22px}
.content_inner{/*width:89%;padding-left:41px;padding-right:70px;padding-top:35px;*/}
body{font-size: 15px; background:#363636 url(../images/bodybg.png) repeat-y center top;
  font-family: "Open Sans";   font-style: normal;
    height:100%}
body.inbg{ background:url(../images/inner-bg.png) no-repeat 0 0 #c9c9c9}
.topblue{ padding:5px 0}
.topmain{ margin-bottom:15px }

.topbg{ background:url(../images/bg-header.png) no-repeat center top; padding:15px 0; display:flex}
.bgnav{background:url(../images/bg-nav.png) repeat-x 0 0; display:flex}

.topbody{  height:125px}
.logo{ padding:0   }
.logo img, .footer-main-inner-mid img{ max-width:285px}
#prevslide{ background:url(../images/pre.png) no-repeat;}
#nextslide{ background:url(../images/nex.png) no-repeat;}
.righttop{ float:right}
a{ text-decoration:none; color: #E50014;}
a:hover {
    color: #FF0015;
}
.clr{ clear:both} 
.nopad{ padding-left:0; padding-right:0}

#nav {
    background: #412973 none repeat scroll 0 0;
    height: 38px;
    left: 35%;
    margin-left: -480px;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: 9999;
}

.slider_link {
    color: #000 !important;
}

.price_tag {
    position: absolute;
    text-align: center;
    bottom: 0px;
    width: 100%;
    background: rgba(200, 200, 200, 0.62);
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-family: 'Biryani', sans-serif;
    color: #000;
    margin-bottom: 0px;
}

.price_cont {
    display: block;
    position: relative;
    overflow: hidden;
}

#nav a{ color:#fff; padding:15px 7px; display:inline-block; font-size:15px; text-decoration:none}

#supersized{ display:none} 

.toplinks{ width:100%; margin-top:55px}
.toplinks ul{ list-style:none; padding:0; margin-left: -92px;}
.toplinks ul li{ float:left; position:relative}
.toplinks a{ color:#412973; padding:24px 15px; display:inline-block; font-size:19px; text-decoration:none; text-transform:uppercase; position:relative; font-weight:300}

.flag{ float:right; width:110px;  }
.flag01{ background:url(../images/flag1.png) no-repeat 0 0; width:40px; height:30px; display:inline-block; float:left; padding:15px 15px 15px 0 !important}
.flag02{ background:url(../images/flag2.png) no-repeat 0 0; width:40px; height:30px; display:inline-block; float:left; padding:15px 15px 15px 0 !important}
.flag03{ background:url(../images/flag3.png) no-repeat 0 0; width:30px; height:30px; display:inline-block; float:left; padding:15px 15px 15px 0 !important}

.main-home{ position:relative}
.main-home-txt{ position:relative; background:url(../images/home-text-bg.png) repeat 0 0; color:#fff; width:30%; height:auto}
.whbg{  padding:0 0 20px 0; overflow:hidden; }
.bgblk{background:url(../images/bg-blk.png) repeat 0 0; padding:13px; color:#e5363d; font-size:16px; line-height:20px}
.bgblk img{ float:left; padding-right:15px}
.whbox{ background:#fff; padding:13px}
.whbox img{ border:solid 5px #958d8e; margin-bottom:13px}
.whbox img.last{ margin-bottom:0px}

.datum {
    color: #fff;
    font-size: 10px;
    padding-bottom: 5px;
}

.carousel_images {
    width:70%; 
    height:70px
}

.media-object {
    width: 250px;
    height: auto;
    transition: opacity 0.25s ease-in-out;
}

.media-object:hover {
    opacity: 0.8;
}

input:-webkit-autofill {
    background: #dfdfdf;
}

.media-post {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.media-heading {
    color: #fff;
}



.cijena {
    color: #fff;
}

.fancy_small {
    min-width: 400px;
    margin-left: 0px;
}

.vijest_post {
    margin-top: 20px;
    margin-bottom: 20px;
}

.homebox{ color:#cacaca}
.homebox h1{ color:#fff; display:inline-block; font-size:28px;}
.main-content h1{ background:#e50014; padding:10px; border-radius:10px 10px 0 0; color:#fff; display:block; font-size:29px; margin:0;}
.bgsld{ float:left; margin:0 15px;padding-top:10px;}

.left01{ width:460px; float:left}
.right01{ width:460px; float:right}

.main-content{ padding:0; min-height:300px}
.main-content h1{  /*color:#412973; font-size:35px; padding-bottom:15px; margin-bottom:15px;*/ font-weight:300; text-transform:none }
.main-content h1 b{ font-size:22px}
.main-content p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#444343; }
.redtxt{ color:#f8f8f8;}
.offred{ font-size:27px; color:#FF0000;}
.offred01{ font-size:35px;color:#F00;}

.rightbox{background:#fff; padding:15px; border-radius:10px; text-align:center}
.rightbox h2 { background: #141414 ; border-radius: 10px 10px 0 0;  color: #e50014;  font-size: 22px;   padding: 10px 0; text-align: center; margin:0}

/*.content_inner h1{ text-transform:uppercase}*/

.upload{ background:#fff; border:solid 1px #ccc; overflow:hidden; width:350px; margin-top:15px}
.upload p{ font-size:15px; float:left; padding:7px}
.upload input{ background:#a12429; color:#fff; padding:7px; border:none; float:right; font-family:Arial}
.btn01{ background:#212020; color:#fff; display:inline-block; padding:7px 20px; text-decoration:none; margin-top:15px}

.image{ width:290px; height:260px; display:inline-block; float:left; margin:10px }
.image01{width:290px; height:260px; display:inline-block; float:left; margin:10px; position:relative}
.image01 span{ background:url(../images/bg-red.png) repeat 0 0; color:#fff; font-size:17px; padding:10px 20px; position:absolute; left:50%; top:50%; margin-left:-50px}

.contactform{ width:100%}
.contactLeft strong{ color:##412973; font-size:17px;  line-height:17px; text-transform:uppercase; text-decoration:none}
.contxt{ width:50%; float:left; padding:20px 0; color:#5a5a5a; font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:25px}
.contxt h2{color:#ac2f34; font-size:30px;   font-family: 'MyriadProRegular'; line-height:60px; text-transform:uppercase}
.contxt label{ width:70px; display:block; float:left}

.form{ width:100%}
.form01{ float:left; width:99%; font-family:Arial, Helvetica, sans-serif}
.form02{ float:right !important}
.form01 input, .form01 textarea{ border:solid 1px #ccc; background:#626262; padding:4px; width:97%; margin:4px 0; min-height:30px; line-height:30px; color:#fff; border-radius:10px}
.form01 textarea{ line-height:20px; height:136px}
.form01 input[type="button"]{ background:#a12429; color:#fff; width:150px} 

ul.customer{ width:100%; list-style:none}
ul.customer li{ width:100%; margin:5px 0}
ul.customer li h3{ background:#111616; padding:7px 15px; color:#fff; font-size:16px; text-transform:uppercase}
.tabdet{ color:#a12429; font-size:17px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:10px }

.image02{height:168px; width:100%; display:inline-block; float:left; position:relative; border:solid 5px #353535; margin-bottom:20px}
.image02 span{ background:#353535; color:#fff; font-size:13px; padding:4px 7px; position:absolute; left:0; top:70%; width:30%}
.image02:hover{ border:solid 5px #412973}
.image02:hover span{ background:#412973;}


.image03{/*width:215px; height:145px;*/ display:inline-block;  /*margin:10px;*/ margin-top:0px;position:relative; overflow:hidden; margin-bottom:20px; border:solid 5px #353535; width:100%; transition: opacity 0.3s ease-in-out;}
.image03 span{ background:#353535; color:#fff; font-size:21px; text-align:center; padding:8px 16px; position:absolute; left:0px; top:60%; width:100%; display:none}
.image03 div{ background:url(../images/special-tag2.png) repeat 0 0; color:#fff; font-size:16px; padding:8px 16px; /* position:absolute; */ left:-8px; top:77%}
.image03 img{width:100%; height:142px;}
.image03:hover{ opacity: 0.78;}
.image03:hover span{ background:#412973;}

.kat_list {
    margin-top: 30px;
}


.brand{ width:290px; height:152px; display:inline-block; float:left; margin:10px}

.prod-link{ width:600px; padding:15px 0; overflow:hidden; margin:0 auto}
.prod-link a{ font-size:40px; border:solid 5px #b9b9b9; padding:40px 50px; float:left; margin:10px 20px; color:#000; text-decoration:none}
.prod-link a:hover, .prod-link a.active{ font-size:40px; border:solid 5px #a2252b; padding:40px 50px; min-width:150px; text-align:center; float:left; margin:10px 20px}

.prod-left{float:left }
.prod-left a{color:#474646; font-family:Arial, Helvetica, sans-serif; font-size:17px; padding:10px; display:block; text-decoration:none}
.prod-left a:hover, .prod-left a.active{ background:#412973; color:#fff}
.prod-left3{display:none}

.prod-right{float:right; padding-top: 20px;}

.prodimg01{width:215px; height:190px; display:inline-block; float:left; margin-left:10px;margin-right:10px;margin-bottom:10px; position:relative}
.prodimg01 span{ background:url(../images/bg-red.png) repeat 0 0; color:#fff; font-size:17px; padding:10px 20px; position:absolute; left:50%; top:50%; margin-left:-50px}

#sub_footer{min-height:325px; background-color:#412973;width:100%;}

#footer{width:100%;  color:#fff;}
.footer01{padding:10px 0; background:url(../images/bg-footer-g.png) no-repeat scroll center top;color: #fff;}

#footer a{ color:#fff}
.footlogo{ background:#fff; padding:30px 0}
.footer-main-inner{ padding:50px 0 0 0}

#content{padding-bottom:0px; /* Height of the footer element */}
#wrappermain {
min-height:100%;
position:relative;
}

.thumbnail {
    background: #DFDFDF;
}

.thumbnail img {
    transition: box-shadow 0.3s cubic-bezier(.46,.03,.52,.96);
    transition: transform 0.3s ease-in-out;
}

.thumbnail img:hover {
    box-shadow: 3px 10px 6px -5px rgb(206, 206, 206), 3px -10px 6px -5px rgb(206, 206, 206);
    transform: scale(1.15);
}

.buton_details {
    padding: 10px 15px;
    border: 1px solid #E50014;
    border-radius: 2px;
    margin-top: 10px;
    font-weight: bold;
    box-shadow: 0px 5px 3px #cecece;
}

.buton_details:hover {
    box-shadow: 0px 8px 5px -3px #cecece;
}

.caption h3 {
    margin-bottom: 20px;
    font-family: 'Biryani', sans-serif;
    color: #424242;
}

.foot_top{background-color:#412973;width:100%;}
.foot_top_text{padding-left: 196px; padding-right: 194px; text-align: justify; font-size: 18px; padding-top: 15px; padding-bottom: 15px;}
.text_head{font-size:25px;}

.toplinks li:hover > .dropdown{ display:block}
.dropdown{ background:url("../images/bg-blk.png") repeat scroll 0 0 rgba(0, 0, 0, 0); position:absolute; left:0; top:70px; width:180px; display:none}
.dropdown a{ display:block; padding:10px 15px !important }
.dropdown a:hover{ background:#000}

.closebtn{ background:url(../images/close-btn.png) no-repeat 0 0; width:40px; height:40px; display:block; position:absolute; z-index:990; top:70px; right:30px}

.mainmenu li:hover > ul.noJS{ display:block}
 {display:none; list-style:none}

ul.noJS{ /*background:url("../images/bg-blk.png") repeat scroll 0 0 rgba(0, 0, 0, 0); position:absolute; left:0; top:88px; width:180px; display:none; z-index:999*/}
ul.noJS li{ display:block; width:180px}
ul.noJS a{ display:block; padding:5px 15px !important }
ul.noJS a:hover{ background:#000; width:150px}

.mainmenu li { display:inline; list-style:none}

.spanlink {color:#fff;text-decoration:none}

ul#demo-block{ margin:0 15px 15px 15px; }
ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
ul#demo-block li a{ color:#eee; font-weight:bold; }


/* Admin.class.php */
.bannerRight
{
	padding:5px; float:left; background:#fff
}
.red3 {height:25px; border-bottom:1px solid #e21c2b}
.red3 a:hover{text-decoration:underline}
.red3:hover{background-color:#e21c2b; height:25px; color:#fff}

.refTable { float:left; width:450px}
.refTableLeft {float:left; margin-left:50px; width:450px}
.refTableRight {width:30px; text-align:right}

.paddingLeftText {padding-left:20px}
.imgTextPage {float:right; margin-left:20px; border:2px solid #fafafa;}
.linkBig {border:1px solid #999; background:#fff;  text-align:center; padding:10px; font-size:16px; margin-top:3px; margin-bottom: 3px; width:49%; float:left}
.linkBig a{ color:#757575; font-size:16px}
.clear {clear:both}

.information-main {
    color: #fff;
}


.contactLeft {float:left; }
.contactRight {float:left;}
.mapbox{ margin-bottom:30px}

.popupReserve {margin-left:19px; margin-bottom:20px; background-color:#fff; color:#000; font-weight:bolder; width:250px; heigth:35px; padding:5px; text-align:center; border:2px solid #000; font-size:18px}

.iconBox {float:left;width:430px;background-color:#212020;margin-left:20px}
.iconBoxLeft {float:left;width:200px;padding:10px}
.iconBoxLeftImg {width:190px;height:140px}
.iconBoxRight {float:left;width:200px;font-size:17px;color:#fff;padding-top:5px}

.formInput {width:300px;}
.formInputSmall {width:100px;} 
.formArea {width:297px; height:100px; margin-left:2px}
.formButton {margin-top:-8px;width:120px}

.breadSmall {font-size:19px; line-height:26px; display:block; float:left; padding-right:10px}
.articleItemImg {width: 100%;	max-width: 100%;min-width: 100%;border:2px solid #ccc;}
.articleItemTxt {color:#ac2f34;font-size:22px;margin-top:5px}

.articleItemLeft { padding-top:10px;}
.articleItemFullText {font-size:12px; text-align:justify; padding-right:10px}

.dleft {float:left}
.dright {float:right;margin-right:11px}

.articleItemSmallImg {display: block;float: left;height: 100px;width: 144px;max-height: 100px;max-width: 144px;min-height: 100px;min-width: 144px;border:2px solid #ccc;	margin-top:5px;	margin-right:10px;	margin-bottom:5px;	}
.articleItemNote {height:21px; background-color:transparent; filter:alpha(opacity=80); opacity:.8; padding-top:7px;font-size:13px; line-height:16px; color:#e21c2b; margin-top:75px; padding-left:5px; text-align:center; font-weight:bold }

#desno {
    position: absolute;
    right: 0;
    z-index: 100;
    font-size: 20px;
    bottom: 40px;
    padding-right: 2px;
    padding-left: 2px;
    background-color: rgba(255,255,255,0.3);
    color: #fff;
    font-weight: bold;
}

#lijevo {
    position: absolute;
    left: 0;
    z-index: 100;
    font-size: 20px;
    bottom: 40px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: rgba(255,255,255,0.3);
    color: #fff;
    font-weight: bold;
}

.articleFormInput { width:260px; height:24px; border:1px solid #ccc; margin-top:5px}
.articleFormArea {width:260px; height:72px; border:1px solid #ccc; margin-top:5px}
.articleItemSubmit {background:#bc2026 ;width:130px; height:35px; border:1px solid #fff; color:#fff;margin-top:10px; padding:5px; margin-left:5px}
.articleNotFound {font-size:18px;padding-top:5px}

.main-content ul li {margin-left:20px}

.blogImage {float:left; width132px; height:80px; max-height:80px; min-height:80px;  min-width:132px;  max-width:132px;margin-bottom:10px; margin-right:10px}
.blogImageS {display: block;float: right;height: 80px;width: 132px;max-height: 80px;max-width:132px;min-height: 80px;min-width: 132px;border:2px solid #fff;}

.iconInside {height:39px;background-color:#412973; filter:alpha(opacity=80); opacity:.8; padding-top:2px;font-size:14px; line-height:19px; color:#fff;  padding-left:1px; text-align:center; font-weight:bold; width:100%; position:absolute; bottom:0;}

form{ font-family:Arial, Helvetica, sans-serif}
.btn{ background:#E50014 !important ;width:200px !important; height:45px; border:1px solid #fff; color:#fff !important;margin-top:10px; padding:5px; margin-left:5px; font-weight:bold}


.footer-main-inner-mid input, .footer-main-inner-mid textarea { background: #dfdfdf none repeat scroll 0 0; border: 1px solid #969696; border-radius: 8px; color: #7a7a7a;
    font-family: Arial;    font-size: 13px;  height: 32px;  padding: 4px; width:100%; margin:5px 0;}
.imgButton { background: #e50014 none repeat scroll 0 0 !important;
    border: 1px solid #000 !important; color: #ffffff !important; height: 35px; margin: 0 auto;  text-transform: uppercase;  width: 170px !important; border-radius: 8px;}
.footer-main-inner-mid textarea{ height:80px}
.information-main{ font-size:13px; padding: 25px 0 0 80px}
.footer-main-inner-mid h3{ font-size:20px; color:#e50014; font-weight:bold; padding:0 15px;}
.copy{ color:#fff; padding-top:30px}

/*.main-content center { width:520px; margin:0 auto}*/

.contact_no {
    color: #522466;
    font-family: agency FB;
    font-size: 20px; background:url(../images/top_head_phone.png) no-repeat 0 0; padding-left:25px
}

.slider-slika {
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.slider_link {
    color: #000;
}

.toplinks ul li:hover{background-color:#8F7BBA;}
.toplinks ul li a:hover{color:#fff;}

.social{ float:right}
.social a{ float:right; width:32px; height:25px; display:block}
.social a.fb{ background:url(../images/social-icn.png) no-repeat 0 0;}
.social a.tw{ background:url(../images/social-icn.png) no-repeat -34px 0;}
.social a.in{ background:url(../images/social-icn.png) no-repeat -68px 0;}
.social a.pr{ background:url(../images/social-icn.png) no-repeat -102px 0;}
.social a.fb:hover{ background:url(../images/social-icn.png) no-repeat 0 -27px;}
.social a.tw:hover{ background:url(../images/social-icn.png) no-repeat -34px -27px;}
.social a.in:hover{ background:url(../images/social-icn.png) no-repeat -68px -27px;}
.social a.pr:hover{ background:url(../images/social-icn.png) no-repeat -102px -27px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:none !important; border:1px solid #412973 !important; color:#3c3c3c !important}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-radius:0px !important}

.ka01{ background:#b3b3b3; border:solid 1px #353535; padding:15px; overflow:hidden; margin-bottom:15px}
.ka001{ width:100%; height:150px; background:#f1f1f1; border:solid 1px #8d8d8d; position:relative}
.imageGray{ width:100%; height:150px}

.ka01:hover{background:#412973; border:solid 1px #412973;}
abbr.tag{ background:url(../images/tag.png) no-repeat 0 0; position:absolute; left:-5px; min-width:90px; top:-125px; color:#fff; padding:4px 10px; font-size:12px; line-height:13px; min-height:35px}
.top-nav{ cursor:pointer}

.slidernew{ width:100%; display:inline-block; border:solid 4px #fff; border-radius:10px;}
.sldtxt{position: absolute; width: 100%; height: auto; top:470px; left: 0; padding:10px 25px; text-align:center; line-height:30px; font-size:25px;color:#22304c; background-color:#e4e4e4 ; opacity: 0.9;filter: alpha(opacity=80); vertical-align:middle }

.pdf{ width:164px; float:left; height:auto}
.jssora21l, .jssora21r { display:none}
#prevslide, #nextslide{ display:none !important}
.content_inner h2{ background:#676767; margin:0 0 15px 0; padding:10px; font-size:18px; color:#fff}
.content_inner h2 a{color:#fff}

.img01{display: block; float: right; height:140px; margin-bottom:10px; width:100%;border:2px solid #fff;}
.prod-right abbr.tag{ left:5px}

.link01{ list-style:none; background:#dfdfdf; border:solid 1px #afafaf; padding:10px; text-align:center; font-size:24px; color:#e50014; border-radius:10px}
.link01 a{ font-size:24px; color:#e50014}

.conl{ width:25%; color:#fff}

@media (min-width: 320px) and (max-width: 479px) {
.imgsize{ width:100%; float:left; margin:0 0 10px}
.imgsize01{ width:99%; height:160px; float:left; border:solid 2px #fff}
/*.iconInside{ margin-top:125px; margin-bottom:20px}*/
.pdf{ width:168px;}

.content_inner iframe{ width:100%; display:block}
.flag{ float:none; padding:5px 0; margin:0 auto; width:120px}
.logo{ text-align:center}
.img01{height:140px;}

.image02{ height:156px; overflow:hidden}
.breadSmall {font-size:13px; line-height:26px;}
}

@media (min-width: 480px) and (max-width: 567px) {
.imgsize{ width:100%; float:left; margin:0 0 10px}
.imgsize01{ width:99%; height:250px; float:left; border:solid 2px #fff}	
/*.iconInside{ margin-top:125px; margin-bottom:20px}*/
.pdf{ width:165px;}

.content_inner iframe{ width:100%; display:block}
.flag{ float:none; padding:5px 0; margin:0 auto; width:120px}
.logo{ text-align:center}

.ka001{ height:245px} 
.imageGray{ width:100%; height:245px}
.img01{height:250px;}
.image02{ height:262px; overflow:hidden}
.breadSmall {font-size:19px; line-height:26px; display:block; float:left; padding-right:10px}
}


@media (min-width: 568px) and (max-width: 639px) {
.imgsize{ width:100%; float:left; margin:0 0 10px}
.imgsize01{ width:99%; height:300px; float:left; border:solid 2px #fff}
/*.iconInside{ margin-top:125px; margin-bottom:20px}*/
.pdf{ width:168px;}

.flag{ float:none; padding:5px 0; margin:0 auto; width:120px}
.logo{ text-align:center}

.ka001{ height:300px} 
.imageGray{ width:100%; height:300px}
.img01{height:300px;}

.image02{ height:262px; overflow:hidden}
}
 
@media (min-width: 320px) and (max-width: 767px) {
.contactLeft{ float:left}  
.btn{ width:155px !important}
.linkBig{ width:100%}
/*#footer{ position:relative}*/
/*#content{padding-bottom:50px;*/ /* Height of the footer element */}

abbr.tag{ top:-103px}
.image02 span{ font-size:14px}
.information-main{ padding:25px 0}

.footer-main-inner .col-sm-7, .footer-main-inner .col-sm-5 { padding:0}
}

@media (min-width: 640px) and (max-width: 767px) {
.imgsize{ width:100%; float:left; margin:0 0 10px}
.imgsize01{ width:99%; height:350px; float:left; border:solid 2px #fff}
/*.iconInside{ margin-top:125px; margin-bottom:20px}*/

.flag{ float:none; padding:5px 0; margin:0 auto; width:120px}
.logo{ text-align:center}

.ka001{ height:360px} 
.imageGray{ width:100%; height:360px}
.img01{height:350px;}
}
@media (min-width: 768px) and (max-width: 960px) {
.imgsize{ width:25%}
.imgsize01{ height:110px; width:95%}
/*.iconInside{ margin-top:148px; margin-bottom:20px}*/
.pdf{ width:200px;}

.flag{ float:none; padding:5px 0; margin:0 auto; width:120px}
.logo{ text-align:center}

.ka001{ height:460px} 
.imageGray{ width:100%; height:460px}
/*#content{ padding-bottom:40px}*/
#footer{ position:relative; bottom:0}
.img01{height:90px;}

.image02 span{ top:57%;}
abbr.tag{top:-36px}
}
@media (min-width: 960px) and (max-width: 1024px) {
abbr.tag{ left:-5px; min-width:90px; top:-70px} 
.pdf{ width:165px;}
.img01{height:130px;}
}
@media (min-width: 961px) and (max-width: 1920px) {
.imgsize{ width:25%}
.imgsize01{ height:110px; width:95%}
abbr.tag{top:-87px} 
.image02 span{ top:65%}
/*.iconInside{ margin-top:118px}*/

/*#content{ padding-bottom:0px}*/
.img01{height:150px;}
.image02{ height:160px; overflow:hidden}

.information-main{ padding:25px 0 25px 80px}
}

@media screen and (max-width: 768px) {
    .bgsld {
        padding-top: 10px;
    }

    .slider-slika {
        width: 80%;
        height: auto;
    }    

    .top-nav {
        width: 100%;
    }

    .flag {
        float: right;
    }

    .linkBig {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .carousel_images {
    width: 200px;
    padding-top: 10px;
    height: 120px;
    }

    .media-left {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .media-post {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .slider-slika {
        width: 80%;
        height: auto;
    }

    .top-nav {
        width: 100%;
    }

    .footer-main-inner-mid img {
        margin-top: 30px;
    }
}