*{
	margin:0;
	border:0;
	padding:0;
	outline:none;
}
body{
	background:#545454 url(../images/body.jpg);
	height:100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#525252;
	line-height:22px;
}
a{
	color:#3b567b;
}
b{
	font-weight:bold;
}
hr{
	clear:both;
	height:3px;
	background:#dddede;
	margin:10px 0;
}
.clearthis{
	display: block;
	width:100%;
	height:0px;
	clear:both;
}
.clear{
	clear:both;
}
.red{
	color:#b03236;
}
/*-------------abstraktne------------	-*/
a.button, button {
	display: block;
	float: right;
	margin-left: 6px;
	padding-right: 10px;
	text-decoration: none;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
a.button strong, button strong {
	display: block;
	line-height: 18px;
	padding: 7px 7px 5px 20px;
}
.button.green, button.green {
    background: transparent url('../images/button_green_right.png') no-repeat scroll right;

}
.button.green strong, button.green strong {
	background: transparent url('../images/button_green.png') no-repeat left;
}
/*--------------------LAYOUT - TOPHEADER-----------------------*/

#topheader_wrapper{
	width:100%;
	height:34px;
	background: #525252 url(../images/topheader.jpg) repeat-x;
}
	#topheader{
		width:980px;
		height:34px;
		margin:0px auto;
		position: relative;
	}
		#ws_logo{
			display: block;
			position:absolute;
			top:0px;
			left:0px;
			width:123px;
			height:34px;
			background: url(../images/wslogo.jpg) no-repeat;
		}
		#ws_logo:hover{
			background: url(../images/wslogo_hover.jpg) no-repeat;
		}
			#ws_logo strong{
				display: none;
			}
/*--------------------LAYOUT - HEADER-----------------------*/
#body_wrapper{
	width:100%;
	background:#bababa url(../images/contentbg.jpg) repeat-x;

}
	#header_wrapper{
		width:100%;
		height:339px;
		background: url(../images/headerwrapper.jpg) top center no-repeat;
	}
		#header{
			width:980px;
			height:339px;
			position:relative;
			margin:0px auto;
		}
			#fw_logo{
				display: block;
				position:absolute;
				top:37px;
				left:0px;
				width:210px;
				height:41px;
				background: url(../images/logo.png) no-repeat;
			}
			#fw_logo strong{
					display: none;
				}

			#ws_projekt{
				display:block;
				position:absolute;
				text-align: right;
				line-height:24px;
				color:#818181;
				text-decoration: none;
				right:0px;
				top:45px;
				width:120px;
				height:31px;
				padding-right:130px;
				background: url(../images/logo_projekt.png) top right no-repeat;

			}
			#ws_projekt:hover{
				color:#666;
				text-decoration: underline;

			}
			#ws_projekt strong{
					display: none;
				}
			#feature{
				width:980px;
				height:223px;
				position:absolute;
				bottom:0px;
				left:0px;
				background: url(../images/feature.jpg) no-repeat;
			}
				#feature span.headline{
					display: block;
					position: absolute;
					width:698px;
					height:53px;
					top:69px;
					left:209px;
					background: url(../images/feature_headline.jpg) no-repeat;

				}
					#feature span strong{
						display: none;
					}
				#feature span.subheadline{
					display: block;
					position: absolute;
					top:120px;
					left:213px;
					width:700px;
					color:#2d4259;
					font-size:14px;
				}
				#feature #ziadost{
					position:absolute;
					bottom:8px;
					right:8px;
					-moz-box-shadow: 0px 3px 3px #26393e;
					-webkit-box-shadow: 0px 3px 3px #26393e;
					text-shadow: 0px -1px 0px #416413;

				}
				ul#menu{
					list-style:none;
					position: absolute;
					bottom:0px;
					height:34px;
				}
					#menu li{
						float:left;
						display:block;
						height:34px;
					}
						#menu li a{
							display: block;
							margin:0 24px;
							text-decoration:none;
							color:#c1def3;;
							padding-top:6px;
							font-size:16px;
							text-shadow:0px 1px 2px #000;
							font-weight:bold;
						}
						#menu li a:hover{
							color:#fff;
						}
						#menu li.active a{
							display: block;
							margin:0 14px;
							height:34px;
							text-decoration:none;
							color:#525252;
							font-size:16px;
							text-shadow:0px 1px 0px #fff;
							padding:0px 10px 10px 0;
							background: url(../images/menu_right.png) top right no-repeat;
						}
							#menu li.active a strong{
								font-weight:bold;
								display:block;
								padding:9px 6px 10px 16px;
								background:url(../images/menu_left.png) top left no-repeat;
							}
