body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: left;	
	font: 14px "Trebuchet MS", sans-serif;
	color: #333;	
	background-color: #757575;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.8em 0em; 
	color: #333;
	}
	
h1 {font-size: 18px; }
.h1_flash h1 {display: none;}
h2 {font-size: 16px}
h3 {font-size: 14px}
h4 {font-size: 12px}
.modra {color: #428192}

h1.no-mtop {
	margin-top: 0px; 
	padding-top: 1.2em
	} /*h1*/

.no-mtop {margin-top: 0px}

p {	padding: 0em;
	margin: 1em 0em;
	line-height: 130%;
	border: 0px solid #000;
	}
	
a {color: #FF6600 ;}
a:hover { color: #639eae;}
a.play {
	background: url(../img/play-hover.gif) center left no-repeat;
	padding: 0px 10px 0px 30px;			
	font-weight:bold;
	font-size:14px;	
	}
a:hover.play {
	background: url(../img/play.gif) center left no-repeat;
	color: #639eae;
	font-weight:bold;
	}
a.save{
	background: url(../img/save-hover.gif) center left no-repeat;
	padding: 0px 10px 0px 25px;			
	font-weight:bold;
	color: #6d6d73;	
	font-size:11px;
	text-decoration:none;
	}
a:hover.save{
	background: url(../img/save.gif) center left no-repeat;
	padding: 0px 10px 0px 25px;	
	color: #639eae;
	font-weight:bold;
	text-decoration:underline;
	}
	
ul li{ 
	list-style-type: square; 
	line-height: 130%; 
	}
	
ol li div {line-height: 130%}

pre {font-size: 1em;}

strong, b {font-weight: bold;}

table, th, tr, td {
	font-size: 1em; 
	border-collapse: collapse
	}
	
img {border: 0px solid #000;}

.nohover a:hover {background: none}

.bold {font-weight: bold}

.cistic {clear: both}

.left {float:left}
.left-mr {
	float:left; 
	margin-right: 15px
	}
	
.right {float:right}
.right-ml {
	float:right; 
	margin-left: 15px
	}
	
.podbarveni {
	background-color: #e5e5e5; 
	padding:5px; 
	margin: 5px 0px
	}
	
.justify {text-align: justify}

.sirka-100pr{width:100%}

.red {color: #FF0000}

.border {
	border: 1px solid #ffffff
}

.pozor { 
	color: #f30; 
	font-weight: bold
	}

/*CONTAINER*/
#stranka {background: #757575 url(../img/bg-x.gif) repeat-x;}

#container {
	width: 960px; 
	margin: auto; 
	padding: 0px;
	background: url(../img/bg-container.gif) repeat-y;
	}
	
/*HLAVICKA*/
#hlavicka {background: url(../img/bg-hlavicka.jpg) no-repeat 168px 0px;}
#hlavicka img {border: 0px}

/*LANGUAGE MENU*/
#language-menu {
	margin: 0px; 
	padding: 0px;
	font-size:10px;
	text-align:right
	}

a.cz {
	margin:2px;
	padding: 2px 4px 2px 20px;
	background: url(../img/cz.png) center left no-repeat;
	text-decoration: none;
	color: #999;
	}

a:hover.cz {
	padding: 2px 4px 2px 20px;
	background: url(../img/cz-over.png) center left no-repeat;
	color: #ccc;
	text-decoration: underline;
	}

a.en {
	margin: 2px;
    padding: 2px 4px 2px 20px;
	background: url(../img/en.png) center left no-repeat;
	text-decoration: none;
	color: #999;
	}

a:hover.en {
	padding: 2px 4px 2px 20px;
	background: url(../img/en-over.png) center left no-repeat;
	text-decoration: underline;
	color: #ccc;
	}


/*MENU*/
#menu {
	height: 58px; 
	background: url(../img/bg-menu.gif) repeat-x;
	}
#menu ul {
	margin: 0px;	
	padding: 0px;
	}
#menu ul li {
	display: inline; 
	list-style-type: none;
	}
#menu ul li a{
	display:block;
	float: left;
	padding: 33px 13px 6px 21px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background: url(../img/m-ctverec.gif) no-repeat 0px 7px; 
	}
#menu ul li a:hover, 
#menu ul li#activ a{ 
	color: #fff; 
	background: url(../img/m-ctverec-hover.gif) no-repeat 0px 7px

	}
	

/* MAPA WEBU, TISK */
#pruh { 
	height: 24px; 
	width: 936px; 
	margin: 0px; 
	padding: 7px 24px 0px 0px;
	background: url(../img/bg-pruh.jpg) no-repeat;
	font-size:10px;
	}
#pruh a:hover#mapa-webu,
#pruh a:hover#print
 {
	color: #ccc;
	text-decoration: underline;
	}
#pruh a#mapa-webu {
	float: right;
	padding: 2px 4px 2px 28px;
	text-decoration: none;
	background: url(../img/mapa-webu.gif) center left no-repeat;
	color: #999;
	}
