.doprava {background: url('../images/site/toggle_menu/doprava1.gif') no-repeat top left; width: 24px; height: 30px; cursor: pointer;}
.dole {background: url('../images/site/toggle_menu/dole1.gif') no-repeat top left; width: 30px; height: 24px; cursor: pointer;}

.doprava {background: url('../images/site/toggle_menu/doprava2.png') no-repeat top left; width: 15px; height: 15px; cursor: pointer;}
.dole {background: url('../images/site/toggle_menu/dole2.png') no-repeat top left; width: 15px; height: 15px; cursor: pointer;}

body {
    
}

.clear {
    clear: both;
    border: none;
    height: 0;
}

.FL {
    position: relative;
    float: left;
}

.FR {
    position: relative;
    float: right;
}

.TXTR {text-align: right;}
.TXTL {text-align: left;}
.TXTC {text-align: center;}

.oddelovac-vrch {
    background: url(../images/site/vertikalny_oddelovac_vrchny.gif) no-repeat center center;
    margin: 0 5px;
}
.oddelovac-spodok {
    background: url(../images/site/vertikalny_oddelovac_spodny.gif) no-repeat center center;
    margin: 0 5px;
}

/*  WRAPPERS */
#page {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

    background: #fff url(../images/site/top_bg_pasik.jpg) repeat-x top left;
    height: 600px;
}
#site-wrapper {
    position: relative;

    /*width: 100%;*/
    width: 920px; height: 100%;

    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background: #fff;
    
    /*border: 1px solid black;*/
}

#content-wrapper {
    position: relative;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    
    /*border: 1px solid green;*/
}

content-wrapper-1 {
    position: absolute;
    width: 900px; top: -250px;
    margin-left: auto;
    margin-right: auto;

}

#main-content {
    /*position: relative;*/
    /*margin: 67px 0 10px 0;*/ /* margin: 97px 0 10px 0; */

    position: absolute;
    margin: 83px 0 10px 0; /* margin: 103px 0 10px 0; */
    
    padding: 0;

    /*background: cyan;*/
    /*border: 1px solid red;*/
}

#top-bg-middle {
    /*
    background: url(../images/site/top_bg_middle2.jpg) no-repeat top left;
    position: absolute;
    width: 920px; height: 153px;
    margin: 0; padding: 0;
    */

    background: url(../images/site/top_bg_middle3.jpg) no-repeat top left;
    position: absolute;
    width: 920px; height: 126px;
    margin: 0; padding: 0;
}

#top-vytrca-zlava {
    position: absolute;
    top: 0;
    /*right: 150px;*/ /* + position: relative; */

    left: -150px; /* v html pridane: <div style="position: relative;">&nbsp;</div> */

    background: #f4f4f4 url(../images/site/vytrcam_lavobok.jpg) no-repeat top left;
    width: 150px; height: 300px;
}

#logo-text {
    position: relative;
    float: left;
    top: 10px; left: 0; /* top: 30px; top: 60px; */
    width: 670px; height: 38px;

    /*border: 1px solid green;*/
}
#logo-text .text {
    position: relative;
    float: right;
    top: 25px; right: 0;
    padding-right: 20px;
    color: #137fc1;
}
#logo-text .text a {color: #137fc1;}
#logo-text #logo {
    position: relative;
    float: left;
    margin-left: 55px;
    background: #fff url(../images/site/logo2.jpg) no-repeat top left;
    width: 276px; height: 38px;
}

#search {
    position: relative;
    float: right;
    top: 28px; right: 0; /*  : 48px; top: 78px; */
    width: 221px; height: 32px;
    /*background: #e5e5e6;*/
    background: url(../images/site/search_bg.jpg) repeat-y top left;

    /*border: 1px solid red;*/
}
#search form input.input-text {
    margin: 4px 0 0 5px; padding: 1px 2px;
    width: 145px; height: 20px; line-height: 20px;
    border: 1px solid #d7d7d7;
    background: #ebebeb;

    /*
    position: relative;
    float: left;
    */
}
#search form input.input-submit {
    /*background: #e5e5e6;*/
    background: transparent;
    color: #137fc1;
    border: none;
    height: 26px; line-height: 26px;
    vertical-align: bottom;
    padding: 4px 4px 4px 6px;

    /*
    position: relative;
    float: left;
    */

    /*border: 1px solid red;*/
}

