body, h1, h2, h3, h4, p, img, form, input, textarea, ul, li, fieldset { margin:0; padding:0; border:0; }
a { outline:none; }

body { background: #333333 url('images/background.gif') repeat-x left top; font-family: Arial, sans-serif; font-size: 62.5%; color: #fefefe; text-align: center; }

#border { margin: 0px auto; width: 944px; border: 1px solid #4e4e4e; }
#wrapper { width: 934px; margin: 5px; }
div.banner { background: #757477; height: 53px; margin-bottom: 1px; }
div.banner-bottom { background: #757477; height: 27px; margin-bottom: 5px; }

h1 { float: left; height: 53px; width: 50px; text-indent: -9000px;}
  div.banner a.logo { display: block; width: 226px; height: 53px; text-indent: -9000px; background: url('images/fingres.gif') no-repeat left 50%; float: left; }

ul.top-menu { list-style: none; float: left; width: 364px; height: 53px; margin-left: 49px; }
  ul.top-menu li { float: left; height: 53px; line-height: 53px; background: url('images/ul-li-top-menu.gif') no-repeat 0px 21px; padding-left: 13px; }
  ul.top-menu li.first { background: none; padding-left: 0px; }
  ul.top-menu a { display: block; float: left; height: 53px; text-indent: -9000px;  }
  ul.top-menu a.obklady { width: 171px; background: url('images/a-obklady.gif') no-repeat 0px 0px; }
  ul.top-menu a.obklady:hover { background-position: -171px 0px; }
  ul.top-menu a.mozaika { width: 93px; background: url('images/a-mozaika.gif') no-repeat 0px 0px; }
  ul.top-menu a.mozaika:hover { background-position: -93px 0px; }
  ul.top-menu a.bazeny { width: 72px; background: url('images/a-bazeny.gif') no-repeat 0px 0px; }
  ul.top-menu a.bazeny:hover { background-position: -72px 0px; }

ul.bottom-menu { list-style: none; margin-left: 209px; }
  ul.bottom-menu li { float: left; height: 27px; line-height: 27px; background: url('images/ul-li-bottom-menu.gif') no-repeat 0px 50%; padding-left: 11px; padding-right: 40px; }
  ul.bottom-menu li.active { background: url('images/ul-li-bottom-menu-active.gif') no-repeat 0px 50%; }
  ul.bottom-menu li a { display: block; float: left; height: 21px; text-indent: -9000px; margin-top: 3px; }
  ul.bottom-menu li a.home { width: 51px; background: url('images/a-home.gif') no-repeat 0px 0px; }
  ul.bottom-menu li a.home:hover { background-position: -51px 0px; }
  ul.bottom-menu li.active a.home { background-position: -102px 0px; }
  ul.bottom-menu li a.novinky { width: 69px; background: url('images/a-novinky.gif') no-repeat 0px 0px; }
  ul.bottom-menu li a.novinky:hover { background-position: -69px 0px; }
  ul.bottom-menu li.active a.novinky { background-position: -138px 0px; }
  ul.bottom-menu li a.akce { width: 50px; background: url('images/a-akce.gif') no-repeat 0px 0px; }
  ul.bottom-menu li a.akce:hover { background-position: -50px 0px; }
  ul.bottom-menu li.active a.akce { background-position: -100px 0px; }
  ul.bottom-menu li a.reference { width: 72px; background: url('images/a-reference.gif') no-repeat 0px 0px; }
  ul.bottom-menu li a.reference:hover { background-position: -72px 0px; }
  ul.bottom-menu li.active a.reference { background-position: -144px 0px; }
  ul.bottom-menu li a.kontakty { width: 78px; background: url('images/a-kontakty.gif') no-repeat 0px 0px; }
  ul.bottom-menu li a.kontakty:hover { background-position: -78px 0px; }
  ul.bottom-menu li.active a.kontakty { background-position: -156px 0px; }
  ul.bottom-menu li a.vyprodej { width: 73px; background: url('images/a-vyprodej.gif') no-repeat 0px 0px; }
  ul.bottom-menu li a.vyprodej:hover { background-position: -73px 0px; }
  ul.bottom-menu li.active a.vyprodej { background-position: -146px 0px; }

form.hledat { float: right; margin-right: 22px; margin-top: 19px; }
  form.hledat input.hledat { background: url('images/input-hledat.gif') no-repeat 0px 0px; width: 121px; height: 17px; font-size: 10px; text-align:center; color: #6a6767; float: left; }
  form.hledat input.submit { background: url('images/hledat.gif') no-repeat 0px 0px; width: 40px; height: 19px; margin-left: 7px; }

#container { background: #939393; width: 934px; margin: 0px auto; text-align: left; min-height: 515px; }
body.index #container { background: none; }
  #container h2 { margin: 0px 0px 20px 54px; height: 55px; text-indent: -9000px; }
    #container h2.kontakty { background: url('images/h2-kontakty.gif') no-repeat left bottom; }
    #container h2.reference { background: url('images/h2-reference.gif') no-repeat left bottom; }
    #container h2.akce { background: url('images/h2-akce.gif') no-repeat left bottom; margin-bottom: 15px; }
    #container h2.novinky { background: url('images/h2-novinky.gif') no-repeat left bottom; }
    #container h2.mozaiky { background: url('images/h2-mozaiky.gif') no-repeat left bottom; }
    #container h2.bazeny { background: url('images/h2-bazeny.gif') no-repeat left bottom; }
    #container h2.vyprodej { background: url('images/h2-vyprodej.gif') no-repeat left bottom; }
    #container h2.bazeny-realizace { background: url('images/h2-bazeny-realizace.gif') no-repeat left bottom; }
    #container h2.obklady { background: url('images/h2-obklady.gif') no-repeat left bottom; margin: 0px 0px 10px 45px; height: 35px; }
  #container p { margin: 0px 54px 20px 54px; font-size: 1.1em; text-transform: uppercase; }
  #container p.big { font-size: 1.2em;  }
  #container ul.bazeny { font-size: 1.3em; text-transform: uppercase; list-style: none; margin-left: 570px; margin-bottom: 20px; }
    #container ul.bazeny li { background: url('images/ul-li-bazeny.gif') no-repeat left 50%; padding-left: 22px; line-height: 1.8em;}
    #container ul.bazeny a { font-weight: bold; color: #92effe; }
    #container ul.bazeny a:hover { color: #fff; }
  #container h3 { margin: 0px 0px 5px 54px; text-transform: uppercase; color: #92effe; font-size: 1.2em; }

  #container div.item { border: 1px solid #a9a9a9; margin-left: 42px; margin-right: 32px; margin-bottom: 10px; padding: 5px; overflow: auto; background: #868686; }
    #container #vypis div.item p { text-transform: none; color: #dedede; margin: 0px; }
    #container #vypis div.item strong { font-size: 14px; text-transform: uppercase; color: #fff; }
    #container div.item img.main { float: left; margin-right: 8px; }

  #container #detail { position: relative; height: 515px; }
  #container #detail h2 { margin: 0px 0px 20px 20px; text-indent: 0px; height: auto; text-transform: uppercase; padding-top: 20px; font-size: 1.5em; }
  #container #detail h2 a { color: #ededed; text-decoration: none; }
  #container #detail h2 a:hover { color: #fff; text-decoration: underline; }
  #container #detail div.popis table { border-collapse: collapse; color: #fff; font-weight: normal; margin-bottom: 10px; }
  #container #detail div.popis table td { vertical-align: top; width: 130px; font-size: 1em; }
  #container #detail div.popis table em { color: #cecece; }
  #container #detail div.popis { float: right; width: 385px; text-transform: none; font-weight: bold; margin: 0px 20px 0px 0px; font-size: 1.1em; }
  #container #detail div.popis span { color: #cbcbcb; font-weight: normal; }
  #container #detail div.popis a { position: relative; display: block; text-decoration: none; }
  #container #detail div.popis a.dlazba { position: relative; display: block; text-decoration: none; margin-right:145px; }
  #container #detail div.popis a img { border: 1px solid #d7d7d7; }
  #container #detail div.popis a:hover img { border: 1px solid #fff; }
  #container #detail div.popis a span.zoom { display: block; position: absolute; bottom: 5px; left: 97px; width: 22px; height: 22px;
                                           background: url('images/zoom.png') no-repeat left top; } 
  #container #detail div.popis a span.zoom2 { display: block; position: absolute; bottom: 5px; left: 197px; width: 22px; height: 22px;
                                           background: url('images/zoom.png') no-repeat left top; } 
  #container #detail div.popis a span.podbarva { display: block; position: absolute; top: 0px; left: 160px; width: 90px; height: 35px; color: #fff; } 
  #container #detail div.popis span.info { font-weight: normal; color: #fff; }

  #container #detail div.popis #formaty { float: right; width: 140px; text-align: left; height: 450px; overflow: auto; }
  #container #detail div.popis #formaty div { border: 1px solid #d8d8da; text-align: center; margin-bottom: 5px; background: #757479; color: #fdfdff; font-size: 10px; font-weight: normal; }
  #container #detail div.popis #formaty div.mozaika { background: #757479 url('images/background-mozaika.gif') left top; }
  #container #detail div.popis #formaty div.mozaika2 { background: #757479 url('images/background-mozaika2.gif') left top; }

  #strankovani { position: absolute; bottom: 0px; left: 0px; width: 100%; font-size: 1.1em; height: 20px; text-transform: uppercase; font-weight: bold; }
    #strankovani a { background: url('images/ul-li-bottom-menu.gif') no-repeat left 2px; padding-left: 15px; float: right; margin-right: 20px; }
    #strankovani form { margin-left: 20px; }
    #strankovani form label { padding-right: 5px; }
    #strankovani form select { color:#fff; font-size:1em; width:100px; background: #757479; border:1px solid #d8d8da; text-transform: none; }
  

  /* #container #vypis { height: 487px; overflow: auto; }*/
  #container #vypis p { margin: 15px 20px 5px 45px; }

  #container #realizace { min-height: 515px; overflow: auto; }
  #container #realizace p { margin-bottom: 5px; }

  #container #novinky { min-height: 515px; overflow: auto; }
  #container #novinky h3 { color: #fff; font-size: 1.4em; }
  #container #novinky .vypis-novinek { padding-left: 55px; }
  #container #novinky p { width: 385px; float: left; height: 380px; border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; padding: 10px; background:#aeaeae; margin: 0px 5px 3px 0px; }
  #container #novinky p strong.nadpis { color: #4a4a4a; font-size: 1.3em; }
  #container #novinky p a img { float: left; border: 1px solid #c3c3c3; margin-bottom: 10px; margin-right: 10px; }
  #container #novinky p a:hover img { float: left; border: 1px solid #fff; }

  #container #akce { min-height: 515px; overflow: auto; }
  #container #akce .vypis-akci { padding-left: 55px; padding-right: 55px; padding-bottom: 40px; }
  #container #akce h3 { color: #fff; font-size: 1.4em; padding-bottom: 10px; }
  /*#container #akce p { width: 255px; float: left; overflow: auto; border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; padding: 7px; background:#aeaeae; margin: 0px 3px 3px 0px;
                       text-transform: none; }
  #container #akce p strong.nazev { color: #4a4a4a; }
  #container #akce p a img { float: left; border: 1px solid #c3c3c3; margin-right: 10px; }
  #container #akce p a:hover img { float: left; border: 1px solid #fff; }*/


#footer { margin: 5px auto; width: 944px; color: #757477; }
  
form.kontakt { float: right; margin-right: 80px; width: 380px; font-size: 1.1em; text-transform: uppercase; }
  form.kontakt fieldset { border: 1px solid #c3c3c3;  }
  form.kontakt legend { color: #cbcbcb;  padding-left: 5px; padding-right: 5px; }
  form.kontakt label { width: 80px; float: left; margin-left: 20px; padding-top: 2px; }
  form.kontakt label.first { margin-top:10px;  }
  form.kontakt input.text, textarea { border: 1px solid #757477; margin-bottom: 3px; width: 230px; padding: 2px; }
  form.kontakt input.first { margin-top:10px; }
  form.kontakt input.kod { width: 95px; }
  form.kontakt input.submit { border: 1px solid #757477; background: #aeaeae; color: #fff; padding: 5px; text-transform: uppercase; font-size: 11px; }
  form.kontakt textarea { height: 80px; font-family: sans-serif; }
  form.kontakt span { text-transform: none; display: block; padding: 10px; }
  
table.filtry { border-collapse: collapse; font-size: 1.1em; width: 934px; background: #333333; }
  table.filtry td { padding: 0px 5px 5px 5px; text-align: center; }
  form.filtr label { text-transform: uppercase; padding-right: 2px; }
  form.filtr select { color:#fff; font-size:1em; margin: 2px 0px 0px; padding:2px 2px 2px 4px; width:100px; background: #939393; border:1px solid #999999; }

table.barvy { font-size: 1.1em; margin: 5px 0px 0px 0px; }
  table.barvy td { vertical-align: middle; padding: 4px; background:#aeaeae; text-align: center; border-top: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3; }
  table.barvy a { text-decoration: none; color: #757477; }
  table.barvy a:hover { color: #fff; }
  table.barvy a img { border: 1px solid #d7d7d7; }
  table.barvy a:hover img { border: 1px solid #fff; }
table.realizace { margin-left: 55px; margin-bottom: 15px; }


div.barvy-small-cover { float:right; margin-right: 20px; margin-top: 20px; width: 400px; }
table.barvy-small { border-collapse: collapse; font-size: 1.1em; margin: 0px; float:right; }
  table.barvy-small img { width:20px; height: 20px; }
  table.barvy-small a { text-decoration: none; color: #b9b9b9; }
  table.barvy-small a:hover { color: #fff; }
  table.barvy-small a img { border: 1px solid #d7d7d7; }
  table.barvy-small a:hover img { border: 1px solid #fff; }
  table.barvy-small td.dalsi-barvy { padding-right: 5px; }

table.mozaiky { border-collapse: collapse; font-size: 1.1em; margin-left: 54px;  margin-bottom: 0px; }
  table.mozaiky td { text-align: center; padding-right: 10px; }
  table.mozaiky a { color: #b7b7b7; text-decoration: none; }
  table.mozaiky a:hover { color: #fff; text-decoration: underline; }

table.vyprodej { border-collapse: collapse; font-size: 1.1em; }
  table.vyprodej td { vertical-align: top; border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; padding: 7px; background:#aeaeae; }
  table.vyprodej td a img { float: right; margin-left: 10px; border: 1px solid #c3c3c3; }
  table.vyprodej td a:hover img { border: 1px solid #fff; }
  table.vyprodej td strong.nazev { color: #4a4a4a; font-size: 12px; }
  table.vyprodej td span.cena { color: #4a4a4a; font-size: 12px; }


a.blue { color: #92effe; text-decoration: none; }
a.blue:hover { color: #fff; text-decoration: underline; }

a.gray { color: #333333; text-decoration: none; }
a.gray:hover { color: #fff; text-decoration: underline; }

a.pdf { display: block; height: 16px; color: #fff; padding-left: 22px;  background: url('images/pdf.png') no-repeat left top; font-weight: bold; }
a.pdf:hover { color: #333333; }

span.gray { color: #cbcbcb; }
span.white { color: #fff; }    
span.tel { color: #cbcbcb; display: block; float: left; width: 45px; }
span.od { color: #333333; }
span.chyba { color: #ae1308; font-weight: bold; }

img.foto { border: 1px solid #fff; margin-left: 20px; float: left; }
img.bazen { border: 1px solid #fff; margin-right: 20px; float: left; margin-left: 55px; }

.break { clear: both; }

#imageMenu ul li p { display: none; }