* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	color:inherit;
}
:focus {
	outline: 0;
}
body {
	color: #FFF;
	background: #000;
	font: 14px/18px Verdana, Geneva, sans-serif;
}
html {
	/*overflow-y: scroll;*/
	height:100%;
}
p {
  padding-bottom: 10px;
}
ol, ul {
	list-style: none;
}
LI {
	margin-left:16px;
	list-style:square;
}
table {
	border-collapse:collapse;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Link Styles */
a:link, a:hover, a:active, a:visited {
	color: #CCC;
	text-decoration: underline;
}
a:hover, a:active {
	color: #FFF;
}

/* Headings */
h1, h2, h3, h4, h5 {
  line-height: 1.1em;
  font-weight: bold;
  padding-bottom: 5px;
}
h1 {
  font-size: 28px;
  letter-spacing: -1px;
  text-transform:uppercase;
}
H1 {
	position:absolute;
	top:102px;
	left:100px;
	z-index:2;
}
h2 {
  font-size: 18px;
  font-weight:bold;
  padding-bottom:20px;
}
h3 {
  font-size: 14px;
  font-weight:bold;
}
h4 {
  font-size: 14px;
}
.transparent {
	background: #000;
	background: transparent;
	background: rgba(0,0,0,0.6);
	zoom:1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
INPUT, TEXTAREA {
	background:none;
	border:1px solid #000;
	padding:2px;
	color:#CCC;
}
INPUT.contactsubmit {
	display:inline-block;
	padding:5px 10px;
	background:#000;
	margin-left:148px;
	cursor:pointer;
}
INPUT.contactsubmit:hover {
	background:#111;
}
TEXTAREA {
	font-size:13px;
}
LABEL {
	width:143px;
	display:block;
	float:left;
	margin-right:5px;
	text-align:right;
}
.field {
	padding-bottom:5px;
	clear:both;
}
/*______________________________________________________*/

.logo {
	position:absolute;
	top:15px;
	left:15px;
	z-index:500;
}
.textHolder, .textHolder2, .textHolder3, .textHolder4 {
	width:820px;
	padding:20px 20px 20px 103px;
	position:absolute;
	top:185px;
	left:0;
	z-index:3;
	font-size:14px;
	line-height:20px;
}
.textHolder2 {
	z-index:4;
}
.textHolder3 {
	width:60%;
	padding:20px;
	left:auto;
	right:0;
}
.textHolder4 {
	width:72%;
	padding:20px;
	left:auto;
	right:0;
}
#topLinks {
	position:absolute;
	top:10px;
	right:0;
	width:120px;
	height:27px;
	padding:5px;
	z-index:8;
}
#topLinks A {
	display:inline-block;
	width:29px;
	height:29px;
	background:url(../img/icons.png) left top no-repeat;
	margin-right:5px;
}
#topLinks .youtube {
	background-position:-73px 0px;
}
#topLinks .langEN {
	background-position:-147px 0px;
}
#topLinks .langHR {
	background-position:-108px 0px;
}
#topLinks .twitter {
	background-position:-37px 0px;
}

/*__________Main menu_____________*/
#mainMenuHolder {
	position:absolute;
	right:0;
	top:98px;
	width:44%;
	height:37px;
	padding-left:8px;
	z-index:501;
}
#mainMenuHolder LI {
	display:block;
	float:left;
	padding:5px 3px;
	margin:auto;
}
#mainMenuHolder A {
	display:block;
	width:27px;
	height:27px;
	overflow:hidden;
	text-indent:-5000px;
	/*background:url(../img/menuItems_back.png) left top no-repeat;*/
	border-radius: 4px;
}
html:not(.no-touchevents) #mainMenuHolder A:hover { background-image: url(../img/strelica.png) !important; opacity:0.8; position:relative;}

/*@import url("/css/colors.css");*/

#menuItemHoverText, #subItemHoverText {
	display:block;
	float:left;
	font-size:28px;
	font-weight:bold;
	margin:3px 0 2px 5px;
}
#inner #mainMenuHolder {
	width:74%;
}
#inner #mainMenuHolder UL.mainMenu {
	float:right;
	margin-right:10px;
}
#inner #menuItemHoverText {
	float:right;
	margin:3px 15px 2px 0;
}
#inner #subItemHoverText {
	float:left;
	margin:3px 15px 2px 0;
}
#inner #mainMenuHolder UL.subMenu {
	float:left;
	margin-right:10px;
}

/*______________tabs____________________*/

#tab-holder UL {
}
#tab-holder UL LI {
	list-style:none;
	margin-left:0px;
	margin-bottom:10px;
	display:block;
	height:27px;
	padding-left:36px;
}
#tab-holder LI.ui-tabs-selected {
}
.blue2 LI {
	background:url(../img/menuItems_back.png) left -210px no-repeat;
}
.blue2 LI.ui-tabs-selected, .blue2 LI:hover {
	background:url(../img/menuItems_back.png) left -30px no-repeat;
}
.black3 LI {
	background:url(../img/menuItems_back.png) left -210px no-repeat;
}
.black3 LI.ui-tabs-selected, .black3 LI:hover {
	background:url(../img/menuItems_back.png) left -540px no-repeat;
}

