body {margin: 20px; background-color: #AAB8B9; font-family: arial, verdana; font-size: 12px; text-align: center;}


.hlavicka {border: 1px solid black; margin: 0 auto; width: 700px; position: relative;  background-color: #627D7C; padding-right: 0px; padding-left: 0px; color: #3C5B59; text-align: justify; background: url('Grafika/top.jpg'); background-repeat: no-repeat; }

#menu {border-left: 1px solid black; border-right: 1px solid black; margin: 0 auto; width: 700px; position: relative;  background-color: #3C5B59; padding-left: 0px; padding-right: 0px; color: #3C5B59; text-align: justify;}

.telo {border: 1px solid black; margin: 0 auto; width: 700px; position: relative;  background-color: #CCD4D4; padding: 0px; color: #3C5B59; text-align: justify;}
p {padding-top: 10px; vertical-align: top; margin: 0px; margin-bottom: 20px;}
.normal: first-letter {font-size: 200%; font-weight: bold; vertical-align: bottom;}

.odskok {padding: 25px;}

h1 {padding-bottom: 2px; font-size:18px; font-weight: bold; font-family: arial, verdana; color: #3C5B59; width: 100%; border-bottom: 1px solid #3C5B59;}

h2 {margin: 0px; font-size: 125%; font-weight: bold; font-family: arial, verdana; color: #3C5B59; vertical-align: top; margin-bottom: 10px; text-align: left;}


#menu ul {list-style-type: none; text-align: center; color: white; margin: 0px; padding:5px }
#menu li {display: inline; margin: 0px;  color: #ffffff; font-weight: bold; font-size: 13px; width: 90px;}
#menu li.aktualni {padding: 0px 40px 0px 5px; border-left: 2px solid #FFD200; display: inline; margin: 0px;  color: #FFD200; font-weight: bold; font-size: 13px; width: 90px;}


#menu a {padding: 0px 35px 0px 5px;
	background-color: #3C5B59; color: #ffffff; text-decoration: none; border-left: 2px solid white;
}
#menu a:hover {	color: #FFD200; border-left: 2px solid #FFD200;}

a.odkaz {color: #3C5B59; text-decoration: none;}
a.odkaz:hover { font-weight: bold; text-decoration: none;  color: #627D7C;}
.reference {width: 200; height: 150; border:1px solid black; text-align: left; vertical-align: top; float: left; margin-right: 15px; }


a.objednat {background: url('Grafika/sipka.jpg'); background-repeat: no-repeat; color: #3C5B59; text-decoration: none; padding-left: 18px; font-size: 14px; font-weight: bold;}
a.objednat:hover { font-weight: bold; text-decoration: none;  color: #627D7C;}



.reference1 {width: 126px; height: 81px; border:0px solid black; text-align: left; vertical-align: top; float: left; margin-right: 15px; margin-bottom:20px;}

.p1 {width: 400px;}
.popis {font-size: 105%; font-weight: bold;  vertical-align: top; }
.formular {width: 500px; text-align: left;  vertical-align: top;}
.p1 {width: 500px; clear: both;}
.p2 {width: 500px; clear: both; margin-bottom: 5px; }
strong {font-size: 105%; font-weight: bold;  vertical-align: top; width: 120px; text-align: right}

.refer {margin-bottom: 10px; margin-top: 10px; border: 0px solid black; height: 160px; }
.refer1 { border: 0px solid black; height: 120px; vertical-align: middle;}
.refer2 { border: 0px solid black; height: 130px; vertical-align: middle;}

.form {margin: 0px; margin-top: 25px; vertical-align: top;}
.input {width: 300px;}
.form textarea {width: 300px; height: 100px;}
.tlac {color: #ffffff; font-weight: bold; width: 100px; height: 20px; background-color: #3C5B59; border: 1px solid black; font-size: 100%; margin-left: 3px; margin-right: 0px; margin-top: 5px;}

.chyba {color: red; }
.chyba strong {font-size: 16px;}


.paticka {margin-top: 35px; text-align: center; padding-top: 2px; font-size:10px; font-weight: bold; font-family: arial, verdana; color: #3C5B59; width: 100%; border-top: 1px solid #3C5B59;}