/* CSS Document */

@CHARSET "UTF-8";

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

img {
  border: 0;
}

p {
  padding: 5px 0;
}

ul {
  margin-left: 15px;
}

li {
  text-indent: 0px;
}

h1 {
	font-size: 20px;
}

h2 {
	font-size: 14px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
	font-size: 16px;
	color: #00a9e0;
}

h5 {
}

h6 {
	font-size: 13px;
	font-weight: bold;
	display: inline;
}

table, tr, td {
  border: 0;
}

table {
  margin: 5px 0;
}

input {
	border: 1px solid #000000;
	display: block;
	float: left;
	background: url(../images/top_banner_gray_input_bg.gif) repeat-x;
}

html, body {
	min-width: 950px;
	position: relative;
	font: 12px "trebuchet MS ce", trebuchet MS, "MS Sans Serif ce", MS Sans Serif, "tahoma ce", tahoma, "arial ce", arial, "verdana ce", verdana;
  color: #28454f;
	background: #e3eff3 url(../images/body_bg_vertical.gif) repeat-x top;
}

	#paper {
		width: 950px;
		position: relative;
		margin: 0 auto;
	}
	

/* top (celý vršek + menu) ************************************************** */
    #top {
      width: 100%;
      height: 160px;
      position: relative;
      z-index: 1;
    }
    
      #top_header {
	 			width: 100%;
	 			height: 126px;
	 			position: relative;
	 			background: url(../images/top_banner_blue.jpg) repeat-x;
      }
      
      	#top_header_logo {
      		width: 103px;
      		height: 54px;
      		position: absolute;
      		top: 35px;
      		left: 40px;
      	}
      
				#top_header_login {
					height: 39px;
					position: absolute;
					top: 35px;
					right: 0px;
					padding: 7px 10px 0 10px;
					color: #4d4f53;
					background: url(../images/top_banner_blue_login_bg.gif) repeat-x;
				}
				
					#top_header_login_corners_left {
						width: 7px;
						height: 100%;
						position: absolute;
						top: 0px;
						left: 0px;
						background: url(../images/top_banner_blue_login_corners_left.gif) no-repeat;
					}

					#top_header_login_corners_right {
						width: 7px;
						height: 100%;
						position: absolute;
						top: 0px;
						right: 0px;
						background: url(../images/top_banner_blue_login_corners_right.gif) no-repeat;
					}
					
					#top_header_login input.text {
						width: 130px;
						height: 19px;
						margin-right: 10px;
						padding-top: 3px;
					}
	
					#top_header_login input.submit {
						width: 31px;
						height: 24px;
						margin-right: 5px;
						padding: 0;
						background: url(../images/top_banner_blue_login_submit.gif) repeat-x;
					}
					
					#top_header_login_text_login {
						position: absolute;
						top: -15px;
						left: 10px;
						font-weight: bold;
					}

					#top_header_login_text_passwd {
						position: absolute;
						top: -15px;
						left: 152px;
						font-weight: bold;
					}

				#top_header_language {
						position: absolute;
						top: 90px;
						right: 15px;
				}

						#top_header_language a {
							color: #4d4f53;
						}
						
						#top_header_language a.selected {
							font-weight: bold;
							color: #4d4f53;
						}
						
						#top_header_language a:hover {
							text-decoration: underline;
						}
						
				#top_menu {
	      	width: 100% - 20px;
	      	height: 34px;
	      	position: relative;
	      	padding: 0 10px;
	      	background: #4d4f53;
	      	z-index: 100;
	      }
	      	
	      	#top_menu_corners_left {
	      		width: 7px;
	      		height: 100%;
	      		position: absolute;
	      		top: 0px;
	      		left: 0px;
	      		background: url(../images/top_banner_gray_corners_left.gif) no-repeat;
	      	}
	      
	      	#top_menu_corners_right {
	      		width: 7px;
	      		height: 100%;
	      		position: absolute;
	      		top: 0px;
	      		right: 0px;
	      		background: url(../images/top_banner_gray_corners_right.gif) no-repeat;
	      	}
	      	
	      	.top_menu_block {
	      		position: relative;
						float: left;
	      	}
	      	
		      	.top_menu_item_gray {
		      		height: 22px;
		      		margin: 5px;
		      		border: 1px solid #93939e;
		      		float: left;
		      		background: url(../images/top_banner_gray_button_gray_bg_dark.gif) repeat-x;
		      	}
		      
			      	.top_menu_item_gray:hover, .top_menu_item_gray_selected {
			      		height: 22px;
			      		position: relative;
			      		margin: 5px;
			      		border: 1px solid #93939e;
			      		float: left;
			      		background: url(../images/top_banner_gray_button_gray_bg_light.gif) repeat-x;
			      	}
			      	
			      	.top_menu_item_gray span, .top_menu_item_gray_selected span {
			      		padding: 0 5px 0 10px;
			      		line-height: 22px;
			      		font-weight: bold;
			      		display: block;
			      		float: left;
			      		cursor: pointer;
			      		color: #ffffff;
			      	}
			      	
			      	.top_menu_item_gray_ico {
			      		width: 11px;
			      		height: 22px;
								margin-right: -10px;
								display: block;
			      		float: left;
			      		background: url(../images/top_banner_gray_button_ico_dark.gif) 0px 9px no-repeat;
			      	}
			
			      	.top_menu_item_gray:hover .top_menu_item_gray_ico, .top_menu_item_gray_selected .top_menu_item_gray_ico {
			      		width: 11px;
			      		height: 22px;
								margin-right: -10px;
								display: block;
			      		float: left;
			      		background: url(../images/top_banner_gray_button_ico_light.gif) 0px 9px no-repeat;
			      	}
		      
						#top_menu div div.menu_list {
	            position: absolute;
	            top: 34px;
	            left: 5px;
	            display: none;
	            text-align: left;
	            background: #eaeaea;
	            z-index: 200;
	          }
	          
	          	#top_menu div div ul {
	          		width: 200px;
	          		margin: 0;
	          		border: 1px solid #93939e;
	          		list-style-type: none;
	          	}
	          
	          	#top_menu div div ul li {
	          		height: 22px;
	          		margin: 0 10px;
	          		border-bottom: 1px solid #dbdbdb;
	          		line-height: 22px;
	          	}
	          	
		          	#top_menu div div ul li:hover {
		          		margin: 0;
		          		padding: 0 10px;
		          	}
	          	
								#top_menu div div ul li a {
									width: 100%;
									height: 100%;
									display: block;
									color: #4d4f53;
								}          	
	
									#top_menu div div ul li a:hover {
										color: #ffffff;
			          		margin: 0 -10px;
			          		padding: 0 10px;
			          		background: url(../images/top_banner_gray_button_gray_bg_dark.gif) repeat-x;       		          	
									}          	
		
				.top_menu_separator {
		      	width: 1px;
		     		height: 24px;
	      		margin: 5px;
	      		float: left;
	      		background: #93939e;
		      }
	
	      	.top_menu_item_violet {
	      		height: 22px;
	      		margin: 5px;
	      		border: 1px solid #a65fa5;
	      		float: left;
	      		background: url(../images/top_banner_gray_button_violet_bg_dark.gif) repeat-x;
	      	}
	      
		      	.top_menu_item_violet:hover {
		      		background: url(../images/top_banner_gray_button_violet_bg_light.gif) repeat-x;
		      	}
		      	
		      	.top_menu_item_violet span {
		      		padding: 0 10px;
		      		line-height: 22px;
		      		font-weight: bold;
		      		display: block;
		      		float: left;
		      		color: #ffffff;
		      		cursor: pointer;
		      	}
		      	
					#top_menu_search {
						position: absolute;
						right: 7px;
	      		margin: 5px;
		      	color: #ffffff;
					}
					
						#top_menu_search form {
							float: left;;
						}
						
						#top_menu_search h6{
							height: 100%;
							margin-right: 5px;
							line-height: 24px;
							display: block;
							float: left;
						}
					
						#top_menu_search form div input.text {
							width: 130px;
							height: 19px;
							margin-right: 5px;
							padding-top: 3px
						}
						
						#top_menu_search form div input.submit {
							width: 31px;
							height: 24px;
							margin-right: 3px;
							padding: 0;
							background: url(../images/top_banner_gray_button_search.gif) repeat-x;
						}
					




