/*******************************************************************************
* Soubor kaskádových stylů CSS
* 
* 2010-03-08 Radim Mericka
*******************************************************************************/
* { margin:0; padding:0; color: #989898;}

body { 
  color: #989898;
  font-family: "sans-serif", "Arial", "Trebuchet MS";
  font-size: 13px;
  background:#000000 url('../img/hlavicka-pozadi.jpg') center top no-repeat; 
}
p {
  line-height: 1.4em;
}

H1, H2, H3, H4, H5, H6 {
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-weight: 400px;
}

.pozadi_seda{
  background-color: #191919;
  width:100%;
}
.pozadi_cerna{
  width:100%;
}
#kontejner_h,.kontejner_h { 
  width:1090px; margin:0px auto 0px auto; text-align:left;
  overflow: hidden;
}
.kontejner_stranka { 
  width:968px; margin:0px auto 0px auto; text-align:left;
  overflow: hidden;
  padding: 30px 60px 20px 60px;
  border-right: 1px solid #57575a;
  border-left: 1px solid #57575a;

}
.kontejner_gal { 
  width:1088px; margin:0px auto 0px auto; text-align:left;
  overflow: hidden;
  padding: 0px 0px 10px 0px;
  border-right: 1px solid #57575a;
  border-left: 1px solid #57575a;

}
.mez_gal{
  height: 30px;
  overflow: hidden; 
}

#hlavicka { 
  width:100%;
  height:348px;
  position:relative;
  z-index: 10;
}
.postrani_odkazy{
  position:absolute;
  width:45px;
  height:450px;
  left:0px;
}
.postrani_odkazy a {
  text-decoration: none;
}
.postrani_odkazy a span{
  visibility: hidden;
}
.postrani_odkazy a:hover span{
  visibility: hidden;
}
#rodinne-zahrady {
  position: relative;
  top:-229px;
  display: block;
  background: url("../img/rodinne-zahrady.png") 100% 0px no-repeat transparent;
  height: 230px;
}
#stresni-zahrady { 
  display: block;
  position: relative;
  top:-229px;
  background: url("../img/stresni-zahrady.png") 100% 0px no-repeat transparent;
  height: 230px;
}
#biotop { 
  display: block;
  position: relative;
  top:-249px;
  background: url("../img/biotop.png") 100% 0px no-repeat transparent;
  height: 230px;
}

#motiv { 
  width:522; height:100px; position:absolute; top:93px; left:540px; overflow:hidden;
}


#websitelogo a { 
background: url("../img/logo.png") 0px -2px no-repeat transparent;
display: block;
float: left;
height: 270px;
margin-left: 0px;
margin-top: 76px;
overflow: hidden;
padding: 0px;
width: 1090px;
z-index: 100;
}


#websitelogo strong {
  display:none;
}

/* Menu stranek - navigace */


a#telefon {
  display:block; width:168px; height:28px; position:absolute; right:5px; top:17px;
}
a#telefon.telefon1 {
  background:url('../img/telefon_1.png') 0px 0px no-repeat transparent; 
}
a#telefon span {
  display:none;
}

#navigace {
  width:1040px; float:left; position:absolute; top:40px; left:0px;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}
#navigace img {
  position:relative;
  top:6px;
}
#navigace img.domecek {
  position:relative;
  top:0px;
}
#navigace span {
  display: inline-block;
  font-size: 20px;
  padding-left: 10px;
  padding-top: 5px;
  font-weight: bold;
}
#navigace ul { 
  position:relative;  float:left; height:40px; overflow:hidden; 
  font-size: 18px;
  color:#989898;
  text-transform: uppercase;

}
#navigace ul li { 
  display:block; float:left; height:30px; list-style:none;
  border-right: 1px solid #57575a;
}
#navigace ul .posledni { 
  border:none;
}
#navigace ul li a {
  display:block; height:30px; overflow:hidden; float:left;
  color:#989898;
  text-decoration:none; cursor:pointer;
  font:normal; letter-spacing:0.02em;
  padding:5px 20px 0px 20px; white-space:pre;
  line-height: 30px;

}
#navigace  ul .aktivni-menu a  {  
  text-decoration: underline;
}
#navigace ul li a:hover {text-decoration: underline;}



#drobeckova_navigace { margin:0px 0px 15px 0px; font-size:90%; width:990px;  }
#drobeckova_navigace p { padding:5px 0px; }

/* stredove sloupce */
/* vysku a pozici bloku nastavime v JS podle velikosti browseru */ 
#sloupce { width:100%; margin-top:90px; margin:0px; border-top:1px solid #57575a;}