#flashBanner {
    position: relative;
    width: 900px; height: 267px;
    margin: 0 auto;
    top: 47px; /* top: 67px; top: 97px; */
    left: 0;
    background: url(../images/ppa-banner.jpg) no-repeat;
}

#header {
    background: #fff url(../images/site/header.jpg) repeat-x top left;
    position: relative;
    width: 900px; height: 267px;
    margin: 0 auto;
    top: 47px; /* top: 67px; top: 97px; */
    left: 0;
    /*
    width: ;
    height: ;
    */
    /*border: 1px solid black;*/
}

a.pridaj-odkaz {border-bottom: 1px solid !important; padding-bottom: 1px !important;}
a.pridaj-odkaz {border-bottom: 1px solid !important; padding-bottom: 1px !important;}

.TMAVA-1 {color: #282b2f;}

#top-lang {
    position: relative; /* ked tu bolo absolute, tak vo Firefoxe neboli klikatelne tie dva odkazy */
    top: 0; right: 0;
    float: right; clear: both;
    text-align: right;

    text-transform: uppercase;
    color: #676b7d;
}

#top-lang a.selected {
    font-weight: bold; color: #056ba8 !important; text-decoration: none;
}
#top-lang a.not-selected {
    font-weight: normal; color: #676b7d; text-decoration: underline;
}

#top-lang a,
#top-lang a:link,
#top-lang a:visited,
#top-lang a:hover,
#top-lang a:active
{
    color: #676b7d;
}

#jazyk-sk {
    height: 32px; line-height: 32px;
    position: relative;
    display: inline;
}
#jazyk-en {
    height: 32px; line-height: 32px;
    padding: 0 20px;
    position: relative;
    display: inline;
}

/*
http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks
dobre vysvetlene, ale trochu advanced :), hlavne ktore kolko percent a preco
podla mna ten zaver: tam to uz netreba "komplikovat" s tym paddingom, staci pouzit
padding pre nejake dalsie vnutorne divy
*/
#equalHeightContainer {float: left; width: 100%;}

#containerRight {float: left; width: 100%; background: #ececec; position: relative; overflow: hidden;}
#containerLeft {float: left; width: 100%; background: #fff; position: relative; right: 250px;}

#left-content {
    width: 609px;/* 609 + 31 + 10 = 650 + 250 (#right-content) = 900 (#content-wrapper, #main-content) */
    padding: 10px 29px 10px 10px; /* Predtym, kde to trochu bolo dlhsie ako vrch: 10px 31px 10px 10px */
    /*
    float: left;
    left: 250px;
    */
    position: relative;

    /*border: 1px solid red;*/
}

.faq-odpoved {
    margin: 20px 0 30px 0;
}

#top-nav {
    margin: 5px 0;
}

#sluzby-nadpis {
    position: relative;
    float: left;
    width: 609px;
    padding-bottom: 0px;
    border-bottom: 1px solid #282b2f;
    margin-bottom: 20px;
}
#sluzby-nadpis .nadpis {
    position: relative;
    float: left;
    color: #282b2f;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #282b2f;
}

#sluzby-vrch {
    background: url(../images/site/sluzby_bg_vrch2.jpg) no-repeat top left;
    width: 609px; height: 2px;
}
#sluzby-spodok {
    background: url(../images/site/sluzby_bg_spodok2.jpg) no-repeat top left;
    width: 609px; height: 2px;
}

.sluzby-typy {
    /*background: url(../images/site/sluzby_bg.jpg) no-repeat top left;*/
    position: relative;
    float: left;
    background: #393939; /*#5d5d5d*/
    width: 609px; /*height: 28px;*/ height: 100%;
    
}