/* content ****************************************************************** */
			#content {
				width: 100%;
				position: relative;
				margin: 10px 0;
				text-align: justify;
			}
			
			.header {
				width: 100%;
				height: 35px;
				position: relative;
			}
			
				.header h3 {
					margin-left: 15px;
					line-height: 35px;
					color: #ffffff;
				}
			
				.corners_left {
					width: 7px;
					height: 100%;
					position: absolute;
					top: 0px;
					left: 0px;
				}
	
				.corners_right {
					width: 7px;
					height: 100%;
					position: absolute;
					top: 0px;
					right: 0px;
				}
				
			#content_news {
				width: 310px;
				margin-right: 10px;
				float: left;
			}
			
				#content_news .header {
					background: url(../images/content_news_header_bg.gif) repeat-x;
				}
				
					#content_news .header .corners_left {
						background: url(../images/content_news_header_corners_left.gif) no-repeat;
					}

					#content_news .header .corners_right {
						background: url(../images/content_news_header_corners_right.gif) no-repeat;
					}

				#content_news_block {
					height: 519px;
					border: 1px solid #8da9b2;
					border-top: 0;
					overflow: auto ;
					text-align: left;
					background: #ffffff;
				}
				
					.content_news_item {
						min-height: 81px;
						_height: 81px;
						padding: 7px;
						border-bottom: 1px solid #cadbe1;
						display: block;
						color: #28454f;
						text-decoration: none;
					}
					
						.content_news_item:hover {
							cursor: pointer;
							background-color: #dbecc8;
						}
					
						.content_news_item_selected {
							min-height: 81px;
							_height: 81px;
							padding: 7px;
							border-bottom: 1px solid #cadbe1;
							display: block;
							color: #28454f;
							text-decoration: none;
							cursor: pointer;
							background-color: #e7f0f3;
						}
					
						.content_news_item_left {
							padding-right: 10px;
							display: block;
							float: left;
							color: #28454f;
						}
						
							.content_news_item_left img {
								border: 1px solid #597985;
								display: block;
							}
			
						.content_news_item_right {
							width: 185px;
							display: block;
							float: left;
							line-height: 15px;
							color: #28454f;
						}
						
							.content_news_item_right strong {
								padding-bottom: 5px;
								display: block;
							}
			
			#content_video {
				width: 310px;
				margin-right: 10px;
				float: left;
			}

				#content_video .header {
					background: url(../images/content_video_header_bg.gif) repeat-x;
				}
				
					#content_video .header .corners_left {
						background: url(../images/content_video_header_corners_left.gif) no-repeat;
					}

					#content_video .header .corners_right {
						background: url(../images/content_video_header_corners_right.gif) no-repeat;
					}
				
				#content_video_select {
					height: 34px;
					padding-left: 7px;
					border: 1px solid #79c4dd;
					border-top: 0;
					border-bottom: 0;
					background: #7ac3dc url('../images/content_video_quality_bg.gif') repeat-x;
				}
				
					a.content_video_select_item {
						width: 75px;
						height: 26px;
						margin: 4px 10px 0 10px;
						padding-top: 3px; 
						border: 1px solid #7ac3dc;
						border-bottom: 0;
						line-height: 13px;
						float: left;
						font-weight: bold;
						color: #ffffff;
						text-align: center;
					}
					
						a:hover.content_video_select_item {
							border: 1px solid #a5d6e7;
							border-bottom: 0;
						}

						a.content_video_select_item_selected {
							width: 75px;
							height: 26px;
							margin: 4px 10px 0 10px;
							padding-top: 3px; 
							border: 1px solid #5190a5;
							border-bottom: 0;
							line-height: 13px;
							float: left;
							font-weight: bold;
							color: #3c6270;
							text-align: center;
							cursor: pointer;
						}

				#content_video_block {
					height: 296px;
					border: 1px solid #79c4dd;
					border-top: 0;
					background: #77c3dc;
				}
				
					#content_video_block_player {
				 		width: 100%;
