form {
    margin: 0; padding: 0;
}
form#login.notify-login-form {
    border: 2px solid #F6B21D;
}

#floatbox-box .msg {
    padding-top: 5px !important;
}

input, select, button {
    vertical-align: middle;
}
.shaded-text {
    color: #888888;
}
.cleaner {
    clear: both;
    margin: 0; padding: 0;
    height: 1px;
    font-size: 1px;
}
hr.cleaner {
    margin: 0;
    border: none;
    border-top: 1px solid #fff;
}

/* @group header */


#toplinks {
    position: absolute;
    top: 6px; right: 5px;
    margin: 0;
    color: #D5E5EE;
    text-align: right;
    font-size:12px;
}

#toplinks .links a {
    margin: 0 0.4em;
}
#toplinks .links span.logged-user-name {
    font-size: 65%;
    margin: 0 0.4em;
    font-weight: bold;
    color: #0f7aaf;
}

#login {
    position: absolute;
    right: 0px;
    top: 35px;
    background: white;
    color: #747474;
}
    #login a {
        color: #747474;
    }

#login table {
    width: auto;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

#login td {
    text-align: left;
    vertical-align: top;
}
#login .td2 {

    text-align: right;
}
#login .ttl {
    padding: 2px 15px 0 0;
    color: #0F7AAF;
    font-weight: bold;
}

#login .hint {
    font-size: .92em;
    white-space: nowrap;
}

    #login .hint input {
        position: relative;
        top: -2px; left: -4px;
        margin-right: 0;
        border: 0;
    }

#login p.invalid {
    margin: 0.25em 5px 0.25em 0;
    font-size: .92em;
    color: #c00;
    line-height: 1.1em;
    white-space: nowrap;
}

#login input {
    margin-right: 2px;
    padding: 4px 5px 3px;
    border: 1px solid #C4C5C5;
}

    #login input.textinput {
        width: 122px;
    }

#login input.invalid {
    background: #ffc;
}
#login .little-submit {
    background: url('/img/hp/button-login-submit.png') no-repeat 0 0;
    border: none;
    width: 30px;
    height: 25px;
    margin-left: 6px;
    padding: 0px;
    cursor: pointer;
}

/* @end */



/* @group forms */

form h4 {
    margin: 0.5em 0 0.1em 0;
    font-size: 125%;
}
form p {
    margin: 0.5em 0;
}
table.form {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    font-size: 100%;
}
table.form2 {
    float: left;
    width: 450px;
    margin: 0.5em 20px 0.5em 0;
}
table.form3 {
    width: 100%;
    margin-bottom: 0;
}
.form th {
    width: 8em;
    padding: 0 0 0.3em 0;
    font-size: 105%;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
}
.form3 td {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0;
}

.form input.submit {
    margin: 0.5em 0.5em;
    padding: 4px 11px;
    /*width:200px;*/
    background: #7bbbde url('/img/btn_bkgr.jpg') bottom left repeat-x;
    border: 1px solid #0f7aaf;
    color: white;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
    cursor: pointer;
}

.form input.disabled {
    border: 1px solid #666  ;
    background-color: #f0f0f0;
    color: #999;
}
.form select {
    width: 200px;
}
.form2 input.submit {
}
.form p.souhlas {
    font-size: 90%;
    position: relative;
    left: 12px;
}

.form p.souhlas {
    position: relative;
    left: 5px;
    margin-bottom: 0;
}

.form p.accept-terms { 
    position: relative;
    left: -2px;
    margin-top: 0;
}

/* @end */

/* @group forms REG */

#vchod-adress {
    margin-top: 1px;
    font-size: 1.2em;
    color: #000;
}

#required-info {
    position: absolute;
    top: 112px; right: 25px;
    float: right;
    font-size: .82em;
    font-style: italic;
}
#vchod-desc {
    clear: both;
}
#reg2 {
    min-height: 450px;
    background: url('/img/registration/form2_mid.png');
    font-size: 110%;
}
.reg2 div.cleaner {
    height: 19px;
    background: url('/img/registration/form2_btm.png') no-repeat 0 0;
}
#reg2 table.left {
    margin: 0.5em 0;
}
#reg2 table.right {
    width: 420px;
    margin: 0.5em 0 0.5em;
}
#reg2 table.right th {
    width: 6.5em;
}

#reg2 input.textinput { width: 210px }
#reg2 input.narrow { width: 100px }
#reg2 #inp-mobilprefix { width: 40px }
#reg2 #inp-mobil { width: 164px }

