/* Left & Right alignment */
.left { float:left; }
.right { float:right; }
.wrapper {width:100%; overflow:hidden; }
.padNull{padding: 0;}
/* Global properties ======================================================== */
.globOld{width:100%; height:100%; position:absolute; overflow:hidden; background: url(../images/partBg.jpg);}
.glob{width:100%; height:100%; position:absolute; overflow:hidden; background-color:#DDD}
body{font-family:Arial,sans-serif; color:#b4b4b4; line-height:20px; min-width: 950px; min-height:100%; position:absolute; width:100%; height:100%; overflow:hidden;}
/* Global Structure ========================================================= */
.main {margin:0px auto 0 auto; 	width: 943px; z-index:2; height:100%; }

.main-bg {

position:fixed;
top:0px;
left:0px;
background-image: url(/pix/retina_bg2_grey.jpg);
background-repeat: no-repeat;
background-position: center;
/*background-size: cover;*/
width: 100%;
height: 100%;
z-index:1;
}

.page_spinner{ position:fixed; background:#b4b4b4; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > span{position: absolute; left: 50%; top: 50%;}
/* ============================= main layout ================================ */
a{ color:#fff; text-decoration:none; outline:none; font-size: 14px; }
a:hover{ text-decoration:underline}	
h1{float:left;position: relative;}
h2{font-family: 'Bitter', serif; color:#1d1d1d; font-size:25px; line-height: 25px; width:100%;  text-transform: uppercase; font-weight: normal; padding-bottom: 18px;}
p{font-size: 13px; color: #000; line-height: 20px;  padding-bottom: 20px; text-align:justify;}
.center{padding:0; width:100%; position: relative; display: inline-block;}
/* ============================= header ============================ */
header{position: relative; width: 943px; height: 163px; z-index: 3;  margin: 0 auto;float: left;top: -500px;}
.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
#logo{display:inline-block; background: url(../images/prezimester150.png) 50% 50% no-repeat; width: 160px; height: 160px; }
#logo:hover{text-decoration:none; }
.logoHolder{ display:inline-block; position: relative; height: 160px; width: 160px; float: left; margin-top:-29px}
.menu{position:relative; z-index:1; display: inline-block; float: right;margin-right: 70px;}
.menuOld{position:relative; z-index:1; display: inline-block; float: right;margin-right: 80px;}
.menuHolder{ position: relative; width: 782px; z-index: 1; float: left; display: inline-block; margin-top: 37px;}

#menu {z-index:3; position:relative; display: inline-block;float: left;}
#menu > li{position:relative; color: white;  text-align: left; display: inline-block;float: left; padding-right: 22px;border-right: 1px solid #e5e5e5;height: 28px;margin-left: 20px;}
#menu > li > a{display: block;  position:relative; z-index: 1;overflow: hidden;}
#menu > li > a:hover{text-decoration:none;}
#menu > li.active > a{text-decoration:none;}
#menu ._last{padding: 0;border: none;}
.submenu_1{position:absolute; z-index:2; top: 40px; left: -10px;   display: block; width: 100%;}
.submenu_1 li{ position:relative; display:inline-block;  float: left; width: 100%; margin-bottom: 4px;}
.submenu_1 a{font-family: Tahoma, sans-serif; line-height: 30px; color: #fff; font-size: 20px; display:inline-block; background: #a9adb0; width: 100%; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a{text-decoration:none; color:#fff; background: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.mText{font-family: tahoma, sans-serif; line-height: 28px; color: #cccccc; font-size: 25px; position: relative; width: 100%; z-index: 2; text-align: center;}
.mText_over{font-family: tahoma, sans-serif; line-height: 28px; color: #000; font-size: 25px; position: absolute; width: 100%; z-index: 2; text-align: center;}
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3;left: 0;display: block; background: url(../images/pixel.png);}
._overPl{position: absolute; width: 100%; height: 100%; top: 0px; z-index: 0;left: 0;display: block; background: url(../images/bg2.png);}
.splashHolder{position: absolute; display: block; top: 180px;}
.splash_menu {z-index:3; position:relative; display: inline-block;float: left;}
.splash_menu> li{position:relative; color: white; text-align: left; display: inline-block; float: left; width: 302px; height: 163px; background: url(../images/menuBg.png) 0 0 no-repeat;margin-bottom: 18px;}
.splash_menu > li > a{display: block;  position:relative;  height: 163px;  width: 302px;  z-index: 1;overflow: hidden;}
.splash_menu > li > a:hover{text-decoration:none;}
.splashText{font-family: tahoma, verdana, sans-serif; line-height: 50px; color: #000; font-size: 25px; position: absolute; width: 100%; z-index: 2; text-align: center; top: 50px;}
.splashText_over{font-family: tahoma, verdana, sans-serif; line-height: 50px; color: #FFF; font-size: 25px; position: absolute; width: 100%; z-index: 2; text-align: center;top: 0;}
.splash_over{width: 302px; height: 163px; position: absolute; top: 0; left: 0; background: url(../images/menuBg_over.png) 0 0 no-repeat;}
.contHolder{width: 943px; height: 105px; position: relative; display: block; background: url(../images/bg1.png);z-index: 1;}
/* ============================= content ====================== */
/*font-family: 'Bitter', serif;*/
#content{position:relative;  z-index: 1; width: 100%; margin: 0 auto; display: block;  float: left;overflow: visible;height: 430px;}
#content > ul{width: 940px;  z-index: 0; display: inline-block;position: relative;overflow: visible;}
#content > ul > li{width: 940px; display:block; position:absolute; }
.box{width: 943px; position: relative; display: inline-block; background: url(../images/bg1.png);margin-top: 0px;}/* was 16px Gabor*/
.space1{display:inline-block; width: 95px;}
.space2{display:inline-block; width: 45px;}
.more{color: #000; font-size: 13px; line-height: 20px; text-decoration: underline;  display: inline-block; font-weight: bold; padding: 2px 4px; background: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.more:hover{text-decoration: none; color: #000; background: #cccccc;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link1{font-size: 13px; color: #000000;}
._link2{color:#000; font-size:13px; line-height: 20px;}
._link3{color:#000; font-size:13px; line-height: 28px; font-weight: bold;}
.marRight1{margin-right: 18px;}
.marRight2{margin-right: 48px;}
.marRight3{margin-right: 48px;}
.marBot1{margin-bottom: 18px;}
.marTop1{margin-top: -4px;}
.marTop2{margin-top: 4px;}
.marTop3{margin-top: 14px;}
.padRight1{padding-right: 20px;}
.padRight2{padding-right: 20px;}
.padRight3{padding-right: 25px;}
.padBot1{padding-bottom: 14px;}
.padBot2{padding-bottom: 32px;}
.padBot3{padding-bottom: 32px;}
.padBot4{padding-bottom: 13px;}
.padBot5{padding-bottom: 26px;}
.padBot6{padding-bottom: 34px;}
.padBot7{padding-bottom: 10px;}
.padBot8{padding-bottom: 15px;}
._fig1{position: relative; float: left; display: inline-block;width: 360px;}
._fig1 img{position: relative; display: inline-block; float: left; margin-right: 13px;}
._fig1 figcaption{width: 270px; position: relative; float: left;margin-top: -4px;}
._fig1 p{padding: 0;}
._fig4{position: relative; float: left; display: inline-block;}
._fig4 img{position: relative; display: inline-block; float: left; margin-right: 11px;}
._fig4 a{width: 242px; height: 234px; display: inline-block;position: relative;}
#jcarousel_1{margin-top: 4px; width: 785px !important;}
#jcarousel_1 > ul{width: 940px;}
#jcarousel_1 > ul > li{width: 242px; height: 234px; position: relative;float: left;margin-right: 28px;}
.btnHolder{position: absolute;  top: 102px; left: -42px;width: 864px;z-index: 0;}
.scrButn{position: relative; margin-right: 0px;}
.zoomSp{display:block; position:absolute; left:0; top:0; width: 242px; height: 234px; z-index:3; background: url(../images/magnify.png) 50% 50% no-repeat #000;}
._list1{width: 100%; position: relative;}
._list1 > li{position: relative; width: 100%; height: 29px; background: #c4c4c4; margin-bottom: 10px;}
._list1 > li > a{color: #fff; font-size: 13px; font-weight: bold; line-height: 20px;}
._list1 > li > a:hover > ._txt{color: #c4c4c4; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._list1 > li > a ._lev{width: 50px; height: 29px; position: absolute; z-index: 0;left: 0;background: #000;}
._list1 > li > a ._txt{z-index: 1;position: relative;margin: 4px 0 0 20px;display: inline-block;}
._list1 > li > a .w1{width: 128px;} 
._list1 > li > a .w2{width: 170px;} 
._list1 > li > a .w3{width: 184px;} 
._list1 > li > a .w4{width: 158px;} 
.upExtra{width: 943px; height: 29px; position: relative; display: block; background: url(../images/bg1_top.png) 0 0 no-repeat; ;margin-top: 16px;}
.downExtra{width: 943px; height: 29px; position: relative; display: block; background: url(../images/bg2.png) 0 0 no-repeat;}
.descr{font-family: 'Bitter', serif; font-size: 22px; line-height: 31px; text-transform: uppercase; width: 685px; position: absolute; left: 172px; top: 18px;color: #000;}
.textStyle1{font-size: 69px;line-height: 52px;padding-bottom: 31px;}
.textStyle2{font-size: 13px; position: absolute; display: inline-block; color: #000;right: 0;top: 32px;}
.extra1{position: relative; display: inline-block; margin-right: 14px; width: 61px; height: 61px; background: url(../images/extra1.png) 0 0 no-repeat; float: left; font-size: 20px; font-family: 'Bitter', serif;} 
.extra1 span{width: 100%; text-align: center; line-height: 19px; font-size: 20px; font-family: 'Bitter', serif;display: block;color: #fff;margin-top: 10px;} 
.border1{border-bottom: 1px solid #e5e5e5;}
/* ============================= footer ====================== */
footer{position: relative; width: 100%; z-index: 2;  height: 45px; display: inline-block;  bottom: 0; float: left;margin-top: 70px;}
.mainFooter { z-index:2;}
.textPrivacy{font-family:Arial,sans-serif; font-size: 13px; color: #000; position:relative; display:inline-block; text-transform: uppercase; }
.privHold{ position: relative; display: inline-block; float: left; margin-top: 12px; margin-right: 15px;}
.followHolder{position: relative;display: inline-block;float: left;}
.followHolder > ul{display: inline-block;}
.followHolder > ul > li{display: inline-block; float: left;margin-left: 6px;}
/*===================================Map=====================================*/
.google_map{margin:0; width:360px; height:220px; background: #fff; display: inline-block;}
.google_map > span{position: absolute; top: 45%; left: 50%;}