@charset "utf-8";
/* CSS Document */

html, body {margin:0px;
	height: 100%;
}

body {
background:url(images/bg.jpg) center top no-repeat; border-top: 8px solid #353639;

font-family: Arial, Helvetica, sans-serif;

}

#PageTop {
margin:auto;
width:980px !important; 
}

#PageContent {
margin:auto;
width:980px !important; 	
}

.left {
float: left;
}

.right {
float: right;
}


#TopNav ul {
list-style: none;
margin: 0;
padding: 0;
}

#TopNav li {
	float:left;
}
/* Logo  */
#Logo { margin: 0; padding: 12px 0 0 0; text-indent: -999em; text-shadow: none; width: 450px; display: block; }
#Logo img { display: block; margin: 0; }
#Logo.cssLogo { /* You can specify there logo size and background */ background: transparent url('images/logo.png') no-repeat 0 center; height: 110px; width: 450px; position: relative; left: -10px; }
#Logo.text { text-indent: 0; text-transform: uppercase; color: #fff; }
#Logo.text > span { display: block; font-size: 29px; line-height: 36px; }
#Logo.text .LogoSlogan { display: block; font-size: 14px; line-height: 14px; }
/* top */
#PageTop { margin-top: 0!important; }
#TopNav .item-106 a{ display: block; float: left; font-size: 10px; font-weight: bold; height: 20px; line-height: 21px; padding: 0 12px; text-transform: uppercase; background: #fcda3b; color: #353639!important; text-shadow: 0 1px 1px #fff; border-radius: 10px; position: relative; left: 10px; margin-top: 5px; transition: background 0.2s ease-out; }
#TopNav { background: #353639; float: right; margin: 0 54px 0 0; }
#TopNav:before { content: ""; display: block; float: left; width: 54px; height: 36px; background: transparent url('images/topmenu_bg.png') no-repeat 0 0; margin: 0 0 0 -54px; }
#TopNav:after { content: ""; display: block; float: right; width: 54px; height: 36px; background: transparent url('images/topmenu_bg.png') no-repeat 0 -36px; margin: 0 -54px 0 0; }
#TopNav ul.menu { float: left; }
#TopNav li { float: left; font-size: 12px; line-height: 31px; margin-right: 15px; }
#TopNav li a { color: #fff;text-decoration:none; }
#TopNav li a:active,
#TopNav li a:focus,
#TopNav li a:hover { color: #eb592a; }
#TopNav .item-106 a:active,
#TopNav .item-106 a:focus,
#TopNav .item-106 a:hover{ background: #fff; }




#tabMenu {
font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
width:720px;
}

ul#tabMenu {
left:100px;
height: 200px;
margin-bottom: 45px;

}
#tabMenu li {height:200px;
float: left;
width: 240px;
line-height: 360px!important;
margin: 0!important;
padding: 0!important;
background: url("images/tabs_small_icons.png") no-repeat 0 0;
overflow: hidden;
text-align: center;
font-size: 32px!important;
color: white;
}

#tabMenu li.eko-krpa {background-position: 45px 0;}
#tabMenu li.htz-oprema {background-position: -155px 0;}
#tabMenu li.multimedija {background-position: -355px 0;}

#tabMenu li.eko-krpa.mouseover{background-position: 45px -200px;}
#tabMenu li.htz-oprema.mouseover{background-position: -155px -200px;}
#tabMenu li.multimedija.mouseover{background-position: -355px -200px;}

#tabMenu li.eko-krpa.selected{background-position: 45px -200px;}
#tabMenu li.htz-oprema.selected{background-position: -155px -200px;}
#tabMenu li.multimedija.selected{background-position: -355px -200px;}



.box {width:980px;margin:auto;}
.boxTop {clear:both}
.boxBody {background: white;
border-radius: 12px;
height:250px;
width:980px;
padding:5px;}

.content { }

.boxBottom {
color:#FFF;
width:980px;
padding:15px;
margin-top:20px;}

.boxBottom h1 {
line-height:30px;
font-size:36px; }
.boxBottom p { font-size:15px;}

.boxBody div.parent {display:none;}
.boxBody div.show {display:block;}

.boxBody div ul {margin:0 10px 0 25px;padding:0;width:190px;list-style-image:url(images/arrow.gif)}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}

#eko-krpa {margin-top:-33px;}
#htz-oprema {margin-top:-33px;}
#multimedija {margin-top:-33px;}

