* {margin: 0; padding: 0;} 

body {background-image: url(images/bg2.jpg); font: 12px Arial; color: #2f2f2f; margin: 0; padding: 0;}
p {margin: 20px 0px 0px 5px; line-height: 1.5em;}
hr {width: 924px; height: 4px; background-image: url(images/hr.jpg); margin: 30px 0px 30px 4px; border: none; clear: both; outline: none; overflow:hidden;}
h3 {font: 12px Arial; color: #ca0000; text-transform: uppercase; font-weight: bold}
h3 span {color: #058723; text-transform: none;}
a {color: #ca0000; text-decoration: none;}
a:hover {color: #ca0000;  text-decoration: underline;}
a img {border: none;}


#topline {width: 100%; background-image: url("images/bg.jpg"); background-repeat: repeat-x; }
#page-container {position: relative; width: 1023px; height: auto; margin: 0px 0px 0px -512px; left: 50%;}
#header {width: 1023px; height: 157px; background-image: url(images/header.jpg); position: relative;}

#page-wrapper {width: 1023px; min-height: 300px; _height: 300px; background-image: url(images/page-bg.jpg); background-repeat: no-repeat;}
#main {width: 924px; height: auto; margin: 0px 0px 0px 50px; padding: 30px 0px 0px 0px;}


h2#index-nadpis {width: 350px; height: 22px; background-image: url(images/h2/index-nadpis.jpg); text-indent: -100000px; background-repeat: no-repeat;}
p#welcome-text {width: 425px;}

#lunch1 {position: absolute; width: 244px; height: 175px; background-image: url(images/lunch1.jpg); top: 230px; left: 500px; text-indent: -10000px;}
#contact1 {position: absolute; width: 242px; height: 175px; background-image: url(images/contanct1.jpg); top: 230px; right: 40px; text-indent: -10000px;}


  
/* MENU */
#navigation		{ position: relative; 	width: 921px;	height: 68px; font-size: 0; background:  url("images/navigace.jpg") 0 0 no-repeat; margin: 2px 0px 3px 0px; }
#navigation ul		{ position: relative;	width: 921px;	height: 68px;	margin: 0; padding: 0; list-style: none; }
#navigation li		{ position: absolute; display: block; 	height: 68px;	margin: 0; padding: 0; }
#navigation li a	{ position: relative; display: block; 	height: 68px;	overflow: hidden; }
#navigation span 	{ position: absolute; display: block; 	height: 68px;	left: 4px; top: 4px; font-size: 1.0em; text-align: center; background-color: #F2F2F2; overflow: hidden; }
#navigation em 		{ position: absolute; display: block; 	height: 68px;	top: 0px; background: #FFFFFF url("images/navigace.jpg") 0 0 no-repeat; }

#navigation li#button-1			{ width: 235px; }
#navigation li#button-1 a em		{ background-position: 0	0; width: 235px;}
#navigation li#button-1 a:hover em	{ background-position: 0px	-68px;  width: 235px;}
#navigation li#button-1 a:active em	{ background-position: 0px	-136px;  width: 235px;}
#navigation li#button-1.active a em	{ background-position: 0px	-136px;  width: 235px;}


#navigation li#button-2			{ left: 235px; width: 233px; }
#navigation li#button-2 a em		{ background-position: -235px	0; width: 233px; }
#navigation li#button-2 a:hover em	{ background-position: -235px	-68px; width: 233px; }
#navigation li#button-2 a:active em	{ background-position: -235px	-136px; width: 233px; }
#navigation li#button-2.active a em	{ background-position: -235px	-136px; width: 233px; }


#navigation li#button-3			{ left: 468px; width: 220px; }
#navigation li#button-3 a em		{ background-position: -468px	0; width: 220px;}
#navigation li#button-3 a:hover em	{ background-position: -468px	-68px; width: 220px;}
#navigation li#button-3 a:active em	{ background-position: -468px	-136px; width: 220px;}
#navigation li#button-3.active a em	{ background-position: -468px	-136px; width: 220px;}


#navigation li#button-4			{ left: 688px; width: 165px; }
#navigation li#button-4 a em		{ background-position: -688px	0; width: 165px; }
#navigation li#button-4 a:hover em	{ background-position: -688px	-68px; width: 165px;}
#navigation li#button-4 a:active em	{ background-position: -688px	-136px; width: 165px;}
#navigation li#button-4.active a em	{ background-position: -688px	-136px; width: 165px;}


#navigation li#button-5			{ left: 853px; width: 113px;}
#navigation li#button-5 a em		{ background-position: -853px	0;width: 113px; }
#navigation li#button-5 a:hover em	{ background-position: -853px	-68px;width: 113px; }
#navigation li#button-5 a:active em	{ background-position: -853px	-136px;width: 113px; }
#navigation li#button-5.active a em	{ background-position: -853px	-136px;width: 113px; }
/* Konec MENU */

/* carousel */
#carousel {width: 920px; height: 190px; margin: 0px 0px 0px -7px;}
#carousel img{margin: 0px 15px 0px 15px; padding: 9px 11px 11px 9px; background-image: url(images/slider-bg.jpg); width: 263px; height: 170px;}
.next {position: absolute; right: 20px; width: 29px; height:36px; top: 530px; background-image: url(images/prev.png); background-repeat: no-repeat; border: none; outline: none;}
.next:hover {background-position: 0 -36px;}
.prev {position: absolute; width: 29px; height: 36px; top: 530px; left: 20px; background-image: url(images/next.png); background-repeat: no-repeat; border: none; outline: none; }
.prev:hover {background-position: 0 -36px;}
/* Konec carousel */

/* Aktuality homepage */
#aktuality-homepage {width: 260px; min-height: 300px; _height: 300px; margin: 0px 0px 0px 5px;}
h2#aktuality-nadpis-homepage {width: 187px; height: 21px; background-image: url(images/h2/aktuality-homepage.jpg); background-repeat: no-repeat; text-indent: -100000px; margin: 0px 0px 10px 0px;}
#aktuality-homepage p {margin: 0px 0px 10px 0px; padding: 0px;}                                                                                                     
/* Konec Aktuality */

/* Speciality homepage */
#speciality-homepage {position: absolute; width: 260px; height: 300px; left: 353px;}
h2#speciality-nadpis-homepage {width: 158px; height: 21px; background-image: url(images/h2/speciality-homepage.jpg);background-repeat: no-repeat; text-indent: -100000px; margin: 0px 0px 10px 0px;}
#speciality-homepage p {margin: 0px 0px 10px 0px; padding: 0px;}
/* Konec Specialty */

/* video */
#video {position: absolute; right: 35px;}
h2#video-nadpis {width: 236px; height: 21px; background-image: url(images/h2/video-nadpis.jpg);background-repeat: no-repeat; text-indent: -100000px; margin: 0px 0px 10px 0px;}
#player {display:block; width:315px; height:244px; background-image: url(images/video-bg.jpg); padding: 0px 20px 17px 0px; background-position: bottom right; background-repeat: no-repeat;}
/* konec video */

/*footer */
#footer {width: 100%; height: auto; padding: 10px;}
#footer img {margin-right: 20px;}

/* POLEDNI MENU */
h2#poledni-menu-nadpis {width: 283px; height: 20px; background-image: url(images/h2/poledni-menu-nadpis.jpg); background-repeat: no-repeat;text-indent: -10000px;}


table#poledni-menu-table {width: 700px; margin: 15px 0px 0px 5px;font: 12px Arial; line-height: 40px;}
.table-day {font: 14px Arial; color: #c30000; font-weight: bold; line-height: 50px; vertical-align: top;}
.table-date {font: 14px Arial; color: #515151; font-weight: bold;line-height: 50px; vertical-align: top; text-align: right;}
.cena {text-align: right; font-weight: bold; color: #058723;}


/* JIDELNI LISTEK */
h2#jidelni-listek-nadpis {width: 283px; height: 20px; background-image: url(images/h2/jidelni-listek.jpg);background-repeat: no-repeat; text-indent: -10000px;}

#listek-container {width: 100%; padding: 10px;}
#listek-container ul {list-style-type: none;}

.nazev {font-weight: bold; line-height: 1.5em}
.kategorie-nadpis {margin: 20px 0px 10px 0px;}
.popis {margin: 0px 0px 20px 0px; color: #707070;}


 /* Fotogalerie */
 h2#fotogalerie-nadpis {width: 283px; height: 20px; background-image: url(images/h2/fotogalerie.jpg); background-repeat: no-repeat;text-indent: -10000px;}
 .gallery-box {width: 210px; min-height: 230px; _height: 230px; display: block; float: left; margin: 15px 16px 0px 5px;}
 .gallery-box img {max-width: 210px; max-height: 141px; margin: 0px 0px 10px 0px;}
 #galerie-detail {margin: 10px 0px 0px 0px;}           
 #galerie-detail img {margin: 10px 0px 0px 10px; max-width: 210px; max-height: 141px; }
 .galerie-nadpis {margin: 20px 0px 0px 10px;}
  #galerie-detail p{margin: 0px 0px 0px 10px;}
.back {margin: 0px 0px 0px 10px;}

 /* Kontakty */
 h2#kontakt-nadpis {width: 283px; height: 20px; background-image: url(images/h2/kontakt.jpg);background-repeat: no-repeat; text-indent: -10000px;}
 #mapa {position: absolute; right: 50px; top: 300px; border: 1px solid #ca0000;}
 
  /* Aktuality */
 h2#aktuality-nadpis {width: 283px; height: 20px; background-image: url(images/h2/aktuality.jpg); background-repeat: no-repeat;text-indent: -10000px;}
 #aktuality-wrapper {margin: 25px 0px 0px 10px;}
 #aktuality-wrapper h3 {margin: 15px 0px 0px 0px;}
 #aktuality-wrapper p {margin: 0px 0px 20px 0px;}
 
 
.image-container {width: 220px; height: 110px; background: black;  text-align: center; margin: 0px 15px 20px 0px; float: left; }
.image-news {max-width: 220px; max-height: 110px; width: expression(this.width > 110 ? "110px" : true);height: expression(this.height > 110 ? "110px" : true); vertical-align: middle;}
.news-table {margin: 5px 0px 5px 0px; vertical-align: top; font-size: 12px; _height: 120px; min-height: 120px;}