body {
  text-align:center;	
	background: #fcecd3;
	background: #000033;
	padding:0;
	margin:0;
	font-family: Arial, sans-serif;
	font-size:85%;	
}

html, body {
	height:100%;
}

a,.link	{
	color:#990000;
	text-decoration: underline;
}

a:hover	{
	color:#cc4444;
	text-decoration: underline;
}

img { 
	border:none;
}

/*
Horní panel a kontajnery
*/

#container {
	width:770px;
	margin-left:auto;
	margin-right:auto;
	border-left:1px solid #c0c0c0;	
}

#top {
	width:100%;
	height:65px;	
	margin:0;
	padding:0;	
}

#top p {
	margin:0;
	padding:0;
}

#top1 { /* kvůli dotažení levého panelu */
	margin:0;
	padding:0;
	width:770px;
	background:#fff7de;
	background:#cccccc;	
}

#tracker {	
	text-align:left;
	font-size:0.8em;
}

#tracker p {	
	padding:5px 0 5px 10px;
	background:#fff7de;
	background:#cccccc;
	margin:0;	
}

#tracker a,#tracker a:hover,#tracker a:active,#tracker a:visited {
color:rgb(0,51,153);
color:black;
}

#top2	{ /* kvůli dotažení středového panelu */
  width:634px;	
	float:right;
	margin:0;	
	padding:20px 0 0 0;
	text-align:left;
	border-right:1px solid #c0c0c0;	
	background:#fcf2df;
		
}

/*
Levý panel
*/

#left {
	width:135px;
	text-align:left;
	margin:-5px 0 0 0;
	padding:0;	
}

#left h2 {
	font-size:1em;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid white;
	margin:5px 0 5px 0;
	padding:0;
	background:#e0e0e0;	
}

#left p	{
	font-size:1em;	
	text-align:center;
	margin:0;
	padding:0;
}

#left form#search {
	margin-top:0;
	padding-top:0;
}

.context {
  border-top:#e0e0e0 solid 1px;
  border-bottom:#e0e0e0 solid 1px;
	padding:10px 5px;
	margin:3px 3px 0 3px;	
	font-size:12px;
	list-style:none;
	color:black;
	background:#fff7de;
	background:#e0e0e0;
}

/* */

hr {
  border:0;
	border-top:solid gray 1px;	
}

.center {
	text-align: center;
}

/*
Středový panel
*/

#middle {
	border-right:#c0c0c0 1px solid;
	width:394px;
	margin:0;
	padding:0 0 0 5px;	
}

#middle:after,#left:after,#top1:after,.inbox:after,.vystava div:after,.gal:after,.aktualita:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/*
Úvodní text
*/

#intro {
	margin:0 0 10px 0;
	padding:0;
	text-align:center;	
	width:394px;
}

#intro p {
	margin:0 auto 0 auto;
	padding:10px;
	font-style:italic;
}

/*
Novinky
*/

.news {
	padding:0;
	margin:0;	
	width:394px;	
}

.news img {  
	margin:0 5px 5px 0;	
	border:solid 5px #dddddd;
	float:left;	
}

.news p {	
	font-size:1.2em;
	margin:0 5px 0 0;
	padding:0;
}

.news div {
	margin: 10px 0 10px 0;	
}

.news div img {
	clear:left;
}

.news div:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: left; 
	visibility: hidden;
}

.news h1, #middle h1, .textbox h1 {	
	font-size:1.4em;	
	text-align:left;
	margin:0;
	padding:5px 0 3px 20px;	
	color:white;
	border-bottom:1px solid white;	
	background:#990000 url(images/gline.gif) repeat-y;
	clear:left;
}

.news h2 {
	font-size:1.2em;
	font-weight:bold;
	color: #191970;
	margin:0 0 5px 0;
	padding:0;
}

.news .datum {
text-align:left;
}

/*
Pravý panel
*/

#right {
width:230px;
float:right;
text-align:center;
margin:0;
}

#right h1 {
color:white;
font-size:1.4em;
padding:5px 0;
border-bottom:1px solid white;
background:#990000 url(images/gline.gif) repeat;
margin:0;
}

/*
Patička
*/

#foot {
	width:769px;
	background:#e0e0e0;
	margin:0;
	padding:3px 0;
	clear:both;
	font-size:1em;
	border-top:1px solid white;
	border-right:#c0c0c0 1px solid;
}

/*
Hlavní textový panel
*/

.textbox {
	padding-left:10px;
	min-height:180px;
}

.textbox p {
	margin-right:10px;	
}

.textbox img {
	float:right;	
	border: 1px solid black;
	margin:5px;
	clear:both;	
}

div.textbox form img {
	float:none;	
}

.info img {
	float:left;	
	border: none;
	margin:5px;
	clear:left;	
}

.info h2, .info h3 {
	font-size:1.4em;	
	text-align:center;
	margin:10px 0;
}

