html {
margin: 0;
}

body {
margin: 0;
font-family: Arial, Verdana, sans-serif;
background-color: #ffe2c4;
}

a:link {color: #00a3e8;}

#top {
width: 100%;
height: 260px;
margin: 0;
background-image: url(design/bg-top.png);
background-repeat: x-repeat;
}

#wrapper {
margin: 0 auto 40px auto;
padding: 0;
width: 958px;
background-color: #fff;
box-shadow: 0px 0px 8px 0px grey;
border: 0px solid #fff;
}

#header {
width: 973px;
height: 260px;
margin: 0 auto;
padding: 0;
background-image: url(design/bg-header.png);
background-repeat: no-repeat;
}

.obal {margin: 0; height: 178px;}

img.logo {
float: left;
margin: 25px 0 0 50px;
}

h1.sitename {
float: left;
margin: 75px 0 0 25px;
font-weight: normal;
}

h1.sitename a:link, h1.sitename a:visited {
font-size: 80%;
color: black;
text-decoration: none;
}

h2.motto {
float: left;
margin: 0 0 0 25px;
font-size: 110%;
font-weight: normal;
}

p.faculty {
float: left;
margin: 30px 0 0 -95px;
padding: 5px 0 0 0;
font-size: 100%;
font-weight: normal;
border-top: 1px solid #000;
}

.social {
float: right;
width: 250px;
margin: 100px 0 25px 0;
}

h2.news {
margin: 15px 0 10px 0;
font-size: 110%;
}

h2.news a:link, h2.news a:visited {
color: #00a3e8;
text-decoration: underline;
}

h2.novinky {
font-size: 130%;
text-decoration: none;
}

.nav {
float: left;
height: 70px;
margin: 7px 0 0 28px;
}

table.menu {
width: 918px;
margin: 4px auto 0 auto;
font-size: 100%;
text-align: center;
border-collapse: collapse;
}

.menu td {
        border-bottom: 1px solid white;
        border-left: 1px solid white;
        text-align: center;
        width: 20%;
	}

.menu td.prvni, .menu td.sesty {
border-left: none;
}

.menu td.druhy, .menu td.treti, .menu td.ctvrty {
padding: 3px 0 9px 0;
}
.menu td.sedmy, .menu td.osmy, .menu td.devaty {
padding: 9px 0 3px 0;
border-bottom: none;
}

.menu td.prvni {text-align: left; padding: 3px 0 9px 59px;}
.menu td.paty {text-align: left; padding: 3px 0 9px 79px;}

.menu td.sesty {text-align: left; padding: 9px 0 3px 38px; border-bottom: none;}
.menu td.desaty {text-align: left; padding: 9px 0 3px 70px; border-bottom: none;}

.menu a:link, .menu a:visited {
text-decoration: none;
color: #fff;
}

.menu a:hover, .menu a.active {
color: #000;
}

.beginning {
margin: 10px 0 30px 25px;
}

.zlom {clear: both;}

#home {
float: left;
width: 600px;
background-color: #fff;
margin: 20px 40px 50px 25px;
font-size: 90%;
}

#quick {
float: right;
width: 278px;
margin: 35px 0 0 0;
background-image: url(design/bg-quick-contact.png);
background-repeat: no-repeat;
font-size: 80%;
text-align: right;
}

#quick h2 {
margin: 8px 10px 5px 0;
color: #fff;
font-size: 200%;
font-weight: normal;
text-transform: uppercase;
}

#quick p {
margin: 5px 10px 0 0;
line-height: 150%;
}

#quick h3 {
margin: 20px 10px 10px 0;
color: #000;
}

#sponzor {
float: right;
width: 278px;
margin: 35px 0 10px 0;
background-image: url(images/1776.png);
background-repeat: no-repeat;
font-size: 80%;
text-align: right;
}

#sponzor h2 {
margin: 8px 10px 5px 0;
color: #fff;
font-size: 200%;
font-weight: normal;
text-transform: uppercase;
}

#sponzor p {
margin: 5px 10px 0 0;
line-height: 150%;
}

#sponzor h3 {
margin: 20px 10px 10px 0;
color: #000;
}

.partner {
margin: 10px 10px 10px 0;
}

#main {
background-color: #fff;
margin: 0 40px 50px 25px;
padding: 20px 0 0 0;
font-size: 90%;
}

#block1 {
position: relative;
float: left; 
width: 440px; 
height: 200px;
margin: 0 0 20px 25px;
background-image: url(design/bg-down2.png);
background-repeat: no-repeat;
font-size: 80%;
}
#block2 {
position: relative;
float: right; 
width: 440px; 
height: 200px;
margin: 0 25px 20px 0;
background-image: url(design/bg-down1.png);
background-repeat: no-repeat;
font-size: 80%;
}

.obalblock {
position: relative;
float: right;
width: 220px;
height: 200px;
margin: 5px;
}

.obalblock a:link {
position: absolute;
top: 165px;
text-decoration: none;
}

.obalblock a:hover {
text-decoration: underline;
}

.feed {
margin: 35px 0 0 0;
}

h2.clanek {
font-size: 250%;
font-weight: normal;
margin: 0 0 20px 0px;
color: #00A3E8;
}

#footer {
height: 65px;
background-color: #4d4d4d;
margin: 0;
padding: 5px 0 0 0;
}

ul#bottom {
width: 100%;
margin: 8px 0 0 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#bottom li {
display: inline;
margin: 0;
padding: 0 40px 0 40px;
border-right: 1px solid white;
}

#bottom li.last {
border: none;
}

#bottom li a {
color: white;
text-decoration: none;
}

#bottom li a:hover {
text-decoration: underline;
}

p.copy {
margin: 15px 0 0 0;
color: grey;
text-align: center;
font-size: 65%;
}

p.copy a, p.copy a:visited {
text-decoration: none;
color: grey;
}

a.galerie img {
margin: 8px 2px 0 0;
border: 8px solid #E5E5E5;
}

a:hover.galerie img {
border: 8px solid #BFBFBF;
}

.freecontactform {
margin: 0 auto;
width: 620px;
font-family: arial;
background-color: #F7F7F7;
border: 1px solid #AAA;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.freecontactformheader {
font-size:18px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
.freecontactformmessage {
text-align:center;
padding-bottom:10px;
}
.freecontactform td {
padding:4px;
font-size:12px;
}
.freecontactform p {
padding:4px;
}
.freecontactform label {
padding:4px;
}
.freecontactform label {
padding-right:10px
}
.required {
font-weight:bold;
}
.required_star {
font-weight:bold;
color:#F00;
}
.not-required {
font-weight:normal
}
.antispammessage {
padding:10px;
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
font-weight:bold 
}
.antispamquestion {
font-weight:normal;
}
.cervene {font-weight: bold; color: red; text-align: center;}
img.blank {
float: left;
margin: 0;
}