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

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {
	margin:0;
	padding:0;
	border:0;
}

html,
body {
   height:100%;
}

	.clear1 {
		clear:both;
		line-height: 0px;
		height: 0px;
		font-size: 1px;
	}
	
	.cf:before,
	.cf:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}
	
	.cf:after {
	    clear: both;
	}
	
	/**
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */
	.cf {
	    *zoom: 1;
	}

body {
	background-image: url(images/body_bg.gif);
	background-repeat:repeat;
}

div.c5wrapper {
	position:relative;
	min-height:100%;
	width:960px;
	margin: 0 auto;
}

/**********************************
***
*** HEADER
***
**********************************/ 

div#header {
	position:relative;
	width:960px;
	height:101px;
	background: url(images/topmenu_bg-line.gif) no-repeat bottom center;
}

	div#page-title {
		position:absolute;
		width:330px;
		height:58px;
		top:28px;
		left:0px;
		z-index: 10;
		text-indent:-6000px;
	}

	div#page-logo {
		position:absolute;
		width:330px;
		height:58px;
		top:0px;
		left:0px;
		z-index:20;
		text-indent:0px;
	}
	
	div#header-nav {
		position:absolute;
		width:auto;
		top:53px;
		right:130px;
		line-height:100%;
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:14px;
	}

		#header-nav li {
			display:inline;
			list-style:none;
			margin-right:26px;
		}

		#header-nav a {
			color:#787878;
		}

		#header-nav a.nav-selected {
			color:#000000;
		}

	div#akcija {
		position:absolute;
		width:88px;
		height:88px;
		bottom:-15px;
		right:33px;
	}

/**********************************
***
*** MAIN
***
**********************************/ 

div#main {
	position:relative;
	width:940px;
	margin:0 auto;
	margin-top:30px;
	padding-bottom: 294px;
}

	div#dtr-big,
	div#dtr-small {
		position: relative;
		width: 940px;
		padding-bottom: 31px;
		margin-bottom: 30px;
		background: url(images/topmenu_bg-line.gif) no-repeat bottom center;
	}


		div#dtr-big div.box {
			position: relative;
			float: left;
			width: 300px;
			height: 300px;
			margin-right: 20px;
		}

		div#dtr-big li,
		div#dtr-small li {
			background-image: none;
			display: block;
			float:left;
			margin: 0;
			padding: 0;
			width: 300px;
			height: 300px;
			margin-left: 20px;
		}
		
		div#dtr-small li {
			height: 50px;
		}

			div#dtr-big li:first-child,
			div#dtr-small li:first-child {
				margin-left: 0px;
			}

		div#dtr-big a,
		div#dtr-small a {
			display: block;
			width: 300px;
			height: 300px;
			color: transparent;
		}

		div#dtr-small a {
			height: 50px;
		}

			div#dtr-big a.link1 {background: url(images/box_big-design.png) no-repeat;}
			div#dtr-big a.link2 {background: url(images/box_big-tisk.png) no-repeat;}
			div#dtr-big a.link3 {background: url(images/box_big-raznos.png) no-repeat;}

			div#dtr-small a.link1 {background: url(images/btn_design_small_light.png) no-repeat;}
			div#dtr-small a.link1:hover {background: url(images/btn_design_small_bold.png) no-repeat;}
			div#dtr-small li.link1 a.nav-selected {background: url(images/btn_design_small_bold.png) no-repeat;}
			div#dtr-small a.link2 {background: url(images/btn_tisk_small_light.png) no-repeat;}
			div#dtr-small a.link2:hover {background: url(images/btn_tisk_small_bold.png) no-repeat;}
			div#dtr-small li.link2 a.nav-selected,  
			div#dtr-small li.link2 a.nav-path-selected {background: url(images/btn_tisk_small_bold.png) no-repeat;}
			div#dtr-small a.link3 {background: url(images/btn_raznos_small_light.png) no-repeat;}
			div#dtr-small a.link3:hover {background: url(images/btn_raznos_small_bold.png) no-repeat;}
			div#dtr-small li.link3 a.nav-selected {background: url(images/btn_raznos_small_bold.png) no-repeat;}

	div.index-storitve-menu ul.nav li {
		padding: 0;
		margin: 0;
		background-image: none;
		display: inline;
	}
	
		div.index-storitve-menu ul.nav a {
			display: block;
			float:left;
			font-family: 'Open Sans Condensed', sans-serif;
			line-height:35px;
			font-size:18px;
			background-color:#F0F0F0;
			padding:0 9px; 
			margin-right:5px;
			border-radius: 5px 5px 5px 5px;
		}

		div.index-storitve-menu ul.nav li:first-child a,
		div.index-storitve-menu ul.nav li:nth-child(2) a {
			display: block;
			float:left;
			font-family: 'Open Sans Condensed', sans-serif;
			line-height:35px;
			font-size:18px;
			background-color:#F0F0F0;
			background-color:#FE3434;
			color: #fff;
			font-weight: bold;
			padding:0 9px; 
			margin-right:5px;
			border-radius: 5px 5px 5px 5px;
		}

		div.index-storitve-menu ul.nav li:nth-child(2) a {
			background-color:#00B8FF;
		}

	div#main div.left {
		position:relative;
		float:left;
		width:387px;
		font-family: 'Open Sans Condensed', sans-serif;
	}

		div#main div.left li {
			display: block;
			float:left;
			width:110px;
			height:110px;
			margin-right:19px;
			margin-bottom:19px;
			padding:0;
			background-image:none;
			font-family: 'Open Sans Condensed', sans-serif;
		}

		div#main div.left li:nth-last-child(-n+3) {