.info h3 {
	color:white;
	color:black;
	border-bottom:1px solid white;
	border-bottom:1px solid black;	
	width:310px;	
}

.info h3 a {
	color:white;
	color:black;
}

.info h4 {
	font-size:1.3em;
	text-align:center;
	margin:10px 0;
}

.info h5 {
	font-size:1.3em;
	text-align:center;
	margin:10px 0;
}

.textbox h1 {	
	margin:0 0 10px 0;
}

.textbox h2 {	
	font-size:1.3em;	
	text-align:left;
	margin:0 0 5px 0;		
	padding:5px 0 0 20px;	
	color:black;	
	border-top:1px solid black;
	border-bottom:1px solid black;	
	clear:both;	
	background:url(images/bod.gif) no-repeat center left;	
}

.textbox ul {	
  list-style:url(images/bod.gif);
	margin:0;
	padding:0;	
}

.textbox ul li {
	margin:30px 0 20px 20px;	
}

.textbox.menu ul li {
	margin:30px 0 20px 20px;	
	font-size:1.2em;
}

.textbox.simple ul li {
	margin:10px 0 0 20px;	
}

.textbox ul a {  
	font-weight:bold;
}

.textbox.simple ul a {  
	font-weight:normal;
}

a h2, a h3 {
text-decoration:underline;
color:white;
color:black;
}

.basic ul li {
	margin:10px 0 10px 20px;	
}

.basic h2 {
	font-size:1.4em;
}

.basic h3 {
	font-size:1.4em;	
}

.basic h4 {
	font-size:1.2em;	
}

.basic h5 {
	font-size:1em;
}

/*
Vnitřní zvýrazněný box
*/

.inbox	{
	border: dotted black 1px;
	margin:5px 10px 5px 0px;
	padding:10px;
	background:#fff7de;
	clear:both;
}

.inbox p {
	margin:5px 0;
	padding:0;
}

.inbox h2 {
	font-size:1.3em;
	font-weight:bold;
	text-align:left;
	margin:0 0 15px 0;
	padding:0;
	background:none;
	clear:none;
	color:black;
	text-indent:0;
	border:none;
}

/*
Postranní rámeček s informacemi
*/

.infobox {
	float:right;
	width:290px;
	font-size:12px;
	padding:5px;
	margin:0 5px 10px 5px;
	background:#fff7de;
	border: black 1px dotted;
}

.infobox div {  
	text-align:center;			
}

.infobox div img {
  border:none;
	padding:0;
	margin:0;
	float:none;		
}

.infobox h2, .infobox h3 {
	background:none;
	font-size:1em;
	color:black;
	border:none;
	text-indent:0;
	text-align:left;
	margin:0;
	padding:10px 0 5px 0;
	width:auto;
}

.infobox p {
	margin:0;
	text-align:left;
}

.infobox table {
	width:100%;
	text-align:left;
}

.cena {	
	font-weight:bold;
}

td.cena {
	text-align:right;	
}

/*
Kontakty
*/

.kontakty div {
	background:#fff7de;
	border:black 1px dotted;
	padding:10px;
	margin:10px 10px 10px 0;
}

/*
Malá galerie
*/

.mgalerie {
	clear:both;
}

.mgalerie img {
	float:left;
	display:inline;
	border:#990000 1px solid;	
	clear:none;
}

.mgalerie img.tall {
	margin-left:44px;
	margin-right:44px;
}

/*
Výstavy a akce
*/

.vystava div {
	width:590px;
	height:300px;
	background:#fff7de;
	border: black 1px dotted;
	text-align:center;
	padding:10px;
	margin:10px 0;
	display:table;
}

.vystava h2 {
	margin:20px 0;
	text-align:center;
	border:none;
	font-size:1.4em;	
	padding:5px 0 0 0;
	background:none;
}

.vystava h3 {	
	text-align:center;
	color:#990000;
	font-size:1.4em;
	font-weight:bold;		
}

.vystava div img {
	float:left;
	margin:5px 15px 0 15px;
}

.vystava div div {
	border:none;
	padding:0;
	margin:0;
	width:auto;
	height:auto;
	display: table-cell;
	vertical-align: middle;
	position: static;
}

/*
Vertikálně vystředit
*/

.vcenter {
	color:white;	
}

html>body .vcenter {
	display: table;
	height:100%;	
	width:100%;		
	text-align:center;
}

html>body .vcenter div {
	display: table-cell;
	vertical-align: middle;
	position: static;	
	text-align:center;	
}

html>body .vcenter div div {
	display: block;	
}

/*
Fotogalerie
*/

.gal {
border-top: white 1px solid;
clear:right;
}

.gal img {
	float:right;
}

.gal h2,.aktualita h2,.kontakty h2 {
clear:none;
width:auto;
background:url(images/bod.gif) no-repeat center left;
border:none;
/*text-indent:20px;
margin-left:20px;*/
color:black;
padding:10px 0 5px 20px;
}

.gal h3 {
margin:0 0 5px 0;
padding-left:20px;
font-size:1.2em;
}

