/* Zakladni deklarace */
* {
margin: 0;
padding: 0;
list-style-type: none;
}

html {
overflow: -moz-scrollbars-vertical; /* Vertikalni scrollbar vzdy i v Gecku, neskace pak design s delsi/kratsi strankou */
font: 0.8em Arial,Verdana,sans-serif;
background: #fff;
}

body {
width: 752px;
margin: 0px auto 10px auto;
padding: 10px;
background: #fff;
position: relative;
overflow: visible;
}

hr {
display: none;
}

h1#pagename {
display: none;
}

/* Hlavicka */
h1#head {
width: 752px;
height: 163px;
background: url('top.jpg') no-repeat bottom center;
}

h1#head a {
display: block;
width: 752px;
height: 163px;
}

h1#head a:hover {
outline: none;
}

h1#head a span {
display: none;
}

/* Hlavni horizontalni menu */
ul#menu11 { 
width: 750px;
height: 34px;
border-left: 1px solid #D99DA0;
border-right: 1px solid #D99DA0;
}

ul#menu11 li {
float: left;
}

ul#menu11 li a {
display: block;
width: 125px;
height: 34px;
background: url('menu-button.png') no-repeat top left;
font: normal 12px arial, sans-serif;
line-height: 34px;
color: #fff;
text-decoration: none;
text-align: center;
}

ul#menu11 li a:hover {
background-position: bottom left;
outline: none; /* outline nastavit az tady, aby se dalo na polozku v menu dojet tabem */
}

ul#menu11 li a.selected {
font-weight: bold;
background-position: bottom left;
}

ul#menu11 li a.selected:hover {
}

/* Hlavni obsah */
div#area {
width: 720px; /* 752 - 30px padding - 2px border */
border: 1px solid #DBDCDD;
border-top: 0;
padding: 15px;
overflow: hidden;
background: url('content-background.png') repeat-x left top;
position: relative;
}

img#column-left-telephone {
width: 94px;
height: 54px;
position: absolute;
bottom: 10px;
}

div#page-homepage img#column-left-telephone {
display: none;
}

img#column-left-chef {
width: 102px;
height: 219px;
position: absolute;
bottom: 10px;
display: none;
}

div#page-homepage img#column-left-chef {
display: inline;
}

img#column-left-logo-pizza-restaurant {
width: 94px;
height: 55px;
position: absolute;
display: none;
bottom: 84px /* 10px od kraje + 54px za telefon + 20px odsazení */
}

div#page-restaurace img#column-left-logo-pizza-restaurant {
display: block;
}

img#column-left-logo-pizza-express {
width: 94px;
height: 56px;
position: absolute;
display: none;
bottom: 84px /* 10px od kraje + 54px za telefon + 20px odsazení */
}

div#page-rozvoz img#column-left-logo-pizza-express {
display: block;
}

img#column-left-logo-pizza-penzion-apartman {
width: 94px;
height: 14px;
position: absolute;
display: none;
bottom: 84px /* 10px od kraje + 54px za telefon + 20px odsazení */
}

div#page-penzion img#column-left-logo-pizza-penzion-apartman {
display: block;
}

/* Text stranky */
div#content {
float: left;
width: 326px;
margin: 0 15px;
}

div#content h2 {
color: #AC0F15;
font: bold 1.5em arial, sans-serif;
margin-bottom: 10px;
}

div#content h3 {
color: #AC0F15;
font: bold 1.1em arial, sans-serif;
margin-bottom: 10px;
}

div#content h4 {
color: #000;
font: bold 1em arial, sans-serif;
margin-bottom: 10px;
}

div#content a {
color: #930608;
text-decoration: none;
}

div#content a:hover {
text-decoration: underline;
}

div#content p {
margin-bottom: 10px;
text-align: justify;
font-size: 0.9em;
}

div#content p em {
font-style: italic;
font-weight: bold;
}

