html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {
  margin: 0px 0px 0px 18px;
  padding: 0px;
}
ol {
  margin: 0px 0px 0px 32px;
  padding: 0px;
}
li {
  margin: 0px 0px 0px 4px;
  padding: 0px;
} 
strong {color: #d51504; font-weight: bold;}
strong.bold {color: #125a78; font-weight: bold;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
  border: 0px none;
  margin: 0px;
}
table td {padding: 0px;}
table th {text-align: left; font-weight: bold;}
sub {
   vertical-align: sub;
   font-size: 70%;
}
sup {
  vertical-align: super;
   font-size: 70%;
}
img {border: 0px none;}
textarea { overflow: auto; font-family: Verdana, Arial, Tahoma; font-size: 90%; }
fieldset, input { margin: 0;  padding: 0; }
label, input[type=button], input[type=submit], button { cursor:pointer; }
input[type=button], input[type=submit], button { overflow: auto; border: 0px outset #000; }
.submit_better::-moz-focus-inner { padding: 0; }
a {
  color: #979231;
  text-decoration: underline;
}
a:hover {
  color: #df1606;
  text-decoration: underline;
}
h1 , h2 , h3 , h4 , h5 , h6 {
  padding: 0px;
  margin: 0px;
  color: #125A78;
  font-weight: bold;
}
h1 , h1 * {}
h1 {
  text-align: center;
  background: url(../images/h1-bg.gif) center top no-repeat;
  color: #FFF300;
  font-size: 160%;
  line-height: 100%;
  margin: -32px 0px 10px 0px;
  padding: 6px 0px 6px 0px; 
  font-weight: bold;
}
#header-top h1 {
  margin: 0px auto; 
  padding: 20px 0px 0px 0px;
  width: 287px;
  text-align: center;
  position: relative; 
}
#header-top h1 span {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 287px;
  height: 31px;
  background: url(../images/header-logo.gif) top left no-repeat;
}
h2 {
  padding: 0.3em 0 0.3em 0;
  font-size: 1.5em;
}
h2 , h2 * {}
h3 {
  font-size: 1.4em;
  color: #fff300;
  padding: 0px 0px 8px 0px;
}
h3 a {
  text-decoration: none;
  color: #fff300;
} 
h3 a:hover {
  text-decoration: underline;
  color: #fff300;
}
h3 , h3 * {}
h4 {}
h4 , h4 * {}
h5 {}
h5 , h5 * {}
h6 {}
h6 , h6 * {}
p { 
  padding: 0.7em 0em;
  margin: 0em;
}
::selection { background:#c3effd; color:#000; /* Safari and Opera */ }
::-moz-selection { background:#c3effd; color:#000; /* Firefox */ }
.noscreen, .hidden, .print {display: none}
.reseter {float: none; clear: both}
.clear, resetovac {
  float: none !important;
  clear: both !important;
  font-size: 0px !important;
  line-height: 0px !important;
  height: 0px !important;
  width: 0px !important;
  overflow: hidden !important;
  padding: 0px !important;
  margin: 0px !important;
}
.left, .a-l {text-align: left !important;}
.right, .a-r {text-align: right !important;}
.align-center, .a-c {text-align: center !important;}
.align-top, .a-t {vertical-align: top !important;}
.align-middle, .a-m {vertical-align: middle !important;}
.align-bottom, .a-b {vertical-align: bottom !important;}  
.float-left, .f-l {float: left !important;}
.float-right, .f-r {float: right !important;}
.block {display: block;}
.invisible {visibility: hidden;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
/* --- form --- */
#obsah fieldset {}
#obsah fieldset legend {}
#obsah fieldset label {}
#obsah form input, #obsah form input.text {}
#obsah form textarea, #obsah form textarea.text {}
#obsah form input:focus, #obsah form textarea:focus {}
#obsah form input:hover, #obsah form textarea:hover {}
#obsah form input.form_submit, #obsah form input.button {}
#obsah form input.form_submit:hover, #obsah form input.button:hover {}
#obsah form label.error {
  display: none !important;
  visibility: hidden;
}
#obsah div.error {
  margin: 8px 0 0 0;
  color: red;
  font-weight: bold;
}
.js { /* js zobrazi, zobrazi se jen se zapnutym JS */
	display: none;
}
.non-js { /* js skryje, zobrazi se jen s vypnutym JS */
	display: block;
}
/* ---  --- */
html { overflow-y:scroll; }
html , html * , body , body * {
  font-family: "verdana ce", verdana, "Geneva CE", helvetica, sans-serif;
}
body {
  font-size: 80%;
  line-height: 1.7em;
  background: #d0effc url(../images/bg.gif) left 26px repeat-x;
  color: #125a78;
}
/************************************************************  PAGE */
#page {
  width: 770px;
  margin: auto;
  position: relative;
} 
#top-nav {
  height: 20px;
  padding: 0px 0px 6px 0px;
}
#top-nav ul {
  margin: 0px;
  padding: 0px;
  float: right;
}
#top-nav ul li {
  margin: 0px;
  padding: 0px;
  float: left;
  list-style: none;
}
#top-nav ul li {
  color: #45BBED;
  font-size: 80%;
}
#top-nav ul li a {
  color: #000000;
  margin: 0px 5px 0px 5px;
  font-size: 105%;
  text-decoration: underline;
}
#top-nav ul li a:hover {
  color: #000000;
  text-decoration: none;
}
#header-top {
  height: 70px;
  background: url(../images/header-bg.jpg) bottom left no-repeat;
  text-align: center;
}
#header-top a#logo {
  display: block;
  margin: auto; 
  padding: 20px 0px 0px 0px;
  width: 287px;
  text-align: center;
  position: relative; 
}
#header-top a#logo span {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 287px;
  height: 31px;
  background: url(../images/header-logo.gif) top left no-repeat;
}
#header-bottom {
	width: 410px;
  height: 234px;
  background: url(../images/header-bottom.jpg) top left no-repeat;
  padding: 20px 190px 17px 190px;
  text-align: center;
}
/************************************************************ CONTENT */ 
#content {
  padding: 0px 0px 30px 0px;
}
#left-content {
  width: 321px;
  float: left;
  text-align: right;
  padding: 0px 30px 15px 0px;
  margin-top: -20px;
  background: url(../images/left-content-arrow.gif) 100% 20px no-repeat;
}
#left-content ul {
  list-style: none;
}
#left-content li span {
  display: inline-block;
  padding-left: 30px;
  background: url(../images/left-content-ul-arrow.gif) left center no-repeat;
}
#right {
  width: 419px;
  float: right;
  background: url(../images/right-bg.gif) top left repeat-y;
}
#right-content {
  width: 349px;
  float: right;
}
#cleaning {
  padding: 10px 0px 15px 30px;
  background: url(../images/right-content-arrow.gif) 0 0px no-repeat;
}
.heading {
  padding-bottom: 28px;
}
/************************************************************  PRICE */
#price {
  padding: 10px 0 15px 30px;
  background: url(../images/right-content-arrow-second.gif) -90px 0px no-repeat;
}
/************************************************************  TABLE - PRICE */
sup {
  vertical-align: baseline;
  position: relative;
}
sup {
  bottom: 0.4em;
}
table {
  margin: 15px 0 0 0;
  border-collapse: collapse;
}
th {
  text-align: left;
  color: #d51504;
  padding: 15px 0 5px 0;
}
td {
  width: 200px;
  border-bottom: 1px solid #97cbe1;
  padding-bottom: 2px;
}  
td.right {
  width: 100px;
  text-align: right;
}
/*********************************************************** COLUMN */
#middle-column {
  width: 70px;
  float: left;
  background: #1496cc url(../images/column-bg.gif) 0 0 no-repeat;
  padding-top: 38px;
}
#middle-column img {
  width: 40px;
  height: 40px;
  margin: 5px 12px;
}
#middle-column a img {
  border: 2px solid #d0effc;
}  
#middle-column a:hover img {
  border: 2px solid #d51504;
}
/************************************************************  FOOTER */
#footer {
  background: #1496cc;
  color: #d0effc;
  text-align: center;
}
#footer strong {
  color: #fff300;
}
p#webdesign {
	line-height: 1.7em;
	color: #1496cc;
  text-align: center;
  font-size: 0.8em;
}
br.cleaner {
  clear: both;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails{
	font-size: 1.1em;
	padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(../overlay.png); }
          
div.galerie {
  padding: 20px 0px 0px 0px;
}
div.galerie img {
  display: block;
  float: left;
  margin: 2px;
}