/*			margin-bottom:0px; */
		}

			div#main div.left li a {
				display:block;
				width:110px;
				height:110px;
				line-height:110px;
				text-align:center;
				background-color:#F0F0F0;
				font-size:18px;
				border-radius: 5px 5px 5px 5px;
			}
			
			div#main div.left li a:hover {
				background-color:#00C800;
				text-decoration: none;
			}
			
			div#main div.left li a.nav-selected {
				background-color:#00C800;
				color:#FFF;
			}

	div#main div.right {
		position:relative;
		float:right;
		width:540px;
/*		font-family: 'Open Sans Condensed', sans-serif;*/
	}

		div#main div.right h1 {
			padding-top:0px; 
		}

		div#main div.right p,
		div#main div.right ul {
			font-family: Tahoma, Arial, Helvetica, sans-serif; 
			font-size: 13px;
		}

		div#main div.right a {
			color: #00C800;
		}















/**********************************
***
*** FOOTER
***
**********************************/ 

div#footer {
	position:absolute;
	bottom:0;
	left:10px;
	width:940px;
	height:264px;   /* Height of the footer */
	background: url(images/topmenu_bg-line.gif) no-repeat top center;
}

	#footer a {
		color:#FFF;				
	}

	#footer div.logo {
		position:relative;
		height:22px;
		margin-top: 21px;
	}
	
	#footer div.navigation {
		position:relative;
		width:100%;
		height:201px;
		background:url(images/footer_bg.png) no-repeat;
		color:#FFF;
	}

		#footer div.navigation h2,
		#footer div.navigation p {
			font-family: 'Open Sans Condensed', sans-serif;
			font-size:24px;
			color:#fff;
			font-weight:300;
			line-height:100%;
			padding:0 0 12px 0;
		}

		#footer div.navigation p {
			font-family:Tahoma, Geneva, sans-serif;
			font-size:12px;
		}
		
		#footer div.navigation li {
			padding:0 0 6px 10px;
		}
		
		#footer div.letakicom {
			position:relative;
			float:left;
			width:118px;
			height:165px;
			margin:17px 0 0 21px;
			overflow:hidden;
			border-right:#FFF 1px dashed;
		}

		#footer div.ponudba {
			position:relative;
			float:left;
			width:320px;
			height:165px;
			margin:17px 0 0 21px;
			overflow:hidden;
			border-right:#FFF 1px dashed;
		}

			#footer div.ponudba li {
				display: block;
				float: left;
				width:86px;
				padding: 0px 10px 6px 10px;
			}

		#footer div.prijava {
			position:relative;
			float:left;
			width:265px;
			height:165px;
			margin:17px 0 0 21px;
			overflow:hidden;
			border-right:#FFF 1px dashed;
		}

			#footer div.prijava p {
				line-height:120%;
				padding-right:21px;
			}

		#footer div.kontakt {
			position:relative;
			float:left;
			width:129px;
			height:165px;
			margin:17px 21px 0 21px;
			overflow:hidden;
		}

			#footer div.kontakt p {
				line-height:130%;
				padding:0;
				margin:0;
			}

	#footer div.footnote {
		position:relative;
		width:100%;
		height:20px;
		background-color:#000;
		color:#fff;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:10px;
		line-height:20px;
		text-align:center;
	}



.formee-msg-error ul {
	padding-bottom: 0px;
}