/*  Author: Damjan Žnidaršič
*	http://www.positiva.si
*
******************************************/
/*    HTML
******************************************/
html{
	overflow-y: scroll;
}
html, body{
	color:#333;
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 0;
	line-height:140%;
	padding: 0;
	background:#dfcc22;
}
a, a:visited{
	text-decoration:none;
	color:#979300;
	font-weight:bold;
}
p{
	margin:0 0 10px 0;
}
ul li {
	list-style:disc;
}
#content_mid ul{
	padding-left:15px;
}
#content_mid h2{
	color:#979300;
}
ol li{
	list-style-type:decimal;
}
#wrapper ul,#wrapper ol{
	padding-left:15px;
}
em{
	font-style:italic; 
}
strong{
	font-weight:bold;
}
h1,h2,h3,h4,h5,h6{
	margin: 0px 0px 10px 0px;
	font-weight:normal;
	font-family:Trebuchet MS;
	color:#333;
	line-height:100%;
	letter-spacing:.5px;
}
blockquote{
	padding:10px;
	background:#FAFAFA;
	border:1px solid #ebebeb;
}
h1{
	font-size:20px;
}
h2{
	font-size:16px;
	font-weight:normal;
}
h3{
	font-size:14px;
}
h4{
	font-size:13px;
}
h5{
	font-size:12px;
}
h6{
	font-size:10px;
}
select{
	padding:2px;
	font-size:11px;
	background:#FFF;
	border:1px solid #b9b9ba;
	color:#333;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.cufon{
	font-weight:normal;
}
/*    Structure
******************************************/
#top{
	background:#FFF url("/static/images/body_bg.jpg") repeat-x 0 -23px;
}
	#c{
		width:1000px;
		margin:0 auto;
		overflow:hidden;
		padding-bottom:30px;
	}
		#header{
			height:78px;
			width:968px;
			padding:10px 0 0 30px;
			float:left;
		}
			#logo, #logo img{
				float:left;
			}
			#menu{
				float:left;
				width:645px;
				height:25px;
				padding:53px 0 0 125px;
			}
			#menu li{
				float:left;
				height:25px;
				list-style:none;
				display:block;
			}
			#menu li.start_s{
				width:17px;
				background:url("/static/images/menu_start_s.png") no-repeat top right;
			}
			#menu li.stop_g{
				width:17px;
				background:url("/static/images/menu_stop_g.png") no-repeat top left;
			}
			#menu li.stop_g_login{
				width:17px;
				background:url("/static/images/stop_g_login.png") no-repeat top left;
				position:relative;
			}
			#menu li.login_error {
				display:inline;
				position:absolute;
				height:auto;
				color:red;
				text-transform:uppercase;
				font-weight:bold;
			}
			#menu li.trans{
				width:16px;
				padding:0;
				background:url("/static/images/menu_tran_s_g.png") no-repeat top center;
			}
			#menu li.trans_login{
				width:16px;
				padding:0;
				background:url("/static/images/menu_trans_login.jpg") no-repeat top center;
			}
			
			#menu li.s{
				background:url("/static/images/menu_s.png") repeat-x top;
			}
			#menu li.g{
				background:url("/static/images/menu_g.png") repeat-x top;
			}
			#menu li.g_login{
				background:#c9c400;
			}
		
			#menu li a,#menu li a:visited,#menu li a:active{
				float:left;
				height:22px;
				padding:3px 8px 0 8px;
				display:block;
				color:#4d4d4d;
				background:url("/static/images/menu_sep.png") no-repeat right 6px;
			}
			#menu li a:hover{
				color:#dfcc22;
			}
			#menu li.g a{
				color:#FFF;
				background-image:url("/static/images/menu_sepg.png");
			}
			#menu li.g a:hover{
				color:#dfcc22;
			}
			#menu li.last a{
				background:none;
			}
			#menu .loginbttn{
				margin-top:2px;
				padding:0 31px;
			}
			#menu .loginbox{
				position:absolute;
				z-index:10;
				top:-40px;
				height:40px;
				background: url("/static/images/menu_loginbox.png") no-repeat top left;
				width:267px;
				padding-left:10px;
				right:0;
			}
				#menu .loginbox .textinput{
					background:url("/static/images/menu_input.jpg") no-repeat top left;
					width:117px;
					height:15px;
					border:0;		
					padding:2px;	
					margin-top:11px;
					margin-right:5px;
					font-family:Trebuchet MS;
				}
				#menu .loginbox .focus{
					color:#ccc;
				}
		#boxes{
			width:1000px;
			padding:0px 0 0 0px;
			float:left;
			margin-bottom:20px;
			min-height:202px;
		}
			#boxes .l{
				position:relative;
				float:left;
				width:590px;
			}
				#box_list{
					float:left;
					width:560px;
					padding-left:30px;
					margin-top:22px;
				}
					.nomargin{
						margin:0;
					}
					#box_list li{
						float:left;
						list-style:none;
						height:120px;
						padding:30px 20px 0px 20px;
						text-align:center;
						color:#FFF;
					}
					#box_list li a, #box_list li a:visited, #box_list li p {
						text-align:center;
						color:#FFF;
						font-weight:normal;
					}

					#box_list li p {
						font-size: 13px;
					}


					#box_list li h3{
						font-size:22px;
						font-weight:bold;
						color:#FFF;
					}
						#box_list li h3 a{
							color:#FFF;
						}
					#box_list li.what{
						width:143px;
						background:url("/static/images/box_what_de.png") no-repeat top left;
					}
					#box_list li.who{
						width:141px;
						background:url("/static/images/box_who_de.png") no-repeat top left;
					}
					#box_list li.why{
						width:143px;
						background:url("/static/images/box_why_de.png") no-repeat top left;
					}
					#box_list li.what_active{
						width:143px;
						background:url("/static/images/box_what.png") no-repeat top left;
					}
					#box_list li.who_active{
						width:141px;
						background:url("/static/images/box_who.png") no-repeat top left;
					}
					#box_list li.why_active{
						width:143px;
						background:url("/static/images/box_why.png") no-repeat top left;
					}
				.box_link {
					padding:0; 
					position:absolute; 
					top:119px;
					height:125px; 
					width:160px;
					text-indent:-999999px;
				}
				.box_link1 {
					padding:0; 
					position:absolute; 
					top:39px;
					height:125px; 
					width:160px;
					text-indent:-999999px;
				}
				.what_active_link {
					position:absolute; 
					
					left:41px;
				}
				.who_active_link {
					position:absolute; 
					/*top:119px;*/
					left:223px;
				}
				.why_active_link {
					position:absolute; 
					/*top:119px;*/
					left:404px;
				}
				#boxes_heading{
					float:left;
					width:502px;
					margin:40px 0 0px 0;
					padding:0 0 0 30px;
				}
					#boxes_heading h2{
						font-size:30px;
						margin:0;
						font-weight:200;
					}
					#boxes_heading h3{
						font-size:20px;
						margin:0;
						font-weight:100;
						color:#CCC;
					}
			#boxes .r{
				float:right;
				width:410px;
			}
				#boxes_img, #boxes_img img{
					width:410px;
					height:189px;
					float:right;
				}
		#wrapper{
			width:1000px;
			float:left;
		}
			#content_left{
				float:left;
				width:33.3%;
			}
			#content_mid{
				float:left;
				width:33.3%;
			}
			#content_right{
				float:left;
				width:33.3%;
			}
				#content_right a#try_it{
					width:353px;
					
					display:block;
					position:absolute;
					left:0;
					top:-80px;
					background:url("/static/images/try_it_button.jpg") no-repeat top left;
					padding:66px 0 0 0;
					text-align:center;
					color:#808080;
				}
				
				#content_right a#winners{
					text-indent:-999999px;
					background:url('/static/images/Button_izzrebanci.png') no-repeat scroll left top transparent;color: #808080;
					display: block;
					left: 0;
					padding: 22px 0 0;
					position: absolute;
					text-align: center;
					top: 235px;
					height:66px;
					font-size:22px;
					color:#ffffff;
					width: 353px;
				}
				
				#content_mid a#try_it{
					width:353px;
					
					display:block;
					position:absolute;
					left:0;
					top:-90px;
					background:url("/static/images/try_it_button.jpg") no-repeat top left;
					padding:66px 0 0 0;
					text-align:center;
					color:#808080;
				}				


