body {
color: white;
font-family: Arial;
background-color: #00345d;
}

.obrvelky {
  float:left;
  margin-right: 15px;
  padding: 7px 7px 7px 7px;
  margin: 0 0 0 18px;
}
.magnify{
margin: 0 0 0 0;
}
.top {
background: url('img/horni.png');
height: 47px;
width: 825px;
}

.down {
background: url('img/spodek.png') repeat-x;
height: 79px;
width: 789px;
margin: 0 0 0 18px;

}


.stred {
background: url('img/stred.png') repeat-x;
height: 118px;
width: 807px;
}

.nazev {
padding: 1px 0px 0px 10px;
font-weight: bold;
color: white;
font-size: 17px;
position: relative;
top: 28px;

}

.datum {
padding: 5px 0px 0px 10px;
}

.area {
height: 180px;
width: 300px;
}


#bazar {
background-image: url(img/bazar.png);
width: 466px;
height: 429px;
margin: 0 0 0 150px;
} 


#vyber_db {
width: 466px;
height: 50px;
margin: 0 0 0 150px;
}
 
#bazar_vnitrek {
padding: 65px 10px 0px 10px;
}

#obrazky {
background-image: url(img/obrazky.png);
width: 459px;
height: 428px;
margin: 0 0 0 150px;
}

#obrazky_vnitrek {
padding: 100px 10px 0px 40px;
}


.inp {
border: none;

}

.pet {
position: relative;
top: 5px;

}

.ctyri {
position: relative;
top: 1px;

}

.green {
color: #24ba3c;
font-size: 15px;
}

.white {
color: white;
font-size: 15px;
}

.red {
color: #ce0804;
font-size: 15px;
}

#teloo {
width: 823px;
height: 260px;
margin: 5px 0 0 0;
}

.add {
margin: 20px 20px 20px 80px;
}

.login {
margin: 20px 20px 20px 80px;
background-image: url(img/login.png);
width: 408px;
height: 239px;
}

.login2 {
padding: 50px 20px 20px 30px;
width: 331px;
height: 129px;
}

.add2 {
margin: 0px 0px 0px 80px;
}

.cena {
text-align:right;
position: relative;
right: 45px;
}

.cas {
text-align:right;
color: white;
font-size: 15px;
position: relative;
top: -18px;
left: 18px;
}

.casimg{
position: relative;
top: 2px;
right: 2px;
}
.chyba {
font-size: 15px;
color: red;
}

.mezera {
  height: 2px;
}

.jmeno {
background: url('img/jmeno.png') repeat-y;
border: 0px red solid;
height: 36px;
width: 291px;
padding: 0px 0px 0px 5px;
color: white;
font-stretch: 3px;
}

.prihlas {
background: url('img/prihlas.png') repeat-y;
height: 32px;
width: 78px;
border: 0px white solid;
margin: 0px 0px 50px 242px;
position: relative;
top: -35px;

}

.z {
position: relative;
top: 13px;
|top: 4px;
}

.k {
position: relative;
top: 13px;
right: 5px;
|top: 4px;
}

.popis{
height: 108px;
width: 807px;
background: url('img/popis.png') repeat-y;
margin: 0px 0px 0px 172px;
position: relative;
top: 6px;
|top: -110px;
}

.buttonsmazat{
position: relative;
left: 250px;
|top: -18px;

}

.buttonupravit{
position: relative;
left: 350px;
top: -24px;
|top: -60px
}

.blizsi_informace{
margin: 0px 0px 0px 742px;
position: relative;
top: -228px;
}

.popis_slovni{
padding: 10px 20px 20px 50px;
height: ;
width: 550px;
}

.ne {
position: relative; 
top: -12px;
left: 50px;
|top: -22px;
}

.addnew{
background: url('img/pridat_novy.png') repeat-y;
height: 29px;
width: 136px;
border: 0 red solid;
}

.smazat{
background: url('img/smazat.png') repeat-y;
height: 30px;
width: 100px;
border: 0 red solid;
}

.upravit{
background: url('img/upravit.png') repeat-y;
height: 32px;
width: 100px;
border: 0 red solid;
position: relative;
top: -6px;
}