.sluzby-typy .ponukame {
    position: relative;
    float: left;
    width: 80px; height: 28px; line-height: 28px;
    padding-left: 10px;
    color: #fff;
    
    /*border: 1px solid red;*/
}
.sluzby-typy .sluzby-za-sebou {
    position: relative;
    float: left;
    width: 510px; /* 497px predtym , spolu moze byt max 499px */
    /*height: 28px; line-height: 28px;*/

    /*border: 1px solid green;*/
}
.sluzby-typy .sluzby-za-sebou .sluzba {
    padding: 0px 17px 0px 6px;
    display: inline;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    background: url(../images/site/cervena_sipka_4.gif) no-repeat center right;

    line-height: 28px; /* aby to bolo zarovnane na stred */
}

.sluzby-typy .sluzby-za-sebou a:hover span.sluzba {
    color: #137fc1;
}

/*
.sluzby-typy .sluzby-za-sebou .sluzba-sipka {
    background: url(../images/site/sluzby_sipka.gif) no-repeat center center;
    width: 4px; height: 7px;
    display: inline-block;
}
*/

#oblasti-wrapper {
    /*
    position: relative;
    float: left;
    background: url(../images/site/oblasti_bg_bottom.jpg) repeat-x bottom left;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 609px;
    min-height: 113px;*/ /* skutocny height minus vrchny a spodny padding */

    position: relative;
    float: left;
    background: url(../images/site/oblasti_bg_bottom_2.jpg) repeat-x bottom left;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 609px;
    min-height: 153px; /* skutocny height minus vrchny a spodny padding */
}
#oblasti-wrapper .v-oblastiach {
    position: relative;
    float: left;
    width: 80px; height: 100%;
    padding-left: 10px;
    color: #282b2f;
}
#oblasti-wrapper .oblasti-pod-sebou {
    position: relative;
    float: left;
    width: 497px; /* spolu moze byt max 499px */
}
#oblasti-wrapper .oblasti-pod-sebou a {
    color: #282b2f;
}
#oblasti-wrapper .oblasti-pod-sebou a:hover {
    color: #ee3124;
}
#oblasti-wrapper .oblasti-pod-sebou .oblast {
    display: inline-block;
    padding: 0px 12px 2px 6px; margin: 0;
    /*color: #282b2f;*/
    font-weight: normal;
    background: url(../images/site/cervena_sipka_oblast.gif) no-repeat center right;
}
#oblasti-wrapper #sluzby-image-right {
    /*
    background: url(../images/site/sluzby_image_right.jpg) no-repeat top left;
    width: 236px; height: 151px;

    position: absolute;
    bottom: -1.75em; right: 10px;
    */
    background: url(../images/site/sluzby_image_right_2.jpg) no-repeat top left;
    width: 250px; height: 189px;

    position: absolute;
    bottom: 0.0em; right: 0px;
}

.oblast-text, .sluzba-text {
    margin: 20px;
}

#clanky {
    position: relative;
    float: left;
    width: 280px; /* max 290px spolu */
    padding-right: 10px;

    /*border: 1px solid red;*/
}

#novinky {
    position: relative;
    float: left;
    width: 309px; /* max 319px spolu */
    padding-left: 10px;

    /*border: 1px solid red;*/
}

#clanky-2 {
    position: relative;
    float: left;
    width: 280px; /* max 290px spolu */
    padding-right: 10px;

    /*border: 1px solid red;*/
}

#novinky-2 {
    position: relative;
    float: left;
    width: 309px; /* max 319px spolu */
    padding-left: 10px;

    /*border: 1px solid red;*/
}


.novinka-wrapper {
    
}
.novinka-obr {
    position: relative;
    float: left;
    width: 67px;
    padding: 2px;
    border: 1px solid #edebec;
}
.novinka-text-wrapper {
    position: relative;
    float: left;
    width: 226px; /* max. 236 (309 - 73) */
    padding: 0 0 0 10px;

    /*border: 1px solid green;*/
}
.novinka-nadpis {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}


