* {
		font-family: "Verdana CE", Verdana, "Tahoma CE",Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, monospaced;
    }
    
    body {
		background-color: white; 
		text-align: center;
		scrollbar-face-color: #b8b8b8;
		scrollbar-highlight-color: black;
		scrollbar-3dlight-color: #b8b8b8;
		scrollbar-darkshadow-color: #b8b8b8;
		scrollbar-shadow-color: black;
		scrollbar-arrow-color: black;
		scrollbar-track-color: #b8b8b8; 
    }

	img {
		border: 0px;
    }

	.nad, .main, .spodek {
		width: 800px;
		margin: 0px auto auto auto;		
	}

    .main {
		border-top: 9px solid black;
		text-align: left;
		background: white;
		position: relative;
		padding-bottom: 5px;
    }


	.top {
		border-top: 2px solid white;
		border-bottom: 2px solid white;
		background-color: white;
		height: 55px;
		_height: 59px;
		background-image: url("../files/design/pozadivrch.png");
		background-position: 0px 0px;
		background-repeat: no-repeat;	
		font-size: 12px;
		font-weight: bolder;
		vertical-align: top;
		text-align: left;
	}
		
		.top img {
			position: absolute;
			left: 640px;
		}

		.top span {
			position: absolute;
			top: 5px;
			left: 25px;		
			color: white;
			font-variant: small-caps;
		}

			.top span a {
				color: white;
				text-decoration: none;
				margin: 0px 30px;
			}

			.top span a:hover, .top span a.aktual {
				color: #fed700;
			}


	.novinky {
		width: 800px;
		height: 160px;
		background-position: left bottom;
		background-repeat: repeat-x;
		background-image: url("../files/design/novinkypozadi.png");	
		font-size: 11px;
	}

        .novinky img {
            position: absolute;
            left: 0px;
            margin: 10px 10px 10px 15px;
        }
		.novinky img.bottom1 {
            margin-left: 235px;
        }
		.novinky img.bottom2 {
            margin-left: 453px;
        }
		.novinky img.bottom3 {
            margin-left: 672px;
        }

        .novinky .nov {
            margin: 43px 15px 10px 3px;	
			padding-left: 12px;
			-moz-box-sizing: padding-box;
            width:200px;
            float: left;
            background-position: 12px 3px;
            background-image: url("../files/design/sipkanov.gif");
            background-repeat: no-repeat;
            color: #4f4f4f;
            border-left: 1px solid white;
            font-size: 10px;
        }
			 .novinky .nov div img{
				position:relative;
				margin: 0px 0px 0px 0px;
			}

            .novinky .nov span, .novinky .nov h3, .novinky .nov a, .novinky .dalsi a {
                font-style: italic;
            }

            .novinky .nov span, .novinky .nov h3 {
                padding-left: 0px;
            }
            .novinky .nov h3 {
                font-weight: bold;
                margin:0px 0px 2px 0px;
                font-size: 11px;
				color: #0b0b0b;
				padding-left: 20px;
            }

            .novinky .nov a, .novinky .dalsi a {
                color: #ffa200;
                text-decoration: none;
            }

            .novinky .nov a:hover, .novinky .dalsi a:hover, .novinky form a:hover {
                color: #ff6101;
                text-decoration: underline;
            }
		.novinky .nov#anketa {
			width:130px;
			margin-bottom:10px;
			padding-right:0px;
			margin-right:0px;
		}
		.novinky .nov#anketa .sloupec {
			clear: both; 
			width: 100%; 
			border:1px solid #a8a8a8;	
		}
		.novinky .nov#anketa .left {
			float: left; 
			clear: left;
			width:75%;
			padding-top:3px;
		}
		.novinky .nov#anketa .right {
			float: right; 
			clear: right;
			padding-top:3px;
		}

        .novinky .dalsi {
            width: 180px;
            height: 160px;
            position: absolute;
            left: 460px;
            top: 59px;
            background-position: left bottom;
            background-repeat: repeat-x;
            background-image: url("../files/design/dalsi.png");	
            font-size: 11px;
            vertical-align: bottom;
            text-align: left;
        }

            .novinky .dalsi a {
                position: relative;
                top: 140px; left: 15px;
            }

		.novinky form, .meziradek form {
			position: absolute;
			left: 640px;
			padding: 0px;
			margin: 0px;
			margin-top: 13px;
			width: 160px;
			color: black;			
			text-align: center;
			line-height: 180%;
		}
			.novinky span.s1, .meziradek span.s1 {font-size: 8px; font-variant:small-caps;}
			
			img.hledani {
				position: relative;	
				height: 7px;
				margin:0px;
				margin-top:3px;
				margin-bottom:3px;
				margin-left:10px;
				float:left;
			}
			#kontakt {
				position: relative;
				top: 15px;
			}
			#kontakt a {
				line-height: 100%;
				font-size: 10px;
				color: #4f4f4f;
			}

			.novinky form input.e, .meziradek form input.e{
				background:#f3f3f3;
				border: 1px solid #c8c8c8;
				width: 115px;
				margin: 0px;
				height: 16px;
				color:#25345e;
			}

			.novinky form input.b, .meziradek form input.b{				
				border: 0px;
				vertical-align: -2px;
				margin: 0px;
				padding: 0px;
			}

			.novinky form a, .meziradek form a {
				color: black; text-decoration: none;
			}