A.tabLink {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:24px;
	padding-top:3px;
}
A.tabLink:hover {
}
A.firstitem {
}
A.firstitem:hover {
} 
LI.ui-tabs-selected A.tabLink {
}
LI.ui-tabs-selected A.firstitem {
}
@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/*_____________________________________*/

.clickableItems A:link, .clickableItems A:hover, .clickableItems A:visited {
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.clickableItems A:hover {
	color:#CCC;
}
.listSet UL {
	width:300px;
	float:left;
}
.email {
	display:none;
}

#body-background{position:absolute; z-index:1; width:100%; height:100%;}
#body-background IMG {
	width:100%;
	height:100%;
}
.newsItem {
	margin-bottom:30px;
}
.news {
	padding-top:40px;
}
.news IMG {
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	border:10px solid #C0C0C0;
}
.newsDate {
	display:block;
	font-size:12px;
}
/*____________Blue_______________*/
#mainMenuHolder A.blue1 {
	/*background-position: 0 0;*/
	background: #0085C7;
}
#mainMenuHolder A.blue2 {
	/*background-position: 0 -30px;*/
	background: #4F9EC5;
}
#mainMenuHolder A.blue3 {
	/*background-position: 0 -60px;*/
	background: #74AAC5;
}
#mainMenuHolder A.blue4 {
	/*background-position: 0 -90px;*/
	background: #74AAC5;
}
#mainMenuHolder A.blue5 {
	/*background-position: 0 -120px;*/
	background: #74AAC5;
}
#mainMenuHolder A.blue6 {
	/*background-position: 0 -150px;*/
	background: #74AAC5;
}
#mainMenuHolder A.blue7 {
	/*background-position: 0 -180px;*/
	background: #74AAC5;
}
#mainMenuHolder A.blue8 {
	/*background-position: 0 -210px;*/
	background: #74AAC5;
}

/*____________Yellow_______________*/
#mainMenuHolder A.yellow1 {
	/*background-position: 0 -240px;*/
	background: #F4C303;
}
#mainMenuHolder A.yellow2 {
	/*background-position: 0 -270px;*/
	background: #FFD233;
}
#mainMenuHolder A.yellow3 {
	/*background-position: 0 -300px;*/
	background: #FFDA5A;
}
#mainMenuHolder A.yellow4 {
	/*background-position: 0 -330px;*/
	background: #FDE48C;
}
#mainMenuHolder A.yellow5 {
	/*background-position: 0 -360px;*/
	background: #FEECAF;
}
#mainMenuHolder A.yellow6 {
	/*background-position: 0 -390px;*/
	background: #FDF4D6;
}
#mainMenuHolder A.yellow7 {
	/*background-position: 0 -420px;*/
	background: #FEFBF1;
}
#mainMenuHolder A.yellow8 {
	/*background-position: 0 -450px;*/
	background: #FEFBF1;
}


/*____________Black_______________*/
#mainMenuHolder A.black1 {
	/*background-position: 0 -480px;*/
	background: #000;
}
#mainMenuHolder A.black2 {
	background-position: 0 -510px;
}
#mainMenuHolder A.black3 {
	background-position: 0 -540px;
}
#mainMenuHolder A.black4 {
	background-position: 0 -570px;
}
#mainMenuHolder A.black5 {
	background-position: 0 -600px;
}
#mainMenuHolder A.black6 {
	background-position: 0 -630px;
}
#mainMenuHolder A.black7 {
	background-position: 0 -660px;
}
#mainMenuHolder A.black8 {
	background-position: 0 -690px;
}

/*____________Green_______________*/
#mainMenuHolder A.green1 {
	/*background-position: 0 -720px;*/
	background: #009E3C;
}
#mainMenuHolder A.green2 {
	background-position: 0 -750px;
}
#mainMenuHolder A.green3 {
	background-position: 0 -780px;
}
#mainMenuHolder A.green4 {
	background-position: 0 -810px;
}
#mainMenuHolder A.green5 {
	background-position: 0 -840px;
}
#mainMenuHolder A.green6 {
	background-position: 0 -870px;
}
#mainMenuHolder A.green7 {
	background-position: 0 -900px;
}
#mainMenuHolder A.green8 {
	background-position: 0 -930px;
}

/*____________Red_______________*/
#mainMenuHolder A.red1 {
	/*background-position: 0 -960px;*/
	background: #DF0225;
}
#mainMenuHolder A.red2 {
	background-position: 0 -990px;
}
#mainMenuHolder A.red3 {
	background-position: 0 -1020px;
}
#mainMenuHolder A.red4 {
	background-position: 0 -1050px;
}
#mainMenuHolder A.red5 {
	background-position: 0 -1080px;
}
#mainMenuHolder A.red6 {
	background-position: 0 -1110px;
}
#mainMenuHolder A.red7 {
	background-position: 0 -1140px;
}
#mainMenuHolder A.red8 {
	background-position: 0 -1170px;
}


