html,body { position: relative; width: 100%; height: 100%;
            padding: 0; margin: 0; background: white; background-image: url("../img/bg_body.png");
            background-repeat: repeat-x; background-position: left 115px; background-color: #1070b3; }

#site   { position: relative; width: 1000px; height: 1340px; padding-top: 115px; 
          left: 50%; margin-left: -500px;
          padding-bottom: 200px; }
    
#header { position: fixed; width: 100%; height: 115px; background: url("../img/bg_header.png") repeat-x; text-align: center; z-index: 777; }

#header_inner { position: relative; display: inline-block; width: 1000px; height: 100%; }

#logo { position: absolute; width: 526px; height: 44px; background: url("../img/logo.png") no-repeat 0 0; 
        left: 0; bottom: 30px;
    }
    
#slogan { position: absolute; width: 155px; height: 12px; background: url("../img/slogan.png") no-repeat 0 0; 
        left: 0; bottom: 5px;
    }	

#topmenu,#submenu { width: auto;  right: 0px; position: absolute; background-color: transparent; }

#topmenu { height: 22px; top: 6px; }
#submenu { height: 16px; bottom: 8px; }

.topmenu_item,.submenu_item { width: auto; height: auto; border-right: 1px solid #555555; padding: 2px 7px; display: inline; cursor: pointer; }
.topmenu_item:last-child,.submenu_item:last-child { border: 0; }

#topmenu .active { color: #FFFFFF; }
#submenu .active { color: #43b1ff; }

.submenu_item { border-right: 1px solid #FFFFFF; }

.button { cursor: pointer; display: inline-block; padding: 10px 35px 10px 10px; margin: 5px 5px 5px 0px; background-color: #0096ff; background-image: url("../img/arrow.png"); background-position: right 10px center; background-repeat: no-repeat;   }
.button:hover { background-color: #FFFFFF; color: #0096ff;  background-image: url("../img/arrow_hover.png"); }

.petitbutton { padding: 5px 40px 5px 10px; font-size: 12px !important;}

.inactive { background-color: #AAA; cursor: pointer; }
.inactive:hover { background-color: #AAA; cursor: pointer; 
                  background-image: url("../img/arrow.png"); }

.buttonhlas {  margin-left: 0px; display: block; margin-top: 10px; }

td { padding: 6px 12px 6px 0px; }
input { width: 250px; height: 25px; }
textarea { width: 500px; height: 70px; display: block; margin-bottom: 20px; }

.operation { position: relative; display: block; }
.ajaxResult { position: relative; display: none; padding: 20px; border: 1px solid white; margin: 10px; }

.operation a { text-decoration: underline; }

#stranka { padding-top: 30px; position: relative;}
.stranka { width: 700px; margin-left: 120px; padding-bottom: 100px;}

#vyhody { width: 780px; margin-left: 120px; padding-bottom: 100px;}
#kontakty { text-align: center; }

#ucet { text-align: center; }

.box { position: absolute; }
#ucet-info { width: 250px; height: auto; right: 0; top: 0; text-align: right; }
.ucet-data { color: #40b5ff !important; font-size: 18px;}



#hp_login { position: relative; width: 100%; height: 100px; margin-left: -60px;  }
#hp_login input { width: 150px;}
#hp_login_notice { position: absolute; width: 300px; height: auto; left: 200px; top: 50px; text-align: left;}
#hp_login_notice p { margin: 0;}

#aktuality { width: 1000px; margin-top: 180px; margin-left: 100px; text-align: center; }
.aktualita { position: relative; width: 80%; height: auto; margin-bottom: 25px; overflow:hidden; cursor: pointer;
           }
.aktualita-line { width: 80%; height: 2px; border-bottom: 1px solid #92d7ff; margin-bottom: 25px;     }

.aktualita-thumb { width: 150px; height: 100px; background: transparent; float: left; margin: 0 20px 10px 0;}
.aktualita-title { position: relative; text-align: left;}
.aktualita-content { position: relative; text-align: left; }

.aktualita-thumb img { width: 100%; height: 100%; }
.aktualita-title p { margin: 0;}
.aktualita-content p { font-size: 10pt; line-height: 15pt; }
.aktualita-content a { font-size: 10pt; line-height: 15pt; text-decoration: underline; }

#dataForm { display: none; }

.buttcol { width: 360px;}

.projekt-kategorie { width: 33%;  height: auto; position: relative; display: inline-block; vertical-align: top; border-right: 1px solid white; padding: 10px; box-sizing: border-box; }
.projekt-kategorie:last-child { border:0; }
.full-popis { width: auto; height: 0; overflow: hidden; position: relative; display: block; }
.preview-popis { display: block; margin: 0; }
.preview-popis p { margin: 0 !important; }
.popexp { text-decoration: underline; cursor: pointer; }

.expanded  { height: auto !important; }
.expanded .full-popis { height: auto; }
.expanded .preview-popis { display: none; }

#projekty        { width: 1000px; text-align: center; position: relative; }
.projekt         { position: relative; width: 100%; height: 450px; margin-bottom: 50px; overflow: visible; text-align: left; }
.projekt-thumb   { position: relative; width: 99%; height: 200px; border: 1px solid #bde1ff; background-size: cover; background-position: center center; display: inline-block; margin: 0 20px 10px 0;  }
.projekt-data    { position: relative; width: 100%; text-align: left; display: inline-block; vertical-align: top; }
.projekt-title   { position: relative; text-align: left; display: block; vertical-align: top; }
.projekt-content { position: relative; text-align: left; display: block; vertical-align: top; }

.projekt-thumb img { width: 100%; height: auto; }
.projekt-title p   { margin: 0;}
.projekt-content p { font-size: 10pt; line-height: 15pt; margin: 10px 0 0 0; }

.projekt-poradi  { position: absolute; left: -80px; top: -5px; width: 55px; height: 55px; background: url("../img/krouzek_55x55.png") no-repeat; 
                   font-family: sans-serif,Verdana; font-weight: normal; font-size: 18pt; line-height: 19pt; color: #FFFFFF; text-decoration: none;
                   text-align: center; padding-top: 15px; padding-left: 2px;
                 }

#prubezne-poradi { position: absolute; left: -82px; top: -60px; width: 55px; height: 55px;
                   font-family: sans-serif,Verdana; font-weight: normal; font-size: 9pt; line-height: 10pt; color: #FFFFFF; text-decoration: none;
                   text-align: center; padding-top: 15px; padding-left: 2px;
                 }

.prubehy { display: block; }

#fader { position: absolute; width: 100%; height: 100%; background-color: black; opacity: 0; z-index: 888; display: none; }

#hlasovaci-dialog { position: absolute; width: 360px; height: 190px; border: 1px solid white; padding: 20px; text-align: center;
                    background-color: #1070b3; left: 50%; margin-left: -200px; top: 100px; z-index: 999; opacity: 0; display: none; } 

#hlasovaci-dialog-nadpis   { position: relative; width: auto; height: auto; display: inline-block; }
#hlasovaci-dialog-email    { position: relative; width: 100%; height: 30px; display: inline-block; margin-bottom: 20px; }
#hlasovaci-dialog-tlacitko { position: relative; width: 170px; height: 20px; display: inline-block; padding: 20px; border: 1px solid white; cursor: pointer; }
#hlasovaci-dialog-tlacitko:hover { background-color: white; }
#hlasovaci-dialog-tlacitko:hover h4 { color: #1070b3; }

#hlasovaci-dialog-vysledek    { position: absolute; width: 100%; height: 100%; display: block; z-index: 999;
                                background-color: #1070b3; left: 0; top: 0;
                                display: none; opacity: 0; 
                              }

.hidden { display: none; }

.fb-page { margin-top: 70px; }


#ikona_dostal { position: absolute; right: 0; top: 32px; width: 67px; height: 51px; display: block; background: url("../img/dostal_ikona.png"); }

.inperr { background-color: #ffb5b5; }