/* CSS Document */
a {
    color: #CC781C; text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
h1 {
    margin: 0 0 0.75em 0; padding: 18px 0 5px 0; color: #A90000; font-size: 128%; font-weight: bold; border-bottom: 1px solid #C2C2C2;
}
h2 {
    margin: 1em 0 0 0; color: #8C5003; font-size: 110%; font-weight: bold;
}
h3 {
    margin: 1em 0 0 0; color: #000000; font-size: 110%; font-weight: bold;
}
h4 {
    margin: 1em 0 0 0; color: #FF9A17; font-size: 100%; font-weight: bold;
}
h5 {
    margin: 1.5em 0 0em 0; color: #A90000; font-size: 100%; font-weight: bold;
}
h6 {
    color: #FF9A17; font-size: 100%;
}
ul {
    margin: 0 0; padding: 0 0; list-style: none; list-style-position: outside
}
ul li {
    padding: 0 0 0 20px; background: url(images/mask/button-ul.gif) 8px 7px no-repeat transparent;
}
ul ul li {
    padding: 0 0 0 10px; background: url(images/mask/button-ul-sub.gif) 1px 6px no-repeat transparent;
}
p {
    margin-top: 0; padding-top: 0;
}
.clearer {
    clear: both;
}

/* tabulka se 3 upoutavkami na HP */
.table-decor {
    margin-bottom: 1em;
}
.table-decor caption {
    font-weight: bold; text-align: left;
}
.table-decor td,
.table-decor th {
    padding: 6px 20px 4px 20px; font-size: 11px;
}
.table-decor th {
    color: #A90000; font-weight: bold; background: #FDF7E7; border: 1px solid #DFDFDF;
}
.table-decor td {
    border: 1px solid #DFDFDF;
}


/* tabulka jidelni listek */
.table-jid-listek {
    margin: 0.5em 0 2em 0; padding: 0; border: 1px solid #FEB662; width: 100%;
}
.table-jid-listek td {
    padding: 2px 5px 1em 5px; margin: 0; vertical-align: top; background-color: #FFF8EF;
}
.table-jid-listek td.table-jid-listek-sl01 {
    text-align: left; width: 10%;
}
.table-jid-listek td.table-jid-listek-sl02 {
    text-align: left;
}
.table-jid-listek td.table-jid-listek-sl03 {
    text-align: right; width: 15%;
}

.obrazek-zarovnany-vlevo {float: left; margin: 0 1em 1em 0;}
.obrazek-zarovnany-vpravo {float: right; margin: 0 0 1em 1em;}

.link-file {padding-right: 22px; background-position: right center; background-repeat: no-repeat; background-image: url('./images/files/default.gif');}
.link-img {background-image: url('./images/files/img.gif');}
.link-gif {background-image: url('./images/files/gif.gif');}
.link-png {background-image: url('./images/files/png.gif');}
.link-jpg {background-image: url('./images/files/jpg.gif');}
.link-video {background-image: url('./images/files/video.gif');}
.link-fonts {background-image: url('./images/files/fonts.gif');}
.link-doc {background-image: url('./images/files/doc.gif');}
.link-pdf {background-image: url('./images/files/pdf.gif');}
.link-ppt {background-image: url('./images/files/ppt.gif');}
.link-rtf {background-image: url('./images/files/rtf.gif');}
.link-txt {background-image: url('./images/files/txt.gif');}
.link-xls {background-image: url('./images/files/xls.gif');}
.link-zip {background-image: url('./images/files/zip.gif');}

body {
	color : #000000;
	font-family : Verdana, "Verdana CE", "Arial CE", "Helvetica CE", Arial, sans-serif;
	font-size: 69%;/* 11px */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/mask/body-bgr.gif) 0 0 repeat-x #500001; 
	
	text-align: center; /* kvuli IE */
}

#page {
	position: relative; left: 0px; top: 20px; z-index:0;
	width: 761px;
	margin: 0 auto;
	padding: 0 0;
	text-align: left;
}

