html, body {height: 100%; padding: 0; margin: 0; font-family: Arial, sans-serif; font-size: 9pt;}

body {_text-align: center; /* IE */ background: #FFCC33 url('img/pozadired.gif') repeat-y 50%;} /*#D0003A*/



/* text ---------------------------------------------------------------------- */

p { color: #ffffff; text-align: justify; font-family: Arial;}

a { color: #FFCC33; text-decoration: none; padding: 0; margin: 0;}

a:hover { color: #FFCC33; text-decoration: underline;}

h1 { color: #FFCC33; font-size: 120%; font-style: normal; padding: 0; margin: 0;}

h2 { color: #FFCC33; font-size: 100%; font-style: normal;}

ul {color: #ffffff; padding: 0px; margin: 15px;}

form {color: #ffffff; font-weight: bold; margin: 0px; padding: 10px; text-align: justify; vertical-align: top; border: none;}







/* bloky ---------------------------------------------------------------------- */

#main {background: url('img/pozadi.gif') repeat-x 50% 0px; margin: 0; padding: 0; top: 0; left: 0; position: absolute; width: 100%; height: 20px;}

#celek {width: 628px; height: auto; min-height: 100%; _height: 100%; /* IE */ text-align: justify; margin: 0 auto;

	position: relative; z-index: 3;}

#hlavicka {position: relative; left: 0px; top: 40px; padding: 0px; width: 628px; height: 156px; background: url('img/vrch.gif') no-repeat;}

#vrchtext { position: absolute; left: 260px; top: 2px; margin: 0; width: 470px; height: 15px; text-align: right; color: #ffffff; z-index: 3;}



#stranyobsah {position: absolute; top:230px; padding: 0px; width: 628px; padding-bottom: 0px;}

#prava {float:right; position: relative; padding: 0px 0px 0px 0px; left: 0px; width: 390px; z-index: 3; }

#leva {float:left; position: relative; left: 0px; width: 200px; padding: 0px 0px 0px 3px; margin: 0px; text-align: center; z-index: 3;}

#paticka_matrjoska { float:right; width: 625px; left: 0; margin-top:10px; position: relative;

	height: 32px; background: #000000 url('img/spodek.gif') no-repeat; z-index: 3; }

#paticka {color: #FFCC33; padding: 4px; padding-right: 15px; text-align: right;}



/* flash ---------------------------------------------------------------------- */

#flash { position: absolute; left: 1px; top: 6px; margin: 0; width: 626px; height: 121px; z-index: 6;}

.flash2 { position: relative; left: 1px; margin: 0; width: 626px; z-index: 6;}

	

/* menu ---------------------------------------------------------------------- */

#menu { position: absolute; left: 0px; top: 136px; margin: 0; width: 620px; height: 15px; text-align: right;}

a.cervena { color: #D0003A; text-decoration: none; display: block; padding: 0px 10px 0px 10px; font-weight: bold; float: right;}

a.cervena2 { color: #D0003A; text-decoration: none; display: block; padding: 0px 10px 0px 10px; font-weight: bold; float: left;}

a:hover.cervena { color: #000000; text-decoration: none;}

a:hover.cervena2 { color: #000000; text-decoration: none;}



/* ostatni ---------------------------------------------------------------------- */

.noram {padding: 0px; border: 0px; margin: 0px;}

.ram {padding: 0px; border: 3px solid #ffffff; margin: 0px; }

.ram1 {padding: 1px; border: 3px solid #ffffff; margin: 0px; background: #E48800;}

.clearboth {clear: both;}

.obr{float: left;width: 180px; text-align: center; color: #ffffff; padding-top: 15px;}

.akce{position: absolute; top:196px; right:0px; color: #000000; background-color: #FFCC33; margin-bottom: 0px; float:left}

.right{float:right;}

.left{float:left;}



/* formulare ---------------------------------------------------------------------- */

.formular { margin: 2px; margin-left:0px; color: #333333; border: 1px solid #FFCC33;	background-color: #ffffff;

	height: 18px; font-family : Arial, sans-serif; font-size: 9pt; padding: 0px;}

.formular2 { margin: 2px; color: #333333; border: 1px solid #FFCC33; background-color: #ffffff; overflow: hidden;

	height: 160px; font-family : Arial, sans-serif; font-size: 9pt; padding: 0px;}

.tlacitko {color: #000000; width : 70px; height: 20px; border: 1px solid #ffffff; cursor: hand;

   background-color: #FFCC33; font-family : Arial, sans-serif; font-size: 9pt; padding: 0px;}



.input { margin-left: 10px; color: #FFFFFF; border: 1px solid #D9D9D9;	background-color: #D0003A;

	height: 16px; font-family : Arial, sans-serif; font-size: 8pt; padding: 0px;}

.textarea { margin-left: 10px; color: #FFFFFF; border: 1px solid #D9D9D9;	background-color: #D0003A;

	font-family : Arial, sans-serif; font-size: 8pt; padding: 0px;}





.pizza {width: 100%;}

.code {width: 30px}

.price {width: 60px;}

td {color: #FFFFFF;}

td {padding-right: 10px; margin: 0px}



.menu {width: 100%;}

.menu td { vertical-align: top;}



/* jidlo ---------------------------------------------------------------------- */

#jidlo { width: 380px; margin: 0; padding: 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; background: #FFCC33;}

#jidlo h2 { color: #D0003A; font-size: 110%; padding: 0px 3px 0px 10px;}

#jidlo .tabulka { border: 0px; margin: 0; margin-right: 0; width: 100%;}

#jidlo td {font-family: sans-serif; text-align: left; border: none; padding: 2px 2px 2px 5px; color: #000000; vertical-align: top;}

#jidlo td.mala { width: 40px; text-align: center;}



/* CSS Document */



#listek

	{

	position:relative;

	padding:0px 0px 0px 0px;

	background:#FFC10E url('img/poz.png') repeat-y center top;

	color:black;
	
	overflow:hidden;

	}
	


	

#listek #top

	{

	

	top:0px;

	width:100%;

	height:35px;

	background:#FFC10E url('img/top.png') no-repeat 50% bottom;
	

	}

	

#listek #bottom
	{
	
	bottom:0px;
	
	left:0px;
	clear:both;
	height:38px;
	width:100%;
	background:#FFC10E url('img/bottom.png') no-repeat 50% top;
	z-index:100;
	

	}

	

#listek table

	{

	margin:0px 15px 25px 15px;

	color:black;

	position:relative;

	z-index:10;
	
	width: 360px;

	}

	

#listek table td {color:black;}

#listek h2 {background:#d71920; color:white; display:inline; font-size:140%;    padding:0px 5px; left:-5px; position:relative;}

#listek h3 {margin:0; font-size:120%;}