.baner {text-align: center;
}


.img_menu {     text-align: center;
	padding:3px 2px 0px;
}

.img_menu img{width:250px;height:250px;
float: left;
border: solid 3px #ffd800;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

p {text-align:justify;}
body { 
  margin: 10px;
  padding: 0;
  font-family: Georgia, serif;
  line-height: 160%;
}

img.bg {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
}

.left {float: left;
  width: 61%;
  margin: 0;
  padding: 0;
}

#header h2 {display: block;
font-family: Georgia, Tahoma, Geneva, sans-serif;
  line-height: 100%;
  text-shadow:0 1px 1px #000000;
}

.vcard {font-family: Tahoma, Geneva, sans-serif;
  width: 320px;
  margin: 0 20px;
  padding: 0;
  display: block;
  float: right;
  color: #0000ff;
  font-weight: normal;
}

.vcard a {font-size: 100%;
 color: #0000ff;
  text-decoration: none;
  font-weight: bold;
}

img {width: 100%;
  
}

#contentbody {
  max-width: 1400px;
}

#header, #menu, #footer, h1, h2, h3 {
  font-family: Tahoma, Geneva, sans-serif;
}

#footer, div.vlogenie { -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;}

	
#header {position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
	font-weight:bold;
}

#header .vlogenie {border-bottom: 1px solid #142830;
  margin: 0 0 10px 0;
  padding: 15px;
  color: #fff;
  background: #ffffff;  
  font-family: Georgia, Tahoma, Geneva, sans-serif;
  font-style: italic;
  color: #0000ff;
  font-weight:bold;
  -moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

#header h1 {font-family: Georgia, Tahoma, Geneva, sans-serif;
  color: #0000ff;
  font-weight:bold;
  
}


#content {position: relative;
  float: left;
  width: 64%;
  margin: 0 0 20px 0;
  padding: 0;
}

#content .vlogenie {
  margin-right: 10px;
  padding: 15px;
  color: #333;
  background: #ffffff;
}

#kontakt {position: relative;background: #4b97d3;
  float: right;
  width: 18%;
  margin: 0;
  padding: 0;
}

#kontakt ul {
  margin: 0;
  padding: 5px;
  list-style: none;
  color: #ffffff; 
}

#kontakt  li { margin: 5px 0px 10px;
}

#kontakt a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  margin: 0px 1px;
  padding: 5px 25px 5px 10px;
  font-weight: bold;
}

#kontakt a:hover { color: #ffffff;
  background: #0033FF;
  	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#kontakt .vlogenie {
  margin-right: 18px;
  padding: 5px;
  font-size: 99%;
}

#menu {position: relative;
  float: left;
  width: 17%;
  margin: 0;
  padding: 0;
}

#menu ul {background: #4b97d3;
  margin: 0;
  padding: 15px;
  list-style: none;
  color: #898030;
  overflow: hidden;  
}

#menu li { margin: 5px 5px 10px;
  border-bottom: 1px solid #142830;
  }

#menu li:pli {
  border-bottom: none;
}

#menu a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  padding: 5px 0 5px 5px;
  font-weight: bold;
}

#menu a:hover { color: #0033FF;
  background: #5aabe3;
}

#footer {position: relative;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #0000ff;
  background: #ffffff;
font-size: 59%;  
}

#footer .vlogenie {
  padding: 3px 10px;
}

div.c {
    float: left;
    padding: 10px 10px 0;
    text-align: center;
width: 250px;
}

p.c {
  height: 200px;
}

.clearing {
    clear: both;
    font-size: 1px;
    height: 0;
}

table.price{
    font-family: "Trebuchet MS", sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8em;
    font-style: normal;
    border-collapse:separate;
}

.price thead th{
    padding:18px;
    color:#fff;
    text-shadow:1px 1px 1px #568F23;
    border:2px solid #EBEEF3;
    background-color:#0080FF;
    background:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, rgb(36,98,223)),
        color-stop(0.61, rgb(76,125,235)),
        color-stop(0.77, rgb(57,115,232))
        );
    background: -moz-linear-gradient(
        center bottom,
        rgb(36,98,223) 5%,
        rgb(76,125,235) 61%,
        rgb(57,115,232) 77%
        );
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
    -moz-border-radius:8px 8px 0px 0px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

.price tbody th{
    color:#fff;
    background-color:#1C52BF;
    border:1px solid #93CE37;
    padding:10px 15px;

    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}

.price tbody td{
    padding:10px;
    text-align:center;
    background-color:#f1da36;
    border: 2px solid #E7EFE0;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#000;
    text-shadow:1px 1px 1px #fff;
}



@media screen and (max-width: 1100px) { #content { width: 74%; float: right;} #menu, #kontakt {width: 26%;} #kontakt {float: left;} #kontakt .vlogenie {margin-right: 0; margin-top: 10px; }}  @media screen and (max-width: 1000px) { #menu, #content, #kontakt {font-size: 18px;} #content {width: 100%; margin-right: 4px;} h1 {line-height: 100%;} #menu {float: none; width: 100%; margin-bottom: 10px;} #menu li { float: left; margin: 25px; border-bottom: none;} #menu li:pli {width: 27%; border-right: none;} #menu a {text-align: center;padding-left: 0;} #kontakt {float: none;clear: both;width: 100%;margin: 10px 0;} .c { padding: 10px 10px 10px;}}


.pikte {
    width: 35%;
    position:relative;
}


.pikte {
     margin: 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    
    -webkit-transform:scale(1.0);
    -moz-transform:scale(1.0);
    -ms-transform:scale(1.0);
    -o-transform:scale(1.0);
    transform:scale(1.0);

    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

img.pikte:hover {
    z-index: 20;
    -webkit-transform:scale(2.0);
    -moz-transform:scale(2.0);
    -ms-transform:scale(2.0);
    -o-transform:scale(2.0);
    transform:scale(2.0);
}
