*{margin:0;padding:0;border:none;}
html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 12pt;
	font-weight: 300;
	color: #363636;
}

p {
	line-height: 200%;
}

a {
	color: #777777;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

/*********************************************************************************/
/* List Styles                                                                   */
/*********************************************************************************/

	ul.style1
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.style1 li
	{
		border-top: solid 1px #E5E5E5;
		padding: 0.80em 0;
	}
	
	ul.style1 li:first-child
	{
		border-top: 0;
		padding-top: 0;
	}

	ul.style2
	{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	ul.style2 li
	{
		border-top: solid 1px #E5E5E5;
		padding: 0.80em 0;
	}
	
	ul.style2 li:first-child
	{
		border-top: 0;
		padding-top: 0;
	}




/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/

	.title
	{
		margin-bottom: 2em;
		text-transform: uppercase;
	}

	.title h2
	{
		font-weight: 400;
		font-size: 2em;
		color: #FF6600;
	}
	.title img{
		border: 1px solid #FF5500;
		margin: 1px;
		padding: 0px;
	}
	.title .byline
	{
		letter-spacing: 0.15em;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.90em;
		color: #6F6F6F;
	}

/** WRAPPER */

#header {
	background: #FFFFFF;
}

.container {
	width: 1200px;
	margin: 0px auto;
}


/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo 
	{
		width: 100%;
		height: 239px;
		margin: 0 auto;
		padding: 0;
		background: url(images/bg.png) repeat-x;
		background-color: gray;
	}
	#logo img
	{
		display: block;
		margin: 0 auto;
		background-color: gray;
	}
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

/*	#banner 
	{
		overflow: hidden;
		height: 328px;
		background: url(images/ban.jpg) no-repeat center;
		background-size: cover;
	}	*/

/*********************************************************************************/
/* Slider                                                                        */
/*********************************************************************************/
.slider {
  overflow: hidden;
  max-width: 2000px;
  height: 328px;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background: url(images/gkd_bann_1.jpg)no-repeat center;
      background-size: cover;
    animation:fade 10s infinite;
-webkit-animation:fade 10s infinite;

} 
.slide2 {
  background: url(images/gkd_bann_2.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 10s infinite;
-webkit-animation:fade2 10s infinite;
}
.slide3 {
  background: url(images/gkd_bann_3.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 10s infinite;
-webkit-animation:fade3 10s infinite;
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

/** MENU */


.menu {
	height: 50px;
	background: #002266;
	position: relative;
	z-index: 10;
}
/*
.menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
	text-shadow: 1px 1px 0px #444444
}
*/
.parent li {
	display: inline-block;
}
.child li {
	display: block;
}
.parent a {
	display: block;
	letter-spacing: 1px;
	padding: 0px 15px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.80em;
	line-height: 50px;
	border: none;
	color: #FFF;
}

.parent a:hover, .parent .selected_item a {
	text-decoration: none;
	background: #002b80;
}

.parent .selected_item a {
	background: #003399;
}
.parent .selected_item .child a{
	background: none;
}
ul.parent {margin: 0; list-style: none; line-height: normal; text-align: center;}
ul.parent ul.child{display:none;border-top-style:dotted;border-left-style:dotted;border-width:1px;border-color: #FFF;width:auto;margin:0;padding:5px 0px 7px 0;clear:both;overflow:hidden;-moz-box-shadow:4px 4px 0 rgba(0,0,0,0.4);-webkit-box-shadow:4px 4px 0 rgba(0,0,0,0.4);box-shadow:4px 4px 0 rgba(0,0,0,0.4);position:absolute;background: black;background: rgba(0, 20, 40, .6); -webkit-transition: color .3s ease-in, background .3s ease-in; -moz-transition: color .3s ease-in, background .3s ease-in; -o-transition: color .3s ease-in, background .3s ease-in; -ms-transition: color .3s ease-in, background .3s ease-in;}
ul.parent ul.child li{width:auto;margin:0;padding:0;clear:both;overflow:hidden;}
ul.parent ul.child li a{width:auto;color:#FFF;height:20px;line-height:20px;font-family:Arial,sans-serif;font-size:13px;font-weight:normal;display:block;text-decoration:none;text-transform:none;margin:0;white-space:nowrap;}
ul.parent ul.child li a:hover,ul.parent ul.child li a:active{background: #002b80; color:#FF9933;}

/** PAGE */

#page
{
	position: relative;
	overflow: hidden;
	padding: 6em 0em 5em 0em;
}

/** CONTENT */

#content
{
	float: right;
	width: 790px;
}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
		float: left;
		width: 345px;
	}
	
	#sidebar .title h2
	{
		font-size: 1.6em;
	}
	
	#sidebar .box1
	{
		margin-bottom: 3em;
	}

	
/*********************************************************************************/
/* Sidebar kontakt		                                                         */
/*********************************************************************************/

@font-face{
		font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.7.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
		font-weight:normal;
		font-style:normal;
		}
.sidebar-kontakt {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sidebar-kontakt { 
	display: block;
	width: 330px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1em;
	line-height: 1.5;
	}
.sidebar-kontakt h3 { 
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	text-transform: lowercase;
	color: #FF6600;
	letter-spacing: 0px;
	line-height: 120%;
	margin: 0.5em 0px 0.5em;
	font-size: 24px;
	}
.sidebar-kontakt ul li:before {
	content: "\f054";
	color: #FF5500;
	     }
.sidebar-kontakt ul { 
	display: block;
	list-style-position: outside;
	list-style-type: none;
	}
.sidebar-kontakt li {
	display: list-item;
	padding: 5px 0;
	font-family: inherit !important;
	color: #706A70;
	border-color: #FF5500;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	}
.sidebar-kontakt a:before {
	content: "\f003";
	text-decoration: none;
	color: #706A70;
	}
.sidebar-kontakt a {
	outline: 0px none currentColor !important;
	text-decoration: none;
	color: #706A70;
	}
.sidebar-kontakt a:hover {
	color: #FF5500;
	}
	

/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		margin-top: 1.5em;
		padding: 0.50em 3em 0.50em 2em;
		background: #BB005D;
		letter-spacing: 0.20em;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.90em;
		color: #FFF;
	}
	
		.button:before
		{
			display: inline-block;
			width: 40px;
			height: 40px;
			line-height: 40px;
			border-radius: 20px;
			text-align: center;
			color: #FFF;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer
	{
		overflow: hidden;
		padding: 3em 5em;
		background: #1E1B1A;
	}

	
	#footer p
	{
		letter-spacing: 0.20em;
		text-align: center;
		font-size: 0.80em;
		font-style: italic;
		color: #FFFFFF;

	}
	
	#footer a
	{
		text-decoration: none;
		color: #AAAAAA;
		letter-spacing: 0em;
		font-size: 1.3em;
	}
	#footer a:hover
	{
		color: #DDDDDD;
	}
/*********************************************************************************/
/* Vijesti design                                                                */
/*********************************************************************************/
	.list-news {
	margin: 0px 0px 20px 0px;
	position: relative;
	z-index: 1;
			}
	.list-news{
	width: 790px; 
				}
	.list-news a {
	text-decoration: none;
	color: inherit; }
	.list-news > li {
	display: block;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	position: relative;
	border-bottom: solid 1px #e5e5e5; }
	.list-news > li:after {
	content: "";
	display: table;
	clear: both; }
	.list-news > li:hover  {
	border-color: #006EAB; }
	li:hover .title  h2{
	color: #006EAB; }
	li:hover .title img{
	background: #FF5500;
	border: 0px solid #FF5500;
	box-shadow: -1px 1px 10px #FF5500;
	padding:1px;}
	.list-news > footer:after {
	content: "";
	display: table;
	clear: both; }
	.list-news > li:first-child article {
	padding-top: 0px; }
	.list-news > li article {
	padding-top: 20px; 
	}
	.list-news > article {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	display: block; }
	.list-news article:hover .readmore { 
	color: #006EAB;	
	}
	.list-news .readmore { 
	font-family: "proxima-nova", sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #A3A4A6;
	padding-top: 10px;
	float: right;
	width: 150px;
	}
	a, .footer, .title h2{ 
	-webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) 0;
	   -moz-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) 0;
	    -ms-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) 0;
		 -o-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1) 0;
			transition: all 0.4s;
	}