/*--------------------LAYOUT - submenu-----------------------*/
#submenu{
	position:relative;
	width:980px;
	height:50px;
	margin:0px auto;
	background: #dddede url(../images/submenu.jpg) repeat-x;
}
#submenu ul{
					list-style:none;
					position: absolute;
					bottom:0px;
					height:33px;
				}
					#submenu ul li{
						float:left;
						display:block;
						height:34px;
					}
						#submenu ul li a{
							display: block;
							margin:0 18px;
							text-decoration:none;
							color:#6b6b6b;
							padding-top:6px;
							font-size:16px;
							text-shadow:0px 1px 0px #fff;
							font-weight:bold;
						}
						#submenu ul li a:hover{
							color:#525252;
						}
							#submenu ul li a span.blue{
								color:#3b567b;
							}
						#submenu ul li.active a{
							display: block;
							margin:0 14px;
							height:34px;
							color:#3b567b;
							text-decoration:none;
							font-size:16px;
							padding:0px 15px 10px 0;
							background: url(../images/submenu_active_right.jpg) top right no-repeat;
						}

							#submenu ul li.active a strong{
								font-weight:bold;
								display:block;
								padding:9px 6px 15px 16px;
								background:url(../images/submenu_active_left.jpg) top left no-repeat;
							}
#submenu ul.projects{
	left:6px;
}
#submenu ul.projects li a{
	font-size:14px;
	margin:0px 14px;
}
#submenu ul.projects li.active a{
	margin:0 8px;
}

/*--------------------LAYOUT - CONTENT-----------------------*/

