html{font-size:100.01%;} 
body{
font-size:.750em;
font-family:arial,verdana,sans-serif;
color:#333333;
margin:0;
padding:0;
text-align:center;
background:#fff url(../gfx/body-bg.jpg) no-repeat center top;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#0089c0;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left !important;}
.fr{float:right !important;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none}
input,button,textarea{font-family:arial;font-size:12px;}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

.width190{width:190px;}
.width330{width:330px;}
.width400{width:400px;}
.width540{width:540px;}

.marginRight0{margin-right:0px !important;}
.marginRight20{margin-right:20px !important;}
.marginBot20{margin-bottom:20px !important;}

.padBot0{padding-bottom:0 !important}
.padBot15{padding-bottom:15px !important}

#page{
width:998px;
margin:0px auto;
text-align:left;
}

/*HEADER begin*/
#header{
width:998px;
height:137px;
position:relative;
}
#header h2 a{
width:300px;
height:54px;
background:url(../gfx/header-logo.png) no-repeat;
display:block;
text-indent:-9999px;
position:absolute;
top:47px;
left:34px;
}
#header #langs{
position:absolute;
top:5px;
right:9px;
}
#header #langs li{
float:left;
padding:0 0 0 10px;
}
#header #langs li a{
font-size:11px;
color:#626262;
text-decoration:none;
}
#header #langs li a.active{
font-weight:bold;
}
#header #langs li a:hover{
text-decoration:underline;
}
#headerLogin{
width:577px;
height:93px;
padding:13px 13px 0 13px;
background:url(../gfx/header-login-bg.png) no-repeat;
position:absolute;
top:25px;
right:9px;
}
#formLogin fieldset{
width:460px;
float:left;
padding:13px 0 10px;
}
#formLogin .inputText{
width:150px;
height:28px;
padding:0 10px;
line-height:28px;
background:#fff;
border:1px solid #d3d3d3;
float:left;
margin:0 10px 0 0;
color:#868686;
}
#formLogin .btn{
width:86px;
height:30px;
background:url(../gfx/header-login-btn.png) no-repeat;
display:block;
font-family:arial;
font-size:12px;
font-weight:bold;
text-align:center;
cursor:pointer;
color:#fff;
border:0;
}
#loginLinks{
float:left;
font-size:11px;
padding:13px 0 0;
}
#loginLinks li{
padding:0 0 1px;
}
#loginLinks li a{
color:#878686;
text-decoration:underline;
}
#loginLinks li a:hover{
text-decoration:none;
}
#headerMenu{
width:577px;
border-top:1px solid #c9d4e1;
padding:5px 0 0;
margin:12px 0 0;
}
#headerMenu li{
float:left;
font-size:11px;
background:url(../gfx/header-menu-separator.gif) no-repeat 0 6px;
padding:0 10px 0 12px;
}
#headerMenu li.first{
padding-left:0;
background:none;
}
#headerMenu li a{
color:#626262;
}

#headerProfil{
margin:-1px 0 0;
}
#headerProfil .img50{
float:left;
margin:1px 13px 0 0;
}
#headerProfil ul{
float:left;
margin:0 15px 0 0;
font-size:11px;
}
#headerProfil ul li{
padding:3px 0 0px;
}
#headerProfil ul img{
width:12px;
}
#headerProfil h2{
color:#00557C;
font-size:12px;
font-weight:bold;
padding:0 0 3px;
}
#headerProfil .btn{
width:86px;
height:30px;
line-height:30px;
background:url(../gfx/header-login-btn.png) no-repeat;
display:block;
font-family:arial;
font-size:12px;
font-weight:bold;
text-align:center;
cursor:pointer;
color:#fff;
border:0;
position:absolute;
top:35px;
right:13px;
}
#headerProfil a:hover.btn{
text-decoration:none;
}
/*HEADER end*/

/*CONTENT begin*/
#content{
width:960px;
min-height:426px;
padding:20px 19px 0;
background:url(../gfx/content-bg.png) no-repeat;
line-height:1.4;
}
* html #content{
height:426px;
}
#leftCol{
width:190px;
float:left;
}
#mainCol{
width:750px;
float:right;
}

