body {
background-image: url('pic/h_poz.png');
margin: 0px;
padding: 0px;
font-size: 18px;
font-family: "Times New Roman", serif;
text-align:center;
}

.ram {
background-color: #FFFFCC;
width: 950px;
padding-top: 10px;
padding-bottom: 10px;
margin: auto;
text-align:center;
border-color: #808080;
border-style: solid;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 1px;
}

.hlava {
background-image: url('pic/hlava.gif');
text-align: left;
width: 879px;
height: 120px;
margin: auto;
padding: 0px;
}

.logo {
position: relative;
float: left;
left: 20px;
top: 58px;
margin: 0px;
padding: 0px;
border: 0px;
}

.nazev {
height: 36px;
position: relative;
float: left;
left: -55px;
top: 5px;
font-size: 30px;
color: #000070;
margin: 0px;
padding: 0px;
}

.kontakt {
position: relative;
float: left;
left: 105px;
top: 5px;
font-size: 15px;
font-weight: bolder;
margin: 0px;
padding: 0px;
}

.tit {
height: 33px;
position: relative;
text-align: center;
width: 650px;
float: right;
right: 55px;
top: 20px;
font-size: 27px;
margin: 0px;
padding: 0px;
}

.nav_lis {
position: relative;
text-align: left;
width: 750px;
float: right;
right: 5px;
top: 29px;
font-size: 15px;
margin: 0px;
padding: 0px;
}

.h_ram {
text-align: left;
width: 879px;
min-height: 550px;
margin: 10px auto 0px auto;
padding: 0px;
}

.menu {
float: left;
position: relative;
padding-right: 10px;
top: 10px;
}

.hlavni {
background-image: url('pic/pozadi.jpg');
background-repeat: no-repeat;
background-color: #FFFFCC;
text-align: left;
float: right;
width: 680px;
padding-left: 10px;
padding-top: 5px;
min-height: 550px;
border: 0px;
}

.img_li {
border: 0px;
vertical-align: text-top;
}

.m_button {
width: 175px;
height: 38px;
padding: 0px;
margin: 5px 0px 0px 0px;
font-size: 38px;
line-height: 38px;
overflow: hidden;
}

.l_button {
width: 23px;
height: 15px;
padding: 0px;
margin: 0px;
font-size: 15px;
line-height: 15px;
overflow: hidden;
}

li {
padding-left: 6px;
list-style-image: url('pic/li.gif');
}

ul {
padding-top: 0px;
margin-top: 0px;
}

a:link {
text-decoration: underline;
color: #000000;
}

a:visited {
text-decoration: underline;
color: #000000;
}

a:active {
text-decoration: underline;
color: #3333CC;
}

a:hover {
color: #3333CC;
text-decoration: underline;
}

.odk_m {
background-image: url('menu_pic/tlacitko.gif');
}

a.odk_m:hover {
background-position: 0px -38px;
}

.odk_l{
background-image: url('pic/lang.png');
}

a.odk_l:hover {
background-position: 0px -15px;
}

a.h_mail:link {
text-decoration: none;
color: #000000;
}

a.h_mail:visited {
text-decoration: none;
color: #000000;
}

a.h_mail:hover {
color: #ffffff;
}

a.nav_odk:link {
text-decoration: none;
color: #000000;
}

a.nav_odk:visited {
text-decoration: none;
color: #000000;
}

a.nav_odk:hover {
color: #3333CC;
text-decoration: underline;
}

a.pata:link {
text-decoration: underline;
color: #808080;
}

a.pata:visited {
text-decoration: underline;
color: #808080;
}

a.pata:hover {
text-decoration: none;
color: #000000;
}

p {
margin: 0px;
}

H1 {
margin: 0px;
font-weight: bolder;
font-size: 25px;
text-decoration: underline;
text-align: center;
}

H2 {
letter-spacing: 1px;
margin: 0px;
color: #3333CC;
font-weight: bolder;
font-size: 25px;
text-align: center;
}

H3 {
margin: 0px;
color: #FF6600;
font-weight: bolder;
font-size: 18px;
text-align: center;
}

.telo_popis {
font-size: 14px;
color: #FF6600;
text-align: center;
}

.telo_uvod {
text-align: center;
font-size: 22px;
color: #FF0000;
font-weight: bolder;
}

.pata {
font-size: 13px;
color: #808080;
}

.pata_hr {
width: 900px;
color: #808080;
}

.pata_od {
font-size: 18px;
color: #FFFFCC;
}

.hlava_email {
position: relative;
left: -1px;
margin-right: 2px;
}

.hlava_skype {
position: relative;
top: 3px;
}

.hlava_call {
position: relative;
left: 10px; top: 2px;
}

.cent {
text-align: center;
}

.fs_20 {
font-size: 20px;
}

.tmavemodra {
color: #000070;
}

.orange {
color: #FF0000;
}