@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	float: none;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 20px;
	color: #a8a8a8;
	border-bottom: 1px solid #a0a0a0;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

h3 {
	font-size: 13px;
}

p {
  margin: 10px 0;
}

ul {
  margin: 5px 0 0 20px;
}

img {
  border: 0;
}

body {
  min-width: 914px;
  position: relative;
  font: 12px "trebuchet MS ce", trebuchet MS, "verdana ce", verdana, "tahoma ce", tahoma;
  color: #a0a0a0;
  background: url(../images/body_bg.gif) repeat;
}

	/* menu ************************************************************************************** */
	#menu {
		width: 150px;
		position: absolute;
		right: 750px;
		top: 95px;
		z-index: 10;
	}
	
		#menu .item {
			width: 150px;
			height: 55px;
			position: relative;
			margin-bottom: 3px;
		}
		
			#menu .item.active {
				width: 160px;
				left: -10px; 
				margin-right: 5px;
			}
			
			#menu .item span {
				display: block;
			}
		
			#menu .item .left_border {
				width: 10px;
				height: 67px;
				position: absolute;
				top: -6px;
				left: -10px;
				background: url(../images/menu_item_left_border_blue.png) no-repeat;
			}
			
			#menu .item .content {
				height: 39px;
				position: relative;
				padding: 8px 0;
				display: block;
				background: #848484;
			}
			
				#menu .item .content .title {
					margin-left: 15px;
					font-size: 15px;
					font-weight: bold;
					color: #ffffff;
				}
				
				#menu .item .content .desc {
					margin-left: 15px;
					font-size: 11px;
					color: #b4dff7;
				}

			#menu .item:hover .content .title {
				color: #ff7f00;
			}

				#menu .item:hover .left_border {
					background: url(../images/menu_item_left_border_orange.png) no-repeat;
				}
				
		#menu .item_small {
			width: 100px;
			height: 35px;
			position: relative;
			top: 200px;
			left: 50px;
			margin-bottom: 3px;
		}
		
			#menu .item_small.active {
				width: 110px;
				left: 40px; 
				margin-right: 5px;
			}
			
			#menu .item_small span {
				display: block;
			}
		
			#menu .item_small .left_border {
				width: 10px;
				height: 57px;
				position: absolute;
				top: -6px;
				left: -10px;
				background: url(../images/menu_item_small_left_border_blue.png) no-repeat;
			}
			
			#menu .item_small .content {
				height: 21px;
				position: relative;
				padding: 7px 0;
				display: block;
				background: #848484;
			}
			
				#menu .item_small .content .title {
					margin-left: 15px;
					font-size: 15px;
					font-weight: bold;
					color: #ffffff;
				}
				
				#menu .item_small .content .desc {
					margin-left: 15px;
					font-size: 11px;
					color: #b4dff7;
				}

			#menu .item_small:hover .content .title {
				color: #ff7f00;
			}

				#menu .item_small:hover .left_border {
					background: url(../images/menu_item_small_left_border_orange.png) no-repeat;
				}

	/* obsahová část ***************************************************************************** */
	#main {
  	width: 750px;
   	position: absolute;
   	right: 0;
   	top: 0;
   	padding-bottom: 10px;
   	z-index: 20;
	}
	
		#main a {
			color: #408fc3;
		}
		
			#main a:hover {
				color: #ff7f00;
			}
	
		/* hlavička ************************************************************ */
		#main_top {
			color: #959595;
		}
		
			#main_top_line {
				width: 100%;
				height: 15px;
				position: relative;
				background: #b5b5b5;
			}

			#main_top_header {
				height: 60px;
				padding: 10px 15px;
				line-height: 60px;
				color: #959595;
			}
			
				#main_top_header h1 {
					width: 490px;
					float: left;
				}
			
				#main_top_header_lang {
					width: 200px;
					float: right;
					color: #d9d9d9;
				}
				
			#main_top_content {
				height: 230px;
			}
			
				#main_top_content .left {
					width: 520px;
					height: 100%;
					position: relative;
					float: left;
					background: #ffffff url(../images/top_left_bg.jpg) top right no-repeat;
				}
				
					/* kolotoč v headu *************************** */
					#main_top_content .left #container {
					  position: absolute;
					  width: 520px;
					  height: 230px;
					  margin: 10px 0 0 10px;
					}
					
						#main_top_content .left #container #text {
							visibility: hidden;
							opacity: 0;
							margin: 0 20px 0 150px;
					  	color: #656565;
					  	text-align: justify;
						}
						
						#main_top_content .left #container #text a {
							color: #ff7f00;
						}

							#main_top_content .left #container #text a:hover {
								color: #408fc3;
							}
						
				#main_top_content .right {
					width: 230px;
					height: 100%;
					position: relative;
					float: left;
				}
				
					#main_top_content .right #logo_title {
						position: absolute;
						top: 125px;
						left: 29px;
						font-size: 28px;
						font-weight: bold;
						color: #ffffff;
						display: block;
					}

					#main_top_content .right #logo_text {
						width: 176px;
						position: absolute;
						top: 160px;
						left: 26px;
						font-size: 12px;
						font-weight: bold;
						color: #ffffff;
						text-align: center;
						display: block;						
					}

		/* content ************************************************************* */
		#main .content {
			min-height: 150px;
			position: relative;
			margin: 10px 0;
			background: #ffffff;
		}
		
			#main .content #center {
				padding: 15px 20px 15px 40px;
			}
		
			#main .content .left {
				width: 460px;
				padding: 15px 20px 15px 40px;
				float: left;
				background: url(../images/content_separator_bg.png) right repeat-y;
			}
			
				#main .content .left h2 strong, #main .content #center h2 strong {
					color: #ff7f00;
				}
				
				#main .content .left ul li {
				  list-style-image: url(../images/content_list_image.gif);
				}
			
			#main .content .right {
				width: 199px;
				padding: 15px 20px 15px 10px;
				float: left;
			}
			
				#main .content .right h2 strong {
					color: #408fc3;
				}
				
				#main .content .right .service_left {
					text-align: left;
				}
		
					#main .content .right .service_left img {
						margin-right: 10px;
						float: left;
					}

				#main .content .right .service_right {
					text-align: right;
				}
		
					#main .content .right .service_right img {
						margin-left: 10px;
						float: right;
					}

				#main .content .right .service_left h3, #main .content .right .service_right h3 {
					font-size: 13px;
				}
				
			#main .content .right #customers li {
				list-style: square;
				color: #408fc3;
			}
			
			#main .content.dark {
				background: #484848;
			}
			
				/* carousel slideshow ************************** */
				#slideshow {
					height: 200px;
					position: relative;
				}
				
					#slideshow #slidesContainer {
						width: 460px;
						height: 100%;
					  position: relative;
					}
				
						#slideshow #slidesContainer .slide {
						  height: 100%;
						}
				
							.slide img {
								width: 220px;
								height: 155px;
							  float: right;
							  margin: 0 15px;
							}
				
							/* čísla ************* */
							#slideIndex {
								left: 38px;
								bottom: 10px;
								position: absolute;
							}
							
								#slideIndex .numbers {
									width: 20px;
									height: 20px;
									margin: 2px;
									line-height: 20px;
									display: inline-block;
									color: #ffffff;
									text-align: center;
									cursor: pointer;
									background: #848484;
								}
							
									#slideIndex .active	{
										background: #55a9ff;
									}
				
					/* šipky ***************** */
					.control {
						width:8px;
						height:100%;
						position:absolute;
						display:block;
						cursor: pointer;
					}
					
					#leftControl {
						top: 0;
						left: 15px;
						background: url(../images/carousel_control_left.gif) no-repeat 50% 50%;
					}
					#rightControl {
						top: 0;
						right: 15px;
						background: url(../images/carousel_control_right.gif) no-repeat 50% 50%;
					}
			
		/* stíny ******************************************* */
		.shadow_left {
			width: 6px;
			height: 100%;
			position: absolute;
			top: 0;
			left: -6px;
			background: url(../images/shadow_left.png) repeat-y;
		}
	
		.shadow_top {
			width: 100%;
			height: 6px;
			position: absolute;
			top: -6px;
			background: url(../images/shadow_top.png) repeat-x;
		}
	
		.shadow_bottom {
			width: 100%;
			height: 6px;
			position: absolute;
			bottom: -6px;
			background: url(../images/shadow_bottom.png) repeat-x;
		}

		/* potfolio **************************************** */
		.content_portfolio_block {
			padding: 10px;
		}
			
			.content_portfolio_block.portf_left {
				text-align: left;
			}
		
			.content_portfolio_block.portf_right {
				text-align: right;
				background: #f5f5f5;
			}
		
				.content_portfolio_block_img {
					width: 202px;
					height: 202px;
					border: 1px solid #c5c5c5;
				}
				
					.content_portfolio_block_img:hover {
						border: 1px solid #ff7f00;
					}
	
				.portf_left .content_portfolio_block_img {
					margin-right: 20px;
					float: left;
				}
	
				.portf_right .content_portfolio_block_img {
					margin-left: 20px;
					float: right;
					padding-bottom: -1px;
				}
	
					.content_portfolio_block_img img {
						border: 1px solid #ffffff;
						_border-bottom: 0px;
					}
					
				.content_portfolio_header {
					font-size: 20px;
				}

		/* služby ****************************************** */
		.services img {
			margin: 10px 10px 0 0;
			float: left;
		}
		
		.services strong {
			color: #408fc3;
		}
		
		.content_flash {
			width: 600px;
			height: 351px;
			margin: 0 0 15px 50px;
		}

		/* formuláře *************************************** */
		.content form {
			width: 100% -;
		}
		
			.content form div {
				margin-bottom: 10px;
			}

				.content form label {
					width: 115px;
					padding-right: 5px;
					float: left;
					text-align: right;
					color: #1d5d86;
					font-weight: bold;
				}
				
				.content form .form_input, #center form .form_area {
					width: 330px;
					border: 1px solid #1d5d86;
				}
				
				.content form .form_submit {
					margin-left: 120px;
				}
				
					.content form .form_submit input {
						font-size: 13px;
					}
				
				.content form ul li {
					list-style-image: none;
					color: #b40404;
				}
			
		/* bottom ************************************************************** */	
		#bottom {
			padding: 0 20px;
		}

			#bottom a {
				color: #a0a0a0;
			}

				#bottom a:hover {
					color: #a0a0a0;
					text-decoration: underline;
				}
				
			#bottom_left {
				width: 50%;
				float: left;
				text-align: left;
			}

			#bottom_right {
				width: 50%;
				float: left;
				text-align: right;
			}

/* obecné ******************************************************************* */
.float_clear {
	width: 100%;
	height: 1px;
	font-size: 0px;
	clear: both;
}

.align_right {
	text-align: right;
}

.blue {
	color: #408fc3;
}