div#content img {
margin: 0 0 10px 10px;
}

div#content a img {
border: 1px solid #B6B5B6;
} 

div#content a:hover img {
border-color: #EC1C23;
visibility: visible;
}

div#content ul {
margin-left: 40px;
margin-bottom: 20px;
}

div#content ul li {
list-style-type: disc !important;
}

div#hra { /* to je ta flashova hra */
width: 500px;
height: 400px;
margin: 0 auto;
}

/* pravy panel */
div#column {
float: right;
}

div#pizzerie-penzion {
width: 226px; 
padding: 10px;
border: 1px solid #B6B5B6;
background: url('pizzerie-penzion-gradient.png') repeat-x top left;
overflow: hidden;
}

div#pizzerie-penzion div#pizzerie,
div#pizzerie-penzion div#penzion {
float: left;
width: 108px;
text-align: center;
margin-bottom: 7px; /* nekde ty 3px litaj, margin ma bejt celkem 10px */
}

div#pizzerie-penzion div#penzion {
float: right;
}

div#pizzerie-penzion div#pizzerie h2 a,
div#pizzerie-penzion div#penzion h2 a {
color: #930608;
font: bold 27px arial, sans-serif;
text-decoration: none;
}

div#pizzerie-penzion div#penzion h2 a {
color: #547132; /* zmenime zpatky barvu */
}

div#pizzerie-penzion div#pizzerie h2 a:hover,
div#pizzerie-penzion div#penzion h2 a:hover {
text-decoration: underline;
}

div#pizzerie-penzion div#pizzerie a:hover,
div#pizzerie-penzion div#penzion a:hover {
outline: none;
}

div#pizzerie-penzion div#pizzerie a img,
div#pizzerie-penzion div#penzion a img {
border: 1px solid #BDBAAF; 
width: 106px;
height: 106px;
}

div#pizzerie-penzion div#pizzerie a:hover img,
div#pizzerie-penzion div#penzion a:hover img {
border: 1px solid #EC1C23;
} 

div#pizzerie-penzion div#map-address {
margin-bottom: 10px;
clear: both;
width: 100%;
overflow: hidden;
}

div#pizzerie-penzion div#map-address a img {
width: 55px;
height: 55px;
border: 1px solid #BDBAAF;
float: left;
margin-right: 10px;
padding: 0;
}

div#pizzerie-penzion div#map-address a:hover {
visibility: visible;
}

div#pizzerie-penzion div#map-address a:hover img {
border: 1px solid #EC1C23;
}

div#pizzerie-penzion div#map-address p a {
color: #930608;
text-decoration: none;
visibility: visible;
}

div#pizzerie-penzion div#map-address p a:hover {
text-decoration: underline;
}

div#pizzerie-penzion img#exterier {
width: 224px;
height: 202px;
border: 1px solid #BDBAAF;
}

/* levy panel */
div#column-left {
float: left;
width: 111px;
min-height: 425px;
height: 425px; /* IE min-height */
background: url('vertical-line.png') no-repeat top right;
}

div[id]#column-left {
height:auto;
}


div#column-left h2 {
color: #000;
font: bold 1.2em arial, sans-serif;
margin-bottom: 10px;
}

div#column-left h3 {
color: #AC0F15;
font: bold 1em arial, sans-serif;
margin-bottom: 10px;
}

ul#menu21 a {
color: #949598;
text-decoration: none;
}

ul#menu21 a:hover, 
ul#menu21 a.selected {
color: #AC0F15;
} 

/* Nabidka */
table#nabidka {
/*width: 326px;*/
width: 100%;
margin: 0 0 20px 0;
padding: 0;
border-collapse:	collapse;
border-spacing: 0;
}

table#nabidka caption {
text-align: center;
margin-bottom: 10px;
}

table#nabidka col.name {
width: 78%;
}

table#nabidka col.price {
/*width: 12%;*/
text-align: left;
}

