body {
  font-size: 12px;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  background: white url('../pic/cara.jpg') repeat-y;
  line-height: 1.3em;
}

ul {
  FONT-SIZE: 12px; 
  FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
  list-style-type: circle;
  text-align: left;
}
ul li {
  padding: 0.2em 0 0.5em 0;
}

p {
  text-align: justify;
}

A {
  color: #0080C0;
  text-decoration: underline;
}
a:hover {
  color: red; text-decoration: none;
}

hr {
  width: 100%; height: 1px; color:#000000; background-color:#000000;
  border-style: solid; border-width: 0;
}

h1 {
  font-size: 40px; color: #0080c0; text-align: left; font-weight: normal;
  line-height: 1.2em;
}

h2 {
  font-size: 30px; color: #0080c0; text-align: left; font-weight: normal;
  line-height: 1.2em;
}

h3 {
  line-height: 1.2em;
}

h4 {
  margin-bottom: 2px;
  line-height: 1.2em;
}

img {
  border: 0px
}

td  {
  text-align :center;
}

.clear {
  clear: both;
}


#main {
  width: 1004px;
}

/* levy pruh */
#left {
  width: 164px;
  float: left;
  margin: 0;
}

#left #facebook_likebox {
  margin-bottom: 30px;
}

#left a.facebook {
  display: block;
  padding: 0;
  border: 0;
  margin-bottom: 30px;
}

#left #reg_info {
  margin-top: 40px;
  width: 150px;
  padding: 0 0.5em;
  font-size: 0.75em;
}

/* levy pruh - menu */
ul#menu {
  margin: 10px 0 30px 0;
  padding: 0;
}
ul#menu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#menu li a {
  display: block;
  background-image: url('../grafika/button_modry.gif');
  background-repeat: no-repeat;
  background-position: right 50%;
  width: 150px; height: 21px;
  line-height: 21px;
  text-align: center;
  font-size: 11px; color: white; font-weight: bold; text-decoration: none;
}
ul#menu li a:hover {
  color: yellow;
}
ul#menu li.zelena a {
  background-image: url('../grafika/button_zeleny.gif');
}
ul#menu li.cervena a {
  background-image: url('../grafika/button_cerveny.gif');
}


#page {
  margin: 0;
  text-align: left;
  float: left;
  width: 810px;
  padding: 0 10px 20px 20px;
}



div.images_ilustr {
  width: 800px;
  margin: 10px 0 20px 30px;
}
div.images_ilustr img {
  height: 122px;
  margin: 0 5px 5px 0;
}

/* HP */
body.index #hp-logo {
  display: block;
  margin: 10px 60px 10px 60px;
  float: left;
}
body.index #page ul.work-list {
  width: 340px;
  margin: 40px 0 30px 0;
  float: left;
width: 320px;
}
body.index #page div.contact {
  float: left;
  clear: left;
  margin: 30px 20px 0 0;
}
body.index #page div.contact div {
  clear: none;
  width: 200px;
  float: left;
  margin: 0 20px 20px 0;
  font-weight: bold;
  text-align: center;
  line-height: 1.3em;
  font-size: 1.2em;
}
body.index #page div.contact div.open-hours {
  width: 300px;
}
body.index #page div.contact div span {
  font-weight: normal;
}

body.index #page p.intro {
  clear: left;
  line-height: 1.4em;
  margin: 40px 0 30px 2em;
  padding-bottom: 30px;
  width: 700px;
  text-align: justify;
}
body.index #page p.intro span {
  display: block;
  float: left;
  width: 320px;
  margin-right: 30px;
}

body.index #hp-prasatka {
  float: left;
  clear: left;
  margin: 20px 0 40px 20px;
}
body.index #hp-prasatka img {
  height: 100px;
  display: inline-block;
  margin: 0 10px 0 0;
}
body.index #hp-prasatka h3 {
  margin-bottom: 0.5em;
}
body.index #hp-prasatka p {
  margin: 0.3em 0 0.5em 0;
}



/* stranka panoramy */
body.panorama #page {
  width: 700px;
}
body.panorama h2 {
  margin-bottom: 5px;
}
body.panorama table.cenik th, body.panorama table.cenik td {
  padding: 5px;
}
body.panorama table.cenik {
  margin-bottom: 40px;
}
body.panorama .panorama_images {
  width: 800px;
  background-color: red;
}
body.panorama .panorama_images img {
  display: block;
  margin: 0 0 15px 0;
  float: left;
  clear: both;
}
body.panorama .panorama_images img:nth-child(2n) {
  float: right;
}

