@CHARSET "UTF-8";

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

h1 {
	margin-top: 10px;
	font-size: 18px;
	font-style: italic;
	color: #2d6f8e;
}

h2 {
	margin-top: 10px;
	font-size: 14px;
	color: #2d6f8e;
}

h3 {
	line-height: 22px;
	font-size: 13px;
	color: #2d6f8e;
}

p {
  margin: 10px 0;
}

img {
  border: 0;
}

input {
}

form {
}

body {
  min-width: 700px;
  font: 12px "trebuchet MS ce", trebuchet MS,  "arial ce", arial, "verdana ce", verdana, "tahoma ce", tahoma;
  color: #666666;
  background: #a8cddb url('../images/body_bg.png') repeat-x;
}

	#main {
  	width: 700px;
  	margin: 30px auto;
  	padding-bottom: 10px;
  	background-color: #FFFFFF;
  }

    #top {
      width: 100%;
      height: 225px;
      position: relative;
    }

			#top_white {
				width: 100%;
				height: 72px;
			}

				#top_white_title {
					width: 472px;
					height: 53px;
					position: relative;
					top: 10px;
					left: 13px;
					display: block;
				}

			#top_blue {
				width: 100%;
				height: 153px;
				position: relative;
				background: url(../images/top_blue_bg.jpg) no-repeat;
			}

				#top_blue_login {
					width: 180px;
					height: 107px;
					position: absolute;
					top: 23px;
					left: 20px;
					color: #2d6f8e;
					background: url(../images/top_blue_login_bg.png) no-repeat;
				}
				
					#top_blue_login_title {
						margin: 10px;
						text-align: center;
						font-size: 16px;
						font-weight: bold;
						font-style: italic;
					}
					
					#top_blue_login label {
						width: 50px;
						text-align: right;
						float: left;
						display: block;
					}
					
					#top_blue_login input, #content_top input {
						border: 1px solid #4c87a1;
						margin: 0 0 5px 5px;
					}
					
						#top_blue_login #login {
							width: 107px;
						}
				
						#top_blue_login #heslo {
							width: 74px;
						}
						
						#top_blue_login_ok {
							width: 29px;
							height: 18px;
							position: relative;
							top: 1px;
							left: -5px;
							cursor: pointer;
							background: url(../images/top_blue_login_ok.png) no-repeat;
						}
				
				#top_blue_bags {
					width: 168px;
					height: 171px;
					position: absolute;
					top: -18px;
					left: 270px;
					background: url(../images/top_blue_bags.jpg) no-repeat;
				}

				#top_blue_menu {
					width: 200px;
					height: 230px;
					position: absolute;
					top: -38px;
					left: 488px;
					background: #ffffff;
				}
				
					#top_blue_menu_left {
						width: 8px;
						height: 100%;
						position: absolute;
						top: 0px;
						left: 0px;
						background: url(../images/top_blue_menu_left_bg.jpg) no-repeat;
					}

					#top_blue_menu_right {
						width: 8px;
						height: 100%;
						position: absolute;
						top: 0px;
						right: 0px;
						background: url(../images/top_blue_menu_right_bg.jpg) no-repeat;
					}
					
					.top_blue_menu_item {
						width: 141px; /* -30px padding */
						height: 29px;
						position: relative;
						top: 42px;
						left: 14px;
						padding: 0 15px;
						line-height: 29px;
						display: block;
						color: #ffffff;
						background: url(../images/top_blue_menu_item.png) 0 0 no-repeat;
					}
					
						.top_blue_menu_item:hover {
							color: #8c7700;
							background: url(../images/top_blue_menu_item.png) -171px 0 no-repeat;
						}

		#content {
      width: 100%;
    }
    
    	#content a {
    		color: #74a500;
    	}
    	
    		#content a:hover {
    			text-decoration: underline;
    		}
    
			#content_top {
				width: 100%;
				height: 50px;
				padding: 0 20px;
				border-bottom: 1px dotted #6a9aa8;
			}
			
			#content_center {
				width: 100%;
				padding: 0 20px;
			}
			
				.content_left {
					width: 200px; /* -20px padding */
					height: 100%;
					padding-right: 10px;
					border-right: 1px dotted #6a9aa8;
					float: left;
				}
				
					.content_left p {
						font-style: italic;
					}
				
				.content_right {
					width: 439px;
					height: 100%;
					padding-left: 10px;
					float: left;
				}
				
				#content_center form {
					width: 100% - 20px;
					margin: 10px 0;
					padding: 10px;
					background: #eaf3f6;
				}
				
					#content_center form div {
						margin-bottom: 10px;
					}

						#content_center form label {
							width: 145px;
							padding-right: 5px;
							float: left;
							text-align: right;
						}
						
						#content_center form .form_input, #content_center form .form_area {
							width: 200px;
						}
						
						#content_center form .form_desc {
							font-size: 10px;
							margin-left: 150px;
						}
						
						#content_center form img {
							width: 202px;
						}
						
						#content_center form #captcha-input {
							width: 200px;
							margin-left: 150px;
						}
						
						#content_center form .form_submit {
							margin-left: 150px;
						}
						
				#content_center table {
					width: 100%;
					margin: 10px 0;
					padding: 5px;
					background: #f0f0f0;
				}
			
			p.alert {
				color: red;
			}
				
		#bottom {
			width: 100% - 20px;
			height: 42px;
			margin: 0 10px;
			text-align: center;
			background: url(../images/bottom_bg.png) repeat-x;
		}
		
		#under_bottom {
			width: 680px;
			margin: auto;
			margin-top: -30px;
			padding: 0 10px;
			text-align: right;
		}
		
			#under_bottom a {
				font-weight: bold;
				color: #555555;
			}
				
				#under_bottom a:hover {
					text-decoration: underline;
				}
				
/* obecné ******************************************************************* */
.float_clear {
	width: 100%;
	height: 1px;
	font-size: 0px;
	clear: both;
}

.align_right {
	text-align: right;
}