/* paticka stranky */
#paticka {  
  text-align:left;  
  border-bottom: 1px solid #57575a;
  border-right: 1px solid #57575a;
  border-left: 1px solid #57575a;
  overflow: hidden;
}

h1 { color:#57575a; font-size:26px; margin-bottom:0.5em; }
h2 { color:#57575a; font-size:20px; }
h3 { color:#57575a; font-size:16px; }
h4 { color:#57575a; margin-top:1em; }

h1 a, h2 a, h3 a, h4 a { color:#57575a; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color:#57575a; }

sup { font-size:60%; }

/* UVODNI STRANA */
.sloupec_3,.sloupec_5 { width:100%;  clear:both; padding-top:0px; 
}

/* stranka.php */
/*.sloupec_4 { width:314px; float:left;  margin-bottom:15px; margin-left:16px; }
.sloupec_5 { width:660px; float:right; margin-bottom:15px; }*/

/* reference.php */
.sloupec_6 { width:660px; float:right; }

#obsah {
  font-size: 16px;
}

#obsah p {
  font-size: 14px; line-height: 1.5em; padding: 5px 0 10px;
}
#obsah a {
  color: #989898; font-weight: bold;
}
#obsah ul {
  margin: 0 0 10px 30px;
}
#obsah ul li {
  font-size: 14px;
  line-height: 1.5em;
}



#obsah p img { margin:0px 10px 10px 10px; border:3px solid #57575a;  } 

.boxes td h3 {
  padding-top:30px;
}
/* *************************** uvodni stranka *********************************/

/* Vyhody jezirek */
#vyhody-jezirek { 
  height:350px; 
  margin:0px 0px; 
  color:#989898;
  padding-top: 50px;
  border-right: 1px solid #57575a;
  border-left: 1px solid #57575a;
}
#vyhody-jezirek h2 { 
  color:#989898;
  font-size: 25px;
  padding-left: 60px;
  overflow: hidden;
}

#vyhody-jezirek .vyber {
  display: block;
  overflow: hidden;
  height: 134px;
  width:500px;
}

#vyhody-jezirek .vyber .sipka {
  display: block;
  overflow: hidden;
  height: 134px;
  width: 70px;
  float:left;
  background:url('../img/vyhody-menu-sipka.png') 0 50% no-repeat transparent;
  cursor: pointer;
}
#vyhody-jezirek .vyber .tercik {
  display: block;
  overflow: hidden;
  height: 134px;
  width: 60px;
  float:left;
  background:url('../img/vyhody-menu-seda.png') 0 50% no-repeat transparent;
}
#vyhody-jezirek .vyber .vm1 {
  display: block;
  overflow: hidden;
  height: 134px;
  width: 60px;
  float:left;
  background:url('../img/vyhody-menu-seda.png') -60px 50% no-repeat transparent;
  cursor: pointer;
}
#vyhody-jezirek .vyber .zelena {
  background-image: url('../img/vyhody-menu-zelena.png') !important;
}

#vyhody-jezirek .vyber .vm2 {
  display: block;
  overflow: hidden;
  height: 134px;
  width: 60px;
  float:left;
  background:url('../img/vyhody-menu-seda.png') -120px 50% no-repeat transparent;
  cursor: pointer;
}
#vyhody-jezirek .vyber .vm3 {
  display: block;
  overflow: hidden;
  height: 134px;
  width: 60px;
  float:left;
  background:url('../img/vyhody-menu-seda.png') -180px 50% no-repeat transparent;
  cursor: pointer;
}
#vyhody-jezirek .vyber .vm4 {
  display: block;
  overflow: hidden;
  height: 134px;
  width: 60px;
  float:left;
  background:url('../img/vyhody-menu-seda.png') -240px 50% no-repeat transparent;
  cursor: pointer;
}
#vyhody-jezirek .vyber .vm5 {
  display: block;
  overflow: hidden;
  height: 134px;
  width: 60px;
  float:left;
  background:url('../img/vyhody-menu-seda.png') -300px 50% no-repeat transparent;
  cursor: pointer;
}
#vyhody-jezirek .vyber .vm6 {
  display: block;
  overflow: hidden;
  height: 134px;
  width: 60px;
  float:left;
  background:url('../img/vyhody-menu-seda.png') -360px 50% no-repeat transparent;
  cursor: pointer;
}
#vyhody-jezirek .skryty {
  display:none;
}

#vyhody-kroky {
  color:#989898;
  font-size: 14px;
  padding-left: 60px;
  padding-top: 10px;
  overflow: hidden;
  width:500px;
}