/* stranka luxfery */
div.luxfery {
  width: 600px;
}
div.luxfery img {
  margin-bottom: 20px;
}


/* stranka obrazove ramy */
body.ramy img.ramy_logo {
  display: block;
  float: right;
  margin: -50px 0 0 0;
}
body.ramy div.ramy img {
  margin: 0 60px 40px 0;
}

/* stranka koupelnove doplnky */
body.koupelnove-doplnky h1 {
  margin-bottom: 50px;
}
body.koupelnove-doplnky div.laronde {
  margin: 0 0 40px 30px;
}
body.koupelnove-doplnky div.thema {
  margin: 0 0 40px 400px;
}
body.koupelnove-doplnky div.iris {
  margin: 0 0 40px 30px;
}

/* stranka skleneny nabytek */
body.skleneny-nabytek div.blok {
  clear: both;
  float: left;
  margin-bottom: 20px;
  width: 700px;
}
body.skleneny-nabytek div.right img {
  float: right;
  display: block;
}
body.skleneny-nabytek div.left img {
  float: left;
  display: block;
  margin-right: 50px;
}
body.skleneny-nabytek h2 {
  margin-bottom: 5px;
}
body.skleneny-nabytek table.hodiny {
  padding: 10px;
}

/* plocha skla */
table.ps_cenik {
  margin-bottom: 10px;
  padding: 10px;
  border: 4px outset black;
}
table.ps_cenik th {
  text-align: left;
}
table.ps_cenik td {
  text-align: left;
}
table.ps_cenik td {
  padding: 5px;
}
table.ps_cenik .nazev {
  width: 150px;
  text-align: left;
}
table.ps_cenik .sila {
  width: 50px;
}
table.ps_cenik .cena {
  width: 100px;
}


/* plocha skla */
body.ploche-sklo ul {
  list-style-type: none;
}
body.ploche-sklo h3 {
  margin-top: 20px;
  margin-bottom: 5px;
}
body.ploche-sklo table.ukazky td {
  padding: 10px;
}


/* Ploché plavené sklo FLOAT */
body.ploche-sklo-float #page {
  width: 700px;
}


/* Drátěné sklo */
body.dratene-sklo #page {
  width: 700px;
}


/* plocha skla CONNEX */
body.ploche-sklo-connex #page {
  width: 700px;
}


/* plocha skla pyrobel */
body.ploche-sklo-pyrobel img {
  display: block;
  float: right;
  margin-right: 20px;
}
body.ploche-sklo-pyrobel table.informace {
  margin-bottom: 10px;
  padding: 10px;
  border: 4px outset black;
}
body.ploche-sklo-pyrobel table.informace th {
  text-align: left;
}
body.ploche-sklo-pyrobel table.informace td {
  text-align: left;
  padding: 10px;
}


/* tvrzene kalene sklo */
body.tvrzene-kalene-sklo #page {
  width: 700px;
}



/* stranka ornamentni sklo */
body.ornamentni-sklo ul li {
  list-style-type: none;
}

/* zrcadla */
body.zrcadla #page {
  width: 700px;
}

body.zrcadla ul.zrcadla_typy {
  padding-bottom: 20px;
  float: left;
}
body.zrcadla ul.zrcadla_typy li {
  float: left;
  display: block;
  width: 300px;
  list-style-type: none;
}
body.zrcadla hr {
  clear: both;
}
body.zrcadla div.konvex {
  clear: both;
}
body.zrcadla div.konvex table {
  float: left;
  margin-bottom: 40px;
}
body.zrcadla div.konvex table th, body.zrcadla table.cenik th {
  padding: 5px;
  text-align: left;
}
body.zrcadla div.konvex table td, body.zrcadla table.cenik td  {
  padding: 5px;
  text-align: left;
}
body.zrcadla div.konvex img {
  display: block;
  float: left;
  margin-left: 50px;
  margin-bottom: 40px;
}


/* stranka akvaria */
body.akvaria ul {
  margin-bottom: 20px;
}
body.akvaria div.ukazka {
  float: left;
  margin: 0 18px 30px 0;
  width: 250px;
  text-align: center;
}
body.akvaria div.ukazka:nth-child(3n) {
  clear: left;
}
body.akvaria h2 {
  margin-bottom: 5px;
}
body.akvaria table.cenik {
  float: left;
}
body.akvaria table.cenik th, body.akvaria table.cenik td {
  padding: 5px;
}
body.akvaria div.vypocet {
  text-align: center;
  width: 200px;
  background-color: #FFFFB9;
  border: 2px solid black;
  margin: 10px 0 10px 30px;
  padding: 10px;
  float: left;
}


