@charset "utf-8";
/* CSS Document */
/* Font > imports */
@import url(https://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,latin-ext);
/*Example of usage: font-family: 'Didact Gothic', sans-serif;*/
/*
Colors > standardi
Light Grey: #ebebeb; , rgba(235,235,235, 1);
Ferarri Red: #FF2800; , rgba(255,40,0,1);
Shadow Red: #990000; rgba(153,0,0,1);
*/
/*start: GLOBAL STYLES------------------------------------------------------------------------------------------------------------------- */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
html { 
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #8c8c8c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#8c8c8c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#8c8c8c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f2f2f2 0%,#8c8c8c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#8c8c8c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#8c8c8c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#8c8c8c',GradientType=0 ); /* IE6-9 */
}
body {
	font-family: 'Didact Gothic', sans-serif;
	line-height: 1.4;
	font-weight:normal;
	font-style:normal;
}
/*end: GLOBAL STYLES------------------------------------------------------------------------------------------------------------------- */
/*START: HTML ELEMENTS STYLES-----*/
h1{ margin:.6em .5em;}
h2,h3,h4,h5,h6{ margin:.4em .8em;}
h1{ font-size:1.2em;}
h2,h3{ font-size:1.0em;}
h4,h5,h6{ font-size:.8em;}
article{ padding:.6em;}
p{ margin:.6em 1.3em; font-size:.8em; font-weight:200; color:black;}
img{ max-width:100%;}
strong{ font-weight:600;}
em{ font-style:italic;}
ul,ol{ margin:1em 1.2em; list-style-position:inside;}
ul li { margin:.2em 0;}
table{ width:100%; height:100%; margin:1em 0; padding:0 1em;}
form{ width:100%;}
form fieldset { border:none;}
form label { margin:0 .4em; font-style:italic; font-weight:200;}
form input[type="text"], form input[type="email"], form input[type="password"], form textarea {
	padding:.5em .75em;
	border:1px outset rgba(204,204,204,.30);
	box-shadow:-0em .2em .5em rgba(0,0,0,.15); -webkit-box-shadow:-0em .2em .5em rgba(0,0,0,.15); -moz-box-shadow:-0em .2em .5em rgba(0,0,0,.15);
}
form input[type="submit"], form input[type="reset"]{
	cursor:pointer;
	padding:.5em .9em;
	border:none;
	color:white;
	background:rgba(255,40,0,1);
	box-shadow:-0em .2em .5em rgba(255,40,0,.40); -webkit-box-shadow:-0em .2em .5em rgba(255,40,0,.40); -moz-box-shadow:-0em .2em .5em rgba(255,40,0,.40);
}
/*END: HTML ELEMENTS STYLES-----*/
/*START: LAYOUT STYLES-----*/
/*Main content wrapper*/
#wrapper{width:100%; overflow:hidden; margin:0 auto;}
	#preheader{ width:100%; height:100%; min-height:260px; position:relative;}
		#preheader_slideshow_ct{ width:100%;}
			/*CSS for slideshow images in the container*/
			#preheader_slideshow{ position:relative; height:250px; overflow:hidden;}
				#preheader_slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
					#preheader_slideshow img.active{ z-index:10; opacity:1.0;}
					#preheader_slideshow img.last-active{ z-index:9;}
		#logo_ct{ width:60%; height:100%; position:absolute; bottom:-30%; left:0; background:url(../_images/_background/logo_ct.png) no-repeat center; background-size:contain; z-index:11;}
		#contact_ct{ width:60%; height:100%; position:absolute; bottom:-20%; right:0; background:url(../_images/_background/contact_ct.png) no-repeat center; background-size:contain; z-index:12;}
			#contact_ct p:first-child{ margin:8em 0 .3em 7em;}
			#contact_ct p:nth-child(2) { margin:0 0 .3em 5.5em;}
			#contact_ct p:nth-child(3) { margin:0 0 0 4em;}
			#contact_ct p:last-child { margin:.8em 0 0 4em;}
				#contact_ct p:last-child img:first-child { margin-right:1em;}			
	/*Main header area and main navigation*/
	#mainHeader{ width:100%; height:100%; margin-top:4em;}
		#mainNavigation{ 
			width:100%; height:100%;}
			#mainNavigation ul {margin:1em .5em; list-style-type:none;}
				#mainNavigation ul li {
					display:block; padding:.7em .4em;
					background: #FF2800; /* Old browsers */
					background: -moz-linear-gradient(top,  #FF2800 25%, #990000 75%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#FF2800), color-stop(75%,#990000)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #FF2800 25%,#990000 75%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #FF2800 25%,#990000 75%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #FF2800 25%,#990000 75%); /* IE10+ */
					background: linear-gradient(to bottom,  #FF2800 25%,#990000 75%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF2800', endColorstr='#990000',GradientType=0 ); /* IE6-9 */}
				#mainNavigation ul li#mainNavQueryListItem { background:none !important;}
					#mainNavigation ul li a {
						text-transform:uppercase; text-decoration:none;
						color:white;}
						#mainNavigation ul li a:visited{ color:white;}
						#mainNavigation ul li a:hover { background:none;}
						#mainNavigation ul li a:active{ color:black;}
	/*Main content container*/
	#mainContent{ width:100%; background:url(../_images/_background/mainContent.jpg) no-repeat top right; background-size:cover; padding-bottom: 1em;}
	#mainContent h1 {margin:.2em 0 0 .3em; text-transform:uppercase;}
/*END: LAYOUT STYLES-----*/
/*START: THUMB ARTICLE CONTAINER
====================*/
.article {
	width:200px; max-width:200px; min-height:200px; float:left;
	margin:1.5em .6em; padding: 0 0 0em; border:1px solid #ddd;
	background: #fff;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	box-shadow:0 1px 2px rgba(0,0,0,.1);
}
	.article h2 { border:none; color:black; font-family: 'Francois One', sans-serif; font-size:1.1em; font-weight:normal; background:none !important;}
		.article h2 a {color: black !important;}
	.article-img-ct {height:150px; overflow:hidden;}
	.article img {border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
	.article-title {
		display:block;
		margin:1em .5em;
		color:#222;
	}
	.article-paragraph {font-size:.875em; color: #555;}
		.article-paragraph:first-letter { text-transform:uppercase;}
	/*Article meta*/
	.article-meta { overflow:hidden; margin: 1em .75em 0; font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#777;}
		.article-meta li { float:left; margin-right:1em;}
			.article-meta li:after { content:'\00B7'; margin-left:1em; color:#ccc;}
			.article-meta li:last-child:after { display:none;}
	.article-author span { font-style:italic;}
	.article-content { padding:0;}
/*------------------------------------------------------*/
/* These styles only apply to homepage article thumbnails*/
.article-homepage {
	width:200px; max-width:200px; min-height:190px; float:left;
	margin:1.5em .6em; padding: 0 0 0em; border:1px solid #ddd;
	background: #fff;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	box-shadow:0 1px 2px rgba(0,0,0,.1);
}
/*------------------------------------------------------*/
	
/*END: THUMB ARTICLE CONTAINER
====================*/
/*START: GALLERY STYLES-----*/
.div_show_place_box {
	width:130px; height:130px; float:left; 	position:relative;
	background: #FF2800; /* Old browsers */
	background: -moz-linear-gradient(top,  #FF2800 25%, #990000 75%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #FF2800 25%,#990000 75%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FF2800 25%,#990000 75%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FF2800 25%,#990000 75%); /* IE10+ */
	background: linear-gradient(to bottom,  #FF2800 25%,#990000 75%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF2800', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
	margin:1em; padding:.8em;
	font-size:1.2em; font-weight:bold; text-transform:uppercase; text-align:center;
	box-shadow:-0 .1em .2em #990000; -moz-box-shadow:-0 .1em .4em #990000; -webkit-box-shadow:-0 .1em .4em #990000;
	word-wrap: break-word;
}
	.div_show_place_box p {
		display:block; position:absolute; left:0;
		line-height:1.2em;
	}
	.div_show_place_box a { width:130px; height:130px; display:block; color:white; font-weight:bold;}
/* Individual gallery box */	
.div_show_place_box_with_image {
	width:100px; height:160px; float:left; overflow:hidden;
	margin:1em; padding:.8em;
	background: #FF2800; /* Old browsers */
	background: -moz-linear-gradient(top,  #FF2800 25%, #990000 75%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #FF2800 25%,#990000 75%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FF2800 25%,#990000 75%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FF2800 25%,#990000 75%); /* IE10+ */
	background: linear-gradient(to bottom,  #FF2800 25%,#990000 75%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF2800', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
	font-weight:bold; text-transform:uppercase; text-align:center;
	box-shadow:-0 .1em .2em rgba(153,0,0,1); -moz-box-shadow:-0 .1em .2em rgba(153,0,0,1); -webkit-box-shadow:-0 .1em .2em rgba(153,0,0,1);
	word-wrap: break-word;
}	
	.div_show_place_box_with_image p { margin:0 !important; font-size:.9em; font-weight:bold; line-height:.9em;}
	.div_show_place_box_with_image a { color:white;}
	.div_show_place_box_with_image img { border:1px dotted black;}
	.div_show_place_box_with_image img a { display:block;}		
/*END: GALLERY STYLES-----*/	
/*START: BANNER STYLES-----*/
/*Class banner styles: 990x120px*/
.banner990x120 {
	width:95%;
	margin:2em auto;
	clear:both;
}
	/*Footer banner 990x120 (after main content)*/
	#bottomBanner990x120_placeholder {
		width:100%;
		box-shadow:-0px .08em .2em rgba(153,0,0,.6); -webkit-box-shadow:-0px .08em .2em rgba(153,0,0,.6); -moz-box-shadow:-0px .08em .2em rgba(153,0,0,.6); 
	}
	#bottomBanner990x120_slideshow {
		width:100%; height:100%; min-height:40px;
		position:relative;
		overflow:hidden;
	}
		#bottomBanner990x120_slideshow img { width:100%; height:100%;}
		#bottomBanner990x120_slideshow a {
			position:absolute;
			top:0;
			left:0;
			z-index:8;
			opacity:0.0;
		}					
		#bottomBanner990x120_slideshow a.active  {
			z-index:10;
			opacity:1.0;
		}					
		#bottomBanner990x120_slideshow a.last-active {
			z-index:9;
		}
.banner-medium {
	width: 95%;
	margin: 1em auto;
	clear: both;
}
	#leftbar-banner {
		position: relative;
		width: 100%;
		height: 100%;
		min-height: 60px;
		overflow: hidden;
	}
	#leftbar-banner img {
		display: block;
		margin: 0 auto !important;
	}
	#leftbar-banner a {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8;
		opacity: 0.0;
	}
	#leftbar-banner a.bm-active {
		z-index: 10;
		opacity: 1.0;
	}
	#leftbar-banner a.bm-last-active {
		z-index: 9;
	}
/*END: BANNER STYLES-----*/
/*START: FORM STYLES-----*/
/*Search input in the main navigation */
.btn_search {
	width:50px !important; 
	border:none !important; padding:7px !important;
	background:url(../_images/_icons/search.png) no-repeat center #000 !important;
	cursor:pointer !important;
}
/*security question*/
.img_upitnik {cursor:pointer;}
.div_odgovor_hover {
	width:180px; height:80px;	
	position:absolute; top:0; left:16%;
	padding:.8em; border:1px dashed #000000;
	background:#fff;
	color:black; font-size:0.8em;
}
/*END: FORM STYLES-----*/
/*start: MISC STYLES*/
/* stil za pravilno strukturiranje float elemenata */
.clearfix {
	clear:both;
	content:"";
	display:block;
	height:1px;
}
/*end: MISC STYLES*/