/* Vhodny typ jezirek */

div.varianty { width:361px; height:280px; float:left; margin-right:0px; background:url('../img/typy-jezirek.jpg') 0px 0px no-repeat #FFFFFF; 
               border-left:1px solid #999999;opacity:0.8;}
div.varianty p.info a { color:#999999; display:block; margin:0px; padding:180px 20px 10px 20px; font-size:12px; text-decoration:none; }
div.varianty p.info a:hover { color:#999999; text-decoration:none; }
div.varianty p.ukp { background-color:#F4F4F4; margin:0px 1px; text-indent:14px; height:20px; line-height:20px; }
div.varianty p.ukp a { color:#747474; text-decoration:none; font-size:12px; } 
div.varianty p.ukp a:after { content:' »'; } 
div.varianty p.ukp a:hover { color:#515151; text-decoration:underline; }
div#varianta-2 { background-position:-363px 0px;border-left:1px solid #57575a; }
div#varianta-3 { background-position:-723px 0px; width:364px;margin-right:0px;border-right:1px solid #57575a; }

div.varianty h2 a { display:block; width:362px; height:50px; }
div.varianty h2 a span { display:none; }
div.varianty ul { margin:112px 0px 0px 26px; list-style-position:inside; list-style-type:none; }
div.varianty ul li { width:132px; float:left; padding-left:15px; font-size:80%; line-height:200%; background:url('../img/li.gif') 0px 8px no-repeat transparent; }
div.varianty ul li a { color:#CB0A1B; }

div.varianty2 { width:223px; height:137px; float:left; margin-right:0px; background:url('../img/menu-podstranky.png') 0px 0px no-repeat #FFFFFF;border-left:1px solid #57575a;opacity:0.8; }
div.varianty2  a { display:block; padding-top:105px; padding-left:15px; width:207px; height:32px; color:#999999; text-decoration: none; font-size: 22px;} 
div#varianta2-2 { background-position:-224px 0px; border-left:1px solid #999999;}
div#varianta2-3 { background-position:-448px 0px; border-left:1px solid #999999; }
div.varianty3 { width:138px; height:137px; float:left; margin-right:0px; background:url('../img/menu-podstranky.png') 0px 0px no-repeat #FFFFFF;border-left:1px solid #57575a;opacity:0.8; }
div.varianty3  a { display:block; padding-top:109px; padding-left:12px; width:125px; height:27px; color:#999999; text-decoration: none; font-size: 14px; font-weight: bold;} 
div#varianta3-4 { background-position:-674px 0px; border-left:1px solid #57575a;}
div#varianta3-5 { background-position:-814px 0px; border-left:1px solid #57575a; }
div#varianta3-6 { background-position:-953px 0px; border-left:1px solid #57575a;border-right:1px solid #57575a; }

/* ******************************* reference **********************************/

/* levy sloupec - pouzito i u aktualit */
.menu_2 h2 { margin:0px 0px 10px 0px; }
.menu_2 ul { list-style-type:square; margin:1em 0em 20px 5px; list-style-position:inside; }
.menu_2 ul li { margin-bottom:0.6em; }
.menu_2 ul li.aktivni a { text-decoration:none; } 

/* vypis kategorii referenci a nekolika pripadu */
ul.vybrane-reference { margin-left:2em; list-style-type:square; }
ul.vybrane-reference li { margin-bottom:0.6em; }

#velke-foto-obrazek { text-align:center; width:565px; border:1px solid #CACACA; padding:10px; background-color:#FFF; -moz-border-radius: 8px; border-radius: 8px; }
#velke-foto-obrazek a img { border:1px solid #CACACA; }

table#reference { margin-top:10px; border-collapse:collapse; }
table#reference td { border:none; padding:0.200em; font-size:13px; }

a#odkaz-na-dalsi-reference { text-decoration:none; color:#379BAB; }
a#odkaz-na-dalsi-reference:after { content:' »'; }
a#odkaz-na-dalsi-reference:hover { text-decoration:underline; }

/* ****************************** rychly kontakt ******************************/
#rk { margin-bottom:2em; }
#rk div { margin:10px 0px 0px 0em; }
#rk ul { list-style-type:none; }
#rk p strong { font-size:110%; line-height:160%; }


/* ************************** dokumenty ke stazeni ****************************/
table#dokumenty { margin-top:12px; border-collapse:collapse; }
table#dokumenty td { border:0px solid #999999; padding:0.200em; }
table#dokumenty td strong { font-size:110%; line-height:110%; display:block; color:#379BAB; }





/* obecne nastaveni vzhledu */
a { color:#515151; }
a:hover { color:#55A6B4; text-decoration:none; } 
a img { border:none; }

/* pomocne formatovaci tagy */
.hidden { display:none; }
.cleaner { display:block; clear:both; height:0px; margin:0px; padding:0; border:none; visibility:hidden; font-size:0px; }
hr.cleaner { clear:both; height:0px; margin:-1px 0 0 0; border:none; visibility:hidden; }

/*.sloupec_5 p { line-height:140%; margin:0.5em 0em; }
.sloupec_5 ul { list-style-type:square; margin-left:2em; }
.sloupec_5 ul li { margin-bottom:0.6em; }
.sloupec_5 ol { margin:1em 2em; }
.sloupec_5 ol li { margin-bottom:0.3em; }
.sloupec_5 h1 { margin-bottom:0.5em; }
.sloupec_5 h2 { margin:0.6em 0em 0.3em 0em; }
.sloupec_5 h3 { margin:0.6em 0em 0.3em 0em; }*/
/*ul.sipky { list-style-image:url('../img/sipka-vpravo.gif'); }*/

p.ko { 
  color:black;
  padding:5px 5px 5px 30px;
  margin:0px 0px 10px 0px;
  background:#ffefce url(../img/ko.gif) no-repeat 8px 50%;
  border:2px solid #fcdc9a;
}
p.ok { 
  color:black;
  padding:5px 5px 5px 30px;
  margin:0px 0px 10px 0px;
  background:#f2ffc9 url(../img/ok.gif) no-repeat 8px 50%;
  border:2px solid #bee93f;
}

a.rss { background:url(../img/rss.gif) no-repeat 0 50%; padding-left:16px; }
#googlemap_okno { margin:5px 0; }
#googlemap { margin:5px 0 0px 0; width:570px; height:350px; }
.dokument1, .dokument2 { margin:10px 0; }
.dok1 { float:left; width:100px; }
.dok2 { float:left; width:400px; }
.dok1 a img { padding:1px; border:4px solid #ddd; }
.dok1 a:hover img { padding:1px; border:4px solid #82a513; }
.dok2 p.ndok { padding:5px 0; font-weight:bold; }

.zoi {
  float:left; 
  margin:0 10px 10px 0; 
}
.zoi img {
  padding:1px;
  border:1px solid #515151;
}


/* Formulare */


/* Administrace */


/* pomocne tagy */
.box50L { display:block; float:left; width:49%; }
.box50R { display:block; float:right; width:49%; }

.r { text-align:right; }
.l { text-align:left; }
.c { text-align:center; }
.j { text-align:justify; }

#navigace_dole { 
  float:left;
  width: 100%;
  position:relative; 
  padding-left:0px;
  font-family: "calibri";  
  border-bottom: 1px solid #57575a;
  overflow: hidden;
}

#navigace_dole img {
  position:relative;
  top:6px;
}
#navigace_dole span {
  display: inline-block;
  font-size: 20px;
  padding-left: 10px;
  padding-top: 5px;
  font-weight: bold;
}
#navigace_dole ul { 
  position:relative;  float:left; height:40px; overflow:hidden; 
  font-size: 18px;
  padding-left: 0px;
  color:#989898;
  text-transform: uppercase;
}
#navigace_dole ul li { 
  display:block; float:left; height:30px; list-style:none;
  border-right: 1px solid #57575a;
}
#navigace_dole ul .posledni { 
  border:none;
}
#navigace_dole ul li a {
  display:block; height:30px; overflow:hidden; float:left;
  color:#989898;
  text-decoration:none; cursor:pointer;
  font:normal; letter-spacing:0.02em;
  padding:5px 20px 0px 20px; white-space:pre;
  line-height: 30px;

}
#navigace_dole  ul .aktivni-menu a  {  
  text-decoration: underline;
}
#navigace_dole ul li a:hover {text-decoration: underline;}
#social {
  display: inline-block;
  width:220px;
  text-align: right;
}

#email, #youtube, #phone, #facebook {
  display: inline-block;
  width: 25px;
  height: 30px;
  overflow: hidden;  
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 14px 0 0px 21px;
}

#phone {
  width: 63px !important;
  background-image: url('../img/phone.jpg');
}

#email {
  background-image: url('../img/email.jpg');
}

#youtube {
  background-image: url('../img/youtube.jpg');
}

#facebook {
  background-image: url('../img/facebook.jpg');
}


#zahrada-olomouc {
  padding-top: 12px;
  overflow: hidden;
  padding-left:60px;
}
#zahrada-olomouc big {
  font-size: 22px;
}

