body {margin:0; _margin-left:1px; padding:0; text-align:center; background:#cc0000 url(/tema/bg.gif) repeat-y center; font:0.75em "Trebuchet MS", Arial; color:#333}
img {border:none}
h1 {margin:0; padding:0; font-size:150%; color:#006699}
h1.box {padding:22px 0 10px 10px; width:100px}
h2 {margin:0; padding:8px 0 4px 0; font-size:120%; color:#cc0000}
h3 {margin:0; padding:15px 0 0 10px; font-size:120%; color:#336633}
p {margin:12px 0; padding:0}
ul {margin:0; padding:0 30px}
li {margin:0; padding:0}
a {color:#cc0000; text-decoration:none}
a:hover {text-decoration:underline}
small {color:#006600}
acronym {border:none; text-decoration:underline}

h2 a {font-weight:normal; color:#ff0000; font-size:80%}

#all {margin:0 auto; padding:0 20px; width:740px; text-align:left; background:#fff url(/tema/motto.gif) no-repeat 197px 0px}

#hlava {padding-bottom:20px}
#nad {width:150px; height:47px; background:#ededed url(/tema/nav-end.gif) no-repeat center bottom}
#logo {margin-top:20px; float:left}
#logo b {display:none}

#menu {float:right}
#menu ul {margin:15px 0 0 0; padding:8px 0}
#menu li {margin:0 0 0 24px; padding:5px 0 5px 24px; border-left:1px solid #ccc; list-style:none; float:left}
#menu li.prvy {margin:0; padding:5px 0; border-left:none}
#menu a {display:block; height:37px; border-bottom:2px solid #fff; background:url(/tema/m-menu.gif) no-repeat right center}
#menu a#m {width:79px}
#menu a#s {width:97px; background-image:url(/tema/m-sluzby.gif)}
#menu a#g {width:102px; background-image:url(/tema/m-galeria.gif)}
#menu a#k {width:111px; background-image:url(/tema/m-kontakt.gif)}
#menu a:hover {border-bottom:2px solid #ea2f28}
#menu b {display:none}

/*
#menu a b {display:block; text-align:right; font:bold 30px Arial; line-height:30px; color:#ea2f28}
#menu a small {display:block; text-align:right; font:9px Verdana, Arial, Helvetica, sans-serif; color:#666}
#menu span {display:none}

HTML: <b>Menu</b><span> (</span><small>Jedálny lístok</small><span>)</span>
*/

#telo {background:url(/tema/nav-pas.gif) repeat-y left top}
#navbox {width:150px; float:left; text-align:right; background:url(/tema/nav-top.gif) no-repeat center top; overflow:hidden}
#nav {padding:20px 15px 50px 15px; color:#666666}
.ikona {margin-bottom:18px; height:28px; background:url(/tema/ikona.gif) no-repeat right; text-align:left; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#888}
.kotvy {padding:18px 0; border-top:1px solid #ccc}
.kotvy strong {display:block; padding-right:15px; color:#999;}
.kotvy a {display:block; padding-right:15px; background:url(/tema/sipky-p.gif) no-repeat right; color:#666; font-weight:bold}
.kotvy a.active {color:#000;}
.kotvy a:hover {color:#ea2f28; text-decoration:none}

.obsah {width:564px; float:right}
.maly {min-height:380px; _height:380px}
#patka {height:96px; background:url(/tema/kuchari.gif) no-repeat left bottom}
.copy {text-align:right; color:#999; font:90% Verdana, Arial, Helvetica, sans-serif}
.copy a {color:#666}
.copy a:hover {color:#cc0000}

.listok h2 {padding:25px 0 10px 0}

.cl, .clear {clear:both; width:auto !important;}
.vpravo {text-align:right}
ul.odrazky {padding:0 0 0 20px}
ul.odrazky li {list-style:none; padding:0 0 0 8px; background:url(/img/pomlcka.gif) no-repeat 0px 9px}

.stlpec-1 {width:269px; float:left}
.stlpec-2 {width:277px; float:right}

.obr-1 {display:block; width:269px; height:180px; background:url(/img/j01.jpg) no-repeat; margin-bottom:17px}
.obr-2 {display:block; width:278px; height:180px; background:url(/img/p06.jpg) no-repeat; margin-bottom:17px}
.obr-3 {display:block; width:278px; height:180px; background:url(/img/p04.jpg) no-repeat; margin-bottom:17px}

.box-1 {width:278px; height:193px; background:url(/img/b03.jpg) no-repeat; margin:-13px 0 17px 0}
.box-3 {width:278px; height:82px; background:url(/img/b02.jpg) no-repeat}

.box-1 {position:relative;}
.box-1 .tel {position:absolute; top:134px; left:130px; font-size:18px; color:#333;}

/* formulare */
form {margin:0; padding:0}
form#mailinglist {padding:6px 10px}
input, textarea, button {padding:1px 3px; border:1px solid #ccc; font:100% "Trebuchet MS", Verdana, Arial; color:#333}
textarea {overflow:auto}
button.go {border:none; background:#ccc; color:#fff; font-weight:bold; _height:1.8em; cursor:pointer}

.formular {text-align:right}
.formular input, .formular textarea {width:270px; margin:2px 0}
.formular input.zapis {width:auto; border:none; background:#ccc; color:#fff; font-weight:bold; height:1.8em; cursor:pointer}

/* tabulky */
table {font:100% Arial, Helvetica, sans-serif}
tr:hover {background:#fefef1}
td {border-bottom:1px solid #eee}
th {background:#ddd; font-weight:bold}

tr.popis td {font-weight:bold; text-transform:capitalize}
.pridaj tr:hover {background:#eee}
.pridaj input {color:#0033cc; border:none; font:100% Arial, Helvetica, sans-serif; _background:#f5f5f5}
.pridaj input:focus {background:#ffffcc}

.pridaj input.datum {width:210px; font-weight:bold}
.pridaj input.vaha {width:30px}
.pridaj input.nazov {width:400px; _width:100%}
.pridaj input.cena {width:25px}
.pridaj input.popis {width:446px; _width:100%}
.pridaj input.zapis {background:#0033cc; color:#fff; font-weight:bold; height:1.8em; cursor:pointer}
.pridaj input.zapis:hover {background:#ea2f28}
.pridaj input.mailing {width:100%; border:1px solid #ccc; margin:2px 0}
.pridaj textarea {width:100%; border:1px solid #ccc; color:#0033cc; font:100% Arial, Helvetica, sans-serif; margin:2px 0}

.adresa b {float:left; width:80px; display:block}
.adresa b br, .adresa i {display:none}

.euro {color:#999;}

.alert {margin:10px 0; padding:10px 10px 10px 40px; border:1px solid #df2121; color:#df2121; background:#ffebe4 url(/img/icons/error.png) 10px center no-repeat; font:bold 12px Arial, Helvetica, sans-serif;}

.fotky div {float:left; margin:5px 15px 10px 0; position:relative;}
.fotky a img {padding:2px; border:1px solid #d8e3e9;}
.fotky a.close {position:absolute; top:1px; right:1px; width:20px; height:20px; background:#fff;}
.fotky a.close img {border:none;}