.clanok-text,
.novinka-text
{
    text-align: justify;
}

.clanok-obr {
    position: relative;
    width: 271px;
    padding: 2px;
    border: 1px solid #686a7f;
}

#clanky-novinky-nadpis {
    position: relative;
    float: left;
    width: 609px;
    padding-bottom: 0px;
    border-bottom: 1px solid #137fc1;
    margin-top: 40px;
    margin-bottom: 20px;
}
#clanky-novinky-nadpis .nadpis {
    position: relative;
    float: left;
    color: #137fc1;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #137fc1;
}
#clanky-novinky-nadpis .ukazat-vsetky {
    position: relative;
    float: right;
    color: #137fc1;
    font-size: 12px;
    font-weight: normal;

    cursor: pointer;
}


#right-content {
    width: 250px;
    margin: 0; padding: 0;
    /*background: #ececec;*/
    
    /*
    float: left;
    left: 250px;
    */
    
    background: #ececec;

    position: relative;
}
#right-content #adresa-text {
    position: relative;
    float: left;
    clear: left;
    padding: 40px 10px 10px 10px;
}
#right-content #adresa-text .adr1 {
    font-weight: bold;
    color: #137fc1;
    padding-bottom: 20px;
}
#right-content #adresa-text .adr2 {
    font-weight: bold;
    padding-bottom: 8px;
}
#right-content #adresa-text .adr3 {
    padding-bottom: 15px;
}
#right-content #adresa-text .adr4 {
    color: #137fc1;
}
#right-content #adresa-image {
    background: url(../images/site/mapka_mini.gif) no-repeat top left;
    margin: 80px 10px 10px 10px;
    width: 87px; height: 45px;
    position: relative;
    float: right;
    clear: right;
}

#kontaktny-formular {padding: 60px 10px 40px 10px;}

#kontaktny-formular .kf {
    font-weight: bold;
    color: #137fc1;
    padding-bottom: 15px;
}
#form-webmail .input-text {
    color: #959595; font-family: Tahoma;
    width: 140px; height: 16px;
    margin: 5px 0;
    padding: 2px 5px;
    font-size: 11px;
    background: #fafafa;
    border: 1px solid #d7d7d7;
}
#form-webmail textarea {
    color: #959595; font-family: Tahoma;
    width: 220px; height: 150px;
    margin: 5px 0;
    padding: 5px 5px;
    font-size: 11px;
    background: #fafafa;
    border: 1px solid #d7d7d7;
    overflow: auto;
}
#form-webmail .input-image {
    padding-left: 5px;
}

#form-webmail .sm-error {
    color: #eb1d0e; /*#c30000*/
}

/*============================================================================*/
                                /* Sitemap */

#sitemap ul .addPage { display: none; } #sitemap ul ul .addPage { display: block; } #sitemap ul ul ul .addPage { display: block; }

/* Hlavna stranka, Otazky a odpovede, Kontakty - disable moznost pridat podstranku v menu */

#sitemap li#menu_1 ul, #sitemap li#menu_1 .addPage {display: none;}
#sitemap li#menu_38 ul, #sitemap li#menu_38 .addPage {display: none;}
/*
#sitemap li#menu_6 ul, #sitemap li#menu_6 .addPage {display: none;}
#sitemap li#menu_8 ul, #sitemap li#menu_8 .addPage {display: none;}
*/

/* Using images with lists clanok: http://css.maxdesign.com.au/listutorial/master.htm */
#sitemap ul,
#sitemap li
{
    margin: 6px 0; padding: 0;
}
#sitemap ul {
    margin-left: 20px;
}
#sitemap li {
    list-style-type: none;
    margin: 0 0 0 5px;
    position: relative;
    background: url(../images/site/sitemap_li.gif) no-repeat left 9px;
    padding: 2px 0 2px 12px;
    /*color: #db7703;*/
    font-weight: bold;
}
#sitemap li a {
    color: #137fc1;
    padding-bottom: 2px;
}
#sitemap li a:hover {
    border-bottom: 1px dashed #afbfd3;
}