#zahrada-olomouc, #zahrada-olomouc a, #last-edit {
  color: #515051;  
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#vlevo, #vpravo {
  padding: 0;
  margin-top: 28px;
  width: 47%;
  display: block;
  margin-bottom: 4px;
}

#vlevo {
  padding-left:60px;
  float: left;
}

#vpravo {
  text-align: right;
  float: right !important;
  padding-right: 5px;
}

#last-edit {
  width:1090px;
  margin: 0 auto 0px auto;
  padding-top: 4px;
  padding-left: 60px;
  margin-bottom: 40px;
}
.obalka_loga{
  position:relative;
  width:1090px;
  height:0px;
  margin: 0px auto;
}
.loga_partneru {
  position:absolute;
  top:-340px;
  left:800px;
  width:200px;
  text-align: center;
  padding-bottom: 30px;
}
.loga_partneru a {
  display: inline-block;
  margin-bottom:  46px;
}
.loga_partneru .odk {
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 18px;
    color: #515051;
    padding: 0px 0px 28px 0px;
    text-decoration: none;
}

.obalka{
  position:relative;
  width:1090px;
  height:0px;
  margin: 0px auto;
}
.nahled_galerie {
  position:absolute;
  top:-340px;
  left:600px;
  width:200px;
}

.nahled_galerie a.odk,.nahled_galerie aodk:hover {
  position: relative;
  display: block;
  width:198px;
  text-align: right;
  padding-right: 5px;
  padding-bottom: 5px;
  font-size: 18px;
  color:#515051;
  text-decoration: none;
}
.nahled_galerie .vnejsek {
  border: 1px solid #515051;
  width: 145px;
  min-height: 109px;
  padding:25px;
}
.nahled_galerie span {
  display:block;
  position: relative;
  left:-18px;
  top:18px;
  width: 180px;
  height: 15px;
  overflow: hidden;
}
.reference_gal {
  position: relative;
  padding-bottom: 20px;
  overflow: hidden;
}
h1.gal {
  margin-bottom: 0px;
}
.reference_gal span.prohl {
  display: block;
  width: 500px;
  float: left;
  padding-left: 60px;
}
.reference_gal span.nadpis_r {
  display: block;
  width: 470px;
  float: left;
  padding-top: 10px;
  text-align: right;
}
#prev, #next, .prev, .next { display:block; float:left; width:23px; height:134px; } 
#prev, .prev { position:relative; left: -1px; background:url('../img/ref-sipka-leva.png')   0% 0 no-repeat transparent;  }
#next, .next {position:relative; left: 1px; background:url('../img/ref-sipka-prava.png') 100% 0 no-repeat transparent;  }
#prev span, #next span, .prev span, .next span { display:none; }

