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

body { background: #181818 url('images/background.gif'); font-family: Arial, sans-serif; font-size: 62.5%; color: #9d9d9d; text-align: center; }

#header { height: 89px; background: url('images/background-header.gif'); }
  #header h1 { width: 360px; height: 70px; background: url('images/logo.png') no-repeat left bottom; text-indent: -9000px; margin-left: 38px; float: left; }
    #header h1 a { display: block; width: 360px; height: 70px;}
  #header form { margin-right: 38px; font-size: 1.2em; float: right; margin-top: 45px; }
  #header form label { padding-right: 5px; text-transform: uppercase; }
  #header form label a { color: #9d9d9d; text-decoration: none; }
    #header form label a:hover { text-decoration: underline; }
  #header form select { color:#fff; font-size:1em; width:100px; background: #757479; border:1px solid #9d9d9d; text-transform: none; }

#container { height: 511px; background: url('images/background-container.gif'); }

#footer { margin: 0px auto; width: 934px; height: 50px; line-height: 50px; text-align: left; text-transform: uppercase; font-size: 1.2em; }

div.header-wrapper { width: 1010px; margin: 0px auto; text-align: left; }
div.container-wrapper { width: 1010px; height: 511px; margin: 0px auto; text-align: left; background: #bdbdbd; }
div.space { padding: 38px; }
body.detail div.space { padding: 20px 38px 0px 38px; }

p.uvod-serie { width: 581px; height: 435px; border: 1px solid #000; background: url('images/serie-home.jpg'); color: #fff; font-size: 1.2em; text-transform: uppercase;
               position: relative; float: left; }
  p.uvod-serie span { display: block; position: absolute; right: 16px; bottom: 10px; }

table.uvod-serie { float: right; border-collapse: collapse; display: none; }
  table.uvod-serie td { padding-left: 10px; padding-bottom: 10px; }
  table.uvod-serie a { display: block; border: 1px solid #000; width: 88px; height: 88px; text-decoration: none; color: #e1e1e1; text-align: center; position: relative; font-size: 1.1em; }
  table.uvod-serie a:hover { border: 1px solid #fff; color: #fff; }
  table.uvod-serie a span { display: block; padding-top: 72px; }
    table.uvod-serie a.s1 { background: url('images/s1.jpg'); }
    table.uvod-serie a.s2 { background: url('images/s2.jpg'); }
    table.uvod-serie a.s3 { background: url('images/s3.jpg'); }
    table.uvod-serie a.s4 { background: url('images/s4.jpg'); }
    table.uvod-serie a.s5 { background: url('images/s5.jpg'); }
    table.uvod-serie a.s6 { background: url('images/s6.jpg'); }
    table.uvod-serie a.s7 { background: url('images/s7.jpg'); }
    table.uvod-serie a.s8 { background: url('images/s8.jpg'); }
    table.uvod-serie a.s9 { background: url('images/s9.jpg'); }
    table.uvod-serie a.s10 { background: url('images/s10.jpg'); }
    table.uvod-serie a.s11 { background: url('images/s11.jpg'); }                        
    table.uvod-serie a.s12 { background: url('images/s12.jpg'); }
    table.uvod-serie a.s13 { background: url('images/s13.jpg'); }                        
    table.uvod-serie a.s14 { background: url('images/s14.jpg'); }
    table.uvod-serie a.s15 { background: url('images/s15.jpg'); }                        
    table.uvod-serie a.s16 { background: url('images/s16.jpg'); }
    table.uvod-serie a.s17 { background: url('images/s17.jpg'); }                        
    table.uvod-serie a.s18 { background: url('images/s18.jpg'); }
    table.uvod-serie a.s19 { background: url('images/s19.jpg'); }                        
    table.uvod-serie a.s20 { background: url('images/s20.jpg'); }
    table.uvod-serie a.s21 { background: url('images/s21.jpg'); }
    table.uvod-serie a.s22 { background: url('images/s22.jpg'); }

div.next-prev { text-align: right; font-size: 1.1em; text-transform: uppercase; padding-top: 10px; font-weight: bold; }
  div.next-prev a { color: #fff; text-decoration: none; }
  div.next-prev a:hover { color: #383838; }

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

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

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; }

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: 5px auto; height: 515px; text-align: left; }
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.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 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 div.item strong { font-size: 1.4em; text-transform: uppercase; }
    #container div.item img.main { float: left; margin-right: 8px; }
*/
  #container #detail { position: relative; overflow: auto; }
  #container #detail h2 { margin: 0px 0px 15px 0px; text-indent: 0px; height: auto; text-transform: uppercase; font-size: 1.5em; color: #181818}
  #container #detail div.popis table { border-collapse: collapse; color: #fff; font-weight: normal; margin-bottom: 10px; margin-top: 15px; }
  #container #detail div.popis table td { vertical-align: top; width: 130px; font-size: 1em; }
  #container #detail div.popis table em { color: #383838; }
  #container #detail div.popis { float: right; width: 385px; text-transform: none; font-weight: bold; margin: 0px 0px 0px 0px; font-size: 1.1em; color: #333333; }
  #container #detail div.popis span { color: #383838; font-weight: normal; }
  #container #detail div.popis span.white { color: #fff; }
  #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 #fff; }
  #container #detail div.popis a:hover img { border: 1px solid #383838; }
  #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; overflow: auto; }
  #container #detail div.popis #formaty div { border: 1px solid #fff; 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; }

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

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

  #container #novinky { 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; }
  #container #novinky p a:hover img { float: left; border: 1px solid #fff; }

  #container #akce { height: 515px; overflow: auto; }
  #container #akce .vypis-akci { padding-left: 55px; }
  #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-top: 0px; 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 #fff; }
  table.barvy-small a:hover img { border: 1px solid #383838; }
  table.barvy-small td.dalsi-barvy { padding-right: 5px; color: #383838; }

table.mozaiky { border-collapse: collapse; font-size: 1.1em; margin-left: 54px;  margin-bottom: 20px; }
  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; }

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: #fff; }
span.chyba { color: #ae1308; font-weight: bold; }

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

.break { clear: both; }