h1.sitemap {
    margin-top: 25px;
}

/*============================================================================*/

.addPage {
    margin: 10px 0px 0 10px;
}

/* Vysuvacie menu */

#menuhv {
    margin: 0; padding: 0;
    /*position: relative;*/
    position: absolute;
    /*top: 67px;*/ /* top: 97px; */
    top: 352px; /* top: 372px; */
    width: 900px;
    
    left: 0;

    z-index: 2;
}

#menuhv ul .addPage { display: none; } #menuhv ul ul .addPage { display: block; } #menuhv ul ul ul .addPage { display: block; }

/* Hlavna stranka, Otazky a odpovede, Kontakty - disable moznost pridat podstranku v menu */

#menuhv li#menu_1 ul, #menuhv li#menu_1 .addPage {display: none;}
/*
#menuhv li#menu_6 ul, #menuhv li#menu_6 .addPage {display: none;}
#menuhv li#menu_8 ul, #menuhv li#menu_8 .addPage {display: none;}
*/


li.lastChild {background: none !important;}
li.lastChild a {border-width: 0px !important;}

#menuhv a.active {
    background: url(../images/site/menu_item_active.jpg) repeat-x top left;
    width: auto; height: auto;
}

/* menu main */
#menuhv ul {
    list-style: none;
    margin: 0; padding: 0;
    text-align: left;
    background: url(../images/site/menu_bg.jpg) repeat-x top left;
    width: 900px; /*auto*/ height: 36px;
    
    z-index: 2 !important;

    /*border: 1px solid red;*/
}
#menuhv ul ul {
    z-index: 2 !important;
}

#menuhv li {
    list-style: none;
    margin: 0;
    padding: 0;

    /*border: 1px solid green;*/
}

#menuhv ul li {
    position: relative;
    margin: 0;
    float: left;
    background: none;

    background: url(../images/site/menu_oddelovac.jpg) no-repeat top left;
}
#menuhv ul li#menu_1 {background: none;} /* pri prvej polozke v menu zlava nema byt oddelovac */

#menuhv ul li a {
    display: block;
    width: auto;
    height: auto;
    background: none;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: bolder;
    
    /*
    margin-right: 10px;
    margin-left: 10px;
    padding: 9px 6px 9px 6px;
    */
    padding: 9px 18px 9px 18px;
    
    /*border: 1px solid red;*/
}

#menuhv ul li a:hover {
    /*text-decoration: underline;*/
}

#menuhv ul li ul {
    display: none;
}
#menuhv ul li:hover ul {
    display: block;
    position: absolute;
    top: 36px;
    left: 0px; /*-2px*/

    width: 205px; height: auto;

    margin: 0;

    padding: 6px 0 8px 0;

    background: #131517;
    
    /*border: 1px solid red;*/
}
#menuhv ul li:hover ul li {
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;
    width: auto;

    background: #131517;
}
#menuhv ul li:hover ul li ul {
    visibility: hidden;
}

#menuhv ul li:hover ul li a {
    width: 171px; /* width + bocne marginy + bocne paddingy sa musia rovnat width pri #menuhv ul li:hover ul */
    margin: 0 12px;
    
    padding: 4px 5px 2px 5px;
    /*padding: 3px 10px 3px 10px;*/
    border: none;
    border-bottom: 1px solid #282b2f;
    font-weight: normal;

    color: #fff;

    background: #131517; /*#e0e0e0*/
}

/* pri prechode vo vnorenom menu, nech je vzdy predchadzajuca polozka vysvietena inou farbou - znackovanie cesty */
#menuhv ul li:hover a {color: #137fc1;}
#menuhv ul li:hover ul li:hover a {color: #137fc1;}
#menuhv ul li:hover ul li:hover ul li a {color: #fff;}

#menuhv ul li:hover ul li:hover ul li:hover a {color: #137fc1;}
#menuhv ul li:hover ul li:hover ul li:hover ul li a {color: #fff;}