#pruh a#print {
	float: right;
	padding: 2px 4px 2px 25px;
	text-decoration: none;
	background: url(../img/print.gif) center left no-repeat;
	color: #999;
	}
	

#pruh img {
	float: right; 
	margin-left: 10px
	}

/*OBSAH*/
#obsah {
	clear:both; 
	background: url(../img/paka.gif) no-repeat 0% 100%;
	}

/*SUBMENU*/
#submenu-obal {
	float:left; 
	width: 170px; 
	margin: 0px; 
	padding-top: 20px; 
	background: url(../img/bg-submenu.gif) no-repeat 0px 0px; 
	height: 375px; 
	}
#submenu div {
	margin: 5px 0px; 
	background: #8d8d8d; 
	border-bottom: 3px solid #656565; 
	border-top: 1px solid #959595;
	}
#submenu  a {
	display: block;
	padding: 4px 20px;
	color: #fff;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	background: url(../img/sm-ctverec.gif) no-repeat 0% 100%;
	}
#submenu a:hover, 

#subactiv a{background: url(../img/sm-ctverec-hover.gif) no-repeat 0% 100%;}

#hlavniobsah {
	margin: 0px 0px 0px 253px; 
	padding: 0px 0px 20px 0px; 
	width: 605px; 
	}
	
/*FOOTER*/	 
#footer {
	color: #000;
	margin: auto;
	padding: 0px;
	}
#footer div{
	padding: 5px 5px;
	width: 602px;
	position: relative;
	left: 249px;
	font-size: 11px; 
	color: #fff; 
	background: #333 url(../img/bg-footer.gif) no-repeat;
	border-top: 2px solid #639eae;
	}
	
#copyright {
	margin:0 100px 0 0; 
	padding:0px; 
	text-align: right;
	}
#copyright  a {
	text-decoration: none; 
	font-size: 10px; 
	color: #999999
	}

/*STRANKY*/
.img-b2 {border: 1px solid #313131}

.text-b {
	color: #428192; 
	font-weight: bold; 
	font-size: 15px
	}

.clanek { 
	padding: 10px 10px; 
	background-color: #dedede;
	}
	
.img-vr {
	float:right; 
	margin-left: 7px; 
	border: 1px solid #313131
	}
	
.popis1 {
	background-color: #d4d4d4; 
	margin:0
	}

.popis1,
.popis2 {
	border-top: 2px dotted #a4a4a4; 
	padding:10px 5px; 
	margin:0
	}
	
.popis1 p,
.popis2 p {margin-top: 0px}

div.odrazka-sp, 
span.odrazka-sp  {
	background: url(../img/odrazka-sp.gif) no-repeat 0 40%; 
	padding-left: 20px; 
	font-weight: bold
	}
	
div.odrazka-cd, 
span.odrazka-cd  {
	background: url(../img/odrazka-cd.gif) no-repeat 0 40%; 
	padding-left: 20px; 
	font-weight: bold
	} /*span - kdyz to bylo bez popisu*/
	
.odrazka-sp li {
	line-height: 150%; 
	list-style-type: none; 
	list-style-image:url(../img/odrazka-sp.gif)
	}
.odrazka-cd li {
	line-height: 150%; 
	list-style-type: none; 
	list-style-image:url(../img/odrazka-cd.gif)
	}

.cituji {font-style: italic}

.table-valign th {vertical-align: top}

.table-doba tr th, 
.table-doba tr td {
	padding: 5px 10px; 
	border: 1px solid #a4a4a4;
	}
	
.thead-doba {
	background-color: #bcd3d9; 
	border: 1px solid #428192; 
	color: #428192
	}
	
.tr2-doba {background-color: #d4d4d4}

.komentar  {
	background: url(../img/uvozovky.gif) no-repeat 0 100%; 
	padding-left: 25px
	}
	
.text_field {
	border: 1px solid #a4a4a4;
	font-size: 12px;
	background-color: #d4d4d4;
	color: #428192;
	margin: auto;
	padding: 2px;
}
.video{
float:right;
}
.video li{
list-style:none;
width:160px;
margin:1px;
}



/*ANGLICKA VERZE*/

/*MENU*/
#menu-en {height: 58px; background: url(../img/bg-menu.gif) repeat-x;}
#menu-en ul {margin: 0px;	padding: 0px;}
#menu-en ul li {display: inline; list-style-type: none;}
#menu-en ul li a {
	display:block;
	float: left;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	padding: 33px 12px 6px 17px;
	 font-weight: bold;
	/*padding: 33px 13px 8px 21px;
	font-weight: bold;*/
	background: url(../img/m-ctverec.gif) no-repeat 0px 7px; 
	}
#menu-en ul li a:hover, 
#menu-en ul li#activ a{ 
	color: #fff; 
	background: url(../img/m-ctverec-hover.gif) no-repeat 0px 7px

	}

/*TISK*/
#logo-print {display: none}


.top-ten
{  margin: 0 0 20px 0; padding:2px; height:200px; }
.top-ten-box
{ float:left; margin:8px;}