html, body {margin: 0; padding: 0}
body {color: #999; background-color: #FFF; font-family: Arial, Verdana, 'Arial CE', Helvetica, sans-serif;  font-size: 75%; text-align: center;}
textarea, input {color: #666; font-family: Arial, Verdana, 'Arial CE', Helvetica, sans-serif;  font-size: 100%}
h1 {margin: 0; padding: 0}
h3 {margin: 10px 0}
a {color: #000; background: inherit; text-decoration: underline}
a:hover {color: #666; background: inherit; text-decoration: none}
img {border: none}
hr {display: none}

#page {width:885px; text-align: left;margin: auto; background: url('./images/bg-top.gif') top repeat-x; overflow: hidden;}

span.clear {display: block; clear: both; height: 1px; font-size: 1px; line-height: 1px; width: 100%}
#container {width: 886px}

#center {float: left; width: 472px}
#center h3 {font-size: 110%; margin: 0; padding: 0 0 16px 0; color: #77a8e7}
#center .top {padding: 0 15px 13px; border-bottom: 1px solid #e6e6e6; color: #666; margin-bottom: 13px}
#center .top p {font-size: 90%; margin: 0; padding: 0 0 8px}
#center .top strong {font-size: 110%}
.center-trim {width: 100%; background: #eee; height: 5px; margin-bottom: 1px; clear: both; font-size: 1px; line-height: 1px}


#nt-img {width: 150px; border-right: 1px solid #e6e6e6; float: left}
#nt-img div {margin: 10px 0 10px 17px}

#nt-info {float: left; width: 280px}
#nt-info div {padding-left: 18px}
#nt-info h3 {font-size: 110%; margin: 0; padding: 0 0 8px 0; color: #77a8e7}
#nt-info p {font-size: 90%; margin: 0; padding: 0; color: #666}

#news {width: 472px; background: #82ace3 url('./images/bg-news.gif') 0 0 repeat-y; margin-bottom: 5px}
#newsi_old {width: 472px; background: transparent url('./images/infobox.jpg') bottom right no-repeat; padding-bottom: 20px}
#newsi {width: 472px; background: black; padding-bottom: 20px; color: white;}

.news-item {padding: 19px 150px 15px 15px; _height: 40px; color: #FF3300; font-size: 90%; position: relative}
.news-item p {margin: 0}

#news div.news-item a.a-button {position: absolute; right: 155px; bottom: 0}

a.a-button_old {display: block; text-align: center; text-decoration: none; width: 45px; height: 18px; border: none; background: #4971ae url('./images/button.gif') 0 0 no-repeat; color: #FFF; padding: 0; line-height: 18px}
a.a-button {display: block; text-align: center; text-decoration: none; width: 45px; height: 18px; border: none; background: #FF3300; color: #000; padding: 0; line-height: 18px}

a:hover.a-button {color: #EEE; font-weight: bold}

#left {float: left; width: 262px}
.left-block {background: #e6e6e6; width: 254px; padding: 1px 1px 1px 0; margin-bottom: 8px; border-left: 1px solid #e5e5e5;}
.left-light {background: #fff; padding: 12px 22px 16px}
.left-light h3 {font-size: 110%; margin: 0; padding: 0 0 8px 0; line-height: 100%; width: 100%; border-bottom: 5px solid #eee; color: #77a8e7}
.left-light h3 a{color: #77a8e7; text-decoration: none}
.left-light h3 a:hover {color: #666; text-decoration: underline}
.left-light ul {width: 100%; margin: 0 0 7px 0; padding: 4px 0 4px 0; list-style: none; border-bottom: 1px solid #e6e6e6}
.left-light ul li a {color: #345c9e; text-decoration: none}
.left-light ul li a:hover {color: #77a8e7; text-decoration: underline}

.left-dark {background: #f7f7f7; padding: 12px 22px 10px}
.left-dark h3 {font-size: 110%; margin: 0 0 8px; padding: 0; line-height: 100%; color: #77a8e7}
.left-dark form {margin: 0; padding: 0}
.left-dark form p {margin: 0; padding: 0}
.left-dark form input {border: 1px solid #cccccc; background: #f7f7f7; margin-bottom: 4px; width: 152px; font-size: 90%}
.left-dark form input.button {font-size: 90%; width: 45px; height: 18px; border: none; background: #4971ae url('./images/button.gif') 0 0 no-repeat; color: #FFF; padding: 0; line-height: 100%; cursor: pointer}
input.button, button, button.clear {font-size: 90%; width: 45px; height: 18px; border: none; background: #4971ae url('./images/button.gif') 0 0 no-repeat; color: #FFF; padding: 0; line-height: 100%; cursor: pointer}
button.clear {background: #999 url('./images/buttonc.gif') 0 0 no-repeat; margin-left: 5px}
#buttonsBlock {float: right; margin-top: 10px}
#right {float: right; margin-bottom: 16px}
.right-block {background: #e6e6e6; width: 144px; padding: 1px}
.right-dark  {background: #f7f7f7; padding: 12px 8px 16px; min-height: 464px; _height: 464px}
.right-dark h3 {font-size: 110%; margin: 0; padding: 0 0 6px 8px; line-height: 100%; color: #77a8e7}
.right-dark h3 a      { color: #77a8e7; text-decoration: none}
.right-dark h3 a:hover{ color: #666; text-decoration: underline}

#dms {width: 126px; background: #eee; padding: 1px}
#dms span {display: block; background: #fff; padding: 6px 23px 6px 25px}
#dms img {margin: 0; padding: 0}

#logo {float: left; width: 254px; height: 188px}
#logo h1   { display: inline; font-size: 10%}
#logo a    { display: block; width: 254px; height: 188px; position: relative}
#logo span { display: block; width: 254px; height: 188px; position: absolute; left: 0; top: 0; z-index: 1; background: #DADADA url('./images/logo-besico.gif') 70px 74px no-repeat; cursor: pointer}

/*#top {float: left; width: 741px; height: 188px; background: #FFF url('./images/top-image.jpg') 255px 0 no-repeat}*/
#top {width: 885px; height: 188px; background-image: url('./images/hlavicka.png'); background-repeat: no-repeat}
#top2 {width: 885px; height: 188px; background: #FFF url('./images/hlavicka.png') no-repeat}
#menu {float: left; width: 885px; clear: left;}
#menu ul {margin: 0 0 0 255px; padding: 0; list-style: none}
#menu li {float: left; padding: 10px 15px 10px 13px; background: url('./images/li-dot.gif') 100% 50% no-repeat}
#menu li a {color: #515a5e; text-decoration: none}
#menu li a:hover {color: #345c9e; text-decoration: underline}
#menu li.first {padding-left: 0}
#menu li.last {padding-right: 0; background: none}

#top-trim {clear: both; height: 10px; width: 100%; margin-bottom: 16px; background: #EEE url('./images/trim-top-bg.gif') 0 0 repeat-x;}
#top-trim-center {width: 885px; height: 100%; background: url('./images/trim-top-center.gif') 0 0 repeat-x; position: relative}
#top-trim-left {width: 255px; height: 10px; top: 0; left: 0; background: url('./images/trim-top-left.gif') 0 0 repeat-x; position: absolute}
#top-trim-right {width: 257px; height: 10px; top: 0; left: 628px; background: url('./images/trim-top-right.gif') 0 0 repeat-x; position: absolute}

#bot-trim {clear: both; margin-top: 6px; height: 140px; width: 100%; background: #f7f7f7 url('./images/trim-bot-bg.gif') 0 0 repeat-x}
#bot-trim p {padding: 1px 0 0 262px; color: #ccc; font-size: 90%}
#bot-trim a {color: #ccc; text-decoration: none}
#bot-trim a:hover {color: #74AcFe}
#bot-trim-center {width: 885px; height: 100%; background: url('./images/trim-bot-center.gif') 0 0 repeat-x; position: relative}
#bot-trim-left {width: 253px; height: 10px; top: 0; left: 0; background: url('./images/trim-bot-left.gif') 0 0 repeat-x; position: absolute}
#bot-trim-right {width: 259px; height: 10px; top: 0; left: 626px; background: url('./images/trim-bot-right.gif') 0 0 repeat-x; position: absolute}

#pageCenter {padding: 0 15px}
#pageCenter h2 {font-size: 125%; margin: 0; padding: 0; color: #77ABE7}
#pageCenter h2 a {color: #77ABE7; text-decoration: none}
#pageCenter h2 a:hover {color: #666; text-decoration: underline}
.pageContent, #pageContent {margin-top: 12px; font-size: 90%; color: #666}
.pageContent strong {display: block}
.pageContent {margin-bottom: 30px;}

#pageCenter h1 {font-size: 135%; margin: 0; padding: 0; color: #77ABE7}
#pageCenter h2 {font-size: 125%; margin: 0; padding: 0; color: #77ABE7}
#pageCenter h3 {font-size: 110%; margin: 0; padding: 0; color: #77A8E7}
#pageCenter h4 {font-size: 100%; margin: 0; padding: 0; color: #345c9e}
#pageCenter h5 {font-size: 100%; margin: 0; padding: 0; color: #666}
#pageCenter h6 {font-size: 100%; margin: 0; padding: 0; color: #d40000}
#pageCenter table
{
	border: none;
	font-size: 100%;
}
#pageCenter td
{
 border: none;
 padding: 6px;
 background: none
}
#pageCenter ul {list-style: none; margin: 0; padding: 0 0 0 6px}
#pageCenter ul li { background: url('./img/dot.gif') 0 0.5em no-repeat; padding-left: 10px; color: #999 }
/* tabulky */
.modry-svetle {color: #77ABE7}
.modry-tmave {color: #345c9e}
.cerny {color: #FF3300}
.cerveny {color: #933}
.sedy-svetle {color: #999}
.sedy-tmave {color: #333}         
.tabulka-zvyraznena
{
 border: 1px solid #bbb;
	border-collapse: collapse;
}
.tabulka-zvyraznena td
{
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
}
.tabulka-bez-odsazeni
{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
.tabulka-bez-odsazeni td
{
	padding: 0;
}
table img {margin: 0; padding: 0; border: none; float: left}

#contact label {display: block; font-size: 90%; float: left; width: 90px; color: #666; line-height: 30px}
#contact input {float: left; font-size: 90%; width: 150px; border: 1px solid #ccc; background: #F7F7F7; margin-top: 6px}
#contact br {display: block; clear: both}
#contact textarea { font-size: 90%; border: 1px solid #ccc; background: #F7F7F7; width: 440px; height: 75px}