form p.checkbox {
    margin: 0.75em 0 0.5em -3px;
}

    form p.checkbox .chkinput {
        margin-right: 10px;
    }
    
    form p.checkbox label {
        position: relative;
        top: 3px;
        padding-right: 30px;
        font-weight: bold;
    }

.form p.hint {
    margin: 0.25em 0;
    font-size: 85%;
    line-height: 1.1;
}
.form p.invalid {
    margin: 0.25em 0;
    font-size: 85%;
    color: #000;
    line-height: 1.1;
}
.form input.invalid {
    background: #ffc;
}
.form .cancel {
    font-weight: bold;
}

/* spravna ikona v dialogovem okne */

#floatbox-box .confirm {
    background-image: url('/img/regwiz/ico_excl.png') !important;
}

#floatbox-box div.btn {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

#floatbox-box .btn button {
    padding-top: 5px;
    padding-bottom: 7px;
}

/* @end */

/* @group Autocomplete */

.form1 .ac_results {
    width: 252px !important;
}
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    color: #333;
    overflow: hidden;
    z-index: 99999;
}
.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
}
/* vypnout zvýrazňování našeptaného textu */
.ac_results strong {
    font-style: normal;
    font-weight: normal;
}
.ac_loading {
    background: white url('/img/indicator.gif') 97% 50% no-repeat;
}
.ac_odd {
    background-color: #eee;
}
.ac_over {
    background-color: #0A246A;
    color: white;
}
/* pro dvouřádkové položky */
.ac_results li p {
    margin: 0;
}
.ac_results li p.desc {
    display: none;  /*skryto - duplicitní záznamy mají okres v závorce */
    margin: 0.1em 0 0 0;
    font-size: 80%;
    color: #666;
}


/*********************
REGISTRACE REDESIGN
********************/

/* GRAFICKE NADPISY OBECNE */

.graphics-title, .price {
    background-repeat: no-repeat;
    background-position: 0 0;
}

.graphics-title span {
    display: none;
}

#type-of-registration input {
    margin: -3px 0 0 8px;
}

    /* GRAFICKE NADPISY H4 */

    #reg2 h4#vchod-ttl {
        float: left;
        margin-top: 0;
    }

    h4.graphics-title {
        height: 35px;
    }

    h4.vchod {background-image: url('/img/registration/title-vchod.png'); margin-top: -10px; margin-left: -3px;}
    h4.uzivatel {background-image: url('/img/registration/title-uzivatel.png');}
    h4.nastaveni-sluzby {background-image: url('/img/registration/title-nastaveni-sluzby.png');}

    /* Registrace BYTU */

    h4.byt {background-image: url('/img/registration/title-byt.png'); margin-top: -5px; margin-left: 0;}

    /* GRAFICKE NADPISY H5 */

    h5.graphics-title {
        float: left;
        height: 19px;
        margin: 0;
    }

    .standard h5.graphics-title {width: 115px; background-image: url('/img/registration/title-standard.png');}
    .premium h5.graphics-title {width: 96px; background-image: url('/img/registration/title-premium.png');}
    .mini h5.graphics-title {width: 45px; background-image: url('/img/registration/title-mini.png');}

/* text hned pod nadpisem */

.completive-info {
    margin: 2px 0 17px 0;
    font-size: 0.82em;
    line-height: 1.33em;
}

.type-column {
    float: left;
    width: 348px;
}

.mini {
    width: 184px;
}


.type-desc {
    clear: both;
    font-size: .92em;
    line-height: 1.3em;
    margin-top: 6px;
}

.price {
    height: 23px;
    margin: 21px 0 19px 0;
}

.price strong {
    display: none;
}

.standard .price {background-image: url('/img/registration/price-6000kc.png'); margin-top: 28px;}
.premium .price {background-image: url('/img/registration/price-12000kc.png');}
.mini .price {background-image: url('/img/registration/price-bez-poplatku.png'); margin-top: 12px;}


.included-modules {
    font-size: .82em;
    line-height: 1.2em;
}
    .standard .included-modules,
    .premium .included-modules {
        padding-right: 30px;
    }

.help-info-text {
    position: relative;
    top: 12px;
    margin: 0;
    text-align: center;
    font-size: .82em;
}



/*********************
HOMEPAGE REDESIGN
********************/


#content-bottom-wrapper {
    position: relative;
    top: -85px;
}



/* Zadejte soucasne prihl. udaje */