/*				 		height: 311px; */
				 		height: 296px;
					}
				 
				#content_video_troubleshooting {
					height: 96px;
					margin: 10px 0;
					border: 1px solid #79c4dd;
					background: #ebf4f7;
				}
				
					#content_video_troubleshooting p {
						margin: 3px 5px;
						_margin: 2px 5px 0px 5px;
					}
						
					#content_video_troubleshooting a {
						font-weight: bold;
						color: #093d4d;
					}
	
						#content_video_troubleshooting a:hover {
							text-decoration: underline;
						}


			
			#content_desc {
				width: 310px;
				position: relative;
				padding-top: 1px;
				float: left;
				background: url(../images/content_desc_top_bg.gif) repeat-x;
			}

				#content_desc .corner_left {
					width: 7px;
					height: 7px;
					position: absolute;
					top: 0px;
					left: 0px;
					background: url(../images/content_desc_corner_left.gif) no-repeat;
				}

				#content_desc .corner_right {
					width: 7px;
					height: 7px;
					position: absolute;
					top: 0px;
					right: 0px;
					background: url(../images/content_desc_corner_right.gif) no-repeat;
				}

				#content_desc_block {
					height: 446px;
					margin: 0px 0 10px 0;
					padding: 13px;
					border: 1px solid #93939e;
					border-top: 0;
					overflow: auto;
					background: #ffffff;
				}
				
					.content_desc_block_date_author {
						font-size: 11px;
						color: #7c888f;
					}

			.content_banner {
				width: 310px;
				height: 70px;
			}

			#content_text {
				width: 630px;
				position: relative;
				margin-bottom: -10px;
				padding-top: 1px;
				float: left;
				background: url(../images/content_desc_top_bg.gif) repeat-x;
			}

				#content_text .corner_left {
					width: 7px;
					height: 7px;
					position: absolute;
					top: 0px;
					left: 0px;
					background: url(../images/content_desc_corner_left.gif) no-repeat;
				}

				#content_text .corner_right {
					width: 7px;
					height: 7px;
					position: absolute;
					top: 0px;
					right: 0px;
					background: url(../images/content_desc_corner_right.gif) no-repeat;
				}

				#content_text_block {
					height: 446px;
					margin-bottom: 10px;
					padding: 13px;
					border: 1px solid #93939e;
					border-top: 0;
					overflow: auto;
					background: #ffffff;
				}
				
					#content_text_block_header {
						width: 100%;
						border-bottom: 1px solid #d8d8d8; 
					}
					
						#content_text_block_logo {
							position: absolute;
							top: 14px;
							right: 40px;
						}

					#content_text_block p {
						margin: 10px 0;
					}
				
					#content_text_block a, #content_desc_block a {
						color: #a244a1;
					}
				
						#content_text_block a:hover, #content_desc_block a:hover {
							text-decoration: underline;
						}

					#content_text_block ul {
						margin: 15px;
						font-weight: bold;
					}


				#content_text .content_banner {
					float: left;
				}
					
				#content_text .content_banner_margin_left {
					height: 60px;  /* obrázek má sice 70px, ale když nedám menší velikost, IE to špatně zobrazí */
					margin-left: 10px;
					float: left;
				}
					
					.content_text_faq_q {
						padding-left: 25px;
						font-weight: bold;
						background: url(../images/content_faq_question_ico.gif) 0px 1px no-repeat;
					}

					.content_text_faq_a {
						padding-left: 25px;
						background: url(../images/content_faq_answer_ico.gif) 0px 1px no-repeat;
					}


