*, html, body
{
    margin: 0; padding: 0;
    font-size: 11px;
    font-family: sans-serif;
}
/* centrovanie */
body, html
{
    height: 100%; width: 100%;
    top: 0; left: 0;
    min-height: 680px;
    position: absolute;
}

body { background: url("../obrazky/pozadie-hlavne-tapeta-2.jpg"); }
hr { display: none; }
menu, ul, li { list-style: none; }
a { color: #f53; }
a:hover { cursor: pointer; }
img { border: none 0; }

clear { clear: both; }

h1
{
    position: relative;
    float: left;
    width: 210px; height: 60px;
    overflow: hidden;
    padding: 70px 0 0 200px;
    background: url("../obrazky/landscape-logo-2.png") no-repeat 30px 0; 
    text-transform: uppercase;
}

    h1 a { color: #ccc; text-decoration: none; font-size: 16px; }

h2
{
    margin: 0 2px;
    padding: 10px;
    font-size: 14px;
    border-bottom: solid 1px #999999;
}

    h2 a
    {
        font-size: 14px;
    }

h3
{
    font-size: 12px;
    color: #cccccc;
}

h4
{
    color: #cccccc;
}

label
{
    float: left;
    width: 107px;
}

input
{
    margin-bottom: 2px; padding: 0 2px;
    width: 88px;
    font-size: 10px;
    border: solid 1px #444444;
    background-color: #222222;
    color: #ffffff;
}

input.checkbox
{
    margin-right: 5px;
    width: 15px; height: 15px;
    cursor: pointer;
}

input.radio
{
    margin-right: 5px;
    width: 15px; height: 15px;
    border: none 0;
    cursor: pointer;
}

input.submit
{
    margin: 10px 0 10px 107px;
    width: 94px;
    cursor: pointer;
}

input.velke { width: 195px; }

textarea
{
    margin: 3px 0;
    width: 199px; height: 30px;
    font-size: 10px;
    border: solid 1px #444444;
    background-color: #222222;
    color: #ffffff;
}

ul#jazyky
{
    float: left;
    width: 344px; height: 130px;
}

    ul#jazyky li
    {
        float: left;
        display:inline;
        margin: 98px 0 0 2px;
        width: 106px; height: 19px;
    }

        ul#jazyky li a
        {
            float: right;
            display: block;
            line-height: 17px;
            width: 86px; height: 100%;
            padding: 0 10px 0 5px;
            font-weight: bold;
            text-transform: lowercase;
            text-align: right;
            color: #999999;
            background: #333;
        }

        ul#jazyky li a.selected { color: #ffffff; }
        ul#jazyky li a:hover { color: #ff5533; }

	    ul#jazyky li a span { float: left; margin-top: 4px; display: block; width: 16px; height: 11px; font-size: 0; }
	    ul#jazyky li a.selected span { background-position: 0 100% !important; }
	    ul#jazyky li a.sk span { background: url("../obrazky/lang/sk.png") no-repeat; }
	    ul#jazyky li a.en span { background: url("../obrazky/lang/en.png") no-repeat; }
	    ul#jazyky li a.de span { background: url("../obrazky/lang/de.png") no-repeat; }
menu
{
    float: left;
    display: inline;
    height: 450px;
}

menu.vlavo
{
    margin-left: 18px;
    clear: both;
}

    menu li
    {
        float: left;
        width: 35px; height: 450px;
    }
    
    menu li.last
    {
        width: 2px;
        text-indent: -999px;
        overflow: hidden;
        background: url("../obrazky/pozadie-lava-zvisla-ciara.jpg") 0 0 repeat-y;
    }
    
        menu li a
        {
            display: block;
            width: 35px; height: 450px;
            text-indent: -999px;
            overflow: hidden;
            background: url("") 0 0 no-repeat #000000;
        }

        menu li a.kontaktujteNas { background-image: url("../obrazky/menu-kontaktujte-nas.gif"); }
        menu li a.obchodnaCinnost { background-image: url("../obrazky/menu-obchodna-cinnost.gif"); }
        menu li a.prirodneZahrady { background-image: url("../obrazky/menu-prirodne-zahrady.gif"); }
        menu li a.okrasneRastliny { background-image: url("../obrazky/menu-okrasne-rastliny.gif"); }
        menu li a.zahradnaArchitektura { background-image: url("../obrazky/menu-zahradna-architektura.gif"); }
        menu li a.oFirme { background-image: url("../obrazky/menu-o-firme.gif"); }
        
        menu li a.selected { background-position: 50% 0; }
        menu li a:hover { background-position: 100% 0; }

/* centrovanie */
div#center
{
    margin:  auto;
    position: absolute;
    top: 50%; left: 50%;
}

div#all
{
    border: solid 1px #444;
    position: relative;
    margin: 0 auto;
    width: 796px; height: 680px;
    background: url("../obrazky/pozadie-hlavne-tapeta.jpg") #000000;
    color: #ffffff;

/* centrovanie */
    position: absolute;
    left: -396px; top: -340px;
    overflow: hidden;
    top:expression(document.body.clientHeight > 680 ? "-340px" : ( - document.body.clientHeight / 2) + "px");
}



div#ciary
{
    width: 796px; height: 680px;
    background: url("../obrazky/pozadie-ciary.gif");
}



div#velkyObrazok
{
    position: relative;
    float: left;
    width: 545px; height: 450px;
    background: url("../obrazky/pozadie-velky-obrazok-1--------.jpg") -210px 0px no-repeat;
}

div#velkyObrazok.plne { width: 755px; background-position: 0px 0px; }

    div#all div.nulta { background-position: -175px 0px; }
    div#all div.prva { background-position: -140px 0px; }
    div#all div.druha { background-position: -105px 0px;}
    div#all div.tretia { background-position: -70px 0px; }
    div#all div.stvrta { background-position: -35px 0px; }
    div#all div.piata { background-position: 0px 0px; }
    
div#priesvitnost
{
    position: absolute;
    display: block;
    margin: 20px;
    width: 505px; height: 410px;
    opacity: 0.9;
    filter: alpha(opacity=90);
    background-color: #000000;
}
div#velkyObrazok.plne div#priesvitnost { width: 715px; }


div#obsah
{
    position: absolute;
    margin: 20px;
    padding: 10px;
    width: 485px; height: 390px;
    overflow: hidden;
}
div#velkyObrazok.plne div#obsah { width: 695px; }

    div#obsah a#skryt
    {
        float: right;
        padding: 2px 5px 3px 5px;
        text-transform: lowercase;
        font-weight: bold;
        font-size: 10px;
        border: solid 1px #444444;
        color: #666666;
    }

    div#obsah a#skryt:hover
    {
        color: #ffffff;
    }

    div#obsah ul#podmenu
    {
        float: left;
        margin-top: 10px;
        padding: 10px;
        width: 463px;
        border: solid 1px #444444;
    }

        div#obsah ul#podmenu li
        {
            float: left;
            padding-right: 5px;
        }

            div#obsah ul#podmenu li a
            {
                display: block;
                line-height: 16px;
                text-transform: lowercase;
                text-indent: 20px;
                font-size: 11px;
                background: url("../obrazky/podmenu-stvorec.gif") 0 0 no-repeat;
            }

            div#obsah ul#podmenu li a.selected, div#obsah ul#podmenu li a:hover
            {
                color: #ffffff;
                background-position: 0 -16px;
            }



div#obsahText
{
    float: left;
    margin-top: 10px;
    padding: 10px;
    width: 463px; height: 321px;
    overflow: hidden;
    border: solid 1px #444444;
    color: #999999;
    clear: both;
}
div#velkyObrazok.plne div#obsahText { width: 673px; }

    div#obsahText div.scrollholder
    {
        position: relative;
        width: 100%; height: 100%;
        overflow: auto;
        z-index: 1;
    }

    div#obsahText div.scroll
    {
        position: absolute;
        left: 0; top: 0;
        width: 95%;
        z-index: 2;
    }

    div#obsahText b { color: #cccccc; }

    div#obsahText a:hover { color: #ffffff; }

    div#obsahText p
    {
        margin: 0 0 14px 0;
        text-indent: 15px;
        background: url("../obrazky/o-firme-text-stvorec.gif") 0 3px no-repeat;
    }

    div#obsahText div.stlpec
    {
        float: left;
        margin-top: 10px;
        width: 222px; height: 296px;
        overflow: hidden;
    }

    div#obsahText div.medzera { margin-left: 19px; }

    div#obsahText div.stlpec p.posunutyBielyStvorcekKvolyObrazku { background-position: 95px 3px; }

    div#obsahText div.stlpec img
    {
        float: left;
        margin: 4px 10px 0 0;
    }



/* <O firme> */
div#obsahText.oFirme div.lavy { width: 222px; height: auto; }
div#obsahText.oFirme div.pravy { width: 200px; height: auto; }
/* </o firme> */

/* <Zahradna architekture> */
div#obsahText.zahradnaArchitektura { height: 273px; }

div#obsahText.zahradnaArchitektura a.poznamka { }

div#obsahText.zahradnaArchitektura div.stlpec
{
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    width: 219px; height: auto;
}

div#obsahText.zahradnaArchitektura div.lavy { width: 210px; }
div#obsahText.zahradnaArchitektura div.pravy { width: 229px; }

div#obsahText.zahradnaArchitektura ul { margin-left: 4px; }

div#obsahText.zahradnaArchitektura h4
{
    text-indent: 15px;
    background: url("../obrazky/o-firme-text-stvorec.gif") 0 3px no-repeat;
}

div#obsahText.zahradnaArchitektura div.formular
{
    float: left;
    width: 225px;
}

div#obsahText.zahradnaArchitektura div.formular div.scroll { width: 205px; }

div#obsahText.zahradnaArchitektura div.formular a img.stylZahrady
{
    padding: 2px;
    border: solid 1px #444444;
    margin: 3px 0;
}

div#obsahText.zahradnaArchitektura div.formular a:hover img.stylZahrady { border-color: #999999; }

div#obsahText.zahradnaArchitektura span
{
    display: block;
    padding: 0 20px; margin: 10px 0;
    width: 30px; height: 60px;
    font-size: 50px;
    background: #ffffff;
    color: #000000;
}

.poradenstvo
{
    display: block;
    padding: 8px 0 8px 40px;
    width: 100px;
    background: url("../obrazky/word.gif") 0 0 no-repeat;
}


div.fotogaleria div#scroll { width: 441px; }
div.fotogaleria a.okraj img { margin: 0 2px 2px 0; }
div.fotogaleria h3 {margin: 5px 0; }
/* </zahradna architekture> */


/* <Prirodne zahrady> */
.prirodneZahrady .mena { display: block; margin-left: 320px; }
.prirodneZahrady #jazierka { margin-top: 20px;}
.prirodneZahrady #jazierka img { margin-bottom: 5px; }
.prirodneZahrady #jazierka img.posledny { margin-right: 0; }
/* </prirodne zahrady> */


/* <Obchodna cinnost> */
div#obsahText.obchodnaCinnost { height: 273px; }
a.okraj img
{
    padding: 2px;
    border: solid 1px #444444;
}

a.okraj:hover img { border-color: #999999; }

table
{
    width: 100%;
    border-collapse: collapse;
}

table tr td
{
    padding: 2px 5px;
    border: solid 1px #ffffff;
}

table tr.nadpisy td
{
    font-weight: bold;
    color: #f50;
}

a.oddelovac
{
    float: right;
}
/* </obchodna cinnost> */

/* <Kontakt> */
div#mapa
{
    position: relative;
    display: inline;
    float: left;
    margin: 0 0 6px 26px;
    width: 410px; height: 203px;
}

    div#mapa div#mapaObrazok
    {
        width: 100%; height:100%;
        opacity: 0.7;
        filter: alpha(opacity=70);
        background:url("../obrazky/kontakt-mapa.gif") 0 0 no-repeat;
    }

    div#mapa a {
        position: absolute;
        display: block;
        color: #999999;
        font-size: 10px;
        font-weight: bold;
    }

    div#mapa a:hover, div#mapa a.selected
    {
        color:#fff;
        background: url("../obrazky/kontakt-stvorec.gif") 0 0 no-repeat;
    }

    div#mapa a.bratislava
    {
        top: 143px; left: 16px;
        width: 90px; height: 27px;
        padding: 12px 0 0 31px;
    }
    
    div#mapa a.nitra
    {
        top: 110px; left: 79px;
        width: 80px; height: 36px;
        padding: 1px 0 0 28px;
    }

    div#mapa a.nitra:hover, div#mapa a.nitraSelected { background-position: 0 20px; }

    div#mapa a.trnava
    {
        top: 103px; left: -30px;
        width: 95px; height: 32px;
        padding: 0 0 0 0;
    }

    div#mapa a.trnava:hover, div#mapa a.trnavaSelected { background-position: 80px 17px; }

    div#mapa a.trencin
    {
        top: 70px; left: 82px;
        width: 90px; height: 26px;
        padding: 10px 0 0 28px;
    }

    div#mapa a.cz
    {
        top: 160px; left: 270px;
        padding: 2px 0 2px 20px;
        background: url("../obrazky/podmenu-stvorec.gif") 0 0 no-repeat;
    }

    div#mapa a.cz:hover { background-position: 0 100%; }

    div#mapa a.usa
    {
        top: 175px; left: 270px;
        padding: 2px 0 2px 20px;
        background: url("../obrazky/podmenu-stvorec.gif") 0 0 no-repeat;
    }

    div#mapa a.usa:hover, div#mapa a.zahranicieSelected { background-position: 0 100%; }



div#kontaktText
{
    display: inline;
    float: left;
    width: 473px; height: 112px;
    overflow: hidden;
    margin-left: -5px;
    margin-top: 5px;
}

div#kontaktText span.kontakt-uvod
{
    display: block;
 	margin-left: 5px;   
    width: 463px;
}

div#kontaktVlavo
{
    float: left;
    width: 250px;
}

div#kontaktText img
{
    float: left;
    margin-right: 5px;
}

div#kontaktText address { font-style: normal; }

div#kontaktText div.scrollholder
{
    float: left;
    width: 223px;
}

div#kontaktText div.scrollholder div.scroll { width: 202px; }
/* </kontakt> */

/* <Mapa stranky> */
div.mapaStranky a
{
    display: inline;
    padding-left: 20px;
    padding-bottom: 2px;
    background: url("../obrazky/podmenu-stvorec.gif") 0 0 no-repeat;
}

div.mapaStranky a:hover { background-position: 0 -16px; }

div.mapaStranky ul li { clear: both;}
div.mapaStranky ul li ul { float: left;}
div.mapaStranky ul li br { clear: both;}
div.mapaStranky ul li ul li a { margin-left: 16px; }
/* </mapa stranky> */

div#prepinanieObrazkov
{
    float: left;
    display: inline;
    margin: 2px 0 2px 20px;
    padding: 1px 0 1px 1px;
    width: 754px; height: 37px;
}

    div#prepinanieObrazkov a
    {
        float: right;
        display: block;
        width: 13px; height: 13px;
        font-size: 0;
        overflow: hidden;
        text-indent: -999px;
        border: solid 1px #000000;
        background-color: #ffffff;
    }

    div#prepinanieObrazkov a:hover {  background: #ff5533; }    
    div#prepinanieObrazkov a.selected { border: solid 1px #ff5533; }



div#spodnaLista
{
    float: left;
    display: inline;
    margin: 0 0 0 20px;
    padding: 2px 2px 0px 8px;
    width: 745px; height: 28px;
    line-height: 28px;
    overflow: hidden;
    font-size: 10px;
    background: url("../obrazky/pozadie-spodna-tapeta.jpg");
    color: #999999;
}

    div#spodnaLista a
    {
        padding-right: 8px;
        font-size: 10px;
        background: url("../obrazky/spodok-odkaz.gif") right 2px no-repeat;
        color: #ff5533;
        margin-right: 5px;
    }

    div#spodnaLista a:hover
    {
        background-position: right -12px;
    }

/* <webmonitor> */
div#webmonitor
{
	display: none;
}
/* </webmonitor> */

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; height: 100%;
    font-size: 0;
    background: url("../obrazky/pozadie-slide.gif") 5px 0 repeat-y;
    z-index: 3;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    background: url("../obrazky/slide.gif") no-repeat;
    z-index: 4;
}  

div.track:hover div.drag_bar { background-position: 100% 0; }
/* </scroll> */


/* <Tooltip> */
#tt {position:absolute; display:block; background:url("../obrazky/tooltip/tt_left.gif") top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url("../obrazky/tooltip/tt_top.gif") top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; font-size: 24px; font-family: Arial, Helvetica, sans-serif;}
#ttbot {display:block; height:5px; margin-left:5px; background:url("../obrazky/tooltip/tt_bottom.gif") top right no-repeat; overflow:hidden}
/* </toltip> */