html { 
	background-attachment: fixed;
	background-image: url("/img/poz-body.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #333;
	background-position: bottom center;
}

html, body {height: 100%;}

body {color:#000; text-align: center; margin: 0px auto; padding: 20px 0px 0px 0px;}
body, body * {font-family: Arial, Helvetica, sans-serif;}

a { color: #0077dc; text-decoration: underline;}	
a:hover { color: #999; text-decoration:none;}

img { border: 0px;}

#overlay{z-index: 100; background-color: #000;}

/* --------------------------- [ layout ] --------------------------- */
#cover { margin: 4px auto; padding: 0px 0px; text-align: left; width: 960px; background-color:#d8d8d8; border: 0px solid #fff;
				background-image: url("/img/poz-cover.gif"); background-position: top right; background-repeat: repeat-y;}

#zahlavi {color: #0063B2; padding: 0px 0px; height: 357px;  background-color:#3b3b3b; font-size: 13px;
					background-image: url("/img/zahlavi.jpg"); background-position: top left; background-repeat: no-repeat;
					position: relative;}

a.adresa {color: #C0C0C0; text-decoration: none; width: 200px;
				position: absolute; top: 10px; left: 10px; padding: 0px; margin: 0px;}
a:hover.adresa {color: #C0C0C0; text-decoration: none;}

#toptx {width: 500px; padding: 0px; margin: 0px;
				position: absolute; top: 0px; right: 10px;}					
#toptx p * {color: #C0C0C0; text-decoration: none;} 				

/* --------------------------- [ sloupce ] --------------------------- */
						
#col-03, #col-02 {float:left; padding: 0px 0px; margin: 0px 0px; text-align: left; min-height:300px; _height:300px; }

#col-02 {width: 645px; padding: 10px 15px 10px 15px; float: left;
				background-image: url("/img/poz-col2.html"); background-position: top right; background-repeat: no-repeat;}
#col-03 {width: 275px; padding: 10px 5px 10px 0px; float: left;}				
					
#top-list	{ text-align: center; padding: 5px; margin: 10px 5px 0px 5px;}

#dekor {height:29px; margin: 0px; padding: 0px; background-image: url("/img/dekor.html"); background-position: top left; background-repeat: no-repeat;}
#flags {float: right; margin: 3px 0px 0px 0px;}
#flags a img {padding-right: 3px;}

/* ------------------------------------------------------------------- [ new-menu ] ------------------------------------------------------------------- */

#new-menu {padding: 0px 0px 0px 0px; margin: 0px; width:950px; height:28px; text-align: left; 
					 position: absolute; bottom: 8px; left:5px; z-index: 2;}
#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: 29px; background-color: #3a3a3a;  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: 0px solid #fff;}
#new-menu li ul li {width: 200px; border-right: 0px; border-bottom: 1px solid #6b6b6b;}

#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; float:left; padding: 0px 5px 0px 5px; margin: 2px 1px 2px 2px;
						border-right: 1px solid #7c7c7c;
						text-shadow: 1px 1px 0px #000;
						font-weight: normal; text-decoration:none;  font-size:15px; width:auto; line-height: 28px; height: 28px;}
#new-menu a.sel,
#new-menu a:hover {color : #000; text-decoration:none; background-color: #8a8a8a; border: 1px solid #bcee37;  margin: 1px;
						text-shadow: 1px 1px 0px #d8ff70; background-color: #c5f445;
						background-image: url("/img/poz-menu.gif"); background-position: top left; background-repeat: repeat-x;}
#new-menu li li a {font-weight: normal; float:none;}

/* --------------------------- [ zapati ] --------------------------- */
#zapati {height: 39px; margin: 0px 0px; padding:0px; border-top: 5px solid #fff; background-color:#fff;
				background-image: url("/img/zapati.jpg"); background-position: top left; background-repeat: repeat-x;}
#patt {font-size: 9px; color: #818181; text-align: center; padding: 12px 0px 0px 0px;}
#patt a { color : #818181; text-decoration : underline; }
#patt a:hover { color : #818181;	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; }
}