@charset "utf-8";

/* obecne */
* {padding:0; margin:0; border:none}
p {text-align:justify; margin-bottom:15px}
ul {margin:0 0 15px 0; padding:0; line-height:26px}
ul li {margin-left:25px; list-style-type:square}

#obsah-sub h2 {}
#obsah-sub h3 {font-size:18px; color:#727272; margin-bottom:20px; margin-top:0; font-weight:normal}
#obsah-sub a {color:#F39500}
#obsah-sub a:hover {color:#333333}

h2 {margin-bottom: 10px}
h3 {margin-bottom: 5px;}
h4 {color:#333333; font-size:12px; margin:0; padding:0; font-weight:normal; margin-top:15px}
h4.nomar {margin-top:0}
body {background:url(img/bg-pattern.png) #F9F9F9; text-align:center;font-family:'Georgia', Times New Roman, Times, serif; font-size:14px; color:#999999; line-height:20px; }
.cistic {clear:both; visibility:hidden}

/* obal */
#obal {width:auto; text-align:center; margin:0 auto; background:url(img/bg.png) top center no-repeat; }
#vnitrek {width:780px; margin:0 auto; text-align:left; background:url(img/hlavni-stin.png) repeat-y; padding:0 20px 15px}
#linka, #linka2 {background:#646466; height:5px; width:780px;}
#linka2 {width:760px; margin:0 auto; clear:both}

/* hlava */
#hlava {width:720px; height:118px; margin:0 auto; margin-bottom:20px}
#logo-nadpis {float:right; margin-bottom:10px}
#jazyky {text-align:right; font-family:'Helvetica', Geneva, Arial, sans-serif; margin-bottom:20px; visibility:hidden}
.jazyk {color:#F39500}
a.logo {display:block; position:relative; width:200px; height:193px; cursor:hand; overflow:hidden; float:left; margin-bottom:-35px; padding-left:10px }
a.logo span {display:block; position:absolute; left:0; top:0; z-index:1; width:200px; height:193px; background:url(img/logo2.png) top left no-repeat; padding:10px}

/* horni menu */
#menu-horni {margin:0; margin-top:10px; padding:0; display:inline; list-style-type:none;}
#menu-horni li {display:block; float:right; margin:0; padding:0}
a.menu1 {width:166px; height: 20px; display:block; position:relative; cursor:hand; overflow:hidden; float:right}
a.menu1 span {display:block; position:absolute; left:0; top:0; z-index:1; width:166px; height:20px; background:url(img/horni-menu.png); background-position:0 0}
a:hover.menu1 span {background-position:0 20px}
a.menu2 {width:95px; height: 20px; display:block; position:relative; cursor:hand; overflow:hidden; float:right}
a.menu2 span {display:block; position:absolute; left:0; top:0; z-index:1; width:95px; height:20px; background:url(img/horni-menu.png); background-position:-166px 0}
a:hover.menu2 span {background-position:-166px 20px}
a.menu3 {width:85px; height: 20px; display:block; position:relative; cursor:hand; overflow:hidden; float:right}
a.menu3 span {display:block; position:absolute; left:0; top:0; z-index:1; width:85px; height:20px; background:url(img/horni-menu.png); background-position:-261px 0}
a:hover.menu3 span {background-position:-261px 20px}
a.menu4 {width:158px; height: 20px; display:block; position:relative; cursor:hand; overflow:hidden; float:right}
a.menu4 span {display:block; position:absolute; left:0; top:0; z-index:1; width:158px; height:20px; background:url(img/horni-menu.png); background-position:-346px 0}
a:hover.menu4 span {background-position:-346px 20px}

/* stredni menu */
#menu-stredni {width:760px; margin:0 auto 20px auto; height:193px; border-top:1px solid #FFFFFF}
.ilustrace {margin-left:10px}
a.realizace-horni {width:264px; height:193px; display:block; position:relative; cursor:hand; float:left; overflow:hidden; margin-left:-11px; background:url(img/realizace-horni.png); text-decoration:none; color:#999999;}
a.realizace-horni div {font-size:10px; line-height:12px; margin:63px 0 0 106px}
a.realizace-horni span, a.prodej-horni span, a.bonsaje-horni span {margin-top:10px; display:block;}
a.bonsaje-horni {width:254px; height:193px; display:block; position:relative; cursor:hand; float:right; overflow:hidden; background:url(img/bonsaje-horni.png); text-decoration:none; color:#999999;}
a.bonsaje-horni div {font-size:10px; line-height:12px; margin:39px 0 0 95px}
a.prodej-horni {width:253px; height:193px; display:block; position:relative; cursor:hand; float:right; overflow:hidden; background:url(img/prodej-horni.png); text-decoration:none; color:#999999;}
a.prodej-horni div {font-size:10px; line-height:12px; margin:39px 0 0 95px}

/* stredni cast */
#obsah, #obsah-sub, #novinky-sub {width:477px; float:left; padding:0 15px 0 25px; border-right: 1px solid #efefef; margin-bottom:20px;}
#novinky-sub a {color:#F39500}
#novinky-sub {border:none; line-height:14px}
#novinky-sub div {border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:10px}
#novinky-sub div span {color:#333333; font-size:11px; line-height:12px; margin-bottom:3px; display:block}
#novinky-sub p {margin-bottom:5px}
#obsah-sub, #novinky-sub {margin-top:35px; border:none; }
#obsah-sub #novinky-th2 {font-size:12px}
#obsah .uvodni {font-size:16px; margin-bottom:20px}
#stred {margin-left:0 auto; text-align:center}
#vitejte {position:relative; width:283px; height:24px; overflow:hidden; font-size:14px}
#vitejte span {display:block; position:absolute; left:0; top:0; z-index:1; width:283px; height:24px; background:url(img/vitejte.png) top left no-repeat; }
#prodejna {position:relative; width:163px; height:14px; overflow:hidden; font-size:14px}
#prodejna span {display:block; position:absolute; left:0; top:0; z-index:1; width:163px; height:14px; background:url(img/zahradni-prodejna.png) top left no-repeat; }
.linka-novinky {width:467px; border-bottom:1px solid #efefef; margin:0 auto}
#novinky-box {border:1px solid #efefef; padding:10px; background:url(img/novinky-bg.png) repeat-y; border-top:none; font-size:12px; line-height:15px}
#novinky-box span {color:#CCCCCC}
#novinky-box p {margin:0 0 7px 0; padding:0}
#novinky-th0 {background:url(img/bg-novinky.png) top center no-repeat; color:#333333; margin-top:20px; height:23px; display: table; #position: relative; overflow: hidden; width:477px}
#novinky-th0 span {margin-left:12px}
#novinky-th1 {_position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
#novinky-th2 {#position: relative;  #top: -50%;}
#realizace-nadpis {position:relative; width:760px; height:68px; overflow:hidden; margin:0 auto; padding:0}
#realizace-nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:760px; height:68px; background:url(img/realizace-nadpis.png)}
#bonsaje-nadpis {position:relative; width:760px; height:68px; overflow:hidden; margin:0 auto; padding:0}
#bonsaje-nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:760px; height:68px; background:url(img/bonsaje-nadpis.png)}
#prodej-nadpis {position:relative; width:760px; height:68px; overflow:hidden; margin:0 auto; padding:0}
#prodej-nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:760px; height:68px; background:url(img/prodej-nadpis.png)}
#japonska-nadpis {position:relative; width:760px; height:68px; overflow:hidden; margin:0 auto; padding:0}
#japonska-nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:760px; height:68px; background:url(img/japonska-nadpis.png)}
#profil-nadpis {position:relative; width:760px; height:68px; overflow:hidden; margin:0 auto; padding:0}
#profil-nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:760px; height:68px; background:url(img/profil-nadpis.png)}
#novinky-nadpis {position:relative; width:760px; height:68px; overflow:hidden; margin:0 auto; padding:0}
#novinky-nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:760px; height:68px; background:url(img/novinky-nadpis.png)}
#reference-nadpis {position:relative; width:760px; height:68px; overflow:hidden; margin:0 auto; padding:0}
#reference-nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:760px; height:68px; background:url(img/reference-nadpis.png)}
#kontakt-nadpis {position:relative; width:760px; height:68px; overflow:hidden; margin:0 auto; padding:0}
#kontakt-nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:760px; height:68px; background:url(img/kontakt-nadpis.png)}
#fotogalerie-nadpis {position:relative; width:760px; height:68px; overflow:hidden; margin:0 auto; padding:0}
#fotogalerie-nadpis span {display:block; position:absolute; left:0; top:0; z-index:1; width:760px; height:68px; background:url(img/fotogalerie-nadpis.png)}
#oceneni-box {border:1px solid #efefef; padding:10px; background:url(img/novinky-bg.png) repeat-y; border-top:none; font-size:11px; line-height:14px; letter-spacing:0px}
#oceneni-box div {color:#F39500}
#oceneni-box p {margin-bottom:10px; padding:0; text-align:left}
#oceneni-box span {color: #333333}
.rok {margin-bottom:10px; margin-top:15px; display:block; }
#pod-mapou {font-size:13px; margin-top:30px; float:left; line-height:115%}
#pod-mapou span {color:#333333;}
#pod-mapou a:link, #pod-mapou a:visited{color:#999999; text-decoration:none}
.galerie-box {height:108px; background:url(img/galerie-bg.png) repeat-x; margin-bottom:15px; display:block; text-decoration:none; width:354px; float:right}
.galerie-box span {font-size:20px; letter-spacing:1px; color:#727272; padding-top:15px; text-transform:uppercase; display:block; float:left; margin-left:15px}

.galerie-realizace {position:relative; width:108px; height:108px; overflow:hidden; margin:0; padding:0; float:left; margin-bottom:15px}
.galerie-realizace span {display:block; position:absolute; left:0; top:0; z-index:1; width:108px; height:108px; background:url(img/realizace-galerie.png)}

.galerie-japonska {position:relative; width:108px; height:108px; overflow:hidden; margin:0; padding:0; float:left; margin-bottom:15px}
.galerie-japonska span {display:block; position:absolute; left:0; top:0; z-index:1; width:108px; height:108px; background:url(img/japonska-galerie.png)}

.galerie-bonsaje {position:relative; width:108px; height:108px; overflow:hidden; margin:0; padding:0; float:left;}
.galerie-bonsaje span {display:block; position:absolute; left:0; top:0; z-index:1; width:108px; height:108px; background:url(img/bonsaje-galerie.png)}

a.vice {color:#F39500; text-decoration:none}

/* galerie */
.title-foto {float:left; margin: 0 10px 10px 0; border:7px solid #EDEDED}
.galerie-odstavec {width:303px; float:right}
.galerie-odstavec {width:303px; float:right; margin-top:15px}
.galerie-foto {float:left; margin: 10px 2px 0 0; border:2px solid #EDEDED}
.galerie-foto2 {float:left; margin: 10px 0 0 0; border:2px solid #EDEDED}
/* prava cast */
#pravy {float:right; width:230px; margin-right:10px;}
#prave-menu {background:#E4E4E4; padding-top:20px}
#prave-menu a {text-decoration:none; color:#999999}
#kontakt {padding:10px; background:bottom right no-repeat url(img/tel-bg.png); font-size:11px; line-height:16px; letter-spacing:-0.5px; border: 1px solid #efefef; border-top:none}
#kontakt span {color:#333333; font-size:12px;}
#kontakt-posledni {margin-bottom:0;}
#kontakt a:link, #kontakt a:visited{color:#999999; text-decoration:none}
.linka-kontakt {width:230px; border-bottom:1px solid #efefef; margin:20px auto}
#kontakt-th0 {background:url(img/bg-kontakt-nadpis.png) top center no-repeat; color:#333333; height:23px; display: table; #position: relative; overflow: hidden; width:230px; }
#kontakt-th0 span {margin-left:12px}
kontakt-th1 {_position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
kontakt-th2 {#position: relative;  #top: -50%; }
.stin-kontakt {margin:30px 5px 0 5px; width:220px}
a.japonska {width:220px; height: 61px; margin:0 auto; display:block; position:relative; cursor:hand; overflow:hidden}
a.japonska span {display:block; position:absolute; left:0; top:0; z-index:1; width:220px; height:61px; background:url(img/mid-japonska0.png)}
a:hover.japonska span {background:url(img/mid-japonska0.png) 0 -61px no-repeat; width:220px; height:61px}
a.fotogalerie {width:220px; height: 54px; margin:0 auto; margin-top:15px; display:block; position:relative; cursor:hand; overflow:hidden}
a.fotogalerie span {display:block; position:absolute; left:0; top:0; z-index:1; width:220px; height:54px; background:url(img/mid-foto.png)}
a:hover.fotogalerie span {background:url(img/mid-foto0.png) 0 -54px no-repeat; width:220px; height:54px}
a.reference {margin-bottom:50px; width:220px; height: 54px;margin:0 auto; margin-top:15px; display:block; position:relative; cursor:hand; overflow:hidden}
a.reference span {display:block; position:absolute; left:0; top:0; z-index:1; width:220px; height:54px; background:url(img/mid-ref0.png)}
a:hover.reference span {background:url(img/mid-ref0.png) 0 -54px no-repeat; width:220px; height:54px}
.ico {width:145px; height:50px; padding-left:60px; font-size:10px; line-height:16px; letter-spacing:0px; margin-left:12px; margin-bottom:20px; display:block}
.bonsaje {background:url(img/bonsaje-ico.png) top left no-repeat;}
.prodej {background:url(img/prodej-ico.png) top left no-repeat;}
.jap {background:url(img/japonska-ico.png) top left no-repeat;}
.zahradni { background:url(img/zahradni-ico.png) top left no-repeat}
.ico-pic {margin-bottom:2px}
.sub-foto {width:230px; height:48px; display:block; position:relative; cursor:hand; overflow:hidden}
.sub-foto span {display:block; position:absolute; left:0; top:0; z-index:1; width:230px; height:48px; background:url(img/prave-foto.png)}
.sub-ref {width:230px; height:53px; display:block; position:relative; cursor:hand; overflow:hidden}
.sub-ref span {display:block; position:absolute; left:0; top:0; z-index:1; width:230px; height:53px; background:url(img/prave-reference.png)}
.sub-novinky {width:230px; height:56px; display:block; position:relative; cursor:hand; overflow:hidden}
.sub-novinky span {display:block; position:absolute; left:0; top:0; z-index:1; width:230px; height:56px; background:url(img/prave-novinky.png)}

.foto {float:left; margin-bottom:15px; margin-right:15px}
.foto-posledni {float:left; margin-right:0}

/* dolni cast */
#menu-dolni {float:right; width:402px; margin-right:-17px; height:31px}
a.mapa-stranek {width:103px; height:31px; display:block; position:relative; cursor:hand; float:left; overflow:hidden }
a.mapa-stranek span {display:block; position:absolute; left:0; top:0; z-index:1; width:103px; height:31px; background:url(img/mapa-stranek.png)}
a.profil-firmy {width:104px; height:31px; display:block; position:relative; cursor:hand; overflow:hidden; float:left }
a.profil-firmy span {display:block; position:absolute; left:0; top:0; z-index:1; width:104px; height:31px; background:url(img/profil-firmy.png)}
a.reference-dole {width:90px; height:31px; display:block; position:relative; cursor:hand; overflow:hidden; float:left }
a.reference-dole span {display:block; position:absolute; left:0; top:0; z-index:1; width:90px; height:31px; background:url(img/reference-dole.png)}
a.fotogalerie-dole {width:106px; height:31px; display:block; position:relative; cursor:hand; overflow:hidden; float:left }
a.fotogalerie-dole span {display:block; position:absolute; left:0; top:0; z-index:1; width:106px; height:31px; background:url(img/fotogalerie.png)}
a.kontakt {width:102px; height:31px; display:block; position:relative; cursor:hand; float:left; overflow:hidden }
a.kontakt span {display:block; position:absolute; left:0; top:0; z-index:1; width:102px; height:31px; background:url(img/kontakt.png)}
#konec {height:10px;  width:820px; margin:0 auto; text-align:center; background:url(img/konec-stin.png) top center}
#copyright {font-size:10px; text-align:left; padding:10px 0 25px 50px; line-height:14px; float:left}
#copyright a:link, #copyright a:visited {color:#F39500; text-decoration:none}
#asa {float:right; margin:10px 50px 0 0}

/* formular */
input, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 100%;
    width: 20em;
}

textarea {
    height: 6em;
}

label {
    display: block;
    width: 5em;
    float: left;
    line-height: 150%;
}

span.required {
    font-weight: bold;
    color: red;
    vertical-align: top;
}

p.er, p.ok, input, textarea {
    margin-top: 0;
    margin-bottom: 1em;

}

p.er, p.er a {
    color: red;
}

p.ok, p.ok a {
    color: green;
}

div.form_control {
    display: none;
}