/* meziradek */

	.meziradek {
		width: 800px;
		height: 115px;
		background-position: left bottom;
		background-repeat: no-repeat;
		background-image: url("../files/design/meziradka.png");	
		font-size: 11px;
		position: relative;
	}

			.meziradek #kontakt {
				position: relative;
				top: 20px
			}

			.meziradek .h1, .meziradek .h2 {
				font-weight: bold;
				font-style: italic;
				color: white;
			}

			.meziradek .h1 {
				font-family: "Trebuchet MS", "Arial CE", Arial, "Tahoma CE",Tahoma, "Helvetica CE", lucida, monospaced;
				font-size: 20px;
				letter-spacing: 2px;
				position: absolute;
				top: 60px;
				left: 300px;
			}

				.meziradek .h1 span {
					color: #cd7900;
					margin-right: 10px;
				}

			.meziradek .h2 {
				font-size: 15px;
				position: absolute;
				top: 85px;
				left: 365px;
			}


/* HP panes*/
#tema-titles {
    background : transparent;
    width : 800px;
    height : 30px; 
}

.tema-title {
    width:197px;
    float:left;
    text-align:center;
    font-size:15px;
    color: #ffffff;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: "Trebuchet MS", "Verdana CE", Verdana, "Tahoma CE",Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, monospaced;
    background: transparent url('../files/design/menupozadi.png') top left repeat;
	filter: alpha(opacity=75, finishopacity=0, style=0);
}

.tema-title a {
    font-weight: bolder;
    text-decoration: none;
	color: #454;
	font-family: "Trebuchet MS",Verdana,Century Gothic;
}

.tema-teasers{
    margin-top: 5px;
    height:255px;
} 

.tema-teasers .tema {
    background-position: top left;
    background-repeat: no-repeat;
    height: 100%;
}

.tema-teasers div.tema h2, .tema-teasers div.tema h2 span, .tema-teasers div.tema h3, .tema-teasers div.tema ul *,.tema-teasers div.tema a.vice {
    font-family: "Trebuchet MS", "Arial CE", Arial, "Tahoma CE",Tahoma, "Helvetica CE", lucida, monospaced;
}

.tema-teasers div.tema h2 {
    padding: 0px; margin: 0px;
    font-size: 30px;
    font-style: italic;		
    letter-spacing: 5px;
}

.tema-teasers div.tema h2 span{
    margin-right: 15px;
    font-size:110%;
}

.tema-teasers div.tema h3 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 16px;
    letter-spacing: 3px;
    padding: 5px;
}

