body {margin: 0; padding: 0;  text-align: center; font-family: Arial,Helvetica,sans-serif; }
#pagebody {background: #D3D5D4 url(img/bg-body.gif) repeat-x top;font-size: 12px;}
table {font-size: 1em;}
h1 {font-size: 1em; margin: 0; display: inline;}
h2 {color: #f90; background: url(img/bg-h2.gif) no-repeat left; padding-left: 20px; margin: 15px 0 5px 0; font-size: 1.5em;}
h3 {color: #0064AF; text-transform: uppercase; /*background: #f90; color: #fff; padding: 2px 10px;*/ margin: 25px 0 3px 0; font-size: 1.2em;}
h4 {color: #4A83AD; margin: 0; font-size: 1em; font-weight: normal; text-transform: uppercase;}
p {text-align: justify; margin: 0 0 15px 0;}
a {color: #0064AF/*#D72C42*/; text-decoration: none;}
xa:hover {text-decoration: underline;}
td, th, input, select, textarea {font-family: Arial,Helvetica,sans-serif; font-size: 1em;}
hr {color: #4A83AD; background: #4A83AD; border: none; height: 1px;}
ul {list-style: none; margin: 10px 0 10px 3px; padding: 0;}
ul li {background: url(img/odr4.gif) no-repeat left 6px; padding: 0 0 10px 13px; text-align: justify;}

#hlavicka {/*width: 586px;*/ width: 985px; margin: 0 auto; text-align: left; padding: 15px 0 5px 0; font-size: 0.95em; color: #fff;}
#jazyky {float: right;}
#jazyky a {margin-left: 6px;}

#container {width: 985px; margin: 0 auto; text-align: left;}

#sloupec1 {float: left; width: 192px; margin-right: 7px;}
#sloupec2 {float: left; width: 586px; margin-right: 7px;}
#sloupec3 {float: left; width: 192px;}

#logo {border: 1px solid #ACACAC; text-align: center; background: #F4F5F5; padding: 40px 0; margin-bottom: 5px;}
#motiv {background: url(img/bg-motiv.gif) no-repeat bottom; padding-bottom: 5px;}
#flash01 {background: url(img/motiv01.jpg) no-repeat; height: 165px; width: 586px;}
#obsah  {background: #fff url(img/bg-obsah.gif) no-repeat top; padding: 10px 20px 20px 20px; border: 1px solid #C2C3C3; border-top: none; width: 546px; _width: 586px; min-height: 400px; _height: 400px;}
#hlavni_obsah { background-color:white;width: 546px; _width: 586px; min-height: 400px; _height: 400px; text-align: left; padding: 10px 20px 20px 20px;}

#menu {/*float: left*/; width: 586px; text-align: center; /*padding-left: 2px;*/ background: #5FA5CE; font-weight: bold; }
/*
#menu a {display: block; float: left; background: #5FA5CE; color: #fff; padding: 5px 8px; text-decoration: none; border-right: 1px solid #599BC2; border-left: 1px solid #68AAD1;  text-align: center;}
#menu a:hover {background: #FF9933; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
#menu a.active {background: #FF9933; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
}
*/
#menu td.showmenu DIV {
	position: absolute; margin-left: 0px; border: solid #4A83AD 1px; white-space: nowrap; 
}
#menu td.hidemenu DIV {
	display: none;
}
#linky {font-size: 0.9em; color: #666; padding: 10px 20px; /*text-align: center;*/}
#linky a {white-space: nowrap; margin: 3px 5px 0 0;}

#wu {text-align: center; font-size: 0.9em; margin-bottom: 5px;}

#paticka {width: 586px; margin: 0 auto; color: #333; text-align: center; font-size: 0.8em; padding: 5px 0 20px 0;}
#paticka a {color: #333; text-decoration: underline;}


/* tridy */
.cleaner {clear: both; font-size: 0px; line-height: 0px; height: 0px;}
.tlacitko {background: #666666; border: none; color: #fff; cursor: pointer; padding: 1px 3px;}
.right {text-align: right;}
.iBorder {border: 1px solid #ccc;}
.iRight {float: right; border: 1px solid #ccc; margin: 10px 0 10px 20px;}
.odr3 {background: url(img/odr3.gif) no-repeat left 50%; padding-left: 7px; margin-left: 3px;}
.uvod {font-size: 0.9em; color: #555; letter-spacing: 1px;}
.nahoru {text-align: right; font-size: 0.8em;}

.box {background: url(img/bg-box-1.gif) no-repeat top; padding-top: 7px; margin-bottom: 5px; width: 100%;}
.box2 {background: #EEEFEF url(img/bg-box-3.gif) no-repeat bottom; border-bottom: 3px solid #4A83AD; width: 100%;}
.box h5 {margin: 0; background: #4A83AD url(img/odr1.gif) no-repeat 7px 5px; padding: 3px 10px 3px 24px; border-left: 1px solid #ACACAC; border-right: 1px solid #ACACAC; color: #fff; font-size: 1.1em; font-weight: bold;}
.box .text {background: url(img/bg-box-2.gif) no-repeat top; padding: 2px 5px 8px 5px; border-left: 1px solid #ACACAC; border-right: 1px solid #ACACAC; /*font-size: 0.9em;*/}
.box .text2 {background: url(img/bg-box-2.gif) no-repeat top; padding: 8px 5px 8px 5px; border-left: 1px solid #ACACAC; border-right: 1px solid #ACACAC; /*font-size: 0.9em;*/ text-align: center;}
.box h6 {margin: 6px 0 0 0; font-size: 1em; color: #c60; font-weight: bold; background: #D8D8D8 url(img/odr2.gif) no-repeat 5px 3px; padding: 2px 10px 2px 25px;}
.box .zprava {background: #fff; margin-bottom: 3px; padding: 2px 5px; overflow: hidden; text-overflow: ellipsis;}
.box .zprava span {font-weight: bold;}
.box form {font-size: 0.9em;}
.box form, .box form td {margin: 10px 0; color: #666;}

table.tHorizont {/*width: 543px;*/ border-collapse: collapse; border-bottom: 1px solid #fff; border-right: 1px solid #fff; margin: 3px 0 20px 0;}
table.tHorizont td, table.tHorizont th {padding: 2px 5px; border-top: 1px solid #fff; border-left: 1px solid #fff;}
table.tHorizont th {background: #4A83AD; color: #fff; text-align: center; font-weight: bold;}
table.tHorizont th.vipHdr {background: #5fa5ce;}
table.tHorizont th img {float: left; margin-right: 5px; border: 1px solid #ccc;}
table.tHorizont td img {border: 1px solid #fff;}
table.tHorizont td {background: #EDEDED;}
table.tHorizont .suda td {background: #D8D8D8;}
table.tHorizont td.vipRates {background: #e7ecf3;}
table.tHorizont .suda td.vipRates {background: #c9d5e7;}
table.tHorizont #mena {text-align: left;}
table.tHorizont #kod {text-align: center;}
table.tHorizont #objem {text-align: right;}
table.tHorizont #nakup {text-align: right;}
table.tHorizont #prodej {text-align: right;}
table.tHorizont em {font-size: 0.9em;}
table.tHorizont tr.orange td {background: #FFDFBF; font-weight: bold;}
table.tHorizont tr.orange td input {font-weight: bold;}



.rozcestnik {margin: 5px 0 10px 0;}
.rozcestnik a {font-size: 0.9em; font-family: Tahoma,Arial,Helvetica,sans-serif; font-weight: bold; padding-left: 7px; text-decoration: none; border-left: 3px solid #aaa; color: #aaa; margin-right: 17px;}
.rozcestnik a.active {border-left: 3px solid #4A83AD; color: #4A83AD;}
.rozcestnik a:hover {border-left: 3px solid #5FA5CE; color: #5FA5CE;}

.galerie {margin: 10px 0; width: 100%; /* kvuli IE */}
.galerie a {display: block; float: left; padding: 5px; text-decoration: none; text-align: center; margin: 0 20px 20px 0; font-size: 0.9em; background: #eee;}
.galerie a img {border: 1px solid #ccc; margin-bottom: 3px;}
.galerie a:hover {background: #EFF8FF; text-decoration: none;}

.item {float: left; width: 240px; margin: 10px 0; border-left: 2px solid #4A83AD; padding: 5px 5px 5px 10px; background: #EFF8FF; font-size: 0.9em;}
.space {width: 30px; float: left;}
.item table {margin-top: 3px; border-collapse: collapse;}
.item table td, .item table th {vertical-align: top;}
.item table.wu {width: 100%;}
.item table.wu td {border: 1px solid #E0E9EF; padding: 1px 5px;}
table.wu .castka {text-align: right;}

.flash {margin: 0 0 20px 0; border: 1px solid #ccc; /*background: #EFF8FF;*/ font-size: 1.2em; font-weight: bold; color: #4A83AD;}
.flash div {padding: 10px 40px; text-align: right;}
.flash span {color: #f90; font-size: 1.2em;}

#kalkulatorVysl {text-align: center; padding: 2px 5px; background: #fff; color: #555; border: 1px solid #999;}
#kalkulatorVysl strong {color: #0064AF; font-size: 1.2em;}
input.readonly {border: none; background: transparent; text-align: right;}


TABLE.tHorizont TD {
	white-space: nowrap;
}

#vipLogin TD {
	xborder: dashed red 1px;
	background-color:#eeefef;
	padding:4px;
	white-space:nowrap;
}
.VIPHDR {
	background-color:#4a83ad;
	text-align:left;
	padding:4px;
	color:white;
	
}
#vipLogin INPUT.text {
	border:1px solid silver;
	padding:2px;
	
}
.VIPerror {
	text-align:center;
	color:red;
	font-size:18px;
}
.clDatum {
	font-size:10px;
	color:#333;
	display:block;
	padding-bottom:5px;
}

.r {
	text-align: right;
}
.rb {
	text-align: right;
	font-weight: bold;
}