/* NAVIGACNI IKONKY VLEVO NAHORE */
#navigation {
	float: left;
	width: 180px;
	height: 51px;
	text-align: right;
	background: url(images/mask/logo-decor-top.gif) left bottom no-repeat transparent;
}
	
	#navigation p {
		display: block;
		margin: -5px 0 0 0;
		padding: 0 12px 0 0;
	}
	
	#navigation img {
		border: none; margin: 0 2px 0;
	}

/* JAZYKOVE MUTACE */
#lang {
	float: right;
	width: 581px;
	text-align: right;
	font-size: 91%;
}
	
	#lang p {
		position: relative; top: -2px; left: 0;
		display: block;
		margin: 0 0;
		padding: 36px 3px 0px 0;
	}
		
		#lang p span {
			padding: 0 10px;
			background: url(images/mask/lang-separator.gif) right 2px no-repeat transparent;
		}
			
			#lang span.last {
				padding-right: 0;
				background: none;
			}
			
		
	#lang span a {
		padding-left: 11px;
		font-weight: bold;
		background: url(images/mask/lang-button.gif) 0 3px no-repeat transparent;
	}
		
		#lang span.click a {
			color: #FFFFFF;
			background: url(images/mask/lang-button-click.gif) 0 3px no-repeat transparent;
		}

#container {
	clear: both;
	position: relative; left: 0px; top: 0px; z-index:0;
	width: 761px;
	background: url(images/mask/container-bgr.gif) 0 0 repeat-y transparent;
}

#left {
	float: left;
	width: 180px;
}
	
	#logo {
		display: block;
		margin: 0 0;
		padding: 0 0;
	}
		
		#logo img {
			border: none;
		}
		
	#offer {
		width: 178px;
		min-height: 160px;
		_height: 160px;
		margin: 0 1px;
		padding: 45px 0 0 0;
		background: url(images/mask/left-menu-bgr.gif) left bottom no-repeat #9A0000;
	}
		
		#offer .content {
			width: 142px;
			margin: 0 0 0 18px;
		}
		
		#offer .content p {
			_margin-bottom: 6px;
			padding: 0 0 7px 10px;
			color: #E8A459;
			font-weight: bold;
		}
		
/* LEVE MENU */
		#menu-left {
			display: block;
			_width: 142px;
			margin: 0px 0;
			padding: 0 0 4px 0;
			
		}
			
			/* hlavni polozka */
			#menu-left li {
				display: block;
				margin:  0 0 4px 0;
				padding: 0 0 0 0px;
				list-style: none;
				background: url(images/mask/button.gif) 7px 8px no-repeat #D6482F;
			}
			
				/* polozka LI, ktera obsahuje podmenu */
				#menu-left li.submenu {
					margin: 0 0 0 0;
					padding: 0 0 0 0 ;
					background: none;
					border: none;
				}
				
				/* hlavni polozka klikla */
				#menu-left li.active-item-in-submenu , #menu-left li.active-item-submenu , #menu-left li.active-item {
					color: #FCBA65;
					font-weight: bold;
					text-decoration: none;
					background: url(images/mask/lang-button.gif) 7px 7px no-repeat #D6482F;
				}
				
				
					/* podmenu - odsazeni */
					#menu-left li.submenu ul {
						display: block;
						margin: 0 0;
						padding: 0 0px 0 18px;
						_width: 142px;
						
					}
						
						/* podpolozka */
						#menu-left li.submenu ul li {
							display: block;
							_width: 124px;
							margin: 0 0 4px 0;
							padding: 0 0px;
							background: url(images/mask/button.gif) 8px 8px no-repeat #B20707;
						}
			
			/* odkazy - polozka menu; odsazeni textu zleva */
			#menu-left a {
				display: block;
				_width: 124px;
				padding: 2px 2px 2px 16px;/* odsazeni meni zanorenym blokem a textem - pro obr. na pozadi */
				color: #000000;
				font-weight: normal;
				line-height: 1.5em;
				text-decoration: none;
			}
				
				#menu-left a:hover {
					color: #FCBA65;
					text-decoration: none;
				}
				
				/* odkazy polozky podmenu */
				#menu-left li.submenu ul a {
					_width: 106px;
					font-weight: normal;
				}
			
				/* barva vsech kliklych odkazu */
				#menu-left li.active-item a , #menu-left li.active-item-last a ,  #menu-left li.active-item-submenu a {
					color: #FCBA65;
					font-weight: bold;
					text-decoration: none;
				}
				
				/* klikla hlavni polozka */
				#menu-left li.active-item-in-submenu a {
					color: #FCBA65;
					font-weight: bold;
					text-decoration: none;
				}
				
				/* klikla polozka podmenu */
				#menu-left li.submenu li.active-item a {
					color: #FCBA65;
					font-weight: bold;
					text-decoration: none;
					background: url(images/mask/lang-button.gif) 7px 7px no-repeat #B20707;
				}
				
			
			
			
	
	.decor {
		height: 80px;
		margin: 0 1px;
		padding: 0 0 170px 0;
		background: url(images/mask/left-decor.jpg) 0 0 no-repeat transparent;
	}