td.enter-login-data-wrapper {
    padding: 0;  
}

.enter-login-data {
    position: relative;
    top: -7px;
}


.form1 input.idleField{
}

/* HP - chybove hlasky pod inputy */

.form1 #obec-check, .form1 #ulice-check {
    display: none;
    margin: 0;
    font-size: 85%;
    line-height: 1.1;
}

.form1 p.hint {
    margin: 0;
    font-size: 85%;
    line-height: 1.1;
}
.form1 p.invalid {
    margin: 0;
    font-size: 85%;
    color: #000;
    line-height: 1.1;
}


#sponsors-wrapper {
    text-align: center;
}

#sponsors {
    display: inline-block;
}

#sponsors .corner {
    float: left;
    width: 21px;
    height: 61px;
}
    #sponsors .corner-left {background: url('/img/registration/sponsors-corner-left.png') 0 0 no-repeat;}
    #sponsors .corner-right {background: url('/img/registration/sponsors-corner-right.png') 0 0 no-repeat;}    

#sponsors .sponsors-content {
    float: left;
    height: 61px;
    padding: 10px 0 0 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #19191A;
    background: url('/img/registration/sponsors-bg.png') 0 0 repeat-x;
}    
    #sponsors .sponsors-content .label {
        float: left;
        display: block;

        padding: 12px 23px 0 0;
    }  
    


/************************************ Nove styly *********************************/

/* General */
body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #19191A;
    font-family: Arial, sans-serif;
    font-size:12px; 
    /* font: 76%/1.5 Arial, sans-serif; */
}

img {
    border: 0;
}

a {color: #585858;}
    a:hover {text-decoration: none;}
    a.hilite {font-weight: bold; color: #0f7aaf;}

.cleaner {
    clear: both;
}

/** LAYOUT **/
#main {
    position: relative;
    margin: 0 auto;
    width: 956px;
}
#main #arrangement {
    float:left;
    width:956px;
    background:url('/img/hp/bg_content.gif') 50% 0 repeat-y;
}


/* HEADER */
#header {
    float:left;
    width:956px;
    margin:0;
    padding:0;
}

    #header h1 {
        float:left;
        margin:0;
        margin-top:15px;
        width: 216px; height: 65px;
        background: url('/img/logo.png') 0 0 no-repeat;
    }
    
    #header h1 a {
        display: block;
        width: 100%;
        height: 100%;
    }
    #header h1 a span {
        display: none;
    }

    /*  supermenu   */
    #header #supermenu {
        float:left;
        width:956px;
        padding-top:5px;
        padding-bottom:5px;
        border-bottom:1px solid #d6f0ff;
        font-family: Arial, sans-serif;
    }
    #header #supermenu #linksdiv {
        float:left;
        padding:0;
        margin:0;    
        list-style: none;
    }
    #header #supermenu #linksdiv a {
        float:left;
        margin-right:10px;
        text-decoration: underline;
        font-size:13px;
        color:#5ba1c5;
    }
    #header #supermenu #linksdiv a:hover {
        color:#fdb71f;
    }
    #header #supermenu #linksdiv a#homelink_domecek {
        float:left;
        display:block;
        width:15px;
        height:17px;
        overflow:hidden;        
        margin-right:10px;
        text-decoration: none;
        font-size:10px;
        color:#5ba1c5;
        background:url('../img/domecek.png') 0 0 no-repeat;
    }
    #header #supermenu #linksdiv a#homelink_domecek:hover {
        background:url('../img/domecek_hover.png') 0 0 no-repeat;
    }
    #header #supermenu #linksdiv a#homelink_domecek span {
        display:none;
    }

#header-delimiter {
    float:left;
    display:block;
    width:956px;
    /*height:25px;*/
    height:10px;
    margin:10px 0px 15px 0px;
    padding:0px;
    border-top:1px solid #acd0e2;
    /*background:#c8eaf0;*/
}  


#footer {
    margin-top:15px;
    font-size: 11px;
    text-align: center;
    color: #747474;
    border-top:1px solid #acd0e2;
    padding:10px 0 20px 0;
}

   #footer p {
        margin: 0;
    }
    #footer p.copyright {
    }
    
    #footer .links {
        margin-bottom: 10px;
    }
    
    #footer .links a {
        position: relative;
        top: -2px;
    }

    #footer .separator {
        font-size: 1.42em;
        padding: 0 13px;
        color: #8EBCD5;
    }

#footer #project-partners .label {
    position: relative;
    top: -15px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #000;
}

    
/*** OBSAH ***/