.tema-teasers div.tema ul {
    margin: 0px;
    padding: 0px;
    line-height: 130%;	
    /* tady bud mene citelny ale na jeden radek 16, nebo vic citelny 17*/
    font-size: 17px;
    list-style-type: disc;
}

.tema-teasers div.tema a.vice {
	font-style: italic;		
	font-size:14px;color:white;font-weight:bold;text-decoration:none;
}

/* 1 */
.tema-teasers #tema1 #tematit1 {
    visibility: hidden;
}

.tema-teasers #tema1 {
    background-image: url("../files/design/clovek.jpg");		
}

.tema-teasers #tema1 h2 {
    margin-top: 20px;
    margin-left: 200px;
    color: white;
}

.tema-teasers #tema1 h2 span {
    color: #fed700;
}

.tema-teasers #tema1 h3 {
    margin-left: 470px;
    color: #7d7d7d;
}

.tema-teasers #tema1 ul {
    margin-left: 345px;
    color:black;
}
.tema-teasers #tema1 a.vice {
    margin-left: 345px;
	color: black;
}

/* 2 */
.tema-teasers #tema2 #tematit2 {
    visibility: hidden;
}

.tema-teasers #tema2 {
    background-image: url("../files/design/znacka.jpg");		
}

.tema-teasers #tema2 h2 {
    margin-top: 20px;
    margin-left: 330px;
    color: white;
}

.tema-teasers #tema2 h2 span {
    color: #fed700;
}

.tema-teasers #tema2 h3 {
    margin-left: 380px;
    color: white;
}

.tema-teasers #tema2 ul,.tema-teasers #tema2 a.vice {
    margin-left: 400px;
    color: white;
}
.tema-teasers #tema2 a.vice {
	color: #fed700;
}

/* 3 */
.tema-teasers #tema3 #tematit3 {
    visibility: hidden;
}

.tema-teasers #tema3 {
    background-image: url("../files/design/zamek.jpg");		
}

.tema-teasers #tema3 h2 {
    margin-top: 20px;
    margin-left: 20px;
    color: white;
}

.tema-teasers #tema3 h2 span {
    color: #fed700;
}

.tema-teasers #tema3 h3 {
    margin-left: 90px;
    color: white;
}

.tema-teasers #tema3 ul,.tema-teasers #tema3 a.vice {
    margin-left: 110px;
    color: white;
}
.tema-teasers #tema3 a.vice {
	color: #fed700;
}

/* 4 */
.tema-teasers #tema4 #tematit4 {
    visibility: hidden;
}

.tema-teasers #tema4 {
    background-image: url("../files/design/schody.jpg");		
}

.tema-teasers #tema4 h2 {
    margin-top: 20px;
    margin-left: 20px;
    color: white;
}

.tema-teasers #tema4 h2 span {
		color: #ff0100;
}

.tema-teasers #tema4 h3 {
    margin-left: 20px;
    color: white;
}

.tema-teasers #tema4 ul,.tema-teasers #tema4 a.vice {
    margin-left: 35px;
    color: white;
}
.tema-teasers #tema4 a.vice {
	color: #ff0100;
}

/* 5 */
.tema-teasers #tema5 {
    background-image: url("../files/design/mozaika.jpg");		
}

.tema-teasers #tema5 h2 {
}

.tema-teasers #tema5 h2 span {
}

.tema-teasers #tema5 h3 {
}

.tema-teasers #tema5 ul {
}


#menu *, table.img th, #clanek table.tab th, #clanek form table th, #clanek h3, #clanek h2 {
    font-family: "Trebuchet MS", "Arial CE", Arial, "Tahoma CE",Tahoma, "Helvetica CE", lucida, monospaced;
}

/* spodek stranky */

    .small {
        width: 50%;
        color: black;
        font-size: 10px;
        line-height: 160%;
        
    }

        .small a, table.img a {
            color: black;
            text-decoration: underline;
            font-size: 10px;
        }

        .small a:hover,table.img a:hover {
            color: #ff6101;				
        }