#menuhv ul li:hover ul li:hover ul li:hover ul li:hover a {color: #137fc1;}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li a {color: #fff;}

#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a {color: #137fc1;}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a {color: #fff;}

#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a {color: #137fc1;}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a {color: #fff;}

#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover a {color: #137fc1;}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a {color: #fff;}


#menuhv ul li:hover ul li a:hover {color: #137fc1;}

/*#menuhv a.active {color: #137fc1 !important;}*/ /* vysvietit v menu aktualnu zvolenu cestu */



/* MULTILEVEL SIPKY */
#menuhv ul li.multilevel span {
    /* OPERA + novy firefox 3.5 + ie8 */
    position: relative;
    float: right;
    top: 9px; right: -10px;


    /* FF 3.0.14
    position: relative;
    float: right;
    bottom: 7px; right: -10px;
    */

    width: 5px; height: 3px;
    background: url(../images/site/sipka_seda_dole.png);
}
#menuhv ul li:hover.multilevel span {
    /* OPERA + novy firefox 3.5 + ie8 */
    position: relative;
    float: right;
    top: 9px; right: -10px;


    /* FF 3.0.14
    position: relative;
    float: right;
    bottom: 7px; right: -10px;
    */

    width: 5px; height: 3px;
    background: url(../images/site/sipka_modra_dole.png);
}
#menuhv ul li.multilevel .active span {
    /*background: url(../images/site/sipka_modra_dole.png);*/
}


#menuhv ul li:hover ul li.multilevel span {
    /* OPERA + novy firefox 3.5 + ie8 */
    position: relative;
    float: right;
    top: 6px; right: -5px;


    /* FF 3.0.14
    position: relative;
    float: right;
    bottom: 11px; right: -5px;
    */

    width: 3px; height: 5px;
    background: url(../images/site/sipka_biela_doprava.png);
}
#menuhv ul li:hover ul li:hover.multilevel span {
    /* OPERA + novy firefox 3.5 + ie8 */
    position: relative;
    float: right;
    top: 6px; right: -5px;


    /* FF 3.0.14
    position: relative;
    float: right;
    bottom: 11px; right: -5px;
    */

    width: 3px; height: 5px;
    background: url(../images/site/sipka_modra_doprava.png);
}
#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li.multilevel span {background: url(../images/site/sipka_biela_doprava.png);}
#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel span {background: url(../images/site/sipka_modra_doprava.png);}

#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li.multilevel span {background: url(../images/site/sipka_biela_doprava.png);}
#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel span {background: url(../images/site/sipka_modra_doprava.png);}

#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li.multilevel span {background: url(../images/site/sipka_biela_doprava.png);}
#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel span {background: url(../images/site/sipka_modra_doprava.png);}

#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li.multilevel span {background: url(../images/site/sipka_biela_doprava.png);}
#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel span {background: url(../images/site/sipka_modra_doprava.png);}

#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li.multilevel span {background: url(../images/site/sipka_biela_doprava.png);}
#menuhv ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel ul li:hover.multilevel span {background: url(../images/site/sipka_modra_doprava.png);}




/*
    AK ZVYSIS WIDTH NIEKTOREHO UL, TAK MUSIS ZVYSIT O TU HODNOTU WIDTH KAZDEHO VNORENEHO UL AJ HODNOTU VLASTNOSTI LEFT
*/
#menuhv ul li:hover ul li:hover ul {
    visibility: visible;
    top: -6px; /* -1px */ /* -6px je akurat presne zarovno, -5px je o 1px nizsie */
    left: 205px; /* to iste ako width pri #menuhv ul li:hover ul, malo by byt take iste ako je celkova sirka pri: #menuhv ul li:hover ul li a (aj bocne marginy a paddingy sa zaratavaju) */

    width: 155px; /* ak to chcem dat kratsie ako predchadzajuce ul, tak musim dat kratsie aj: #menuhv ul li:hover ul li:hover ul li a */

    /*border: 1px solid red;*/ /* iba pre debugovacie ucely */
}