.img50{
width:50px;
height:50px;
overflow:hidden;
}
.img50 img{
height:50px;
margin:0 auto;
}
.img30{
width:30px;
height:30px;
overflow:hidden;
}
.img30 img{
height:30px;
margin:0 auto;
}
/*MENU BOX begin*/
#menuBox{
width:190px;
background:url(../gfx/menu-bg.gif) no-repeat 0 0;
margin:0 0 20px;
float:left;
}
#menuBox .in{
width:190px;
padding:5px 0;
background:url(../gfx/menu-bg.gif) no-repeat -190px bottom;
float:left;
}
#menuBox li{
background:url(../gfx/menu-separator.gif) no-repeat 0 0;
width:190px;
float:left;
}
#menuBox li.first{
background:none;
}
#menuBox li a{
font-weight:bold;
text-decoration:none;
color:#555;
width:151px;
padding:11px 0 9px 39px;
display:block;
position:relative;
float:left;
}
#menuBox li a:hover,#menuBox li a.active{
color:#333;
}
#menuBox li a img{
position:absolute;
top:6px;
left:9px;
opacity:0.5;
filter:alpha(opacity=50);
}
#menuBox li a:hover img,#menuBox li a.active img{
opacity:1;
filter:alpha(opacity=100);
}


#menuBox li li{
background:none;
}
#menuBox li li a{
font-weight:normal;
width:131px;
padding:0px 10px 8px 49px;
font-size:11px;
background:url(../gfx/li.gif) no-repeat 40px 7px;
}
#menuBox li li li a{
width:121px;
padding:0px 10px 8px 59px;
background:url(../gfx/li.gif) no-repeat 50px 7px;
}
#menuBox li li a.active{
font-weight:bold;
color:#555 !important;
}
/*MENU BOX end*/

/*BOX TITLE begin*/
h2.title{
height:34px;
padding:0 22px 0 0 !important;
position:absolute;
top:-33px;
left:0;
font-size:12px;
font-weight:bold;
float:left;
text-transform:uppercase;
white-space:nowrap;
}
h2.title span{
height:34px;
display:block;
line-height:34px;
padding:0 0 0 37px;
float:left;
}
h2.title img{
position:absolute;
top:6px;
left:10px;
opacity:0.5;
filter:alpha(opacity=50);
}
h2.title a{
cursor:pointer;
text-decoration:none;
}
h2.title a:hover{
color:#333 !important;
text-decoration:none !important;
}
h2.title a:hover img{
opacity:1;
filter:alpha(opacity=100);
}
/*BOX TITLE end*/

/*BOX GREEN 190 begin*/
.boxGreen190{
width:190px;
background:url(../gfx/box-190-green.gif) no-repeat left bottom;
margin:33px 0 20px;
float:left;
}
.boxGreen190 .in{
width:164px;
min-height:80px;
padding:12px 13px 12px;
background:url(../gfx/box-190-green.gif) no-repeat -190px top;
font-size:11px;
position:relative;
color:#666;
}
* html .boxGreen190 .in{
height:80px;
}
.boxGreen190 h2.title{
background:url(../gfx/box-green-title.gif) no-repeat right top;
color:#377700;
}
.boxGreen190 h2.title span{
background:url(../gfx/box-green-title-span.gif) no-repeat left top;
}
.boxGreen190 a{
color:#377700;
text-decoration:none;
}
.boxGreen190 a:hover{
text-decoration:underline;
}
.boxGreen190 h2.title a:hover{
color:#204600 !important;
text-decoration:none !important;
}
.boxGreen190 h3{
font-size:11px;
font-weight:normal;
padding:0 0 5px;
}
.boxGreen190 strong{
color:#333;
}
.boxGreen190FixedHeight .listItems{
height:274px;
overflow:hidden;
}
/*BOX GREEN 190 end*/