#right {
	float: right;
	width: 581px;
}
	

/* HORNI MENU */
	#menu-top {
		display: block;
		height: 31px;
		margin: 0 0; 
		padding: 0 0;
		color: #8C5003;
		
		background: #000000;
	}
		
		#menu-top li {
			display: block; float: left;
			margin: 0 0px;
			padding: 9px 17px 0 17px;
			list-style: none;
			background: url(images/mask/menu-top-separator.gif) right 10px no-repeat transparent;
		}
		
			#menu-top li.last {
				background: none;
			}
			
			#menu-top li a {
				color: #E8A459;
				font-size: 11px;
				font-weight: bold;
				text-decoration: none;
			}
				#menu-top li a:hover {
					text-decoration: underline;
				}
				
				#menu-top li.click a {
					color: #ffffff;
					text-decoration: none;
				}
			
/* IMAGOVY OBRAZEK NAD CLANKEM */
	#image {
		
	}
		
		#image img {
			border-right: 1px solid black;
			border-bottom: 1px solid black;
		}
	
/* RYCHLA NAVIGACE */
	#quicknav {
		min-height: 25px;
		_height: 25px;
		margin: 6px 0 0 0;
		background: url(images/mask/quicknav-bgr.gif) right 0 no-repeat #ffffff;
		border: 1px solid black;
		border-left: none;
	}
		
		#quicknav p {
			margin: 0 0;
			padding: 5px 45px 0 29px;
		}
		
		#quicknav a {
			color: #000000;
			font-weight: bold;
			text-decoration: none;
		}
			
			#quicknav a.last , #quicknav a.click {
				font-weight: normal;
			}
			
			#quicknav a:hover {
				text-decoration: underline;
			}
			
	#content {
		position: relative; left: 0; top: 0;
		width: 527px;
		min-height: 500px;
		_height: 500px;
		margin: 6px 0 0 0;
		padding: 0 24px 50px 29px;
		line-height: 1.38em;
		/* overflow: auto; */
		overflow-x: auto;
		text-align: justify;
		background: #ffffff;
		border: 1px solid black;
		border-left: none;
	}
		
		/* nadpis na hlavni strance */
		.headline-hp h1 {
			margin: 0 0;
			padding: 15px 0;
			color: #A90000;
			font-size: 110%;
			background: none;
			border: none;
		}
		
		#content a {
			font-weight: bold;
		}
		
/* 3 UPOUTAVKY NA HLAVNI STRANCE */
		#atract {
			width: 100%;
			height: 141px;
			margin: 0 0;
			padding: 0 5px 0 0;
			border-collapse: collapse;
			border-spacing: 0;
			background: url(images/mask/atract-bgr.gif) 0 0 repeat-x transparent;
			border: none;
		}
			
			#atract .item {
				width: 171px;
			}
			
			table#atract td {
				width: 171px;
				margin: 0 0;
				padding: 0 0;
				vertical-align: top;
				border: none;
			}
			
			#atract h3 {
				margin: 0 0;
				padding: 10px 0 0 15px;
				color: #CC781C;
				font-size: 100%;
				font-weight: bold;
			}
				
				#atract h3 a {
					text-decoration: underline;
				}
					
					#atract h3 a:hover {
						text-decoration: none;
					}
					
			#atract img {
				margin: 7px 0 0 10px;
				padding: 0 0;
			}

		