/**************************************************/

	table.clanek {
		font-size: 11px;
		border-top: 3px solid white;
		border-collapse: collapse;
		vertical-align: top;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
/****/
	#menu, #menu2 {
		vertical-align: top;
		background: #dcdcdc;
		width: 215px;
		padding-bottom: 5px;
		font-style: italic;

		background-position: left top;
		background-repeat: no-repeat;
		background-image: url("../files/design/vrchmenu.png");	
	}

		#menu h2, #menu2 h2{
			margin: 20px 15px 35px 20px;
			color: white;
			letter-spacing: 1px;
			font-weight: bold;
			font-variant: small-caps;
			font-size: 16px;
		}

				#menu a {					
					line-height: 130%;										
					text-decoration: none;
					padding-left: 38px;
					background-position: 10px 50%;
					background-image: url("../files/design/menusipka.gif");
					background-repeat: no-repeat;
					color: white;
					font-size: 14px;
					display: block;
					font-weight: bold;
					margin-bottom: 4px;
					background-color: #c1c1c1;
				}

				#menu a:hover, #menu a.aktual {
					background-color: #fed700;
				}

				#menu a.pod {					
					background-image: none;
					color: #a5a5a5;
					background-color: #dcdcdc;
				}

				#menu a:hover, #menu a.aktual {
					background-color: #fed700;
				}

				#menu a.pod:hover, #menu a.pod-a, #menu a.pod-a:hover {
					background-image: none;
					background-color: #dcdcdc;
					color: #ff6101;
				}

				#menu span {
					font-size: 100%; 
					font-weight: bold;
				}

			#obrazek {
				vertical-align: top;
				width: 215px;
				background-position: 100% 100%;
				background-image: url("../files/design/podmenu.png");
				background-repeat: no-repeat;
				background-color: #dcdcdc;
			}
/* NOVINKY V MENU */
            
        #menu2 .nov {
            padding: 10px;
            font-size: 10px;			
        }
		#menu2 h2{
			margin: 20px 15px 15px 20px;
		}
            /* datum */
            #menu2 .nov span{
                font-style: italic;
                font-weight: normal;
                display: block;
                text-align: right;
            }
            /* nazev */
            #menu2 .nov h3 {
                font-style: italic;
                font-weight: bold;
				font-size: 11px;
				color: #0b0b0b;
                padding: 1px 0px 1px 0px;
                margin: 0px;
            }
            /* telo */
            #menu2 .nov p {
                padding: 0px;
                margin: 0px;
                font-style: normal;
                font-weight: normal;
            }
            /* odkaz Vice */
            #menu2 .nov a, #menu2 .dalsi a {
				color: #ffa200;
                text-decoration: none;				
            }
            #menu2 .nov a:hover, #menu2 .dalsi a:hover {
				color: #ff6101;
                text-decoration: underline;
            }

        #menu2 .dalsi {
			padding: 0px 10px 10px 10px;
			float: right;
			font-size: 10px;	
        }


/***************************************/

		#clanek {			
			background-color: #e5e5e5;
			vertical-align:top;	
			height: 550px;
		}
			
			#clanek h2 {
				padding:50px 0px 0px 35px;
				margin: 0px 0px 10px 0px;
				font-weight: normal;
				font-style: italic;
			}
			div.perex { 
				float:right;
				clear:both;
				margin-right:10px;
				padding-top:10px;		
			}

			#clanek div.arch {
				position: relative;				
				overflow:auto;
				min-height: 550px;	
				border-right:17px solid #B0B0B0;
				/*
				height: 550px;
				overflow: auto;
				background-position: right top;
				background-image: url("../files/design/textpoz.png");
				background-repeat: repeat-y;
				*/
			}

			#clanek div.in {
				margin: 0px 30px 20px 35px;
			}

			#clanek h2, #clanek h3 {								
				color: white;
				font-size: 22px;
			}

			#clanek h2 b, #clanek h3 b {
				color: #ff6101/*#fed700*/;
				margin-right: 5px;
			}

			#clanek span {
				color: #808080;
				font-weight: bold;
				margin-bottom: 10px;
				display: block;
			}

			#clanek p.perex {
				color: #808080;
				margin-bottom: 10px;
			}

			#clanek h3 {
				margin: 0px;
				margin-top: 10px;
				margin-bottom: 8px;
				font-weight: bold;
				font-size: 14px;
			}

				#clanek a {
					color: black;
					text-decoration: underline;
				}

				#clanek a:hover {
					color: #ff6101;
				}