/*BOX GREEN 330 begin*/
.boxGreen330{
width:330px;
background:url(../gfx/box-330-green.gif) no-repeat left bottom;
margin:33px 0 20px;
float:left;
}
.boxGreen330 .in{
width:304px;
min-height:80px;
padding:12px 13px 12px;
background:url(../gfx/box-330-green.gif) no-repeat -330px top;
font-size:11px;
position:relative;
color:#666;
}
* html .boxGreen330 .in{
height:80px;
}
.boxGreen330 h2.title{
background:url(../gfx/box-green-title.gif) no-repeat right top;
color:#377700;
}
.boxGreen330 h2.title span{
background:url(../gfx/box-green-title-span.gif) no-repeat left top;
}
.boxGreen330 a{
color:#377700;
text-decoration:none;
}
.boxGreen330 a:hover{
text-decoration:underline;
}
.boxGreen330 h2.title a:hover{
color:#204600 !important;
text-decoration:none !important;
}
.boxGreen330 h3{
font-size:11px;
font-weight:normal;
padding:0 0 5px;
}
.boxGreen330 strong{
color:#333;
}
/*BOX GREEN 330 end*/

/*BOX BLUE 330 begin*/
.boxBlue330{
width:330px;
background:url(../gfx/box-330-blue.gif) no-repeat left bottom;
margin:33px 0 20px;
float:left;
}
.boxBlue330 .in{
width:304px;
min-height:80px;
padding:12px 13px 12px;
background:url(../gfx/box-330-blue.gif) no-repeat -330px top;
font-size:11px;
position:relative;
color:#666;
}
* html .boxBlue330 .in{
height:80px;
}
.boxBlue330 h2.title{
background:url(../gfx/box-blue-title.gif) no-repeat right top;
color:#377700;
}
.boxBlue330 h2.title span{
background:url(../gfx/box-blue-title-span.gif) no-repeat left top;
}
.boxBlue330 a{
color:#00557C;
text-decoration:none;
}
.boxBlue330 a:hover{
text-decoration:underline;
}
.boxBlue330 h2.title a:hover{
color:#002b3e !important;
text-decoration:none !important;
}
.boxBlue330 h3{
font-size:11px;
font-weight:normal;
padding:0 0 5px;
}
.boxBlue330 strong{
color:#333;
}
/*BOX BLUE 330 end*/

/*SYSTEM NEWS begin*/
.systemNews{
width:330px;
background:url(../gfx/box-330-grey.gif) no-repeat left bottom;
margin:0 0 20px;
float:left;
}
.systemNews .in{
width:304px;
min-height:10px;
padding:12px 13px 12px;
background:url(../gfx/box-330-grey.gif) no-repeat -330px top;
font-size:12px;
position:relative;
color:#333;
}
* html .boxBlue330 .in{
height:10px;
}
/*SYSTEM NEWS end*/

/*BOX BLUE 540 HP begin*/
.boxBlue540Hp{
width:540px;
height:298px;
background:url(../gfx/box-540-blue-hp.jpg) no-repeat;
margin:33px 0 20px;
float:left;
position:relative;
}
.boxBlue540Hp h2.title{
background:url(../gfx/box-blue-title.gif) no-repeat right top;
color:#00557c;
}
.boxBlue540Hp h2.title a{
color:#00557c;
}
.boxBlue540Hp h2.title a:hover{
color:#002b3e !important;
}
.boxBlue540Hp h2.title span{
background:url(../gfx/box-blue-title-span.gif) no-repeat left top;
}
.hpPhoto{
width:82px;
height:66px;
background:url(../gfx/hp-photo.png) no-repeat;
position:absolute;
}
.hpPhoto .image{
width:70px;
height:54px;
display:block;
overflow:hidden;
position:absolute;
top:6px;
left:6px;
}
.hpPhoto img{
width:70px;
}
/*BOX BLUE 540 HP end*/

/*BOX 260 begin*/
.box260{
width:260px;
background:url(../gfx/box-bg.png) repeat-x 0 0;
margin:33px 0 20px;
float:left;
position:relative;
padding:15px 0 0;
}
.box260 h2.title{
background:url(../gfx/box-title.gif) no-repeat right top;
color:#00557c;
}
.box260 h2.title a{
color:#666;
}
.box260 h2.title span{
background:url(../gfx/box-title-span.gif) no-repeat left top;
}
/*BOX 260 end*/

