body {
    background: url(img/pozadi.jpg);
}

#celydiv { 
    margin:0 auto;
    width:800px;
    font-family: sans-serif;
}
          
#hlavicka {
    background: url(img/hlavicka.png) no-repeat ;
    width: 800px;
    height: 269px;
}

#button1 { 
    background: url(img/button.png) no-repeat ;
    width: 115px;
    height: 36px;
    position:absolute;
    margin-top: 42px;
    margin-left: 30px;
    line-height: 32px;
}

#button2 {
    background: url(img/button.png) no-repeat ;
    width: 115px;
    height: 36px;
    position:absolute;
    margin-top: 42px;
    margin-left: 155px;
    line-height: 32px;
}

#button3 {
    background: url(img/button.png) no-repeat ;
    width: 152px;
    height: 36px;
    position:absolute;
    margin-top: 42px;
    margin-left: 280px;
    line-height: 32px;
}

#button4 {
    background: url(img/button.png) no-repeat ;
    width: 152px;
    height: 36px;
    position:absolute;
    margin-top: 42px;
    margin-left: 405px;
    line-height: 32px;
}

#button5 {
    background: url(img/button.png) no-repeat ;
    width: 152px;
    height: 36px;
    position:absolute;
    margin-top: 42px;
    margin-left: 530px;
    line-height: 32px;
}

#button6 {
    background: url(img/button.png) no-repeat ;
    width: 152px;
    height: 36px;
    position:absolute;
    margin-top: 42px;
    margin-left: 655px;
    line-height: 32px;
}

#paticka { 
    background: white url(img/paticka.png) no-repeat ;
    width: 800px;
    height: 47px;
    text-align: center;
    color: white;
    font-size: 14px;
    line-height: 40px;
}


#obsah {
    background: white url(img/obsah.png) repeat-y;
    width: 800px;
    min-height: 350px;
  
}

div.cara {
    background: white url(img/cara.png) no-repeat ;
    width: 5px;
    height: 23px;
    float:left;
    margin-top: 17px;
    margin-left: 20px;
    margin-right: 5px;
}

#obsah-dolni {
    background: white url(img/obsah.png) repeat-y;
    width: 800px;
    height: 23px;
}

#caradolni {
    background: url(img/caradolni.png) no-repeat;
    width: 23px;
    height: 5px;
    float: right;
    margin-bottom: 15px;
    margin-right: 20px;
}

#mapa {
    width: 750px;
    height: 556px;
    margin-left: 25px;
}

p.odstavec {
    padding: 0px 30px 0px 30px;
    text-align: justify;
    font-size: 15px;
}

p.kontakt {
    font-size: 15px;
    text-align: center;
}

li.odrazky {
    font-size: 15px;
    margin: 0px 30px 0px 20px;
    text-align: justify;
}

a.horni-odkaz-domu {
    color: white;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 31px 10px 31px;
}

a.horni-odkaz-aktuality {
    color: white;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
}

a.horni-odkaz-eshop {
    color: white;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 26px 10px 26px;
}

a.horni-odkaz-ceniky {
    color: white;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 26px 10px 26px;
}

a.horni-odkaz-o-firme {
    color: white;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 23px 10px 23px;
}

a.horni-odkaz-kontakt {
    color: white;
    font-size: 20px;
    text-decoration: none;
    padding: 10px 23px 10px 23px;
}

#menu {
    margin: 15px -5px 10px 25px;
    position: relative;
    float: left;
    width: 160px;
    height: 100%;
    
}
div.polozka-menu {
    background: white;
    border-bottom: 1px #007CC3 solid;
    border-left: 1px #007CC3 solid;
    border-right: 1px #007CC3 solid;
    width: 160px;
    text-align: center;
    font-size: 15px;
    height: 37px;
    vertical-align: middle;
}

div.polozka-menu:hover {
    background: #007CC3;
}