/*****/

	table.img {
		position: relative;
		float:right;	
		clear:both;
		/*position: absolute;
		top: 40px;
		left: 373px;*/
		border: 0px;
		width: 161px;
		margin:0px 0px 8px 8px;
		border-collapse: collapse;
		table-layout: auto;		
		background-position: left top;
		background-image: url("../files/design/tabulpoz.png");
		background-repeat: repeat-y;
	}
		
		table.img th {
			background-position: right top;
			background-image: url("../files/design/tabulvrch.png");
			background-repeat: no-repeat;
			height: 35px;
			padding: 8px 0px 4px 25px;
			font-style: italic;		
			color: #fed700;
			font-size: 14px;
		}

		table.img td {
			text-align: center;
			padding-bottom: 10px;
		}

/* odkazy, text */

	p { 
		margin: 0px; 
		padding: 0px;
	}

/* tabulka/form/clanek bez obrazku */

	#clanek div.in2 {
		margin: 0px 20px 20px 35px;
	}	

	#clanek form {
		padding: 0px; 
		margin: 0px;		
		width: 467px;
	}

	input, textarea {
		font-size: 11px;
	}

	#clanek table.tab, #clanek form table {
		margin-top: 20px;
		background: #dcdcdc;
		background-position: left top;
		background-image: url("../files/design/nadform.png");
		background-repeat: no-repeat;		
		border-collapse: collapse;
		width: 100%;
		margin-bottom: 20px;
	}

	#clanek table.tab {
		width: 467px;
	}

		#clanek table.tab th, #clanek form table th {
			height: 35px;
			padding: 8px 0px 4px 25px;
			font-style: italic;		
			color: white;
			font-size: 14px;
			text-align:left;
		}

		#clanek table.tab td, #clanek form table td {
			font-size: 11px;
			vertical-align: center;
			padding: 3px 5px 3px 24px;
		}

		#clanek table.tab td,#clanek table.tab th {
			border-bottom: 1px solid #a8a8a8;
		}

		#clanek select, #clanek input.t, #clanek textarea {
			background: white;
			border: 1px solid #A8A8A8;
			width: 250px;
		}

		#clanek textarea {
			height: 100px;
			width: 91%;
		}

		#clanek input.b {								
				background-position: right top;
				background-image: url("../files/design/tlack.gif");
				background-repeat: no-repeat;
				background-color:#fed700;	
				border: 1px solid #A8A8A8;
				padding-right: 8px;
		}

	/****************/


	.down {
		height: 1px;
		border: none;
		margin: -1em 0 0 0;
		visibility: hidden;
		clear: left;
	}

	.down2 {
		height: 1px;
		border: none;
		margin: -1em 0 0 0;
		visibility: hidden;
		clear: left;
		clear: right;
	}


	table.cenik {
		font-size: 11px;
		border-collapse: collapse;
		vertical-align: top;
		margin: 0px;
		padding: 0px;
	}
	table.cenik tr{
		background-color:#DCDCDC;
	}
	table.cenik td{		
		font-size: 11px;	
		padding-left:5px;
	}
	table.cenik td.cena {
		color:#808080;
		font-weight:normal;
	}
	table.cenik td.cena,table.cenik td.nadpiscena{
		text-align:right;
		padding-right:10px;
	}
	table.cenik tr.sudy{
		background-color:transparent;
	}
	table.cenik td.nadpis,table.cenik td.nadpiscena{
		border-bottom: 1px solid #B0B0B0;
	}