/* uvodni hlavni bloky */
#left-half {
    float:left;
    width:450px;
}
#right-half {
    float:right;
    width:450px;
}

#hp-clanky {
    float:left;
    width:460px;
}

#hp-dumonline {
    float:right;
    width:460px; 
}

#hp-katalog {
    float:left;
    margin-top:15px;
    width:460px;
    margin-right:1px;
}

#hp-partneri {
    float:right;
    margin-top:15px;
    width:460px;
}

.hp-blok-paddingleft {
    float:left;
    padding:15px;
    padding-left:0px;
}
.hp-blok-paddingright {
    float:left;
    padding:15px;
    padding-right:0px;
    padding-top:0px;
}

.hp-blok-paddingright h3 {
    float:left;
    padding:0px;
    margin:0px;
    margin-bottom:15px;
}

h2.nadpis {
    text-align:left;
    font-size:22px;
    font-weight:bolder;
    color:#fdb71f;
    padding:0px;
    margin:0px;
}
h2.nadpis a {
    font-family:Arial, Tahoma;
    font-size:22px;
    font-weight:bolder;
    color:#fdb71f;
    padding:0px;
    margin:0px;
    text-decoration: none;
}
h2.nadpis a:hover {
    font-family:Arial, Tahoma;
    font-size:22px;
    font-weight:bolder;
    color:#5BA1C5;
    padding:0px;
    margin:0px;
    text-decoration: underline;
}

#hp-katalog h2.nadpis {
    float:left;
}
#hp-katalog #hp-katalog-logo-bydleniok {
    float:right;
}

h3.nadpis {
    text-align:left;
    font-family:Arial, Tahoma;
    font-size:22px;
    font-weight:bolder;
    color:#fdb71f;
    padding:0px;
    margin:0px;
}
h3.nadpis2 a {
    text-align:left;
    font-family:Arial, Tahoma;
    font-size:18px;
    font-weight:bolder;
    color:#fdb71f;
    padding:0px;
    margin:0px;
    margin-bottom:20px;
    text-decoration: none;
}
h3.nadpis2 a:hover {
    text-align:left;
    font-family:Arial, Tahoma;
    font-size:18px;
    font-weight:bolder;
    color:#5BA1C5;
    padding:0px;
    margin:0px;
    margin-bottom:20px;
    text-decoration: underline;
}

#hp-clanky .magazin-clanek {
    float:left;
    width:445px;
    margin-bottom:15px;
    font-size:13px;
}
#hp-clanky .magazin-clanek h3{
    color:#000000;
    font-size:15px;
    font-weight:bolder;
    margin:0;
    padding:0;
}
#hp-clanky .magazin-clanek h3 a {
    color:#000000;
    margin:0;
    padding:0;
    text-decoration: none;
}
#hp-clanky .magazin-clanek h3 a:hover {
    color:#fdb71f;
    margin:0;
    padding:0;
    text-decoration: underline;
}

#hp-clanky .magazin-clanek p {
    margin:0;
    padding:0;
}

#hp-clanky .magazin-clanek img {
    padding:5px 10px 5px 0px;
}

.hp-clanky-poradna-delitko {
    float:left;
    width:445px;
    margin:15px 0px 15px 0px;
    border-top:1px solid #fee2a5;
}

a.dalsi-clanky {
    font-size:14px;
    color:#fdb71f;
    text-decoration: none;
    font-weight:bolder;
}
a.dalsi-clanky:hover {
    color:#5ba1c5;
    text-decoration: underline;
}
a.hp-do-viceinfo {
    float:right;
    margin-top:30px;
    font-size:14px;
    font-weight:bolder;
    color:#fdb71f;
    text-decoration: none;
}
a.hp-do-viceinfo:hover {
    color:#5ba1c5;
    text-decoration: underline;
}

#hp-dumonline img {
    padding:0px;
    border:none;
}
#hp-dumonline h2 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 18px;
    font-weight:normal;
    color:#383838;
    list-style:none;
    padding:0px;
    padding-bottom:20px;
}
#hp-do-hesla {
    float:right;
    width:441px;
    padding:0px;
    margin:0px;
    margin-right:1px;
    border:1px solid #c8e7ff;
    position:relative;
    background:white;
    top:-13px;
}
#hp-do-hesla #padder{
    float:left;
    padding-left:15px;
    padding-bottom: 10px;
}
#hp-do-hesla h2 {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 17px;
    font-weight:normal;
    color:#383838;
    padding:0px 0px 0px 0px;
}