#content{
	position: relative;
	margin:0px auto;
	width:956px;
	padding:18px 12px 20px;
	background:#dddede;
}

	#widecolumn{
		width:648px;
		float:left;
	}
		#widecolumn .top{
			width:648px;
			height:9px;
			margin-top:20px;
			background: url(../images/widecolumn_top.jpg) no-repeat;
		}
		#widecolumn .box{
			width:100%;
			padding:4px 0px;
			margin-bottom:8px;
			background:#e9eaea url(../images/widecolumn_bottom.jpg) bottom center no-repeat;
		}
		#widecolumn .warningbox{
			width:538px;
			padding:4px 20px 20px 90px;
			font-weight: bold;
			font-size: 14px;
			background: url(../images/warningbox.jpg) 10px 0px no-repeat;
		}
		#widecolumn ul{
			padding-left:14px;
			margin-bottom:15px;
		}
		#widecolumn h1{
			width:644px;
			font-size:22px;
			font-weight: bold;
			color:#6b6b6b;
			text-shadow:0px 1px 0px #fff;
			padding:15px 0px 20px 4px;
			background: url(../images/widecolumn_top.jpg) bottom no-repeat;
		}
		#widecolumn .fullbox{
			width:610px;
			padding:0px 17px 20px;
		}
			.fullbox form{
				width:610px;

			}
				.fullbox label{
					display: block;
					clear: both;
					float:left;
					height:26px;
					width:200px;
					padding-top:4px;
					margin-bottom:10px;

				}
				.fullbox input{
					display: block;
					float:right;
					margin-right:90px;
					margin-bottom:10px;
					width:280px;
					height:22px;
					padding:4px 10px;
					border: none;
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
					border-radius:4px;
					font:12px Helvetica, Arial, sans-serif;
				}
					.fullbox input.required, .fullbox textarea.required{
						border:1px solid #b03236;
						margin-right:89px;
					}
					.fullbox input.psc{
						width:100px;
						margin-right:270px;
					}
				.fullbox textarea{
					display: block;
					float:right;
					margin-right:90px;
					margin-bottom:10px;
					width:280px;
					height:50px;
					padding:8px 10px;
					border: none;
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
					border-radius:4px;
					font:12px Helvetica, Arial, sans-serif;
				}
				.fullbox textarea.big{
					height:105px;
				}
				.fullbox button{
					clear:both;
					margin-right:90px;
					cursor: pointer;
				}
					.fullbox button strong{
					}
				.fullbox fieldset{
					display: block;
					width:610px;
					float:left;
					clear:both;
				}
					.fullbox fieldset legend{
						float:left;
					}
					.fullbox fieldset label{
						float:right;
						clear:right;
						width:365px;
						margin-bottom:4px;
						height:16px;
						padding-top:0px;
					}
					.fullbox fieldset input.check{
						width:16px;
						margin:0px 10px 0px 0;
					}
					.fullbox fieldset input.text{
						width:256px;
					}

		#widecolumn .halfbox{
			width:290px;
			padding:0px 17px 20px;
			float:left;
		}
			.box h2{
				width:100%;
				border-bottom:3px solid #dddede;
				font-size:14px;
				font-weight: bold;
				color:#3b567b;
				margin-bottom:10px;
				text-shadow:0px 1px 0px #fff;
			}
		.star{
			background: url(../images/box_hviezdicka.jpg) 13px 34px no-repeat;
		}
		.star.fullbox{
			background-position: 13px 0px;
		}
			.star p{
				padding-left:50px;
				}
		.server{
			background: url(../images/box_servery.jpg) 13px 34px no-repeat;
		}
		.server.fullbox{
			background-position: 13px 0px;
		}
			.server p{
				padding-left:50px;
				}
		.phone{
			background: url(../images/box_phone.jpg) -6px 0px no-repeat;
		}
			.phone p{
				padding-left:50px;
				}

	#fullcolumn{
		width:956px;
	}
		#fullcolumn h1{
			width:952px;
			font-size:22px;
			font-weight: bold;
			color:#6b6b6b;
			text-shadow:0px 1px 0px #fff;
			padding:15px 0px 20px 4px;
			background: url(../images/fullcolumn_top.jpg) bottom no-repeat;
		}
		#fullcolumn .box{
			width:100%;
			padding:0px 0px 10px;
			background: #e9eaea url(../images/fullcolumn_bottom.jpg) bottom center no-repeat;
		}
		#fullcolumn .top{
			height:9px;
			width:956px;
			margin-top:16px;
			background: url(../images/fullcolumn_top.jpg) bottom no-repeat;
		}
		#fullcolumn .halfbox{
			width:444px;
			padding:4px 17px 30px;
			float:left;
		}
			#fullcolumn .halfbox ul{
				padding-left:14px;
				margin-bottom:15px;
			}
			#filter_projects{
				list-style: none;
				margin-left:20px;
				float:left;
				height:30px;
			}
				#filter_projects li{
					float:left;
				}
					#filter_projects li a{
						display: block;
						padding-top:6px;
						height:30px;
						margin-right:35px;
						font-size:14px;
						color:#585858;
						text-decoration: none;
						text-shadow: 0px 1px 1px #fff;
					}
					#filter_projects li a:hover{
						color:#3b567b;
					}
						#filter_projects li a strong{
							font-weight: bold;
						}
					#filter_projects li.active a{
						color:#3b567b;
						padding-top:0px;
						padding-right:10px;
						margin-right:25px;
						margin-left:-10px;
						background: url(../images/activefilter_right.jpg) top right no-repeat;
					}
						#filter_projects li.active a strong{
							display: block;
							padding-top:6px;
							padding-left:10px;
							height:30px;
							background: url(../images/activefilter_left.jpg) top left no-repeat;

						}
		#fullcolumn .thirdbox{
			width:280px;
			padding:0px 17px 30px;
			float:left;
		}
			#fullcolumn .thirdbox .frontproject{
				width:280px;
			}
		#projects{
			list-style: none;
			padding-top:10px;
		}
			#projects li{
				float:left;
				margin-left:16px;
				width: 298px;
				height:190px;
				line-height: 19px;
                overflow: hidden;
			}
				#projects li a{
					text-decoration: none;
				}
					#projects li a span{
						display: block;
						width:100%;
						text-decoration: underline;
						font-weight: bold;
						font-size:14px;
						padding-top:4px;
					}