table#nabidka tr th {
background: #dcddde;
padding: 0 5px;
text-align: left;
color: #000;
line-height: 25px;
}

table#nabidka tr.name-price td {
padding: 5px 5px 0 5px;
border: 0;
}

table#nabidka tr td {
padding: 0 5px 5px 5px;
border-bottom: 1px solid #ccc;
}

table#nabidka tr td strong {
display: block;
/*width: 240px;*/
text-align: left;
}

table#nabidka tr th strong,
table#nabidka tr.name-price {
color: #AC0F15;
}

p.note {
color: #C7C7C5;
margin: 10px 0;
font-weight: bold;
text-align: justify;
}

p.note a {
text-decoration: none;
color: #C7C7C5;
font-weight: bold;
}

p.note a:hover {
text-decoration: underline;
color: #EC1C23;
}

/* Copyright & Design by MitonCZ */
a#copyright, a#miton, a#showlogin {
float: left;
color: #9A9C9E;
font: normal 10px verdana, tahoma, sans-serif;
text-decoration: none;
margin: 5px 0 0 0;
}

a#showlogin {
float: left;
margin-left: 200px;
}


a#miton {
float: right;
}

a#copyright:hover, a#miton:hover, a#showlogin:hover {
text-decoration: underline;
color: #000;
}

div#dvd-mania {
text-align: center;
clear: both;
/*padding-top: 10px;*/
position: relative;
top: -81px;
left: -70px;
}

div#dvd-mania a img {
border: 0;
font-size: 0;
line-height: 0;
}

/* rezervace */
form {
margin-bottom: 10px;
}

fieldset {
border: 1px solid #B6B5B6;
padding: 10px;
}

legend {
margin: 0 0 0 5px !important;
margin-bottom: 10px; /* IE ignoruje padding u fieldset */
padding: 0 5px;
}

label {
float: left;
margin-right: 10px;
margin-bottom: 5px;
text-align: right;
width: 100px;
cursor: pointer;
/*cursor: hand;*/
}

label strong {
color: #AC0F15;
}

input.text,
textarea {
float: left;
width: 150px;
margin-bottom: 5px;
}

textarea {
height: 50px;
}

input.cas {
width: 50px;
margin-right: 10px;
}

form#rezervace fieldset input.submit {
width: 75px;
float: right;
}

form#rezervace fieldset select {
float: left;
width: 90px;
height: 20px;
}

form#rezervace br {
clear: both;
}

form#rezervace p {
clear: both;
margin-top: 20px;
margin-bottom: 0;
}

dl.dl-submit {
clear: both;
}

/* Galerie a jeji sidebar */
div#content a.photo {
width: 324px;
height: 250px;
border: 1px solid #BDBAAF;
display: block;
margin: 0 auto 10px auto;
font-size: 0;
} 

div#content a.photo:hover {
border: 1px solid #EC1C23;
outline: none;
}

div#content a.photo img {
border: 0;
margin: 0; 
}

/* sidebar */
div#gallery-sidebar {
float: right;
width: 236px; 
padding: 0 0 10px 9px; /* 10px nejde v IE - pak se to rozsype :) */
border: 1px solid #B6B5B6;
background: url('pizzerie-penzion-gradient.png') repeat-x top left;
overflow: visible;
}

div#gallery-sidebar div#thumbnails a {
border: 1px solid #BDBAAF;
width: 106px;
height: 106px;
float: left;
font-size: 0;
visibility: visible;
position: relative;
margin: 10px 10px 0 0;
}

div#gallery-sidebar div#thumbnails a:hover {
border: 1px solid #EC1C23;
outline: none;
}

div#gallery-sidebar div#thumbnails a img {
border: 0;
}

/* strankovani nahledu v sidebaru */
div#gallery-sidebar div.pager-navigation {
float: left;
margin-top: 10px;
margin-bottom: 0;
padding: 0;
height: 20px;
line-height: 20px;
overflow: hidden; /* IE - jinak z toho udela 40px :-) */
}