/*BOX 190 begin*/
.box190{
width:190px;
background:url(../gfx/box-bg.png) repeat-x 0 0;
margin:33px 0 20px;
float:left;
position:relative;
padding:15px 0 0;
}
.box190 h2.title{
background:url(../gfx/box-title.gif) no-repeat right top;
color:#00557c;
}
.box190 h2.title a{
color:#666;
}
.box190 h2.title span{
background:url(../gfx/box-title-span.gif) no-repeat left top;
}
/*BOX 190 end*/

/*ITEM LISTS begin*/
ul.listItems li.item{
border-top:1px solid #ededed;
padding:7px 0 0;
margin:4px 0 0;
}
ul.listItems li.itemFirst{
border-top:0;
padding:0;
margin:0;
}

ul.listItemsImg li.itemImg{
padding:0 0 10px;
}
ul.listItemsImg li.itemImg img{
width:66px;
border:1px solid #dfdfdf;
float:left;
}
ul.listItemsImg li.itemImg .text{
width:182px;
float:right;
font-size:11px;
color:#666;
}
.box190 ul.listItemsImg li.itemImg .text{
width:112px !important;
}
.boxGreen190 ul.listItemsImg li.itemImg .text{
width:88px !important;
}
.boxGreen330 ul.listItemsImg li.itemImg .text{
width:226px !important;
}
.boxGreen400Line ul.listItemsImg li.itemImg .text{
width:322px !important;
}
ul.listItemsImg li.itemImg .text strong{
color:#333;
}
ul.listItemsImg li.itemImg h3{
font-size:12px;
font-weight:bold;
padding:0 0 2px;
}
ul.listItemsImg li.itemImg p.date{
padding:0 0 2px;
}

ul.listItems2 li{
background:url(../gfx/li.gif) no-repeat 0 7px;
padding:0 0 6px 12px;
}
/*ITEM LISTS end*/

/*TABS begin*/
.tabs{
margin:0 0 20px;
}
.ui-tabs .ui-tabs-hide{
display:none;
}
.tabs ul.ui-tabs-nav li{
float:left;
}
.tabs ul.ui-tabs-nav li a{
height:34px;
padding:0 22px 0 0 !important;
position:relative;
font-size:12px;
font-weight:bold;
float:left;
text-transform:uppercase;
white-space:nowrap;
background:url(../gfx/box-title.gif) no-repeat right -34px;
color:#666666;
text-decoration:none;
}
.tabs ul.ui-tabs-nav li a span{
height:34px;
display:block;
line-height:34px;
padding:0 0 0 39px;
float:left;
background:url(../gfx/box-title-span.gif) no-repeat left -34px;
cursor:pointer;
}
.tabs ul.ui-tabs-nav li a img{
position:absolute;
top:6px;
left:10px;
opacity:0.5;
filter:alpha(opacity=50);
}
.tabs ul.ui-tabs-nav li a:hover img{
opacity:1;
filter:alpha(opacity=100);
}
.tabs ul.ui-tabs-nav li.ui-tabs-selected a{
background:url(../gfx/box-title.gif) no-repeat right top;
}
.tabs ul.ui-tabs-nav li.ui-tabs-selected a span{
background:url(../gfx/box-title-span.gif) no-repeat left top;
}
.tabs ul.ui-tabs-nav li a:hover{
color:#333;
}
.tabs .ui-tabs-panel{
width:750px;
background:url(../gfx/tab-750-bg.gif) no-repeat -750px bottom;
padding:0 0 10px;
margin-top:-1px;
}
.tabs .ui-tabs-panel .panelPad{
width:724px;
padding:15px 13px 0 !important;
background:url(../gfx/tab-750-bg.gif) no-repeat 0 0;
}
.tabs .ui-tabs-panel p{
padding:0 0 10px;
}
/*TABS end*/

.gallery img{
float:left;
margin:0 9px 9px 0;
border:1px solid #dfdfdf;
}

/*STROJE begin*/
.img120{
width:120px;
height:85px;
overflow:hidden;
}

