body {font-family:'Verdana CE', Verdana, 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Arial, lucida, sans-serif;
    	padding:0; margin:0; background:#ffffff; color:#2E3786; font-size:12px; text-align:center;}

h1 {margin:0; padding:0 0 10px 0; font-size:20px; text-align:left; color:#340E70;}
h2 {font-size:14px; font-weight:bold; margin:0; padding:16px 0 0 0;}

p {margin:0; padding:4px 0;}
a {color:#805022; text-decoration:none; cursor:pointer;}
    a:hover {text-decoration:underline;}

/* hlava */
#hlava {width:999px; height:190px; margin:0 auto; padding:0; background:#ffffff url("grafika/hlava.jpg") top center no-repeat; text-align:left;}

    #logo {float:left; height:190px; width:270px;}
        #logo img {margin:33px 0 0 15px; border:0;}
        #jazyky {float:left; margin:105px 0 0 0; width:710px; height:51px; text-align:right; padding:0;}
            #jazyky a {color:#ffffff; line-height:13px; text-decoration:none; font-weight:bold; font-size:10px;}
            #jazyky a:hover {text-decoration:underline;}

    #hlavnimenu {width:550px; height:30px; margin:0 0 0 295px; font-size:13px;}
        #hlavnimenu a {display:block; float:left; color:#ffffff; text-decoration:none; line-height:30px; height:30px; font-weight:bold; margin:0; padding:0 11px;}
        #hlavnimenu a:hover {text-decoration:none; background:url("grafika/menu-hover.jpg") top left repeat-x; color:#340E70;}
        #hlavnimenu a.dalsi {border-left:1px dotted #9CC0E4;}

/* telo */
#teloobal {width:999px; margin:0 auto; padding:0; background:url("grafika/telo.jpg") top center repeat-y; text-align:justify; clear:both;}
#telo {width:999px; min-height:695px; _height:695px; padding:0; background:url("grafika/telo-vrch.jpg") top center no-repeat;}
    #menu {float:left; width:135px; padding:20px 0 20px 40px;}
        #menu a {display:block; font-weight:bold; color:#340E70; text-decoration:none; margin:0 0 8px 0; text-align:left;}
        #menu a:hover {color:#ffffff;}
        #menu .kariera {color:#ffffff; margin-top:12px; font-size:16px;}
        #menu .slevy {color:#ff0000; margin-top:12px; font-size:16px;}


    #text {float:left; margin:10px 0 0 25px; width:650px; padding:0 0 20px 0;}
    #pravy {float:left; width:125px; margin:0 0 20px 18px; padding:0; background:#ffffff;}

    #balon {position:relative; width:128px; margin:0 0 3px 0;}
        #balon img {border:0;}

    #bonus {position:relative; width:125px; height:52px; background:#ffffff; overflow:hidden;}
        #bonus img {margin:0; position:absolute; display:block; border:0;}

    #foto {position:relative; width:128px;}

    #fotky {position:relative; width:128px;}
        #fotky img {margin:3px 0 0 1px; position:absolute; display:block;}
        #fotky1, #fotky2, #fotky3, #fotky4 {width:125px; height:97px; background:#ffffff; overflow:hidden;}

    #cetelem {width:132px; padding:0; margin-top:25px; background:#ffffff;}
        #cetelem a img {border:0;}

/* pata */
#pata {margin:0 auto; padding:0; background:#ffffff url("grafika/pata.jpg") bottom center no-repeat;	width:999px; height:388px; text-align:right;}
    #patatext {padding:374px 20px 0 0; margin:0; color:#ffffff; font-size:8px;}
        #patatext a {color:#ffffff; text-decoration:none;}
        #patatext a:hover {text-decoration:underline;}


/* menu */

.menu2p {margin:0; text-align:center;}
.menu2p a {display:block; margin: 2px 3px; border:0; color:#0074C5; font-size:14px; font-weight:bold;}
  .menu2p a:hover {color:#2E3786; text-decoration:none;}

.menu2 {margin:0; text-align:center;}
.menu2 a {display:inline-block; margin: 2px 3px; border:0; color:#0074C5; font-size:10px; font-weight:bold;}
  .menu2 a:hover {color:#2E3786; text-decoration:none;}
      .menu2 a.bazeny {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/bazeny.gif") top center no-repeat;}
      .menu2 a.bazeny:hover {background:transparent url("grafika/ovalky/hover/bazeny.gif") top center no-repeat;}
      .menu2 a.virive-vany {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/virive-vany.gif") top center no-repeat;}
      .menu2 a.virive-vany:hover {background:transparent url("grafika/ovalky/hover/virive-vany.gif") top center no-repeat;}
      .menu2 a.sauny {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/sauny.gif") top center no-repeat;}
      .menu2 a.sauny:hover {background:transparent url("grafika/ovalky/hover/sauny.gif") top center no-repeat;}
      .menu2 a.solarni-kolektory {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/solarni-kolektory.gif") top center no-repeat;}
      .menu2 a.solarni-kolektory:hover {background:transparent url("grafika/ovalky/hover/solarni-kolektory.gif") top center no-repeat;}
      .menu2 a.jezirka {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/jezirka.gif") top center no-repeat;}
      .menu2 a.jezirka:hover {background:transparent url("grafika/ovalky/hover/jezirka.gif") top center no-repeat;}
      .menu2 a.zastreseni-bazenu {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/zastreseni-bazenu.gif") top center no-repeat;}
      .menu2 a.zastreseni-bazenu:hover {background:transparent url("grafika/ovalky/hover/zastreseni-bazenu.gif") top center no-repeat;}
      .menu2 a.zimni-zahrady {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/zimni-zahrady.gif") top center no-repeat;}
      .menu2 a.zimni-zahrady:hover {background:transparent url("grafika/ovalky/hover/zimni-zahrady.gif") top center no-repeat;}
      .menu2 a.zasklivani-lodzii {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/zasklivani-lodzii.gif") top center no-repeat;}
      .menu2 a.zasklivani-lodzii:hover {background:transparent url("grafika/ovalky/hover/zasklivani-lodzii.gif") top center no-repeat;}
      .menu2 a.zahradni-nabytek {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/zahradni-nabytek.gif") top center no-repeat;}
      .menu2 a.zahradni-nabytek:hover {background:transparent url("grafika/ovalky/hover/zahradni-nabytek.gif") top center no-repeat;}
      .menu2 a.detsky-nabytek {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/detsky-nabytek.gif") top center no-repeat;}
      .menu2 a.detsky-nabytek:hover {background:transparent url("grafika/ovalky/hover/detsky-nabytek.gif") top center no-repeat;}
      .menu2 a.jimky-septiky-cov {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/jimky-septiky-cov.gif") top center no-repeat;}
      .menu2 a.jimky-septiky-cov:hover {background:transparent url("grafika/ovalky/hover/jimky-septiky-cov.gif") top center no-repeat;}
      .menu2 a.prislusenstvi {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/prislusenstvi.gif") top center no-repeat;}
      .menu2 a.prislusenstvi:hover {background:transparent url("grafika/ovalky/hover/prislusenstvi.gif") top center no-repeat;}
      .menu2 a.foliove-bazeny {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/foliove-bazeny.gif") top center no-repeat;}
      .menu2 a.foliove-bazeny:hover {background:transparent url("grafika/ovalky/hover/foliove-bazeny.gif") top center no-repeat;}
      .menu2 a.mozaikove-bazeny {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/mozaikove-bazeny.gif") top center no-repeat;}
      .menu2 a.mozaikove-bazeny:hover {background:transparent url("grafika/ovalky/hover/mozaikove-bazeny.gif") top center no-repeat;}
      .menu2 a.plastove-bazeny {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/plastove-bazeny.gif") top center no-repeat;}
      .menu2 a.plastove-bazeny:hover {background:transparent url("grafika/ovalky/hover/plastove-bazeny.gif") top center no-repeat;}
      .menu2 a.laminatove-bazeny {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/laminatove-bazeny.gif") top center no-repeat;}
      .menu2 a.laminatove-bazeny:hover {background:transparent url("grafika/ovalky/hover/laminatove-bazeny.gif") top center no-repeat;}
      .menu2 a.nadzemni-bazeny {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/nadzemni-bazeny.gif") top center no-repeat;}
      .menu2 a.nadzemni-bazeny:hover {background:transparent url("grafika/ovalky/hover/nadzemni-bazeny.gif") top center no-repeat;}
      .menu2 a.obloukove {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/obloukove.gif") top center no-repeat;}
      .menu2 a.obloukove:hover {background:transparent url("grafika/ovalky/hover/obloukove.gif") top center no-repeat;}
      .menu2 a.podchozi-z-jedne-strany {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/podchozi-z-jedne-strany.gif") top center no-repeat;}
      .menu2 a.podchozi-z-jedne-strany:hover {background:transparent url("grafika/ovalky/hover/podchozi-z-jedne-strany.gif") top center no-repeat;}
      .menu2 a.podchozi-z-obou-stran-I {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/podchozi-z-obou-stran-I.gif") top center no-repeat;}
      .menu2 a.podchozi-z-obou-stran-I:hover {background:transparent url("grafika/ovalky/hover/podchozi-z-obou-stran-I.gif") top center no-repeat;}
      .menu2 a.podchozi-z-obou-stran-II {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/podchozi-z-obou-stran-II.gif") top center no-repeat;}
      .menu2 a.podchozi-z-obou-stran-II:hover {background:transparent url("grafika/ovalky/hover/podchozi-z-obou-stran-II.gif") top center no-repeat;}
      .menu2 a.atypicke {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/atypicke.gif") top center no-repeat;}
      .menu2 a.atypicke:hover {background:transparent url("grafika/ovalky/hover/atypicke.gif") top center no-repeat;}
      .menu2 a.saunove-domky {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/saunove-domky.gif") top center no-repeat;}
      .menu2 a.saunove-domky:hover {background:transparent url("grafika/ovalky/hover/saunove-domky.gif") top center no-repeat;}
      .menu2 a.parni-komory {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/parni-komory.gif") top center no-repeat;}
      .menu2 a.parni-komory:hover {background:transparent url("grafika/ovalky/hover/parni-komory.gif") top center no-repeat;}
      .menu2 a.finske-sauny {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/finske-sauny.gif") top center no-repeat;}
      .menu2 a.finske-sauny:hover {background:transparent url("grafika/ovalky/hover/finske-sauny.gif") top center no-repeat;}
      .menu2 a.infrasauny {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/infrasauny.gif") top center no-repeat;}
      .menu2 a.infrasauny:hover {background:transparent url("grafika/ovalky/hover/infrasauny.gif") top center no-repeat;}
      .menu2 a.zasklivaci-konstrukce {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/zasklivaci-konstrukce.gif") top center no-repeat;}
      .menu2 a.zasklivaci-konstrukce:hover {background:transparent url("grafika/ovalky/hover/zasklivaci-konstrukce.gif") top center no-repeat;}
      .menu2 a.pergoly {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/pergoly.gif") top center no-repeat;}
      .menu2 a.pergoly:hover {background:transparent url("grafika/ovalky/hover/pergoly.gif") top center no-repeat;}
      .menu2 a.bazenove-lemy {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/bazenove-lemy.gif") top center no-repeat;}
      .menu2 a.bazenove-lemy:hover {background:transparent url("grafika/ovalky/hover/bazenove-lemy.gif") top center no-repeat;}
      .menu2 a.hladinove-zakryti {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/hladinove-zakryti.gif") top center no-repeat;}
      .menu2 a.hladinove-zakryti:hover {background:transparent url("grafika/ovalky/hover/hladinove-zakryti.gif") top center no-repeat;}
      .menu2 a.roller {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/roller.gif") top center no-repeat;}
      .menu2 a.roller:hover {background:transparent url("grafika/ovalky/hover/roller.gif") top center no-repeat;}
      .menu2 a.lamelova-zakryti {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/lamelova-zakryti.gif") top center no-repeat;}
      .menu2 a.lamelova-zakryti:hover {background:transparent url("grafika/ovalky/hover/lamelova-zakryti.gif") top center no-repeat;}
      .menu2 a.pristresky {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/pristresky.gif") top center no-repeat;}
      .menu2 a.pristresky:hover {background:transparent url("grafika/ovalky/hover/pristresky.gif") top center no-repeat;}
      .menu2 a.prosvetlovaci-systemy {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/prosvetlovaci-systemy.gif") top center no-repeat;}
      .menu2 a.prosvetlovaci-systemy:hover {background:transparent url("grafika/ovalky/hover/prosvetlovaci-systemy.gif") top center no-repeat;}
      .menu2 a.svetliky {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/svetliky.gif") top center no-repeat;}
      .menu2 a.svetliky:hover {background:transparent url("grafika/ovalky/hover/svetliky.gif") top center no-repeat;}
      .menu2 a.cekarny-stridacky {width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/cekarny-stridacky.gif") top center no-repeat;}
      .menu2 a.cekarny-stridacky:hover {background:transparent url("grafika/ovalky/hover/cekarny-stridacky.gif") top center no-repeat;}
      .menu2 a.zastreseni-economic{width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/zastreseni-economic.gif") top center no-repeat;}
      .menu2 a.zastreseni-economic:hover {background:transparent url("grafika/ovalky/hover/zastreseni-economic.gif") top center no-repeat;}
      .menu2 a.plastova-vyroba{width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/plastova-vyroba.gif") top center no-repeat;}
      .menu2 a.plastova-vyroba:hover {background:transparent url("grafika/ovalky/hover/plastova-vyroba.gif") top center no-repeat;}
      .menu2 a.fiskars{width:145px; padding:82px 0 0 0; margin:0 0 14px 0; background:transparent url("grafika/ovalky/fiskars.gif") top center no-repeat;}
      .menu2 a.fiskars:hover {background:transparent url("grafika/ovalky/hover/fiskars.gif") top center no-repeat;}

.fotogalerie {cursor:pointer;}

.menu3 {margin:22px 0 15px 0; text-align:right;}
.menu3 a {display:inline-block; padding:3px 12px; margin:0; background:#340E70; font-size:12px; font-weight:bold; color:#ffffff; text-align:center;}
  .menu3 a:hover {color:#340E70; text-decoration:none; background:#0074C5;}

/* galerie */
.nahled {float:left; width:82px; height:82px; margin:3px; padding:5px; border:1px solid #0074C5; text-align:center; background:#ffffff;}
    .nahled img {border:0;}

/* ceniky */
.ceniky {text-align:center;}
    .ceniky a {line-height:18px;}

/* vzorkova prodejna */
.fotkyprodejny {padding:15px 0; text-align:center;}
.fotkyprodejny img {border:1px solid #2E3786; margin:0 5px;}

/* kontakt */
.kontakt {padding:15px 0 0 30px; text-align:center;}
.mapa img {margin:30px 0 30px 30px;}

/* bonus */
.bonus, .slevy {font-size:22px; text-align:center; margin-top:20px;}

/* administrace */
#adminmenu {width:600px; text-align:right;}

#adminmenu a {color:#ff0000; font-weight:bold; border:1px solid #ff0000; padding:2px 8px;}
    #adminmenu a:hover {text-decoration:none; background:#ffffff;}
.adminfoto {padding:2px 0; text-align:center;}

/* ... */
.cleaner {clear:both; visibility:hidden;}
a.red {color:red};