/* REKLAMY NA HP */
		#advert {
			padding: 10px 0 0px 0;
			text-align: center;
		}
			
			#advert img {
				margin: 0 0 8px 0;
				border: none;
			}

/* SPODNI MENU */
		ul#menu-bottom {
			position: absolute; bottom: 0; left: 29px;
			display: block;
			width: 527px;
			margin: 0 0;
			padding: 17px 0 0 0;
			color: #A90000;
			border-top: 1px solid #C2C2C2;
		}
			
			ul#menu-bottom li {
			display: block; float: left;
			margin: 0 0px;
			padding: 0px 29px 7px 0px;
			list-style: none;
			background: url(images/mask/menu-bottom-separator.gif) right 2px no-repeat transparent;
		}
			
			ul#menu-bottom li.last {
				background: none;
			}
			
			
			ul#menu-bottom a {
				color: #A90000;
				font-weight: normal;
			}
				
				ul#menu-bottom li a:hover {
					text-decoration: underline;
				}
				
				ul#menu-bottom li.click a {
					color: #84CA94;
					text-decoration: none;
				}
				
		#beer {
			position: absolute; left: 0px; bottom: -40px;
			width: 180px;
			height: 214px;
			background: url(images/mask/img-pivo.jpg) 0 0 no-repeat transparent;
		}
		
/* MENU PRO PODCLANKY */
	ul#menu-art {
		display: block;
		padding: 1em 0 1em 15px;
		line-height: 1.6em;
		list-style: disc;
		color: #CC781C;
	}
		
		ul#menu-art li {
			padding: 0 0 0 0;
			background: none;
		}
		
		ul#menu-art li.click a {
			color: #000000;
		}
			
			ul#menu-art ul li {
				padding: auto;
				background: none;
			}
		
#magnetpro {
	float: left;
	width: 180px;
	padding: 50px 0 1em 0;
	text-align: center;
	color: #FEBC66;
	font-size: 91%;
}
	
	.powered-by-link {
		width: 180px;
		position: absolute; left: 0px; bottom: -70px;
		text-align: center;
		color: #FEBC66;
		text-decoration: none;
	}
		
		
	
	.powered-by-text-magnet {
		color: #000000;
	}
	
	.powered-by-text-pro {
		color: #ff0000;
	}

/* PATICKA */
#footer {
	position: absolute; left: 181; bottom: -74px;
	width: 550px;
	min-height: 59px;
	_height: 59px;
	margin: 0 0;
	padding: 15px 0 0 29px;
	color: #FEBC66;
	font-style: normal;
	background: url(images/mask/footer-bgr.gif) 0 0 no-repeat transparent;
}
	
	#footer a {
		color: #FEBC66;
	}
/* AKTUALITY */
		#news-hp , #news-list {
			
		}
			
			#news-hp h4 {
				padding-bottom: 3px;
				color: #A90000;
				font-size: 110%;
				text-transform: uppercase;
			}
			
			#news-hp .item , #news-list .item {
				clear: both;
				padding-top: 7px;
			}
				
				#news-hp .item img , #news-list .item img {
					float: left;
					margin: 4px 0 0 0;
				}
				
				#news-hp .item h2 , #news-list .item h2 {
					display: inline;
					margin: 0 0;
					padding: 0 0;
					font-size: 100%;
					font-weight: normal;
				}
				
				#news-hp .item p {
					margin: 0 0;
					padding: 0 0;
				}
				
				#news-hp .item .content , #news-list .item .content {
					display: block;
					margin: 0 0 0 121px;
					padding: 0 0;
				}
				
				#news-hp .date , #news-list .date {
					color: #C2C2C2;
					font-weight: bold;
				}
				
				#news-hp .more , #news-list .more {
					text-align: right;
					font-style: italic;
				}
				
				#archive {
					margin: 9px 0 0 0;
					height: 35px;
					text-align: right;
					border-top: 1px solid #C2C2C2;
				}
					
					#archive p {
						height: 19px;
						padding: 10px 20px 0 0;
						background: url(images/mask/button-news.gif) right 8px no-repeat transparent;
					}