.gal p {
font-style:italic;
margin:5px 0;
}

.show {
margin:10px 0 5px 0;
}

.show div {
width:200px;
float:left;
margin:1px;
padding:2px;
text-align:center;
background:#fff7de;
}

.show div img {
margin:0;
padding:0;
border:white 1px solid;
float:none;
}

.pager {
text-align:center;
margin: 5px auto 10px auto;
clear:right;
}

/*
Kalendář akcí
*/

.kalendar {
	text-align:center;	
	padding:5px;
	width:98%;	
}

.kalendar td,.kalendar th {
	background:#fff7de;
	border:black 1px dotted;
	padding:5px;
}

.kalendar td:first-child {
	width:150px;
}

/*
Aktuality
*/

.aktualita {
	border-top: 1px black solid;
	padding-right:10px;
	padding-top:5px;	
}

.aktualita h2 {
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

/*
Obchod
*/

.cena {
	float:right;
	margin-top:0;
}

/*
Mapa
*/
ul.mapy {
	list-style-image:none;
	list-style:none;
}

.mapy img {	
	border:none;
	float:none;
	vertical-align:middle;
}

/*
Mapa webu
*/

ul.site {
	list-style:square;
	list-style-image:none;
}

ul.site li,ul.site li li,ul.site li li li {
	margin-top:0;
	margin-bottom:0;
	font-size:1em;	
}

ul.site ul,ul.site ul ul {
	list-style:circle;
	list-style-image:none;
}

/*
*/

.hidden {
	display:none;
}


.noborder img {
	border:none;
}

#search {
text-align:center;
margin:10px auto;
padding:0;
}

#search input {
padding:0;
font-size:12px;
}

#query {
width:110px;
}

.warning {
	color:#bb0000;
}

.exclamation {
font-size:18px;
}

#mapa {
float:none;
}

.note {
  text-align:center;
	font-size:12px;
	clear:both;
	margin-top:0;
	margin-bottom:0;
}

.note img {
  float:none;
}

img.icon {
	float:none;
	border:none;
	vertical-align:middle;	
}

#nv {	
	float:left;
	width:20px;
	margin:0;
	padding:0;  
}

#nv img {
  border:none;	
}

#back {
  text-align:center;
	clear:both;	
	padding-top:10px;
	margin:0 0 10px 0;	
}

.imginfo {
	background:#fff7de;
	border:black 1px dotted;
	padding-left:10px;	
}

.thumbs {	
	padding:5px;
	text-align:center;
}

/*
Návštěvní kniha
*/

.button {
	display:inline;
	margin:0 5px 0 5px;	
}

.spam {
	background:yellow;
}

.datum	{
	text-align:right;
	font-size:12px;
	font-style:italic;
	margin:0;
	color: #191970;
}

.name	{
	text-align:left;
	margin-bottom:0;
}

.email	{
	text-align:left;
	margin-top:0;
}

.message {
text-align:left;
}

.answer {
	padding-left:3em;
}

/* 
Hlavní navigační menu
*/
.navigace {
padding:0;
margin:0;
height:20px;
background:rgb(0,51,153);
width:770px;
}

#nav ul li a.expandable {
	background: url(images/arrow1.gif) no-repeat bottom right;
}

#nav, #nav ul { /* all lists */
	padding:0;
	margin:0;
	list-style:none;
	line-height:normal;
	font-family:arial, helvetica, serif;
	font-size:12px;
	background:rgb(0,51,153);
	text-align:left;	
	height:20px;	
}

#nav a {
	display: block;	
	padding:2px 15px 2px 15px;
	background:rgb(0,51,153);
	color:white;
	font-weight:bold;
	text-decoration:none;
	border-right:1px solid white;
}

#nav li { /* all list items */	
	background:rgb(0,51,153);
	float:left;	
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: rgb(90,130,200);	
	width: 100px;	
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a {
	background: rgb(90,130,200);
	width:100px;
}

#nav li ul a:hover {	
	text-decoration:underline;
}

#nav li ul li {
	border-bottom:gray 1px solid;
	padding-bottom:5px;
	background: rgb(90,130,200);
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -19px 0 0 130px;	
	color:white;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*
Rezervační formulář 
*/

.formrez {
margin:20px auto 20px auto;
text-align:center;
}

.formrez a {
text-decoration:underline;
}

.formrez p {
text-align:left;
}

.formular {
margin-left: auto;
margin-right: auto;
text-align:left;
width:520px;
font-size:12px;
}

.formular input,.formular textarea,.formular select
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

.formular p.submit 
{
text-align: center;
margin-left: auto;
margin-right: auto
}

.formular fieldset
{
border: 1px solid #781351;
width: 520px;
padding: 5px
}

.formular legend, .submit input
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
}

.calendar
{
position:absolute;
display:none;
background:#fee3ad;
border:solid #999999 2px;
}

.calendar a,a:hover,a:active
{
text-decoration:none;
}