/*--------------------LAYOUT - CONTENT - SIDEBAR-------------*/
	#sidebar{
		width:280px;
		float:right;
	}
		#sidebar strong{
			font-weight:bold;
		}
		#sidebar ol{
			padding-left:20px;
			font-size:16px;
			font-weight: bold;
			color:#bbb;
		}
		#sidebar ol li p{
			font-size:12px;
			color:#525252;
			font-weight:normal;
			margin-bottom:10px;
		}
		#sidebar h1{
			width:280px;
			font-size:22px;
			font-weight: bold;
			color:#6b6b6b;
			text-shadow:0px 1px 0px #fff;
			padding:15px 0px 20px 4px;
			background: url(../images/sidebar_top.jpg) left bottom no-repeat;
		}
			#sidebar h1.twitter{
				width:225px;
				padding:15px 0px 20px 55px;
				background: url(../images/sidebar_top_twitter.jpg) left bottom no-repeat;
			}
			.sidebaraction{
				width:260px;
				text-align:center;
				margin-top:15px;
			}
			#sidebar hr{
				height:2px;
				background:#dddede;
				margin:5px 0;
			}
			#sidebar small{
				clear:both;
				color:#7b7b7b;
			}
			.sidebarbutton{
				display: block;
				width:280px;
				height:32px;
				margin:10px 0;
			}
				.sidebarbutton strong{
					display:none;
				}
				#sidebar_twitter{
					background: url(../images/sidebarbutton_twitter.jpg) no-repeat;
				}
				#sidebar_twitter:hover{
					background: url(../images/sidebarbutton_twitter_hover.jpg) no-repeat;
				}
				#sidebar_facebook{
					background: url(../images/sidebarbutton_facebook.jpg) no-repeat;
				}
				#sidebar_facebook:hover{
					background: url(../images/sidebarbutton_facebook_hover.jpg) no-repeat;
				}
		#sidebar .box{
			width:246px;
			padding:4px 17px 14px;
			background:#e9eaea url(../images/sidebar_bottom.jpg) bottom center no-repeat;
		}

#contentfooter{
	height:10px;
	width:980px;
	margin:0px auto;
	padding-bottom:30px;
	background: url(../images/contentfooter.jpg) no-repeat top center;
}
/*--------------------LAYOUT - FOOTER-----------------------*/
#footer_wrapper{
	width:100%;
	height:88px;
	background: url(../images/footer_wrapper.jpg) repeat-x;
}
	#footer{
		border-top:0;
		position:relative;
		width:980px;
		margin:0px auto;
		padding-top:20px;
		font-size:11px;
		color:#9d9d9d;
	}
		#footer a{
			color:#9d9d9d;
			text-decoration: none;
		}
			#footer a strong{
				font-weight: bold;
				color:#bbbbbb;
			}
		#footer a:hover{
			text-decoration: underline
		}		






div.errorSummary { color:#900;}

#widecolumn .successbox{
			width:538px;
			padding:4px 20px 20px 90px;
			height:50px;
			font-size: 14px;
			background: url(../images/successbox.jpg) 15px 5px no-repeat;
		}


/* added */
#amenu {
    background-color: #ccc;
    padding: 10px;
    margin: 0px 0px 10px 0px;
}
#amenu ul {
    list-style-type: none;
    font-size: 15px;
}
#amenu ul li {
    display: inline;
    padding: 0px 5px 0px 0px;
}
#amenu ul li a:hover {
    text-decoration: none;
}