/* FORMULARE */
#hotline {
	margin: 3em 0;
	text-align: center;
}
	#hotline table {
		margin: auto;
		
		
	}
	
	#form {
		width: 350px;
		margin: 0 auto;
		padding: 10px 7px;
		background: #FDF7E7;
		border: 1px solid #F3D098;; 
	}
	
	#hotline td {padding:0 5px 1px 0;}
	#hotline input, textarea {
		width:200px; 
		font-size: 11px;
		background: #ffffff;
	}
	
	#hotline .submit , #hotline .submit-over {
		display: block;
		width: auto;
		height: 20px;
		padding: 0 15px 0 0;
		color: #CC781C;
		font-weight: bold;
		background: url(images/mask/button-news.gif) right 0 no-repeat #FDF7E7;
		border: none;
	}
		#hotline .submit-over {
			color: #000000;
		}
		
	#hotline .text-focus {
		background: #ffffff;
	}
	
	/* uspesne odeslani */
	#hotline .succ-yes {
		color: #A90000;
		font-weight: bold;
	}
	/* neuspesne odeslani */
	#hotline .succ-no, #hotline .succ-fill {
		color: #A90000;
		font-weight: bold;
	}
	
	#hotline .required {
		color: #A90000;
		font-weight: bold;
	}
	
	
/* galerie pod clankem */

#subgallery {
	clear: both;
	margin: 18px 0 0 0;
	padding: 15px 0 15px 0;
	text-align: left;
	border-top: 1px solid #c2c2c2;
}
	
	/* tabulka s nahledy */
	.gal-previews {
		width: 527px;
		border-collapse: collapse;
		border-spacing: 0;
		border: none;
		overflow: hidden;
	}
		
		table.gal-previews td {
			margin: 0 0;
			padding: 0 0;
			overflow: hidden;
		}
	
	.gal-preview img {
		margin: 10px 10px 0px 0;
		border: 1px solid #131313;
	}
table.table-decor,
table.table-jid-listek,
td.table-jid-listek-sl01,
td.table-jid-listek-sl02,
td.table-jid-listek-sl03,
img.obrazek-zarovnany-vlevo,
img.obrazek-zarovnany-vpravo {}

/*title: img.obrazek-zarovnany-vlevo <strong>Obrázek</strong><br /> zarovaný vlevo, textem obtékaný zprava */
/*title: img.obrazek-zarovnany-vpravo <strong>Obrázek</strong><br /> zarovaný vpravo, textem obtékaný zleva */
/*title: table.table-decor <strong>Tabulka</strong><br /> základní formátování*/
/*title: table.table-jid-listek <strong>Tabulka</strong><br />jídelní lístek*/
/*title: td.table-jid-listek-sl01 <strong>Tabulka – buňka</strong><br />jídelní lístek, sloupec 1*/
/*title: td.table-jid-listek-sl02 <strong>Tabulka – buňka</strong><br />jídelní lístek, sloupec 2*/
/*title: td.table-jid-listek-sl03 <strong>Tabulka – buňka</strong><br />jídelní lístek, sloupec 3*/

.cleaner { clear: both; font-size: 0; line-height: 0; visibility: hidden; }

/* popup okno - DIV */
.popup {position: absolute; z-index: 100; text-align: left; top: 200px; left: 500px; padding: 0px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; filter:alpha(opacity='95');  -moz-opacity: 0.95;  background-color: #D0D0D0;}
.popup-head {text-align: right;}
.popup-body {text-align: left;}

/* skryti statistiky */
#mask-statistic {display: none;}

/* Galerie */
.galery {
	background-color: #500001;
	width: 100%;
}

/* Uploader */
.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
/*
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
*/
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}
.qq-upload-success{

}
.error{
	border: solid 1px #CC0000;
	margin: 2px;
	padding: 2px;
	background: #FFFFCC;
}
.error img{
	border: none;
}
.error_detail{
	margin: 2px;
	padding: 2px;
	border: solid 1px silver;
	background: #F0F0F0;
}
.error_trace_file{
	margin: 2px;
	width: 99%;
	border: solid 1px #6495ED;
	background: #F0FFFF;
}
.error_trace_file th{
	text-align: right;
	font-weight: bold;
	width: 80px;
}