body { color:#000; text-align: center; margin: 0px auto; padding: 0px 0px; background-color: #0b3260;}
body, body * {font-family: Arial, Helvetica, sans-serif;}


a { color: #0067f4; text-decoration: underline;}	
a:hover { color: #003b8c; text-decoration:none;}

img { border: 0px;}

#overlay{z-index: 100; background-color: #000;}

/* --------------------------- [ layout ] --------------------------- */

#flags {margin: 0px; padding: 120px 0px 0px 10px; text-align:letf;}
#flags a img {margin: 1px; border: height:18px;}
#flags a:hover img {border: 1px solid #fff;}


#cover { margin: 10px auto; padding: 0px 0px; text-align: left; width: 750px; border: 1px solid #fff; background-color:#236bb1;}

#zahlavi {color: #0063B2; font-size: 30px; text-align: left; font-weight: bold;
					padding: 0px 2px; line-height: 180px; height: 245px;  background-color:#ffff;
					background-image: url("img/zahlavi.jpg"); background-position: top left; background-repeat: no-repeat;}

/* --------------------------- [ sloupce ] --------------------------- */
						
#col-01, #col-02, #col-03 {float:left; padding: 0px 0px; margin: 0px 0px; text-align: left; min-height:300px;}


#col-02 {padding: 0px 15px 10px 15px; width: 740px;}
					
#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: #0b7aff;}
.menu li a:hover { color : #fff; text-decoration:none; background-color: #0b7aff;}
.menu li li a {font-weight: normal;}
#under_menu_image {margin: 20px 14px; padding: 3px; border: 1px solid #7d7def;}

/* ------------------------------------------------------------------- [ new-menu ] ------------------------------------------------------------------- */
#new-menu {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 25px; width:750px; font-family: Arial, Helvetica, sans-serif;
					background-color: #246bb1;}

#new-menu ul {list-style-type: none; padding: 0px 0px; float:left; margin: 0px 0px 0px 0px; background-color: #195a99;}
#new-menu ul ul {width: 200px; padding: 0px; margin: 15px 0px; visibility: hidden;	position:absolute; left: 0px; top: 20px; background-color: #1c4a83;  border: 1px solid #808080; }
#new-menu ul ul ul {width: 200px; position:absolute; left: 199px; top: 0px;}

#new-menu li {background-color: #002fe0; padding: 0px 0px; margin: 2px 0px 0px 0px; position:relative; float:left; width:auto;  border-right: 1px solid #fff;}
#new-menu li ul li {width: 200px; border-right: 0px; border-bottom: 1px solid #fff;}

#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; font-size : 20px; display: block; text-decoration: none; margin: 0px;	padding: 5px 17px 5px 17px; font-weight: bold; 
							background-color: #1c4a83;}
#new-menu a.sel {color : #fff; text-decoration:none; background-color: #0b3260;}
#new-menu a:hover { color : #fff; text-decoration:none; background-color: #0b3260;}
#new-menu li li a {font-weight: normal; float:none; font-size : 12px; }


/* --------------------------- [ zapati ] --------------------------- */
#zapati {height: 25px;	line-height:25px; margin: 0px 0px; padding-top:0px; background-color:#0b3d79; border-top: 1px solid #fff;}
#patt {font-size: 9px; color: #fff; text-align: center; padding: 3px 0px 0px 0px;}
#patt a { color : #fff; text-decoration : underline; }
#patt a:hover { color : #fff;	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; }
}