#eko-krpa .gkArrow {
background-image: url("images/tabs_arrow.png");
height:29px;
width:33px;
margin-left:230px;
margin-bottom:30px;
}

#htz-oprema .gkArrow {
margin-bottom:30px;
background-image: url("images/tabs_arrow.png");
height:29px;
width:33px;
margin-left:470px;
}

#multimedija .gkArrow {
margin-bottom:30px;
background-image: url("images/tabs_arrow.png");
height:29px;
width:33px;
margin-left:710px;
}

h2.tabTitle {
font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
color: #A6A6A6!important;
font-size: 30px;
line-height: 52px !important;
margin: 0 0 26px;
}

h2.tabTitle span{
color: #0084c5;

}

h1 {
font-size: 56px;
font-weight: 700;
}

.page-header {
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	color: #4DA8E6;
	font-size: 35px;
	font-weight: 700;

	}
	
.st {
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	color: #4DA8E6;
	font-size: 35px;
	font-weight: 700;

	}
	
.breadcrumbs {
font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
color: #4DA8E6;
line-height: 22px;
float: left;
}
.breadcrumbs a, a:active,a:focus,a:hover{

color: #4DA8E6;

}


div.tabImage {
width: 200px;
height: 200px;
background: transparent url("images/tabs_big_icons.png") no-repeat 0 0;
margin: 0 30px 0 20px;
float: left;
text-indent: -9999px;
}

div.tabImage.Tab-2 {
background-position: -200px 0;
}

div.tabImage.Tab-3 {
background-position: -400px 0;
}


.footer {
height:140px;
color: #ACACAC;
font-size: 13px;
padding: 40px 0 20px 0;
text-align: center;
width: 100%!important;
margin:auto;
margin-top: 80px;
background: #f9f9f9 url("images/footer_bg.png") no-repeat center 0;
overflow:hidden;
min-height: 80px;
position: relative;
text-shadow: 0 1px 1px white;

}

#gkSocial {
width: 100%;
position: absolute;
text-align: center;
top: 13px;
}

.gkFacebook, .gkTwitter, .gkRSS {
background: transparent url("images/social_icons.png") no-repeat 0 0;
display: inline-block;
height: 33px;
margin-right: 10px;
width: 33px;
text-indent: -9999px;
-webkit-transform: scale(1.0);
-webkit-transition: -webkit-transform 0.1s ease-out;
}

.gkTwitter {
background-position: 0 0;
}

.gkFacebook {
background-position: 0 -34px;
}

.gkRSS {
background-position: 0 -67px;
}


.main {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:960px;
	background: white;
	margin-top: 9px;
	padding: 10px 20px 20px 20px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	behavior: url(ie-css3.htc);
	border-radius: 5px;
	margin-bottom: 9px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}



.sidebar #current a{ 

color:#666666;


}


.sidebar .menu { 
padding:0 0 0 15px;
font-weight:bold;

}

.sidebar .menu ul li{ 
margin:2px 0 3px 0;
list-style-type: circle;
}

.sidebar .menu ul li a{ 
text-decoration:none;

}

.sidebar .menu ul li a:hover{ 
color:#666666; 

}

a,a:focus, a:visited,a:hover,a:active{ 
color:#000000; 

}


.one_fourth {
float:left;
padding:5px;
width: 225px;
}



.clearboth {
clear:both;	
}
.clear {
clear:none;
}


.sidebar {
width:300px;
margin-left:15px;
}

.sidebarbig {
width:400px;

}

.maincontent {
width:100%;
margin-left: 14px;


}

.divider {
height: 3px;
margin-top: 12px;
margin-bottom: 9px;
display: inline-block;
background: white;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-bottom: none;
width: 1004px;
margin-left: -32px;
}

#component-contact {
float:right; 
width:500px;
padding:20px 30px 0 0;}

 #contact_email, #contact_name, #contact_subject, #contact-form textarea, #contact_text{background:#fff repeat-x 0 0;border:#ccc 1px solid;padding:10px;width:470px;}
.button.validate{background:#fff;border:#CCC 1px solid; color:#b1b1b1;height:35px;margin-top:15px;padding:0;width:130px;}
.button.validate:hover{background:#eee;border:#aaa 1px solid;color:#999;}

.parent a{color:#000;}

.menu .sidebar ul li ul li a{color:#999;}