/*
Theme Name: Žilina Real s.r.o.
Author: Michal Poppe, Jozef Zábojník

*/
@import url('fool.css');
@import url('reset.css');

@media all {
    html, body {font-size: 85%; line-height: 150%; font-family: sans-serif; color: #7d7d7d;}
    html {background: #F9F9F9 url('images/pozadie.jpg') 0 0 repeat-x;}

    #stranka {width: 770px; margin: 0 auto; padding-top: 137px; position: relative;}

    #logo a, #logo a span {display: block; width: 354px; height: 136px; position: absolute; cursor: hand; top: 0;}
    #logo a {left: 10px;}
    #logo a span {left: 0; z-index: 2; background: url('images/logo.jpg') 0 0 no-repeat;}
    #kontakty {position: absolute; top: 0; right: 10px; width: 292px; height: 68px; padding: 10px 0 0 20px; color: #fff; background: url('images/kontakty.jpg') 0 0 no-repeat;}
    #kontakty p {width: 135px; float: left;}
    #kontakty a {color: white;}

    ul#menu {position: absolute; top: 95px; right: 18px;}
    ul#menu li {list-style-type: none; float: left; margin-left: 40px;}
    ul#menu li a {display: block; padding: 10px; text-decoration: none;}
    ul#menu li a:hover, ul#menu li a:focus {border-bottom: 4px solid #50A319;}
    ul#menu li a#current {border-bottom: 4px solid #50A319; color: #50A319;}

    #o-spolocnosti { width: 731px; height: 167px; padding: 20px 0 0 20px; background: url('images/veze.jpg') no-repeat; margin: 0 0 0 9px;}
    #o-spolocnosti h2 {font-size: 120%;}
    #o-spolocnosti p {width: 380px; text-align: justify; margin-top: 10px; _margin-top: -3px;}
    #o-spolocnosti p#viac, #o-spolocnosti p#viac span {width: 20px; height: 13px; cursor: hand; position: absolute;}
    #o-spolocnosti p#viac {right: 350px; top: 240px;}
    #o-spolocnosti p#viac span {top: 0; left: 0; z-index: 2; background: url('images/sipka.jpg') 0 0 no-repeat;}
    #o-spolocnosti p#viac a {font-size:0.2em;}

    /* added by Kubik */
    #zverejnovanie {
        width: 300px; height: 131px; position: absolute; left: 454px; top: 141px;
        padding: 15px 0;
    }
    #zverejnovanie-viac {
        width: 104px; height: 25px; display: block; overflow: hidden;
        background: url(images/viac.png);
        text-indent: -9999px;
        margin: 10px 0 0 0;
    }
    #krasnany {
        width: 368px; height: 97px; display: block;
        background: url(images/krasnany.png);
        text-indent: -9999px;
        position: absolute; left: 9px; top: 265px;
        
    }

    #o-obsah {background: url('images/tien-dole.jpg') left bottom no-repeat; padding-bottom: 100px;}
    #obsah {width: 711px; margin: auto; padding: 50px 20px; background-color: #fff; min-height:300px; height:auto !important; height:300px;}
    #single #obsah {width: 611px; margin-top: -196px; padding: 30px 70px 0 70px; background-color: #fff;}
    #single .vos {background: url('images/single-vos.jpg') top center no-repeat;}
    #single .vo {background: url('images/single-vo.jpg') top center no-repeat;}
    #single .no {background: url('images/single.jpg') top center no-repeat;}
    #tien-hore {background: url('images/single-top.png') -8px 0 no-repeat; margin-top: 37px; width: 782px; height: 296px;}
    #tien-lavy {position: absolute; top: 422px; left: 0px; width: 11px; height: 268px; background: url('images/tien-lavy1.png') 0 0 no-repeat; }
    #tien-pravy {position: absolute; top: 422px; left: 760px; width: 11px; height: 268px; background: url('images/tien-pravy1.png') 0 0 no-repeat; }

    #obsah p {text-align: justify; margin: 10px 0;}

    #obsah ul li {list-style-type:disc;margin-left: 1.5em; padding:3px 0 0 0;}

    #single #obsah h2 {font-size: 140%; margin: 10px 0 30px -30px; padding-top: 10px;}

    .lavybox {float:left;}
    .pravybox {float:right;}
    .lavy, .pravy, .pravyaa, .lavyaa {width: 346px;}
    .lavy {float: left; background: #fff url('images/box-lavy.jpg') no-repeat;}
    .lavyaa {float: left; background: #fff url('images/box-lavy-a.jpg') no-repeat;}
    .pravy {float: right; background: #fff url('images/box-pravy.jpg') no-repeat;}
    .pravyaa {float: right; background: #fff url('images/box-pravy-a.jpg') no-repeat;}
    .cb {clear:both;}

    .vzdelavacie-centrum-ikona {float:right; margin:3px 10px;padding:3px;border:1px solid #8e8e8e; background:white url(vzdelavaciecentrum.jpg) center center no-repeat; width:98px;height:130px;display:block; }

    .pravy p, .lavy p {padding:0 10px;}
    .none, .none {background-image: none !important;}
    .lavy h2, .pravy h2 {margin: 15px 0 30px 17px;font-size: 120%;}
    .lavy ul, .pravy ul {margin-left: 5px;	padding-left: 15px;	list-style-image: url('images/gulicka.png');}
    .lavy li.viac, .pravy li.viac {list-style-image: none; list-style-type: none !important; font-weight: bold; text-align: right;}
    .lavy li.viac a, .pravy li.viac a {color: #50A319;}
    ul#kategoria {list-style-image: url('images/gulicka.png');}
    .lavy ul li, .pravy ul li {width: 290px; margin-bottom: 30px;}
    .lavy ul li h3, .pravy ul li h3 {font-weight: normal;}
    .none ul li {margin-bottom: 5px !important;}
    p.osoba {text-align: right !important;}

    #o-footer {background: url('images/footer.jpg') top left repeat-x; line-height: 69px;}
    p#footer {text-align: center; margin-top: 50px;}

    h1, h2, h3, h4, a:hover {color: #6a6a6a;}
    a {color: #7d7d7d;}
    hr {margin: 20px 0 40px 0; height: 1px; color: #7d7d7d; background-color: #7d7d7d; border: 0;}
}

@media handheld {
}

@media print {
}

@media aural {
    * {volume: medium; speech-rate: medium;}
    abbr {speak: spell-out}
    h1, h2 {pause-before: 200%}
    h3, h4 {pause-before: 180%}
    p {pause-before: 120%}
    #statistika, hr {speak: none;}
}