.stroje{
width:121px;
height:139px;
padding:1px 0 0 1px;
background:url(../gfx/box.gif) no-repeat 0 0;
overflow:hidden;
line-height:15px;
margin:0 17px 17px 0;
float:left;
}
.stroje h3{
color:#999999;
font-weight:bold;
padding:0;
font-size:12px;
padding:2px 9px 0 5px;
height:32px;
overflow:hidden;
}
.stroje p.user{
font-weight:normal;
padding:2px 9px 0 5px !important;
font-size:11px;
}
.stroje p.user img{
width:10px;
}
.stroje p.user a{
text-decoration:none;
}
.stroje p.user a:hover{
text-decoration:underline;
}
a.ready{
background:url(../gfx/ready.png) no-repeat 0 2px;
padding:0 0 0 15px;
}
/*STROJE end*/

/*EVENTS begin*/
.events {
width:121px;
height:139px;
padding:1px 0 0 1px;
background:url(../gfx/box.gif) no-repeat 0 0;
overflow:hidden;
line-height:15px;
margin:0 17px 17px 0;
float:left;
}
.events h3 {
color:#999999;
font-size:12px;
font-weight:bold;
height:32px;
overflow:hidden;
padding:2px 9px 0 2px;
}
.events h3 a {
color:#0099CC !important;
text-decoration:none;
}
.events h3 a:hover {
text-decoration:underline;
}
.events .datum {
padding:0 2px;
}
.events p.user {
color:#666666;
font-size:12px;
font-weight:bold;
padding:0 9px 0 2px !important;
}
.events p.user a {
text-decoration:none;
}
.events p.user a:hover {
text-decoration:underline;
}
/*EVENTS end*/

/*PAGINATION begin*/
.pagination{
padding:10px 0 25px;
}
/*PAGINATION end*/

/*NAVIGATION begin*/
#navigation{
background:url(../gfx/box-400-grey.gif) no-repeat 0 0;
width:400px;
margin:0 0 20px;
}
#navigation .in{
background:url(../gfx/box-400-grey.gif) no-repeat -400px bottom;
width:384px;
min-height:15px;
padding:8px 13px;
}
#navigation a{
float:left;
}
#navigation .separator{
width:4px;
height:7px;
background:url(../gfx/nav-separator.gif) no-repeat;
display:block;
float:left;
margin:5px 8px 0;
}
/*NAVIGATION end*/

/*NEWS begin*/
.news{
margin:0;
padding:0;
}
.newsFirst{
padding:0;
border-top:0;
}
.newsHeadText{
position:relative;
min-height:85px;
margin-left:130px;
padding:0 0 10px;
}
* html .newsHeadText{
height:85px;
}
.newsHeadText h3{
font-size:13px;
font-weight:bold;
padding:0 0 3px;
}
.newsHeadText h3 a{
text-decoration:none;
}
.newsHeadText h3 a:hover{
text-decoration:underline;
}
.news .img120{
margin:0 10px 0 0;
}   
.newsInfo{
margin:0 0 16px;
color:#666;
font-size:11px;
}
a.like{
background:url(../gfx/ready.png) no-repeat 0 3px;
padding:0 0 0 15px;
}
/*NEWS end*/

/*FORM 1 begin*/
.form1 label{
display:block;
color:#323335;
padding:0 0 3px;
}
.form1 .inputText{
height:22px;
padding:0px 5px;
border:1px solid #d4d4d4;
background:#fff;
margin:0 0 10px;
color:#666;
font-size:11px;
line-height:22px;
}
.form1 textarea{
width:390px;
height:110px;
padding:5px;
border:1px solid #d4d4d4;
background:#fff;
margin:0 0 10px;
color:#666;
font-size:11px;
}
.form1 .button{
width:86px;
height:30px;
background:url(../gfx/header-login-btn.png) no-repeat;
display:block;
font-family:arial;
font-size:12px;
font-weight:bold;
text-align:center;
cursor:pointer;
color:#fff;
border:0;
text-transform:uppercase;
}
.buttonGo{
width:26px;
height:19px;
background:url(../gfx/button-go.gif) no-repeat;
display:block;
font-family:arial;
font-size:11px;
font-weight:bold;
text-align:center;
cursor:pointer;
color:#fff;
border:0;
text-transform:uppercase;
}
.small{
font-size:11px;
font-family:arial;
}
/*FORM 1 end*/