div#gallery-sidebar div.pager-navigation div {
float: left;
margin-right: 5px;
}

div#gallery-sidebar div.pager-navigation div a span { /*Odstranit textove ekvivalenty grafickych tlacitek */
display: none; 
}

div#gallery-sidebar div.pager-navigation div.pager-first a,
div#gallery-sidebar div.pager-navigation div.pager-back a,
div#gallery-sidebar div.pager-navigation div.pager-next a,
div#gallery-sidebar div.pager-navigation div.pager-last a {
display: block;
position: relative;
width: 20px;
height: 20px;
background-repeat: no-repeat;
}

div#gallery-sidebar div.pager-navigation div.pager-first a:hover,
div#gallery-sidebar div.pager-navigation div.pager-back a:hover,
div#gallery-sidebar div.pager-navigation div.pager-next a:hover,
div#gallery-sidebar div.pager-navigation div.pager-last a:hover {
background-position: 20px 0;
}

div#gallery-sidebar div.pager-navigation div.pager-first a {
background: url('page-select-first.png');
}

div#gallery-sidebar div.pager-navigation div.pager-back a {
background: url('page-select-back.png');
}

div#gallery-sidebar div.pager-navigation div.pager-next a {
background: url('page-select-next.png');
}

div#gallery-sidebar div.pager-navigation div.pager-last a {
background: url('page-select-last.png');
}

div#gallery-sidebar div.pager-navigation div.pager-pages a {
text-decoration: none;
color: #EC1C23;
}

div#gallery-sidebar div.pager-navigation div.pager-pages a:hover {
color: #EC1C23;
}

div#gallery-sidebar div.pager-navigation div.pager-pages span.pager-current-page {
text-decoration: none;
}

/* admin */
form#loginForm {
display: none;
margin: 0;
padding: 0; 
}

form#loginForm table.quick-form {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #CE6F73;
margin: 0 0 10px 0;
width: 247px;
}

form#loginForm table.quick-form th.quick-form-header {
height: 32px;
background: url('bar.png') repeat-x top left;
font: normal 12px arial, sans-serif;
line-height: 32px;
color: #fff;
text-decoration: none;
text-align: center;
border-bottom: 1px solid #CE6F73;
padding: 0 !important;
}

form#loginForm table.quick-form td {
height: 25px;
text-align: center;
}

form#loginForm table.quick-form td.quick-form-label span.quick-form-asterisk,
form#loginForm table.quick-form td.quick-form-required-note {
display: none;
}

div.editlink a {
display:block;
border: 1px solid #AC0F15;
width: 150px;
color: #fff !important;
height: 32px;
font: bold 1em arial, sans-serif;
line-height: 32px;
text-align: center;
text-decoration: none;
background: url('bar.png') repeat-x;
margin-top: 20px;
}

div.editlink a:hover {
background: url('bar2.png') repeat-x;
text-decoration: none !important;
}

/* Guestbook */
table.quick-form {
margin-bottom: 20px;
}

div#area div#content ul.guestbook {
margin: 0;
padding: 0;
}

div#area div#content ul.guestbook li {
list-style-type: none !important;
background: none;
margin-bottom: 10px;
}

div#area div#content ul.guestbook li div.guestbook-message,
div#area div#content ul.guestbook li div.guestbook-message-reply {
padding: 5px;
border: 1px solid #ccc;
margin-bottom: 10px;
}

div#area div#content ul.guestbook li div.guestbook-message-reply {
margin-left: 30px;
background: #eee;
}

div#area div#content ul.guestbook li h3,
div#area div#content ul.guestbook li h4 {
font-size: 12px;
}

div#area div#content ul.guestbook li h4 {
padding-bottom: 6px;
border-bottom: 1px solid #ccc;
font-weight: normal;
}