.nahledy-fotek {  width:100%; height:134px; overflow:hidden; margin:10px 0px 10px 0px; } 
.nahledy-fotek .photoshow { width:816px; float:left;  }
.nahledy-fotek div.sada-tri {  height:134px; float:left; }
.mezera1 {
  display: block;
  width:211px;
  height: 134px;
  float: left;
}
.mezera2 {
  display: block;
  width:15px;
  height: 134px;
  float: left;
}
span.box-dopln { 
  display:block; 
  text-align: center;
  float:left;  
  height:132px; 
  width:230px;
  overflow:hidden; 
  margin:0px 20px 0px 20px; 
  border:none; 
  text-decoration: none;
}
span.box-reference a { 
  display:block; 
  text-align: center;
  float:left;  
  height:132px; 
  width:230px;
  overflow:hidden; 
  margin:0px 20px 0px 20px; 
  border:1px solid #575757; 
  text-decoration: none;
}
span.box-reference a img {
  margin:10px 15px 5px 15px;
  border:2px solid #999999;
  height: 90px;
}
span.box-reference:hover a { border-color:#888; }
.box-reference span {
  display: block;
  width:210px;
  padding-left: 20px;
  text-align: left;
}
h3.aktualita-nadpis{
  padding-top: 10px;
  padding-bottom: 10px;
}
p.aktualita{
  padding-bottom: 20px; 
}

#form_objednavka td {
  padding: 10px 8px 0px  10px;
}
#form_objednavka input, #form_objednavka textarea {
  color: #000000;
}

#odeslat {
    padding: 10px;
}

div.seznam_pozic {
 margin-bottom: 20px;
}
div.seznam_pozic a {
  display: block;
  padding-top: 6px;
}