/* footer ******************************************************************* */
	  #bottom {
	  	width: 100%;
	  	height: 45px;
	  	position: relative;
	  	margin: 10px 0;
	  	color: #ffffff;
	  	background: #4d4f53;
	  }

			#bottom_corner_left {
				width: 7px;
				height: 7px;
				position: absolute;
				bottom: 0px;
				_bottom: -12px;
				left: 0px;
				background: url(../images/bottom_corner_left.gif) no-repeat;
			}

			#bottom_corner_right {
				width: 7px;
				height: 7px;
				position: absolute;
				bottom: 0px;
				_bottom: -12px;
				right: 0px;
				background: url(../images/bottom_corner_right.gif) no-repeat;
			}
			
			#bottom_content {
				padding: 4px 15px;
			}

				.bottom_gray_light {
					color: #a1a1a1;
				}
				
				.bottom_content_contact_adv {
					position: absolute;
					top: 13px;
					right: 15px;
					text-transform: uppercase;
				}
				
					.bottom_content_contact_adv a {
						margin-left: 10px;
						padding-left: 10px;
						font-weight: bold;
						color: #ffffff;
						background: url(../images/bottom_content_arrow.gif) 0 6px no-repeat;
					}
				
				.bottom_content_newwebart {
					position: absolute;
					top: 50px;
					_top: 55px;
					right: 15px;
					color: #848c8e;
				}
					
					.bottom_content_newwebart a {
						font-weight: bold;
						color: #848c8e;
					}
				
				#bottom_content a:hover {
					text-decoration: underline;
				}
			
	  	
/* obecné ******************************************************************* */
.float_clear {
	width: 100px;
	height: 1px;
	display: block;
	font-size: 0px;
	clear: both;
}