body { color:#000; text-align: center; margin: 0px auto; padding: 0px 0px; background-color: #fff;}
body, body * {font-family: Arial, Helvetica, sans-serif;}

a { color: #9b7c00; text-decoration: underline;}	
a:hover { color: #c29b00; text-decoration:none;}

img { border: 0px;}

#overlay{z-index: 100; background-color: #000;}

/* --------------------------- [ layout ] --------------------------- */

#flags {margin: 0px; padding: 5px 5px; text-align:letf;}
#flags a img {margin: 1px; border: 1px solid #ff0; height:14px;}
#flags a:hover img {border: 1px solid #fff;}


#cover { margin: 0px auto; padding: 0px 0px; text-align: left; width: 750px; border: 2px solid #fff; background-color:#eaeaea;}

#zahlavi {color: #0063B2; text-align: right; font-weight: bold;
					padding: 0px 0px; height: 200px;  background-color:#ffff;
					background-image: url("img/zahlavi.jpg"); background-position: center left; background-repeat: no-repeat;
					position: relative;}

/* --------------------------- [ sloupce ] --------------------------- */
						
#col-02, #col-03 {float:left; padding: 0px 0px; margin: 0px 0px; text-align: left; min-height:300px; _height:300px;}

#col-02 {width:700px; padding: 0px 15px 10px 15px;}
#col-03 {display: none; width: 210px;}
					
#top-list	{ text-align: center; padding: 5px; margin: 10px 5px 0px 5px;}

#dekor {height:30px; margin: 0px 1px 0px 1px; background-image: url("img/poz-menu.gif"); background-position: center left; background-repeat: no-repeat;}

/* ------------------------------------------------------------------- [ menu ] ------------------------------------------------------------------- */
.menu { margin: 5px 1px 0px 1px; padding: 0px 0px 0px 0px; border-top: 1px solid #ccc;}
.menu ul{ margin: 0px; padding: 0px; list-style: none;}
.menu ul ul{ margin: 0px 0px 0px 10px; padding: 0px; list-style: none;}
.menu li {padding: 0px 0px; margin: 0px 0px; list-style: none;}
.menu li li {}
.menu li a {color : #0063B2; display:block; padding: 2px 0px 2px 15px; font-weight: bold; text-decoration:none; font-size:12px;
							background-image: url("img/sipka.gif"); background-position: center left; background-repeat: no-repeat;
							border-bottom: 1px solid #ccc;
							background-color: #fff;
							width:auto; line-height: 20px; height: auto;}
.menu li a.sel { color : #fff; text-decoration:none; background-color: #003a88;}
.menu li a:hover { color : #fff; text-decoration:none; background-color: #003a88;}
.menu li li a {font-weight: normal;}

/* ------------------------------------------------------------------- [ new-menu ] ------------------------------------------------------------------- */

#zahlavi #flash {position: absolute; top: 120px; right:0px; z-index: 2; width:614px;}

#new-menu {padding: 0px 0px 0px 0px; margin: 0px; width:750px; height:21px; text-align: left; 
					 position: absolute; bottom: 10px; left:0px; z-index: 2; background-color: #666666;}
#new-menu ul {list-style-type: none; padding: 0px 0px; margin: 0px; float:left;}
#new-menu ul ul {width: 200px; padding: 0px; margin: 0px 0px; visibility: hidden;	position:absolute; left: 0px; top: 20px; background-color: #666666; border: 1px solid #808080;}
#new-menu ul ul ul {width: 200px; position:absolute; left: 199px; top: 0px;}

#new-menu li {padding: 0px 0px; position:relative; float:left; width:auto; white-space: nowrap; border-right: 1px solid #fff;}
#new-menu li ul li {width: 200px; border-right: 0px; border-bottom: 1px solid #333;}

#new-menu li:hover ul {visibility: visible;}
#new-menu li:hover {color:#fff;}
#new-menu li.rozbalene ul {visibility: visible;}
#new-menu li.sbalene ul {visibility: hidden;}
#new-menu li.rozbalene {visibility: visible;}
#new-menu a {color : #fff; display:block; background-color: #666666; float:left; padding: 0px 5px 0px 5px; font-weight: normal; text-decoration:none; font-size:11px; width:auto; line-height: 21px; height: 21px;}
#new-menu a.sel {color : #fff; text-decoration:none; background-color: #8a8a8a;}
#new-menu a:hover { color : #fff; text-decoration:none; background-color: #8a8a8a;}
#new-menu li li a {font-weight: normal; float:none;}



/* --------------------------- [ zapati ] --------------------------- */
#zapati {height: 25px;	line-height:25px; margin: 0px 0px; padding-top:0px; background-color:#f4c300; border-bottom: 6px solid #858585;}
#patt {font-size: 9px; color: #858585; text-align: center; padding: 0px 0px 0px 0px;}
#patt a { color : #858585; text-decoration : underline; }
#patt a:hover { color : #858585;	text-decoration : none; }


/* ------------------------------------------------------------------- [ Formulare ] ------------------------------------------------------------------- */
form {	margin: 0px;	padding: 0px;}

/* ------------------------------------------------------------------- [ Ostatni ] ------------------------------------------------------------------- */
.lf {	float: left;}
.clear {	clear: both;}
#bott {	display: none;}

/* ------------------------------------------------------------------- [ @media print ] ------------------------------------------------------------------- */
@media print {
		body {font: 70%/120% Verdana;}
		#cover { border: none; width: auto;}
		#col-02, #vypis { color: #000; width: auto; border: none; float:none; }
		#patt { text-align: right; display: inline; }
		#bott { display: block; text-align: left; font: 80%/160% Verdana; }
		#bott h1 { font: 140%/160% Verdana; font-weight:bold;}
		#bott img { margin: 0px 5px;}
		#zahlavi, #top, #menu, .btn, .noprn, #col-01, #menu, #col-03 { display: none; }
		#zapati {border-top: 0px solid #000; border-bottom: 0px solid #000;}
		#bott {border-top: 0px solid #000; border-bottom: 0px solid #000;}
		#col-02 .cms-text { border: 0px; width: auto; }
}