#menuhv ul li:hover ul li:hover ul li ul {
    /*display: none;*/ /* takto by sa uz zakazalo zobrazovanie vsetkych dalsich urovni vnorenia */
    visibility: hidden;
}

#menuhv ul li:hover ul li:hover ul li a {
    /*
    Ak pri: #menuhv ul li:hover ul li a je: width: 166px;
    a #menuhv ul li:hover ul li:hover ul som dal z 200px na 150px,
    tak nove width pre a bude: 166px - 50px = 116px
    */
    width: 121px; /* Lebo 155 - 2x12 (a margin) - 2x5 (a padding) */
}

/*============================================================================*/
/* Dalsia uroven vnorenia */
#menuhv ul li:hover ul li:hover ul li:hover ul {
    visibility: visible;
    top: -6px;
    left: 155px;
    width: 155px;
}

#menuhv ul li:hover ul li:hover ul li:hover ul li ul {
    visibility: hidden;
}
/*============================================================================*/

/*
    Posledne 3 urovne vnorenia : zmensil som ich sirku na 120px (ul, li, a)
*/

/* Dalsia uroven vnorenia */
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul {
    visibility: visible;
    top: -6px;
    left: 155px; /* TU MUSI BYT 155 a nie 120 */
    width: 120px;
}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li {width: 120px;}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li a {width: 88px;}

#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li ul {
    display: none;
    /*visibility: hidden;*/
}

/*============================================================================*/

/*
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
    visibility: visible;
    top: -6px;
    left: 120px;
    width: 120px;
}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li {width: 120px;}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a {width: 88px;}

#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li ul {
    visibility: hidden;
}
*/

/*============================================================================*/

/*
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
    visibility: visible;
    top: -6px;
    left: 120px;
    width: 120px;
}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li {width: 120px;}
#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li a {width: 88px;}

#menuhv ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li ul {
    visibility: hidden;
}
*/


/*============================================================================*/

#footer {
    margin: 0 auto 10px auto;
    padding: 0;
    width: 900px;
    height: 50px;
    line-height: 50px;
    background-color: #282b2f;
    color: #fff;
    font-weight: 100;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active
{
    color: #fff;
}

#footer .padding {
    padding: 0 20px;
}

#footer .smartpage {
    padding-left: 15px;
}

#footer .admin {
    float: right;
    clear: right;
}

/*============================================================================*/

#vyber-jazyka-podstranky-z-menu,
#vyber-jazyka-aktuality-podstranka,
#vyber-jazyka-akcie-podstranka
{
}

/* Pouzivane priamo v niektorych triedach v adresari /library/ */
#vyber-jazyka-podstranky-z-menu a,
#vyber-jazyka-aktuality-podstranka a,
#vyber-jazyka-akcie-podstranka a
{
    text-decoration: none;
    margin: 1px;
    padding: 3px;
}
#vyber-jazyka-podstranky-z-menu a:hover,
#vyber-jazyka-aktuality-podstranka a:hover,
#vyber-jazyka-akcie-podstranka a:hover
{
    /*
    background-color: #a0c91a;
    color: #000;
    font-weight: bold;
    */
}
#vyber-jazyka-podstranky-z-menu a.active,
#vyber-jazyka-aktuality-podstranka a.active,
#vyber-jazyka-akcie-podstranka a.active
{
    background: rgb(17,88,150);
    color: rgb(255,255,255);
    font-weight: bold;
}

/*============================================================================*/
                                /* ADMIN MENU */

ul#admin-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#admin-menu li {
    list-style: none;
    position: relative;
    display: inline;
    background: none;
    margin: 0;
    padding: 2px;
}

/*============================================================================*/

/* Novinky */
.pridat-novinku a {
    font-size: 14px;
    font-weight: bold;
    color: rgb(17,88,150);
}

/* Akcie */
.pridat-akciu a {
    font-size: 14px;
    font-weight: bold;
    color: rgb(17,88,150);
}