#bottom{
	overflow:hidden;
	background:url("/static/images/footer_bg.jpg") repeat-x top;
	
}
	#footer{
		width:1000px;
		margin:0 auto;
		height:250px;
		
	}
		#footer .bar{
			padding-left:25px;
			width:975px;
			height:25px;
			float:left;
			margin-bottom:15px;
		}
			#footer .bar span.tab{
				padding:0px 30px 0 0;
				height:25px;
				float:left;
				display:block;
				background:url(/static/images/footer_button.jpg) repeat-x top;
				position:relative;
			}
			#footer .bar span.tab b{
				color:#FFF;
				display:block;
				height:25px;
				padding:5px 0 0 30px;
				float:left;
				background:url(/static/images/footer_sitemap_l.jpg) no-repeat left top;
			}
			#footer .bar span.tab s{
				color:#FFF;
				display:block;
				height:25px;
				position:absolute;
				top:0;
				right:-1px;
				width:16px;
				background:url(/static/images/footer_sitemap_r.jpg) no-repeat right top;
			}
		#sitemap{
			float:left;
			width:100%;
			padding-left:30px;
		}
		#sitemap li{
			list-style:none;
			float:left;
			width:170px;
			margin-right:30px;
		}
		#sitemap li span{
			font-size:12px;
			display:block;
			padding:0 0 3px 1px;
			color:#333;
			font-weight:bold;
			background:url("/static/images/sitemap_border.jpg") repeat-x bottom;
		}
		#sitemap li ul{
			color:#666;
			float:left;
			width:100%;
			padding-top:5px;
		}
		#sitemap li ul li{
			float:left;
			width:100%;
			padding:0px 0 2px 0px;
		}
		#sitemap li ul li a{
			float:left;
			display:block;
			color:#666;
			width:100%;
			padding-left:6px;
			background:url("/static/images/sitemap_bullet.jpg") no-repeat center left;
		}