/* stranka teraria - zelavarie */
body.teraria-zelvaria table.cenik th, body.teraria-zelvaria table.cenik td {
  padding: 5px;
  width: 100px;
}
body.teraria-zelvaria h2 {
  margin-bottom: 5px;
}

/* vypocet akvaria */
form#akva-calc .params {
  line-height: 2.5em;
}
form#akva-calc .params label {
  padding: 0 1em 0 0;
}
form#akva-calc img {
  display: block;
  float: right;
  margin-left: 20px;
}
form#akva-calc p.info {
  font-size: 0.8em;
}
form#back {
  margin-top: 3em;
}
body.objednavka-akvaria p.message {
  clear: both;
  margin: 1em 0;
}
body.objednavka-akvaria p.message.ok {
  color: #006600;
  font-weight: bold;
}
body.objednavka-akvaria p.message.nok {
  color: #CC0000;
  font-weight: bold;
}
body.objednavka-akvaria table.akva_params {
  float: left;
  margin: 0 50px 50px 0;
}
body.objednavka-akvaria table.akva_params th, body.objednavka-akvaria table.akva_params td {
  padding: 10px;
  text-align: left;
}
body.objednavka-akvaria table.kontakt {
  float: left;
  margin: 0 0 50px 0;
}
body.objednavka-akvaria table.kontakt th, body.objednavka-akvaria table.kontakt td {
  padding: 5px;
  text-align: left;
}


/* stranky galerii */
div.galerie {
  width: 800px;
}
div.galerie a {
  display: block;
  float: left;
  margin: 0 40px 20px 0;
  height: 110px;
  width: 150px;
  text-align: center;
  text-decoration: none;
  color: black;
  font-size: 0.8em;
}
div.galerie a:hover {
  text-decoration: none;
  color: red;
}
div.galerie_pages {
  clear: both;
  margin: 0;
}
div.galerie_pages span {
  display: block;
  width: 2.5em;
  float: left;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  font-size: 1.5em;
}
div.galerie_pages a {
  text-decoration: none;
  color: black;
  display: block;
  width: 2.5em;
  float: left;
  text-align: center;
  line-height: 20px;
}
div.galerie_pages a:hover {
  color: red;
}


div.galerieNew a {
  height: 150px;
}


/* old style */

.nadpis { FONT-SIZE: 40px; COLOR: #0080C0; text-align: center;
          FONT-FAMILY: Times New Roman Cyr,Verdana, Arial, Helvetica, sans-serif }

.tabulka_ramecek
       {  margin-top: 10px;
          margin-bottom: 10px;
          padding: 10px;
          border: 4px outset black; }

.tabulka_ramecek_mala_pismena
       {  margin-top: 10px;
          margin-bottom: 10px;
          padding: 10px;
          border: 4px outset black;
          FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
           }


.odkazy_velke        /* plocha_skla.php */
              { FONT-SIZE: 25px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
                font-weight: 200;
                color: red;
           }

.plocha_tabulka
               {
                 width: 80%;    }
.mala_pismena
{
        FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;  }

.nadpis_modra
{
        FONT-SIZE: 14px; COLOR: blue; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
          }

.nadpis_cerna
{
        FONT-SIZE: 14px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
          }

A.male_odkazy
              {
               FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
              }

A.male_odkazy:hover
              {
               FONT-SIZE: 11px; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
              }

A.male_odkazy_obr
              {
               FONT-SIZE: 10px; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
               text-decoration: none;
              }

A.male_odkazy_obr:hover
              {
               FONT-SIZE: 10px; COLOR: red; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
               text-decoration: underline;
              }

a.odkaz_zpet {
  clear: both;
  display: block;
  font-size: 1.2em;
  margin: 2em 0 2em 0;
}

.tlacitko    {
             height:18pt; background-color: #00BCFA; color: black; FONT-SIZE: 13px; font-weight: bold; border: 2px outset;
             }


ul.withThumbnails li {
  padding-bottom: 3em;
}
ul.withThumbnails .thumbs {
  margin-top: 1em;
}
ul.withThumbnails .thumbs img {
  display: inline-block;
  margin-right: 15px;
}