html, body {
height: 100%;
}

.style.css {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #333333;
background-color: #CCCCCC;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body {
font-family: "Times New Roman", Times, serif;
font-size: x-small;
text-align: center;
min-width: 830px;
line-height: 1.2;
color: #333333;
background-color: #71a5d7;
background-image: url(site/background_pattern.png);
}

html>body {
font-size: 16px;
}


a {
color: #0e4070;
}

a:hover {

}

h1 {
width: 100%;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
font-weight: normal;
background: #2170bd;
text-align: center;
color: white;
cursor: default;
padding: 0 0 0 0;
margin: 0 0 0 0;
border: 0px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

h2 {
font-size: 24px;
color: #0e4070;
text-transform: uppercase;
margin: 20px 0 0 0;
}

h3 {
font-size: 16px;
font-weight: bold;
color: #0e4070;
margin: 5px 0 0 0;
margin-bottom: 0px;
}

h4, h4 a {
font-size: 24px;
text-align: center;
color: #CC0000;
margin: 20px 0 0 0;
}

.out {
border: 0px;
margin: 0 1px 0 5px;
padding-right: 13px;
background: url(site/link_out.png) right no-repeat scroll;
}

/* layout */
#top_prechod {
width: 100%;
height: 400px;
margin-top: -22px;
background: url(site/background_prechod.png) repeat-x;
}

#all {
width: 840px;
height: auto;
margin: -375px auto;
clear: both;
position: relative;
}

#banner {
width: 830px;
height: 72px;
margin: 0 auto;
background: #71a5d7 url(site/banner.png) no-repeat right;
font:40px bold;
color: white;
text-align: center;
border: 1px solid black;
padding-top: 20px;
cursor: default;
position: relative;
}

#info {
width: 820px;
height: 21px;
margin: -1px auto;
background: #6F6F6F;
position: relative;
}

.info_left {
width: 153px;
background: #2170bd;
margin: 0 auto;
float: left;
border: 1px solid black;
border-top: 0px;
border-bottom: 0px;
text-align: center;
color: white;
cursor: default;
position: relative;
}

.info_right {
width: 621px;
height: 20px;
background: #d1e4f7;
margin: 0 auto 0 0;
float: right;
border: 1px solid black;
border-left: 0px;
border-bottom: 1px dotted black;
padding: 0 20px 0 23px;
text-align: right;
cursor: default;
font-size: 12px;
position: relative;
}

#main {
width: 831px;
margin: 0 auto;
background: #71a5d7;
border: 1px solid black;
text-align: left;
min-height: 100%;
height: 100%;
position: relative;

}
body>#main {
height: auto;
}


#left {
width: 160px;
height: 100%;
min-height: 100%;
margin: 0px 0 0px 0;
padding: 0 0 0px 0;
float: left;
border: 0px;
text-align: left;
color: white;
}

#right {
width: 655px;
height: 100%;
min-height: 100%;
background: #FFFFFF;
margin: -1px 0 0px 0;
padding: 0 5px 250px 5px;
float: right;
border: 0px;
border-left: 1px black dotted;
padding-left: 10px;
text-align: left;
}

#footer {
width: 831px;
height: 30px;
text-align: right;
font: 13px normal;
background: #0e4070;
border: 0px;
border-top: 1px solid black;
color: black;
cursor: default;
line-height: 0;
overflow: hidden;
position: relative;
clear: both;
}

/* other */
.info_right a, .info_right a:hover, #footer a, #footer a:hover {
color: black;
text-decoration: underline;
cursor: pointer;
}

#menu ul {
list-style-image: url(site/sipka.png);
list-style-position: outside;
background: #2170bd;
width: auto;
height: auto;
margin: -1px 0 0px 0px;
padding: 0px 0 0 22px;
border: 0px;
}

#menu li a {
border: 0px;

height: 22px;

text-decoration: none;
color: #0e4070;
display: block;
padding: 4px 0 0 30px;
margin: -5px 0 0 -32px;
font-weight: bold;
}

#menu li a:hover {
color: white;
background: #0e4070;
}

#menu li a img, #menu li a img:hover {
border: 0px;
}

#menu li {
background: #629ed8;
border: 0px;

height: 18px;
margin: 1px 0 0 0px;
padding: 5px 0 3px 10px;
}

#left p {
text-align: center;
margin: 0px;
padding-bottom: 10px;
width: 100%;
color: black;
}

.prihlasky, .prihlasky a, .prihlasky a img {
border: 1px solid ;
margin: 0 20px 0 10px;
}

.galerie img {
border: 1px dashed #629ed8;
border: 1px solid black;
padding: 0px 0px 0px 0px;
display: block;
margin: 20px auto 10px;
}

.galerie h5 {
width: 500px;
height: 20px;
margin: -11px auto 0;
position: relative;
color: white;
text-align: center;
font-size: 15px;
background-position: right;
background-color: #629ed8;
border: 1px solid black;
}