/* CSS Admin */
body{font-family:sans-serif; background-color:#8A2301;
width: 100%;
background-image: url('../img/body_background.jpg');
background-repeat: repeat-x; 	
}

a {color: #666; text-decoration: none}
a:hover {color: #666; text-decoration: underline}
a img {border: none}
h1 {display: block; 
		width: 800px;
		height: 80px;
		position: relative;
		left:	20px;
		top:  20px;
		background-image: url('../img/logo.png');
		background-repeat: no-repeat; 	
		font-size: 0px;
		color: #fff;
		*height:	60px;
		}
h1 a {
		*display: none;
		}

h2 {font-size: 16px;
		text-align: center;
		
}
 h2{color: #AB2C01;}
			 
h3 { font-size: 14px;
		color:	#AB2C01;
		height: 15px;
							/*display: inline;
							width:	 100*/
							line-height: 13px;
							/*border-bottom: 1px dotted;*/
						}
h4 {color: #AB2C01;}
/* Classes */
a.delete {display: inline-block;
					width: 20px;
					height:	20px;
					background-image: url('../img/delete_icon.gif');
					position: relative;
					
					}
.form {border: 1px solid #CCC;
				 background-color: #FFF;
				 color:						#666}
span.items {
			position: absolute;
			right: 		10px;
			}
span.buttons {
			position: absolute;
			left:			100px;
			}
span.buttons a {
			padding:	3px;
			padding-left: 10px;
			padding-right: 10px;
			display: inline-block;
			border: 1px solid #666;
			background-color: #FFF;
			color:		#666;
			font-size:	12px;
		}
span.buttons a:hover{
			text-decoration: none;
			padding:	3px;
			padding-left: 10px;
			padding-right: 10px;
			display: inline-block;
			/*border: 1px solid #666;*/
			background-color: #8A2301;
			color:		#FFF;
		}
.banner img{
			border-left: 1px solid #CCC;
}
.banner {
	display: block;
	position: relative;
	bottom: 10px;
	padding: 0px;
	left: 15px;
	*bottom: 0px;

}
.cena {
	background-image: url('../img/cena_background.png');
	background-repeat: no-repeat;
	height: 30px;
	width:	150px;
	padding-top: 5px;
	
	text-align: center;	
	display: block;
	color: #FFF;
	}

span.pages {
			z-index: 999;
			margin-top: 15px;
			position: relative;
			left:		100px;
			text-align: center;
			border: 1px solid #ccc;
			background-color: #FAFA;
			width:		400px;
			padding:	10px;
			display: block;
}
span.pages a {
			padding:	3px;
			display: inline-block;
			border: 1px solid #666;
			background-color: #FFF;
			color:		#666;
			font-size:	12px;
				}
span.pages strong {
			padding:	3px;

			display: inline-block;
			border: 1px solid #666;
			background-color: #8A2301;
			color:		#FFF;
			font-size:	12px;

			}


div.menu { 
			 		color: #CC3300;
					text-align: center;
					padding: 5px;
					*width:	800px;
					border-bottom:	1px dotted #CCC;
					
				
			 }
			
div.menu a { 
						 height: 10px;
						 color: #CC3300;
						/* border-left: 1px dotted #DDD;*/
						 font-size: 15px;
						 text-decoration: none;
						 padding-left: 18px;
						 text-align:		center;
						 *padding-bottom:	0px;
						 
						 background-image: url('../img/arrow_active.png');
						 background-repeat: no-repeat; 
						 background-position: 5px 5px;						 
						 }
div.menu a:hover {
						 height: 10px;
						 text-decoration: underline;
						 text-align:		center;
						  
						 }
						 
div.menu_footer{display:block; 
			 					width: 200px; 
			 					height: 15px;
			 					background-image: url('../img/menu_paticka.png');
								background-repeat: no-repeat; 
			 }
div.formRow {text-align: justify;
						width:			250px;
						
}
div.text {
						border: 1px solid #CCC;
						color: #3B3C3F;
						padding: 10px;
						font-size: 12px;
						background-image: url('../img/main_background.png');
						background-position: bottom;
						background-repeat: repeat-x;	
						background-color: #FFF;
						margin-left: 50px;
						width: 850px;
						padding-bottom: 50px;
					}
div.text a {
						text-decoration: underline;
					}
.options {border: 1px solid #CCC;
					width:	500px;
					text-align:	left;
					padding:	15px;
					padding-left:	30px;
					position: relative;
					left: 10%;
					}
					
div.thin_text {
						border: 1px solid #CCC;
						color: #313132;
						padding: 10px;
						padding-top: 0px;
						font-size: 12px;
						background-color: #FFF;
						background-image: url('../img/main_background.png');
						background-position: bottom;
						background-repeat: repeat-x;	
						margin-left: 30px;
						width: 600px;
						padding-bottom: 50px;
						/*float: left;*/
					}
div.thin_text a {
						text-decoration: underline;
					}
div.side_list {
						border: 1px solid #CCC;
						color: #666;
						position: absolute;
						right: 10px;
						top: 50px;
						padding: 10px;
						padding-top: 0px;
						*padding-top: 10px;						
						font-size: 12px;
						background-color: #FFF;
						background-image: url('../img/main_background.png');
						background-position: bottom;
						background-repeat: repeat-x;	
						/*margin-left: 50px;*/
						width: 260px;
						text-align: center;
						/*padding-bottom: 50px;*/
					}
div.side_list h4 {display: inline;}
div.side_list a {
						font-size: 12px;
						border-bottom: 1px dotted #CCC;
						display: block;
						padding-bottom: 5px;
						}
div.side_list a:hover {
						font-size: 12px;
						border-bottom: 1px dotted #CCC;
						display: block;
						background-color: #666;
						color: #FFF;
						text-decoration: none;
						padding-bottom: 5px;
						}
div.side_list .but {
						font-size: 12px;
						border-bottom: 1px dotted #CCC;
						display: block;
						text-decoration: underline;
						padding-bottom: 5px;
						}
.date{color: #888;
		  font-style: italic;
			font-size:	10px;}

div.text img { padding: 3px;
							 margin: 5px;
							 border: 1px solid #CCC;
							 
							}
.in_text {
					border: 1px solid #CCC;
					background-color: #FFF;
					background-image: url('../img/main_background.png');
					background-position: bottom;
					background-repeat: repeat-x;
					color:		#AB2C01;
					text-align: center;
					
				}
.em		{font-style: italic;}
div.texty_list{border: 1px solid #CCC;
							width:	700px;
							position: relative;
							padding-top: 15px;
							padding-bottom: 25px;
							padding-left: 25px;
							text-align: justify;
							margin-top: 50px;
							margin-left: 50px;
							background-image: url('../img/main_background.png');
						background-position: bottom;
						background-repeat: repeat-x;
							}
div.texty_list a {color: #8A2301;
									background-repeat: no-repeat;
									padding-left: 25px;	
									padding: 5px;						
									height:	13px;
									display: block;
									vertical-align: top;
								}
div.window {display: none;
								 width:		350px;
								 min-height:	80px;
								 padding: 10px;
								 text-align: center;
								 border-color: #8A2301;
								 border-style: solid;
								 border-width:	1px;
								 background-color: #FFF;
								 background-image: url('../img/main_background.png');
								 background-position: bottom;
								 background-repeat: repeat-x;
								 position: absolute;
								 top: 300px;
								 left:	300px;
								 font-size: 12px;
								 z-index:10;
								 color: #666;
								 }
div.window fieldset {
								border-width: 1px;
								border-style: solid;
								border-color:	#CCC; 
								}
div.tools {
								border:1px solid #CCC; 
								background-color: #F0F0EE;
								}
fieldset.contact_form {
							border: 2px solid #8A2301;
							width:	500px;
							position: relative;
							left:		20%;
							top:		0px;
							text-align: center;
						}
div.address {
							border: 1px dotted #CCC;
							color:  #8A2301;
							position: relative;
							
							font-size: 12px;
							margin-bottom: 30px;
						}
div.formrow {
						width: 100%;
						height: 20px;
						text-align: center;
						}
.submit {			
							border-width: 1px;
							border-style:	solid;
							border-color:	#666;
							background-color: #FFF;
							margin-top: 5px;
							}
.submit:hover {	border-width: 1px;
							border-style:	solid;
							border-color:	#666;
							color:		#fff;
							background-color: #8A2301;
							}
label {color: #666;
			width: 50px;
			display: inline-block;
			font-size: 12px;}
div.login {position: relative;
					width:	300px;
					left:	 400px;
					text-align: center;}
						
fieldset.login{
								width:300px;
								background-color: #FFF;
								font-size: 12px;
							}
fieldset.login input {
							border-width: 1px;
							border-style:	solid;
							border-color:	#666;
							background-color: #FFF;
							margin-bottom: 5px;
											}
fieldset.login input:hover {
							border-width: 1px;
							border-style:	solid;
							border-color:	#666;
							color:		#fff;
							background-color: #8A2301;
							}
div.window label {
								font-size: 12px;
								}
								 
div.window legend {
								width: 600px;
								display: block;
								
}
div.window input {
							border-width: 1px;
							border-style:	solid;
							border-color:	#666;
							background-color: #FFF;
											}
div.window input:hover {
							border-width: 1px;
							border-style:	solid;
							border-color:	#666;
							color:		#fff;
							background-color: #8A2301;
											}
ul.rozc { width: 800px;
				}
ul.rozc li.handler {background-color: #DDD; border: 1px solid #666;}

ul.rozcestnik { background-color: #fff;
								padding-top: 30px;
								padding-bottom: 30px;
								border: 1px solid #666;
								width:	600px;
								position: relative;
								left: 100px; 
								list-style-type:none; 
							}
ul.sub_level{
				
				list-style-type:none;
}
ul.rozcestnik li:hover {
			background-color: #FAFAFA;
		}

.time{color: #888; 
			font-size: 10px;
			text-decoration: italic}
li.top_level ul.sub_level {display: none;
						}
li.top_level_active {background-color: blue;}
li.top_level_active ul.sub_level {display: block;
			}
.plus {
				display: inline-block;
				width:	20px;
				height:	20px;
				background-image: url('../img/plus.png');
				}
.minus {
				display: inline-block;
				width:	20px;
				height:	20px;
				background-repeat: no-repeat;
				background-image: url('../img/minus.png');
				}

table.vypis{position: relative;
						width: 100%;
						font-size:	13px;
						border: 1px solid #CCC;
						background-color: #FAFA;
						padding: 3px;
						background-image: url('../img/main_background.png');
						background-position: bottom;
						background-repeat: repeat-x;
						background-color: #FFF;
						margin-bottom: 20px;
						}
table.vypis th{
						background-image: url('../img/main_background.png');
						background-position: bottom;
						background-repeat: repeat-x;
						background-color: #FFF;
						border: 1px solid #CCC;
						color: #8A2301;
						padding-left: 15px;
						padding-right: 15px;
						}
table.vypis th a{color: #8A2301; 
								 text-decoration: underline;
								 }
table.vypis th a:hover{text-decoration: none;}
table.vypis td{
						background-color: #FFF;
						color: #666;
						border: 1px solid #CCC;
						padding-left: 15px;
						padding-right: 15px;
						}

div.user {
				  color: #666;
					font-size: 13px;
					padding: 8px;}
div.username{background-color: #FFF;
						border: 1px dotted #666;
						padding-bottom: 5px;
						padding-top:		5px;}
div.katalog_list {width: 700px;
								margin-top: 20px;
								border: 1px solid #CCC;
								padding: 5px; 
								position: relative;
								margin-left: 50px;
									background-image: url('../img/main_background.png');
						background-position: bottom;
						background-repeat: repeat-x;}
								
div.katalog_list .item {
							padding: 5px;
							border: 1px solid #CCC;
							background-color: #FFF;
							margin-bottom: 15px;
							}
div.katalog_list .nadpis {
							color: #8A2301;
							font-size: 15px;
							font-weight: bolder;
						}
div.katalog_list .perex {
							color: #666;
							font-size: 12px;
							font-style: italic;
							padding: 5px;
						}
 .b_tools {
							
							background-image: url('../img/tools_background.png');
							background-repeat: no-repeat;
							color: #FFF;
							padding-left: 10px;
							padding-right: 5px;
							padding-top: 10px;
							
							margin-right: 0px;
							
							position: relative;
							height: 50px;
							}
 .b_tools a {color: #CCC;
 				 height: 30px;
 				 border-left: 1px dotted  #CCC;
 				 vertical-align: miidle;
 				 text-decoration: none;
 				 text-align: center;
 				 padding: 5px;
 				 *padding-top: 0px;
 				
				}
  .b_tools a:hover {color: #666;
 				height: 30px;
 				 border-left: 1px solid #CCC;
 				 color: #FFF;
 				 vertical-align: midle;
 				 text-decoration: underline;
 				 text-align: center;
 				 padding: 5px;
 				 *padding-top: 0px;
				}
	span.penize {
		height: 30px;
		font-weight: bolder;
		 
		 padding-right: 10px;
		
		
	}
div.katalog_list .tools {
							border-top: 1px dotted #CCC;
							background-color: #FFF;
							color: #8A2301;				
							margin-top: 5px;	
							display: block;
							width: 100%
							}
div.katalog_list .tools a {
							color: #8A2301;
							}
input.small {font-size: 10px;
						 border: 1px solid #CCC;
						 background-color: #FFF;}
span.italic {font-style: italic;
						color: #BBB;
						font-size: 12px;
						padding: 5px;}
/* ID */

#leftCol {	width: 230px;
						position: absolute;
					}
#mainHead {position: relative;
					 bottom: 8px;
					 background-color: #FFF;
					 text-align: center;
					 width:	950px;
					 margin: auto;
					 height: 120px;
					 background-image: url('../img/header_background.jpg');
					}
#rightMenu { position: absolute;
						 top: 10px;
						 right: 15px;
						 
						 *top: 0px;
												 
						 font-size: 11px;
						}
#rightMenu a {
						color: #999
							}
#mainCol {width:	950px;
					position: relative;					
					 bottom: 8px;
					min-height: 500px;
					margin: auto;
					background-color: #ECECEC;
					padding-bottom: 100px;
					}
#breadCrumbs a{
						color: #8A2301;
						font-size: 12px;
					}
#smallTools {
						position: absolute;
						right:		10px;						
					}
#smallTools a img{
						border: none;
					}
#mainFooter {
					 background-color: #CCC;
					 position: relative;
					 text-align: center;		 
					 margin: auto;
					 position: relative;
					 bottom: 8px;
					 width:	950px;
					 
					}
					
/* Uploader */
/* Basic layout */
 
h4 {
	margin-top: 1.25em;
}
 
a {
	padding: 1px;
}
 
a:hover, a.hover {
	color: red;
}
 
/* demo elements */
 
#demo-portrait {
	float: left;
	position: relative;
	width: 130px;
	height: 153px;
	border: 1px solid #eee;
	background-position: 1px 1px;
	background-repeat: no-repeat;
}
 
#demo-portrait a {
	position: absolute;
	left: 1px;
	right: 1px;
	bottom: 1px;
	padding: 0;
	line-height: 22px;
	display: block;
	text-align: center;
}