body {
background-color: rgb(255,255,255);

margin: auto;
}
div.head_bgr {
height: 211px;
background-image: url(../_img/background.png);
background-repeat: repeat-x;
}
div.head {
height: 211px;
width: 787px;
margin: auto;
}
div.head img.logo {
margin-top: 60px;

}
div.head img.motto {
height: 50px;
width: 302px;
margin-bottom: 60px;
margin-left: 60px;
}
div.head img.line {
margin-left: 197px;
margin-top: -9px;
}
div.head img.ending {
margin-left: -4px;
margin-top: -9px;
}
div.menu {
margin-left: 225px;
margin-top: -55px;
}
div.menu img {
margin-right: -5px;
}
div.center {
width: 650px;
margin: auto;
margin-top: -20px;

/* border: 1px rgb(0,50,50) double;*/
}
div.center img.body_left {
position: absolute;
top: 170px;
margin-left: -150px;
}
div.center img.body_right {
position: absolute;
top: 170px;
margin-left: 565px;

}
div.center div.text {
width: 600px;
margin-left: -50px;
font-family: Calibri;
font-size: 15px;
text-align: justify;
/* border: 1px rgb(0,50,50) double;*/
}
div.center div.text img.odrazka {

}
 h1 {

font-family: Calibri;
}
div.center li {
list-style-image: url(../_img/odrazka_cerna.png);
list-style-position: inside;


}
div.center div.text div.odraz {
width: 200px;
height: 50px;
font-family: Calibri;
position: relative;
overflow: visible;
margin: auto;
margin-top: -60px;
/* border: 1px rgb(0,50,50) double;*/
}
#main {
width: 650px;
position: relative;
margin: auto;
font-family: Calibri;
font-size: 15px;
top: -50px;
left: 31px;
}
#main .left_line {
position: absolute;
left: -79px;
top: 0px;
}
#main .right_line {
position: absolute;
right: -79px;
top: 0px;
}
#content {
width: 91%;
margin: auto;
position: relative;
}
#home {
width: 100%;
}
#home .odstavec {
width: 99%;
text-align: justify;
text-justify: newspaper;
text-indent: 32px;
}
#home h1 {
width: 100%;
text-align: center;
}
#home h2 {
width: 100%;
text-align: center;
}
#products {
width: 100%;
}
#products .odstavec {
width: 99%;
text-align: justify;
text-justify: newspaper;
text-indent: 32px;
}
#products h1 {
width: 100%;
text-align: center;
}
#products h2 {
width: 100%;
text-align: center;
}
#image {
height: 323px;
width: 350px;
position: relative;
display: block;
margin: auto;
top: -295px;
}
#gaia {
width: 295px;
height: 295px;
position: relative;
display: block;
left: 0px;
}
#afrika {
width: 295px;
height: 295px;
position: relative;
display: block;
left: 295px;
top: -295px;
}
#amerika {
width: 295px;
height: 295px;
position: relative;
display: block;
left: 0px;
top: -295px;
}
#asie {
width: 295px;
height: 295px;
position: relative;
display: block;
left: 295px;
top: -590px;
}
#contact {
width: 100%;
font-size: 18px;
top: 40px;
position: absolute;
}
#contact .name {
font-weight: bold;
}

#products {
height: 912px;
}
#contact .title {
position: absolute;
top: -20px;
width: 100%;
font-weight: bold;
text-align: center;
font-size: 22px;
}
#contact .label.mail {

}
#contact .mail {
position: absolute;
top: 38px;
width: 100%;
font-weight: bold;
text-align: center;
font-size: 18px;
}

#contact .adresa1 {
position: absolute;
left: 50px;
top: 103px;
}
#contact .adresa2 {
position: absolute;
left: 430px;
top: 103px;
}
#contact .label.adr1 {
position: absolute;
left: 86px;
font-weight: bold;
top: 70px;
}
#contact .label.adr2 {
position: absolute;
left: 466px;
font-weight: bold;
top: 70px;
}

#contact a {
color: grey;
text-decoration: none;
}
#contact a:link {
color: grey;
text-decoration: none;
}
#contact a:active {
color: grey;
text-decoration: none;
}
#contact a:visited {
color: grey;
text-decoration: none;
}
#contact a:hover {
color: grey;
text-decoration: underline;
}