/* CSS Document */
* { margin:0; padding:0; }
a img { border:none; }
address { font-style:normal; }
body { background-color:#d1d2d4; color:#444; font-family:arial, sans-serif; font-size:x-small; }
#all { background:url('layout/bg-all.png') top left repeat-y; width:792px; margin:0 auto; padding-top:14px; font-size:110%; }
#page { background:url('layout/postavicka-seda.png') bottom right no-repeat; padding-bottom:70px; }

#head { width:100%; height:116px; color:#fff; background:#95b4df url('layout/bg-head.png') top right no-repeat; position:relative; }
#head h1 a { display:block; width:305px; height:77px; overflow:hidden; position:relative; top:10px; left:35px; color:#fff; }
#head h1 a img { position:absolute; background-color:#95b4df; }

div#fast-nav { width:564px; float:right; background:#c3cbd8 url('layout/bg-q-nav.png') top left repeat-x; }
div#fast-nav h3 { display:none; }
div#fast-nav ul { list-style-type:none; width:319px; padding:0 0 14px 119px; float:right; background:#768cc0 url('layout/bg-q-nav-img.png') top left no-repeat; }
div#fast-nav ul li { float:left; }
div#fast-nav ul li a { width:137px; height:20px; padding:5px 5px 0 0; display:block; float:left; margin-left:3px; background:#0a5cab url('layout/bg-q-nav-butt.png') top left repeat-x; }

div#content { width:534px; float:right; clear:right; padding:0 15px; position:relative; border-right:1px solid #aaa; min-height:350px; }
div#content h1 { color:#005aab; text-transform:uppercase; }
div#content h1.first span { display:none; }
div#content h1, div#content h2, div#content h3 { margin:15px 0 5px 0px; font-size:120%; }
div#content h4, div#content h5, div#content h6 { font-size:100%; }
table { margin:8px auto; border-collapse:collapse; }
table tbody th { text-align:right; }
table td, table th { padding:2px 5px; }
table td.n { text-align:right; }

div.terminy table, div.rezervace table { width:100%; }
div.terminy table tbody th { text-align:left; }
div.terminy table tr.odd td { background-color:#eee; border:1px solid #aaa; }
div.terminy table tr.even td { background-color:#ddd; border:1px solid #aaa; }
div table tbody tr.del * { text-decoration: line-through; color:#f00; }
table tr.del td.akce { text-decoration: none; }
div.rezervace table thead th { padding:2px; }
div.rezervace table td.empty { background-color:#aaa; }
div.rezervace table td.full { cursor:crosshair; }
div.terminy table th, div.terminy table td,
div.rezervace table th, div.rezervace table td { border:1px solid #aaa; color:#fff; }
div.terminy table td { color:#000; }
div.terminy table thead th,
div.rezervace table thead th { background-color:#005aab; }
div.terminy table tbody th,
div.rezervace table tbody th { background-color:#f36f21; }
div.rezervace table tbody td { background-color:#0a0; text-align:center; }

div.sign, div.reset { width:48%; float:left; }
div.reset { float:right; }
div.sign input.text, div.reset input.text { width:120px; }
div.sign fieldset, div.reset fieldset { padding:20px 20px 10px 20px; }
div.sign label, div.reset label { width:70px; }
div#content div.sign p, div#content div.reset p { text-align:left; }

div#content ul, div#content dl { padding-left:30px; margin-bottom:5px; }
dl dt { float:left; margin-right:3px; } 
dl dd { margin-left:90px; }
div#content p { clear:both; margin:13px 0; text-align:justify; }
div#content a { color:#f0752c; text-decoration:underline; }
div#content a:hover { color:#005aab; text-decoration:none; }
div#content img.r { float:right; margin:0 0 8px 5px; }
div#content img.l { float:left; margin:0 5px 8px 0; }
div#content p.c { text-align:center; }
div#content img.no-smoke { vertical-align:middle; }
div#content p.autor { text-align:right; }

form br { clear:left; }
fieldset { border:none; background-color:#e7e7e8; padding:20px 40px; }
label { display:block; float:left; width:10em; }
label.checkbox { float:none; width:auto; margin-left:10em; }
#content form p.poznamka { margin-left:10em; font-style:italic; }
form img { margin-left:10em; }
input, textarea { margin-bottom:2px; padding:1px 2px; }
input.text { width:15em; }
input.medium {width:10em;}
textarea { width:20em; height:8em; }
input.submit { cursor:pointer; }

div.breadcrumbs { display:none; position:absolute; left:10px; top:-32px; }

div#fast-nav ul li a, div#main-nav ul li a { font-size:100%; color:#fff; text-align:right; text-decoration:none; text-transform:uppercase; }
 
div.side-col { float:left; width:211px; min-height:350px; position:relative; top:-39px; margin-left:14px; display:inline; }
div#main-nav { background:#f36f21 url('layout/bg-m-nav.png') top left repeat-y; }
div#main-nav h3 { display:none; }
div#main-nav ul { padding:20px 0; list-style-type:none; background:url('layout/bg-m-nav-img.png') 12px 0px no-repeat; min-height:150px; position:relative; }
div#main-nav ul li { padding:1px 0 2px 0; }
div#main-nav ul li a { display:block; font-weight:bold; text-align:left; margin-left:80px; padding:2px 2px 2px 12px; background:url('layout/bg-m-nav-list-style.png') 0% 50% no-repeat; }
div#main-nav ul li a.p-active, div#main-nav ul li a:hover, div#main-nav ul li li a:hover { background-image:url('layout/bg-m-nav-list-style-w.png'); }
div#main-nav ul li a.active { color:#4b5164; }
div#main-nav ul li ul { min-height:0; background:none; padding:0 0 10px 15px; }
div#main-nav ul li ul li {  }
div#main-nav ul li ul li a { }
div#main-nav span.bottom { height:11px; font-size:1px; display:block; background:url('layout/bg-m-nav-bott.png') top left no-repeat; }


div#foot { width:100%; background-color:#fff; }
div#foot div { width:792px; margin:0 auto; background: url('layout/bg-all.png') top left repeat-y; padding:4px 0; }
div#foot div ul { list-style-type:none; width:245px; text-align:center; float:left; }
div#foot div ul li { display:inline; margin-right:5px; padding-right:5px; border-right:1px solid #fff; }
div#foot div ul li.last { border-right:none; }
div#foot div ul li a { color:#fff; background-color:#005aab; text-decoration:none; }
div#foot div ul li a:hover { text-decoration:underline; }
div#foot div p { margin-left:245px; color:#aaa; }
div#foot div p span { float:right; }
div#foot div p a { color:#aaa; text-decoration:none; }
div#foot div p a:hover { color:#444; text-decoration:underline; }

span.clear { clear:both; display:block; height:1px; font-size:1px; }
.inv { display:none; }
p.error { border:1px solid #f00; padding:5px 15px; background-color:#fee; color:#f00; font-weight:bold; }
p.message { border:1px solid #070; padding:5px 15px; background-color:#cbffcb; color:#070; font-weight:bold; }

#content .comment { padding:5px 10px; margin-bottom:3px; background-color:#dbdcde; border-bottom:1px solid #bbb; border-top:1px solid #bbb; }
#content .comment p { margin:4px 0; }

/* styly pro fotogalerii */
a.viewer { display:block; float:left; width:129px; height:128px; line-height:127px; text-align:center; padding:0 0 13px 12px; background:url('layout/foto-bg.png') bottom left no-repeat; }
a.viewer img { vertical-align:middle; }
/* styly pro prohlizec obrzku */
div#viewer-holder { width:1px; height:1px; position:absolute; top:0; left:50%; }
div#viewer { width:800px; position:absolute; left:-400px; font-size:120%; }
div#viewer h3 { text-align:center; margin:0 0 5px 0; color:#005aab; font-size:120%; }
div#viewer .all { padding:0 12px; background:#e7e7e8 url('layout/postavicka-seda-gallery.png') bottom right no-repeat; border:3px solid #000; }
div#viewer .close { position:absolute; left:15px; bottom:10px; font-weight:bold; cursor:pointer; }
div#viewer .nav div { cursor:pointer; padding-top:10px; text-align:center; font-weight:bold; }
div#viewer .nav div span { display:block; width:129px; height:128px; line-height:126px; margin-bottom:4px; background:#000; }
div#viewer .nav div span img { vertical-align:middle; }
div#viewer .nav div.hover span { background:#555; }
div#viewer .nav div.left { float:left; }
div#viewer .nav div.right { float:right; }
div#viewer .content { padding:0 0 70px 0; clear:both; min-height:300px; text-align:center; }

/* stylyzace kalendare pro verejny web */
.calendar div.years { padding:1px; margin-bottom:2px; border:1px solid #aaa; background:#005aab; color:#fff; margin-right:2px; }
.calendar div.years span { font-weight:bold; }
.calendar .Jul, .calendar .Aug, .calendar .Sep, .calendar .Oct, .calendar .Nov,
.calendar .Dec, .calendar .Jun, .calendar .Dec, .calendar .month span, .calendar .day span,
.calendar .wday span, .calendar .day span, .calendar .wday span { border-color:#aaa; background:#fff; }
.calendar .days .selected span { background-color:#005aab; color:#fff; }
.calendar span.highlighted span, .calendar span span.hover,
.calendar .months .active span { background-color:#f36f21; color:#fff; }
.calendar .Su span { background-color:#f2f2f2; border-right:1px solid #aaa; }
.calendar .unor           .day.d28 span,
.calendar .unor.prestupny .day.d29 span,
.calendar .kratky-mesic   .day.d30 span,
.calendar                 .day.d31 span { border-color:#aaa; }

/* styly pro tooltipy v rezervacich */
div.tooltip-box div.body { padding:5px; background-color:#d1d2d4; border:1px solid #aaaaaa; margin:0; }