a.polozka-menu {
    color: black;
    display: block;
    text-decoration: none;
    height: 37px;
}

a.polozka-menu:hover {
    color: white;
}

div.hlavicka-menu {
    background: #007CC3;
    color: white;
    font-size: 15px;
    font-weight: bold;
    width: 156px;
    border: 1px #007CC3 solid;
    padding: 1px 2px 1px 2px;
}

#cenik {
    position: relative;
    width: 580px;
    margin-left: 180px;
    
}

table.cenik {
    width: 100%;
    margin: 0px 0px 0px 18px;
    height: 100%;
}

td.hlavicka-bunky {
    color: white;
    background: #007CC3;
    border: 1px #007CC3 solid;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

td.bunka {
    background: white;
    font-size: 12px;
    padding: 2px 0px 2px 0px;
}
td.bunka-licha {
    background: #EFF0FF;
    font-size: 12px;
    padding: 2px 0px 2px 0px;
}

span.revize {
    color: red;
}

div.aktualita {
    padding: 5px 25px 5px 25px;
    width: 740px;
}

div.hlavicka-aktuality {
    background: #007CC3;
    color: white;
    font-size: 15px;
    width: 100%;
    font-weight: bold;
    padding: 1px 8px 1px 2px;
}

div.telo-aktuality {
    width: 100%;
    padding: 4px 4px 4px 4px;
    border: 1px #007CC3 solid;
    text-align: justify;
    font-size: 15px;
}

div.obrazek-aktuality {
    border: 1px #007CC3 solid;
    padding: 2px 2px 2px 2px;
    margin: 3px 3px 3px 3px;
    float: left;
}

div.zobrazeni-aktualit {
    text-align: center;
    font-size: 15px;
}

div.obrazek {
    text-align: center;
}

#ikony {
    text-align: center;
}

div.zbozi {
    padding: 5px 25px 5px 25px;
    width: 560px;
}

div.hlavicka-zbozi {
    background: #007CC3;
    color: white;
    font-size: 15px;
    width: 100%;
    font-weight: bold;
    padding: 1px 8px 1px 2px;
}

span.cenasdph {
    font-weight: bold;
    font-size: 18px;
    color: #007CC3;
}

span.cenabezdph {
    font-size: 12px;
}

.ramecekZnamenko {
    border: 1px #007CC3 solid;
    width: 14px;
    height: 14px;
    text-align: center;
}

.odkazZnamenko {
    color: #007CC3;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

div.prihlaseni {
    padding: 5px 25px 5px 25px;
    width: 250px;
    margin: 0 auto;
}

div.hlavicka-prihlaseni {
    background: #007CC3;
    color: white;
    font-size: 15px;
    width: 100%;
    font-weight: bold;
    padding: 1px 8px 1px 2px;
}

td.uvod-blok {
    border: 1px solid #007CC3;
    margin: 5px;
    text-align: justify;
    vertical-align: middle;
    padding: 15px;    
    width: 200px;
}

input.edit {
    color: #00527F;
    border: 1px solid #007CC3;
    padding: 1px 1px 1px 1px;
    width: 190px;
}

input.povinny-edit {
    color: #00527F;
    border: 1px solid #007CC3;
    background: #FFF8CF;
    padding: 1px 1px 1px 1px;
    width: 190px;
}

input.button {
	color: #00527F;
	border: 1px solid #007CC3;
	font-weight: bold;
	cursor: pointer;
	background: #CFE9FF;
}

div.zmena-hesla {
    padding: 5px 25px 5px 25px;
    width: 300px;
    margin: 0 auto;
}

div.telo-bunky {
    width: 270px;
    padding: 2px 0px 2px 2px;
    border: 1px #007CC3 solid;
    text-align: justify;
    font-size: 15px;
}

div.hlavicka-bunky {
    background: #007CC3;
    color: white;
    font-size: 15px;
    width: 270px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
}