/*____________Purple_______________*/
#mainMenuHolder A.purple1 {
	/*background-position: 0 -1200px;*/
	background: #6B0047;
}
#mainMenuHolder A.purple2 {
	background-position: 0 -1230px;
}
#mainMenuHolder A.purple3 {
	background-position: 0 -1260px;
}
#mainMenuHolder A.purple4 {
	background-position: 0 -1290px;
}
#mainMenuHolder A.purple5 {
	background-position: 0 -1320px;
}
#mainMenuHolder A.purple6 {
	background-position: 0 -1350px;
}
#mainMenuHolder A.purple7 {
	background-position: 0 -1380px;
}
#mainMenuHolder A.purple8 {
	background-position: 0 -1410px;
}
.mobTrigger { position:absolute; z-index:9003; top:16px; right:20px; display:none; width:30px; height:26px; border-top:4px solid #fff; border-bottom:4px solid #fff; padding-top:7px;}
.mobTrigger span {display:block; border-top:4px solid #fff;}
html.mobile { height:100%;}
html:not(.mobile) .topMenuItems { display:none !important;}
html:not(.mobile) .subMenuItems { display:none;}
.mobile .textHolder, .mobile .textHolder2, .mobile .textHolder3, .mobile .textHolder4 {  width:100%; padding:20px 15px; position:relative; top:auto !important;}
.mobile h1 { position:relative; top:auto; left:auto; padding-left:15px; margin-top:60px;}
/*.mobile body#home, .mobile body#inner { background:url(../img/vijesti_back_solo.jpg) center center no-repeat; background-size:cover;}
.mobile #body-background { display:none;}
.mobile #body-background img { display:none !important;}*/
.mobile .logo { display:block; width:107px; height:55px; background:url(../img/logo_mobile.png) left top no-repeat; top:5px; left:5px;}
.mobile .logo img { display:none;}
.mobile .mobTrigger { display:block;}
.mobile #mainMenuHolder { left:0; right:auto; top:60px; width:100% !important; height:auto !important;  background:#000; padding:0; display:none;}
.mobile #mainMenuHolder.show { display:block;}
.mobile UL.mainMenu { float:none !important; margin-right:0 !important;}
.mobile #mainMenuHolder LI { float:none; width:100%; padding:0; margin:0;}
.mobile #mainMenuHolder A { background:none; text-indent:0; width:auto; text-decoration:none; height:auto; border-radius:0; padding:8px 0 8px 12px; }
.mobile #mainMenuHolder A:hover { background:#333 !important;}
.mobile #menuItemHoverText, .mobile UL.subMenu, .mobile #subItemHoverText { display:none;}
.mobile .topMenuItems { display:block; background:#222;}
.mobile #mainMenuHolder .topMenuItems A { color:#fff;}
.mobile .subMenuItems { background:#222;}
.mobile #mainMenuHolder .subMenuItems a { padding-left:30px;}
.mobile #topLinks { display:none;}
.mobile * { box-sizing:border-box;}
.mobile .listSet UL { width:auto; padding-right:20px;}
input, textarea { -webkit-appearance:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}

body.home { background: #5F5F5F url(../img/home_back.jpg) left top no-repeat; background-size:cover;}
body.kontakt { background: #5F5F5F url(../img/kontakt_back.jpg) right top no-repeat; background-size:cover;}
body.onama { background: #5F5F5F url(../img/onama_back.jpg) center bottom no-repeat; background-size:cover;}
body.poslovi { background: #5F5F5F url(../img/poslovi_back.jpg) left top no-repeat; background-size:cover;}
body.prijatelji { background: #5F5F5F url(../img/prijatelji_back.jpg) center top no-repeat; background-size:cover;}
body.projekti { background: #5F5F5F url(../img/projekti_back.jpg) left top no-repeat; background-size:cover;}
body.usluge { background: #5F5F5F url(../img/usluge_back.jpg) left top no-repeat; background-size:cover;}
body.vijesti { background: #5F5F5F url(../img/vijesti_back_solo.jpg) center top no-repeat; background-size:cover; background-attachment:fixed;}

@media screen and (max-width: 600px){
	label { float:none; text-align:left;}
}
@media screen and (max-width: 550px){
	.newsItem img { float:none; margin-right:0;}
	.newsItem p br:first-of-type { display:none;}
	input, textarea { padding:6px; width:100%;}
	INPUT.contactsubmit { margin:20px 0 0 0;}
	.textSet {float:none;}
}
@media screen and (max-width: 350px){
	.newsItem img { width:100%; height:auto;}
	.newsItem #map_canvas { width:100% !important;}
}