.loga-col {
    float:left;
    width:200px;
    margin:0;
    text-align:right;
}
.loga-col:first-child {
    width:245px;
    text-align:left;
}
.loga-col img {
    padding-bottom:30px;
}

.loga-col:first-child img {
    padding-bottom:20px;
}


.hp-hr {
    clear:both;
    height:1px;
    font-size:1px;
    background:#5ba1c5;
    padding:0;
    margin:15px 0px 15px 0px;
}


/* katalog - prehled kategorii */
#hp-search {
    float:left;
    margin-top:15px;
    width:430px;
}
#hp-search input.textinput {
    margin:0 5px;
    width:170px;
    border:1px solid #acd0e2;
    padding:1px;
    height:18px;
    font-size:0.9em;
    color:#717171;
}
#hp-search strong {
    font-size:13px;
    font-weight:bolder;
}

#kategorie {
    float:left;
    margin:15px 0px 0px 0px;
    width:430px;
}

#kategorie .katalog-col {
    float:left;
    width:200px; 
}
#kategorie .katalog-col:first-child {
    margin-right:30px;
}

#kategorie .katalog-col .list {
    padding:0px;
    margin:0px;
    list-style:none;
}

#kategorie .katalog-col .list .list-item {
    float:left;
    width:190px;
    padding:0;
    margin:0;
    margin-bottom:3px;
    padding-left:15px;
    text-align:left;
    list-style:none;
    color: #0F7AAF;
    background:url('/img/hp/cat_bullet.png') left 5px no-repeat;
}
#kategorie .katalog-col .list .list-item:hover {
    color: #4fbeef;
    background:url('/img/hp/cat_bullet_hover.png') left 5px no-repeat;
}

#kategorie .katalog-col .list .list-item h3 {
    float:left;
    padding:0;
    margin:0;
}

#kategorie .katalog-col .list .list-item h3 a {
    float:left;
    text-transform: lowercase;
    font-family: Arial, sans-serif;
    font-weight: bold;
    padding:0;
    margin:0;
    font-size: 13px;
    color: #0F7AAF;
}
#kategorie .katalog-col .list .list-item h3 a:first-letter { text-transform: uppercase; }
#kategorie .katalog-col .list .list-item h3 a:hover { color: #4fbeef; }

.do-not-show { display: none; }
    
    
/* Kulate rohy */
#login .rounded-corners-wrapper {
    position: relative;
    padding: 9px 14px 0 20px;
    background: #F8FBFD;
    border: 1px solid #D1E5EF;
}

.rounded-corners-wrapper .corner {
    position: absolute;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
    .rounded-corners-wrapper .corner-top-left {
        top: -1px; left: -1px;
        background-image: url('/img/corner-blue-top-left.gif');
    }

    .rounded-corners-wrapper .corner-top-right {
        top: -1px; right: -1px;
        background-image: url('/img/corner-blue-top-right.gif');
    }

    .rounded-corners-wrapper .corner-bottom-left {
        bottom: -1px; left: -1px;
        background-image: url('/img/corner-blue-bottom-left.gif');
    }

    .rounded-corners-wrapper .corner-bottom-right {
        bottom: -1px; right: -1px;
        background-image: url('/img/corner-blue-bottom-right.gif');
    }

.pointer { cursor: pointer; }
.left { float:left; }
.right { float:right; }
.size14 { font-size:14px; }
.size16 { font-size:16px; }
.size18 { font-size:18px; }

/* pruh mezi weby */
#pruh-wrapper {
    width:100%;
    height:20px;
    overflow:hidden;
    padding:0;
    margin:0;
    text-align:center;
    background:url('/img/pruh_background.jpg') repeat-x;
}

#pruh {
    position:relative;
    margin:0 auto;
    padding:0;
    margin:0;
}

#pruh a {
    position:relative;
    top:-6px;
    display:inline;
    height:20px;
    padding:0; 
    margin:0; 
    margin-left:40px;
    font-family:Arial;
    font-size: 12px;
    font-weight:bolder;
    color:#5fa8cb;
    text-decoration:none;
}
#pruh a:hover {
    text-decoration:underline;
}
#pruh a:first-child {
    position:relative;
    top:0px;
    display:inline;
    height:20px;
    padding:0; 
    margin:0; 
    margin-left:40px;
    font-family:Arial;
    font-size: 12px;
    font-weight:bolder;
    text-decoration:none;
}