@CHARSET "UTF-8";

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

h1 {
	font-size: 26px;
}

h2 {
	font-size: 23px;
	font-weight: normal;
	color: #a2be24;
}

h3 {
	font-size: 15px;
}

p {
  margin: 10px 0;
}

img {
  border: 0;
}

body {
  min-width: 980px;
  font: 13px "arial ce", arial;
  color: #a7b4ab;
  background: #222221 url(../images/body_bg.png) repeat-x;
}

	#body_top {
		width: 100%;
		height: 275px;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0 auto;
		background: url(../images/body_top_bg.png) center top no-repeat;
	}

	#main {
  	width: 980px;
   	margin: 0 auto;
	}

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

			#top_top {
				width: 100% -;
				height: 29px;
				padding: 0 25px;
				color: #1d4f5f;
				background: url(../images/top_top_bg.png) no-repeat;
			}
			
				.top_top_menu_item {
					height: 100%;
					line-height: 29px;
					color: #8eb3aa;
				}
				
					.top_top_menu_item:hover {
						color: #668e84;
					}
						
					.top_top_menu_item.active {
						color: #ed8233;
					}
						
			#top_center {
				width: 100%;
				height: 125px;
				position: relative;
				background: url(../images/top_center_bg.jpg) no-repeat;
			}
			
				#top_center_logo {
					width: 190px;
					height: 50px;
					position: absolute;
					top: 35px;
					left: 15px;
					display: block;
				}
			
			#top_bottom {
				width: 100% -;
				height: 55px;
				padding: 0 15px;
				position: relative;
				background: url(../images/top_bottom_bg.png) no-repeat;
			}
			
				.top_bottom_menu_item {
					height: 34px;
					margin: 10px 5px;
					float: left;
					display: block;
				}

					/* normální zobrazení menu */
					.top_bottom_menu_item_left {
						width: 6px;
						height: 100%;
						float: left;
						background: none;
					}

					.top_bottom_menu_item_right {
						width: 6px;
						height: 100%;
						float: left;
						background: none;
					}

					.top_bottom_menu_item_center {
						height: 100%;
						line-height: 34px;
						padding: 0 5px;
						float: left;
						color: #dedede;
						background: none;
					}

					/* zobrazení menu při hoveru */
					.top_bottom_menu_item:hover .top_bottom_menu_item_left {
						background: url(../images/top_menu_bg_hover_left.png) no-repeat;
					}

					.top_bottom_menu_item:hover .top_bottom_menu_item_right {
						background: url(../images/top_menu_bg_hover_right.png) no-repeat;
					}

					.top_bottom_menu_item:hover .top_bottom_menu_item_center {
						background: url(../images/top_menu_bg_hover_center.png) repeat-x;
					}

					/* zobrazení aktivního menu */
					.top_bottom_menu_item.active .top_bottom_menu_item_left {
						background: url(../images/top_menu_bg_active_left.png) no-repeat;
					}

					.top_bottom_menu_item.active .top_bottom_menu_item_right {
						background: url(../images/top_menu_bg_active_right.png) no-repeat;
					}

					.top_bottom_menu_item.active .top_bottom_menu_item_center {
						background: url(../images/top_menu_bg_active_center.png) repeat-x;
					}
			

		/* center ************************************************************** */
		#center {
      width: 100% -;
      min-height: 250px;
			position: relative;
      padding: 10px 20px;
      background: #070707 url(../images/center_bg.jpg) top no-repeat;
    }
    
			#center a {
				color: #a2be24;
 			}
 	
  			#center a:hover {
					color: #19ad98;
  			}

			#center_left {
    		width: 450px;
    		float: left;
    	}
    	
    		.blog {
    			width: 100%;
    			margin-bottom: 20px;
    		}
    		
    			.blog a {
						color: #a2be24;
    			}
    	
	    			.blog a:hover {
							color: #a2be24;
	    				text-decoration: underline;
	    			}
    	
					.blog_title {
						font-size: 23px;
						color: #a2be24;
	    		}
	    		
						.blog_title:hover {
							color: #19ad98;
						}

	    		.blog_info, .blog_info a {
	    			color: #668e84;
	    		}
	    			
	    			.blog_info a:hover {
	    				text-decoration: underline;
	    			}
	    			
	    		.blog_report {
	    			width: 100% -;
	    			height: 30px;
	    			position: relative;
	    			line-height: 30px;
	    			background: url(../images/center_blog_report.gif) repeat-x;
	    		}
	    		
	    			.blog_report span {
	 	   				margin: 0 10px;
	    			}
					
					/* stránkování *************************************************** */
					#blog_pagination {
						width: 100%;
						height: 38px;
						position: relative;
						background: url(../images/center_blog_pagination_bg.gif) repeat-x;
					}
					
						#blog_pagination ul {
							padding-top: 8px;
							text-align: center;
						}

							#blog_pagination li {
								margin: 0 2px;
								list-style: none;
								display: inline;
							}

							#blog_pagination li .left {
								padding: 5px 1px;
								line-height: 24px;
								display: inline;
							}
						
							#blog_pagination li .right {
								padding: 5px 1px;
								line-height: 24px;
								display: inline;
							}
						
							#blog_pagination li a {
								padding: 5px 3px 4px 3px;
								line-height: 24px;
								font-weight: bold;
								color: #a7b4ab;
							}
							
								/* hover položka ve stránkování */
								#blog_pagination li:hover a {
									color: #5f6761;
									background: url(../images/center_blog_pagination_item_center_hover_bg.gif) repeat-x;
								}
								
								#blog_pagination li:hover .left {
									background: url(../images/center_blog_pagination_item_left_hover_bg.gif) no-repeat;
								}

								#blog_pagination li:hover .right {
									background: url(../images/center_blog_pagination_item_right_hover_bg.gif) no-repeat;
								}

								/* aktivní položka ve stránkování */
								#blog_pagination li.active a {
									color: #0a0a0a;
									background: #a2be24;
								}
								
								#blog_pagination li.active .left {
									background: url(../images/center_blog_pagination_item_left_bg.png) no-repeat;
								}

								#blog_pagination li.active .right {
									background: url(../images/center_blog_pagination_item_right_bg.png) no-repeat;
								}
								
						#blog_pagination_first {
							width: 100px;
							height: 100%;
							position: absolute;
							left: 0;
							top: 0;
							line-height: 38px;
							text-align: left;
						}
						
							#blog_pagination_prev {
								margin-left: 50px;
								color: #a2be24;
							}

								#blog_pagination_prev:hover {
									text-decoration: underline;
								}

							#blog_pagination_first_button {
								width: 33px;
								height: 21px;
								position: absolute;
								top: 8px;
								left: 10px;
								display: block;
								float: left;
								background: url(../images/center_blog_pagination_first_bt.png) no-repeat;
							}

						#blog_pagination_last {
							width: 100px;
							height: 100%;
							position: absolute;
							right: 0;
							top: 0;
							line-height: 38px;
							text-align: right;
						}
						
							#blog_pagination_next {
								margin-right: 50px;
								color: #a2be24;
							}
							
								#blog_pagination_next:hover {
									text-decoration: underline;
								}

							#blog_pagination_last_button {
								width: 33px;
								height: 21px;
								position: absolute;
								top: 8px;
								right: 10px;
								display: block;
								float: right;
								background: url(../images/center_blog_pagination_last_bt.png) no-repeat;
							}

					
					
					/* hodnocení blogu *********************************************** */
					.blog .star-rating {
						width: 100px;
						height: 20px;
						position: absolute;
						top: 5px;
						right: 10px;
						margin: 0;
						padding: 0;
						list-style-image: none;
						list-style-position: outside;
						list-style-type: none;
						background: transparent url(../images/star_rating.png) repeat-x scroll left top;
					}
					
						.star-rating li {
							margin: 0;
							padding: 0;
							float: left;
						}
							
							.star-rating li.current-rating {
								height: 20px;
								position: absolute;
								text-indent: -9000px;
								display: block;
								background: transparent url(../images/star_rating.png) repeat scroll left bottom;
								z-index: 1;
							}
					
							.star-rating li a {
								width: 20px;
								height: 20px;
								position: absolute;
								padding: 0;
								line-height: 20px;
								text-decoration: none;
								text-indent: -9000px;
								overflow: hidden;
								display: block;
								z-index: 20;
							}
					
								.star-rating li a:hover {
									left: 0;
									border: medium none;
									background: transparent url(../images/star_rating.png) repeat scroll left center;
									z-index: 2;
								}

								.star-rating a.one-star {
									left: 0;
								}

									.star-rating a.one-star:hover {
										width: 20px;
									}

								.star-rating a.two-stars {
									left: 20px;
								}

									.star-rating a.two-stars:hover {
										width: 40px;
									}
									
								.star-rating a.three-stars {
									left: 40px;
								}

									.star-rating a.three-stars:hover {
										width: 60px;
									}
									
								.star-rating a.four-stars {
									left: 60px;
								}
								
									.star-rating a.four-stars:hover {
										width: 80px;
									}
									
								.star-rating a.five-stars {
									left: 80px;
								}
							
									.star-rating a.five-stars:hover {
										width: 100px;
									}
									
				/* komentáře k článku ********************************************** */
				#comments {
					width: 100%;
					font-size: 12px;
				}
				
					.header {
						width: 100%;
						height: 18px;
						background: url(../images/center_header_komentare.gif) no-repeat;
					}
					
					.comment {
						width: 100% -;
						margin-bottom: 15px;
					}
					
						.comment_top {
							color: #668e84;
						}
						
							.comment_top_name {
								width: 49%;
								float: left;
								text-align: left;
								font-weight: bold;
							}
							
							.comment_top_date {
								width: 49%;
								float: right;
								text-align: right;
							}
							
						.comment_text {
							position: relative;
							margin-top: 15px;
							padding: 10px;
							border: 1px solid #323232;
							background: #171717;
						}
						
							.comment_bubble_arrow {
								width: 13px;
								height: 14px;
								position: absolute;
								top: -14px;
								left: 20px;
								background: url(../images/center_blog_comment_bubble_arrow.gif) no-repeat;
							}
							
							.comment_text_response {
								text-align: right;
							}
								
								.comment_text_response a {
									font-size: 10px;
									color: #a2be24;
								}
								
									.comment_text_response a:hover {
										text-decoration: underline;
									}
				
				/* přídání komentáře */
				#comment_add {
					width: 100%;
					position: relative;
					border: 1px solid #323232;
					background: #171717;
				}
				
					#comment_add .header {
						width: 100% -;
						height: 18px;
						padding: 10px 0;
						border-bottom: 1px solid #323232;
						background: url(../images/center_header_pridej_komentar.gif) 10px 10px no-repeat;
					}
					
					#comment_add form {
						width: 100% -;
						padding: 15px 15px 5px 15px;
					}
					
					#comment_add span {
						padding-left: 15px;
						line-height: 30px;
						font-weight: bold;
						color: #a2be24;
					}
				
					/* formuláře ***************************************************** */
					#center form {
						width: 100% -;
					}
					
						#center form div {
							margin-bottom: 10px;
						}
		
							#center form label {
								width: 75px;
								padding-right: 5px;
								float: left;
								text-align: right;
								color: #668e84;
								font-weight: bold;
							}
							
							#center form .form_input, #center form .form_area {
								width: 330px;
								border: 0;
								background: #ffffff url(../images/center_form_bg.png) top repeat-x;
							}
							
							#center form .form_desc {
								font-size: 10px;
								margin-left: 80px;
							}
							
							#center form img {
								width: 202px;
							}
							
							#center form #captcha-input {
								width: 200px;
								margin-left: 80px;
							}
							
							#center form .form_submit {
								margin-left: 80px;
							}
							
								#center form .form_submit input {
									width: 90px;
									height: 18px;
									border: 0;
									font-size: 13px;
									background: url(../images/center_form_button.png) no-repeat;
								}
		
									#center form .form_submit input:active {
										position: relative;
										top: 1px;
										left: 1px;
									}
							
							#center form li {
								margin-left: 80px;
								color: #a51e1e;
							}
				
				.corner_top_left {
					width: 5px;
					height: 5px;
					position: absolute;
					left: -1px;
					top: -1px;
					background: url(../images/center_corner_top_left.gif) no-repeat;
				}
					
				.corner_top_right {
					width: 5px;
					height: 5px;
					position: absolute;
					right: -1px;
					top: -1px;
					background: url(../images/center_corner_top_right.gif) no-repeat;
				}
					
				.corner_bottom_left {
					width: 5px;
					height: 5px;
					position: absolute;
					left: -1px;
					bottom: -1px;
					background: url(../images/center_corner_bottom_left.gif) no-repeat;
				}
					
				.corner_bottom_right {
					width: 5px;
					height: 5px;
					position: absolute;
					right: -1px;
					bottom: -1px;
					background: url(../images/center_corner_bottom_right.gif) no-repeat;
				}
					
				.line_dashed {
					width: 100%;
					height: 1px;
					margin: 5px 0;
					border-top: 1px dashed #343434;
				}

			/* center center ***************************************************** */
			#center_center {
    		width: 200px;
    		margin: 0 20px;
    		float: left;
    	}
    	
    		/* novinky ************************************* */
    		#news {
					position: relative;
    			margin-bottom: 20px;
    			padding: 10px;
					border: 1px solid #323232;
					font-size: 11px;
					color: #a7b4ab;
					background: #171717;
    		}
    		
    			#news .header {
	    			height: 18px;
	    			background: url(../images/center_header_aktuality.gif) no-repeat;
    			}
    	
	    		#news .item {
	    			margin-top: 10px;
	    		}
	    			
	    			#news .item a {
	    				color: #a2be24;
	    			}
	    			
	    				#news .item a:hover {
		    				color: #19ad98;
	    				}
	    		
		    		#news .title {
		    			heigth: 18px;
		    			margin-bottom: 5px;
		    			padding-left: 5px;
		    			line-height: 18px;
		    			color: #668e84;
		    			background: url(../images/center_center_news_title_bg.png) repeat-x;
		    		}
	    	
	    	/* zajímavé odkazy ***************************** */
	    	#links {
					position: relative;
					margin-bottom: 20px;
					border: 1px solid #323232;
					background: #171717;
	    	}
	    	
	    		#links .header {
	    			height: 18px;
	    			padding: 10px 0;
						border-bottom: 1px solid #323232;
						background: url(../images/center_header_zajimave_odkazy.gif) 10px 10px no-repeat;
	    		}
	    		
	    		#links a {
		    		height: 16px;
		    		margin: 0 10px;
		    		padding: 5px 0;
		    		color: #a2be24;
	    			line-height: 16px;
	    			display: block;
	    		}
	    		
		    		#links a:hover {
	    				color: #19ad98;
						}

						#links img {
	    				margin-right: 5px;
	    				float: left;
	    			}
	    	
	    	/* 3 malé reklamy ****************************** */	
	    	#ads {
	    		width: 100% -;
					position: relative;
					margin-bottom: 20px;
					border: 1px solid #323232;
    			font-size: 11px;
					background: #171717;
	    	}
	    		
	    		#ads .header {
	    			width: 100% -;
	    			height: 18px;
	    			padding: 10px 0;
						border-bottom: 1px solid #323232;
						background: url(../images/center_header_reklama.gif) 10px 10px no-repeat;
	    		}
	    		
	    		#ads .banner {
	    			width: 100% -;
	    			height: 30px;
	    			margin: 10px;
	    			color: #a2be24;
	    			display: block;
	    		}
	    		
	    			#ads .banner:hover {
	    				color: #19ad98;
	    			}
	    			
	    	/* skyscraper banner *********************************************** */
	    	#skyscraper {
	    		width: 100% -;
	    		position: relative;
	    		margin-bottom: 20px;
	    		padding: 10px;
	    		text-align: center;
					border: 1px solid #323232;
					background: #171717;
	    	}
	    	
	    	/* seznam kategorií ************************************************ */
	    	#category_menu {
	    		width: 100% -;
	    		position: relative;
	    		margin-bottom: 20px;
	    		border: 1px solid #323232;
					background: #171717;
	    	}
	    	
	    		#category_menu .header {
	    			width: 100% -;
	    			height: 18px;
	    			padding: 10px 0;
						background: url(../images/center_header_kategorie_blogu.gif) 10px 10px no-repeat;
	    		}
	    		
	    		#category_menu .item {
	    			width: 100% -;
	    			height: 25px;
	    			padding: 0 10px;
	    			line-height: 25px;
	    			color: #a2be24;
	    			display: block;
	    			background: url(../images/center_center_category_bg.gif) repeat-x;
	    		}
	    		
						#category_menu .item:hover {
	    				color: #19ad98;
						}

						#category_menu .item .name {
	    				width: 49%;
	    				text-align: left;
	    				float: left;
	    			}
	    			
	    			#category_menu .item .count {
	    				width: 49%;
	    				text-align: right;
	    				float: right;
	    				color: #626864;
	    			}
	    			
	    	/* google reklamy ************************************************** */
	    	#google_ads {
	    		background: #070707;
	    	}
	    		
			/* center right ****************************************************** */
			#center_right {
    		width: 250px;
    		float: left;
    	}
    	
    		/* formulář vyhledávání */
    		#search {
	    		width: 100% -;
	    		position: relative;
	    		padding: 10px 0;
    		}
    			
    			#search .header {
	    			height: 18px;
	    			margin-bottom: 10px;
	    			background: url(../images/center_header_vyhledavani.png) no-repeat;
    			}
    			
    			#search input {
    				float: left;
    			}
    		
					#search_text {
    			}
    			
    				#search_text_text {
    					width: 205px;
    					height: 24px;
    					margin-right: 5px;
    					font-size: 18px;
    					line-height: 24px;
							background: #ffffff url(../images/center_form_bg.png) top repeat-x;
    				}
    			
    				#search_text_submit {
    					width: 35px;
   						height: 28px;    				
    					border: 0;
    					background: url(../images/center_right_search_button.gif) no-repeat;
    				}
    				
    					#search_text_submit:active {
	    					background: url(../images/center_right_search_button) 1px 1px no-repeat;
    					}
    			
    			#search_radio {
    			
    			}
    		
    		/* square banner */
    		#square {
    			margin-bottom: 20px;
    		}
    		
    		/* nejčtenější články */
				#popular_blogs {
					margin-bottom: 20px;
				}
				
    			#popular_blogs .header {
	    			height: 18px;
	    			padding-bottom: 10px;
	    			border-bottom: 1px dashed #343434;
	    			background: url(../images/center_header_nejctenejsi_clanky.gif) no-repeat;
    			}
    			
    			#popular_blogs .article {
	    			padding: 5px 0;
	    			border-bottom: 1px dashed #343434;
	    			display: block;
	    			color: #a2be24;
    			}
    			
    				#popular_blogs .article:hover {
    					color: #19ad98;
    				}

	    			#popular_blogs span {
	    				display: block;
	    			}
	    			
	    			#popular_blogs .article_readed_count {
	    				font-size: 11px;
    					color: #668e84;	    				
	    			}
	
    		/* partneři serveru */
				#partners {
					
				}
				
					#partners .header {
	    			height: 18px;
	    			padding-bottom: 10px;
	    			background: url(../images/center_header_partneri_serveru.gif) no-repeat;
					}

		/* bottom ************************************************************** */
		#bottom {
			width: 100%;
			height: 50px;
		}
		
			#bottom_left {
				width: 20px;
				height: 100%;
				float: left;
				background: url(../images/bottom_bg_left.png) no-repeat;
			}
		
			#bottom_right {
				width: 20px;
				height: 100%;
				float: left;
				background: url(../images/bottom_bg_right.png) no-repeat;
			}
		
			#bottom_center {
				width: 940px;
				height: 100%;
				float: left;
				background: url(../images/bottom_bg_center.png) repeat-x;
			}
			
				#bottom_center .left {
					width: 49%;
					line-height: 50px;
					float: left;
					text-align: left;
				}
		
				#bottom_center .right {
					width: 49%;
					line-height: 50px;
					float: right;
					text-align: right;
				}
				
					#bottom_center .right a {
						color: #8eb3aa;
					}
		
						#bottom_center .right a:hover {
							color: #ed8233;
						}
		

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

.align_right {
	text-align: right;
}

.yellow {
	color: #fff715;
}