table.tab{
margin:0 0 16px;
width:100%;
}
table.tab td,table.tab th{
padding:3px 5px;
text-align:left;
vertical-align:top;
}
table.tab th{
border-bottom:4px solid #dddddd;
color:#333;
text-transform:uppercase;
padding:6px 5px;
}
table.tab th a{
color:#0089C0;
}
table.tab td{
border-bottom:1px solid #dddddd;
}


.userGallery .img30{
float:left;
margin:0 1px 2px;
}

ul.friendsList li{
padding:0 0 3px;
}

.width400 h2.title{
background:url(../gfx/box-title.gif) no-repeat right top;
color:#666;
position:relative;
top:0;
}
.width400 h2.title a{
color:#666;
}
.width400 h2.title span{
background:url(../gfx/box-title-span.gif) no-repeat left top;
padding-left:15px;
}
.box400Line{
width:400px;
border-top:1px solid #dddddd;
padding:16px 0 0;
margin-top:-1px;
}

.fb_share_link{
background:url(../gfx/facebook_share_icon.gif) no-repeat 0 -1px;
padding:0 0 0 20px;
}

table.tabBoard{
width:100%;
}
table.tabBoard td{
vertical-align:top;
padding:10px 10px 10px 0;
border-bottom:1px solid #dddddd;
}

/*CONTENT end*/

/*FOOTER begin*/
#footer{
width:998px;
height:50px;
padding:30px 0 0;
background:url(../gfx/footer-bg.png) no-repeat;
color:#626262;
font-size:11px;
}
#footerMenu{
float:left;
padding:0 0 0 33px;
}
#footerMenu li{
float:left;
background:url(../gfx/header-menu-separator.gif) no-repeat 0 6px;
padding:0 10px 0 12px;
}
#footerMenu li.first{
padding-left:0;
background:none;
}
#footerMenu li a{
color:#626262;
}
p.copyright{
float:right;
padding:0 32px 0 0;
}
/*FOOTER end*/

ul.listItemsImg li.itemImg img.like{
width:12px;
border:1px solid #dfdfdf;
float:left;
}

/*TEXT CONTENT begin*/
.textContent p{
padding:0 0 16px;
}
h1{
font-size:14px;
font-weight:bold;
color:#333;
padding:0 0 10px;
}
.textContent h2{
font-size:14px;
color:#333;
font-weight:bold;
padding:0 0 8px;
}
.textContent h3{
font-size:13px;
color:#333;
font-weight:bold;
padding:0 0 6px;
}
.textContent h4{
font-size:12px;
color:#333;
font-weight:bold;
padding:0 0 6px;
}
.textContent ul{
margin:0 0 10px;
}
.textContent li{
position:relative;
padding:0 0 6px 20px;
background:url(../gfx/li.gif) no-repeat 5px 7px;
}
/*TEXT CONTENT end*/

/*BOX WHITE 540 begin*/
.boxWhite540{
width:540px;
background:url(../gfx/box-540-white.gif) no-repeat left top;
margin:0 0 20px;
float:left;
}
.boxWhite540 .in{
width:540px;
min-height:30px;
padding:18px 0 15px;
background:url(../gfx/box-540-white.gif) no-repeat -540px bottom;
font-size:12px;
position:relative;
color:#333;
text-align:center;
}
* html .boxBlue330 .in{
height:30px;
}
/*BOX WHITE 540 end*/

/*BOX WHITE 540 begin*/
.boxWhite190{
width:190px;
background:url(../gfx/box-190-white.gif) no-repeat left top;
margin:0 0 20px;
float:left;
}
.boxWhite190 .in{
width:190px;
height:64px;
padding:18px 0 15px;
background:url(../gfx/box-190-white.gif) no-repeat -190px bottom;
font-size:12px;
position:relative;
color:#333;
text-align:center;
}
/*BOX WHITE 540 end*/

.carouselBanner1{
width:468px;
height:60px;
position:relative;
margin:0 auto;
}
.carouselBanner2{
width:160px;
height:60px;
position:relative;
margin:0 auto;
}