/*============================================================================*/

#dcerskaspol-1 {
    /*background: url(../images/site/dcerskaspol_ppa_inziniering.jpg) no-repeat top left;*/
    width: 900px; height: 124px;
    margin: 0 0 0 0; padding: 0px;
}

#equalHeightContainer_ds {float: left; width: 100%;}

#containerRight_ds {float: left; width: 100%; background: #ececec; position: relative; overflow: hidden;}
#containerLeft_ds {float: left; width: 100%; background: #fff; position: relative; left: 250px;}

#left-content_ds {
    width: 250px; /* 609 + 31 + 10 = 650 (#right-content) + 250 (#left-content) = 900 (#content-wrapper, #main-content) */
    /*padding: 10px 31px 10px 10px;*/

    background: #ececec;

    /*
    float: left;
    right: 250px;
    */
    position: relative;
    

    /*border: 1px solid red;*/
}

#right-content_ds {
    width: 609px;
    padding: 10px 31px 10px 10px;

    /*
    float: left;
    right: 250px;
    */
    position: relative;
    
}

/*============================================================================*/

#left-content_ds #menu_ds {
    padding: 25px 10px 25px 10px;
}

#menu_ds {
    margin: 0; padding: 0;
}

#menu_ds ul .addPage { display: none; } #menu_ds ul ul .addPage { display: block; }

#menu_ds .addPage {margin: 0; padding: 0;}



#menu_ds li span.opened {background: url('../images/site/toggle_menu/minus.gif') no-repeat top right;
                    width: 11px; height: 11px; cursor: pointer;
                    /*position: absolute; top: 2px; left: 2px;*/
                    padding: 0 0 0 16px;}
#menu_ds li span.closed {background: url('../images/site/toggle_menu/plus.gif') no-repeat top right;
                    width: 11px; height: 11px; cursor: pointer;
                    /*position: absolute; top: 2px; left: 2px;*/
                    padding: 0 0 0 16px;}



/*
#menu_ds ul li a:hover,
#menu_ds ul li a.active {color: #137fc1;}
*/
#menu_ds ul li a:hover {color: #137fc1;}

/* nulta uroven */
#menu_ds ul {
    margin: 0; padding: 0;
    list-style: none;
}

#menu_ds ul li {
    display: block;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cdcdcd;
}

#menu_ds ul li a {
    display: inline;
    text-transform: uppercase;
    color: #282b2f;
    font-weight: bold;
}

/* prva uroven vnorenia */
#menu_ds ul li ul {
    margin: 0; padding: 0;
}
#menu_ds ul li ul li {
    display: block;
    margin: 4px 0px 4px 16px; padding: 0;
    border: none;
    background: url(../images/site/menu_ds_black.gif) no-repeat left 9px;
}
#menu_ds ul li ul li:hover {
    background: url(../images/site/menu_ds_blue.gif) no-repeat left 9px;
}
#menu_ds ul li ul li a {
    text-transform: none;
    font-weight: normal;
    position: relative;
    padding: 2px 2px 2px 12px;
    display: block;
}

#menu_ds ul li.btn {background: none;}
#menu_ds ul li:hover.btn {background: none;}

/*
#menu_ds ul li ul li a:hover,
#menu_ds ul li ul li a.active {
    color: #137fc1;
    background: url(../images/site/menu_ds_blue.gif) no-repeat left 6px;
}
*/
#menu_ds ul li ul li a:hover {
    color: #137fc1;
}

/* druha uroven vnorenia */
#menu_ds ul li ul li ul li {
    margin-left: 20px;
}

/*============================================================================*/

.viac {
    position: relative;
    float: right;
    margin: 4px 0;
}

a.page-visible {
    color: black !important;
    /*text-decoration: underline !important;*/
}
a.page-not-visible,
.page-not-visible {
    color: red !important;
    /*text-decoration: underline !important;*/
}

.pridaj-subpage-img { position: relative; display: inline; margin: 0 0 0 10px; }