#header { width: 100%; height: 190px; overflow: hidden; position: relative; }

/* ----------------------------------------------------- */
/* -------------------->>> LOGO <<<--------------------- */
/* ----------------------------------------------------- */
#logo { position: absolute; top: 33px; left: 35px; }
	#logo a { display: block; width: 287px; height: 52px; overflow: hidden; position: relative; }
	#logo a span { display: block; width: 287px; height: 52px; background-image: url(../layout/logo.jpg); position: absolute; top: 0; left: 0; cursor: pointer; }

/* ----------------------------------------------------- */
/* -------------------->>> PANEL <<<-------------------- */
/* ----------------------------------------------------- */
#panel { width: 100%; height: 70px; position: absolute; top: 120px; left: 0px; background: url(../layout/bg-panel.gif) no-repeat; overflow: hidden; }

#subpanel { width: 990px; height: 31px; background-image: url(../layout/subpanel.jpg); margin-bottom: 6px; float: left; }
#subpanel .sp-item { display: block; float: left; background: url(../layout/subapanel-arrow.gif) left no-repeat; padding: 0 10px 0 12px; margin-top: 8px;	 }
#subpanel .sp-item-first { background: none; padding-left: 38px;	 }


/* ----------------------------------------------------- */
/* ------------------>>> NAVIGATION <<<----------------- */
/* ----------------------------------------------------- */
#navigation { width: 645px; position: absolute; top: 0; left: 0; overflow: hidden; }
#navigation ul { font-weight: bold; padding-left: 10px; }
#navigation ul li { list-style: none; display: block; float: left; }
#navigation ul li.first { border-left: none; }
#navigation	ul li.last a { padding-right: 13px; }
#navigation	ul li a { display: block; float: left; height: 70px; padding: 0 14px; color: #fff; font-weight: bold; text-decoration: none; }
#navigation	ul li a:hover, #navigation ul li.active a { background: url(../layout/nav-arrow.gif) bottom center no-repeat; text-decoration: none; }
#navigation	ul li a span { display: block; padding-top: 30px; font-weight: bold;}
/* ----------------------------------------------------- */
/* -------------------->>> SEARCH <<<------------------- */
/* ----------------------------------------------------- */
/*
#search { position: absolute; left: 645px; top: 0; height: 70px; }
#search form { padding: 18px 0px 0 20px; float: left; margin: 0; }
#search .input_field { float: left; width: 196px; height: 28px;  border: 1px solid #670b19; }
#search input.text { font-size: 12px; float: left; width: 166px; height: 12px; background: #fff; border: none; color: #8ca68c; font-weight: bold; padding: 8px 10px 8px 20px; border-bottom: 1px solid #ebdfe1; border-top: 1px solid #ece0e1; }
#search input.button { font-weight: bold; color: #fff; border: none; background: url(../layout/search-button.gif); width: 91px; height: 29px; margin: 0; text-align: center; margin-left: 10px; margin-top: 2px; }
*/

#search { position: absolute; left: 645px; top: 0; height: 70px; }
#search form { padding: 20px 0 0 20px; float: left; margin: 0; }
#search .input_field { float: left; width: 196px; height: 30px;  border: 1px solid #670b19; background-color: #ffffff; }
#search input.text { font-size: 12px; float: left; width: 170px; margin-left: 10px; margin-top: 4px; background: #FFFFFF; border: none; color: #8ca68c; font-weight: bold; }
#search input.button { font-weight: bold; color: #ffffff; border: none; background: url(../layout/search-button.gif); width: 91px; height: 29px; margin: 0; text-align: center; margin-left: 10px; margin-top: 2px; }



/* links with icons */
a#ico-favourite { background: url(../layout/ico-favourite.gif) no-repeat; padding: 0 0 3px 15px; color: #a7263e; text-decoration: none; position: absolute; top: 7px; left: 638px;  }
a#ico-homepage { background: url(../layout/ico-homepage.gif) no-repeat; padding: 0 0 3px 23px; color: #a7263e; text-decoration: none; position: absolute; top: 7px; left: 778px; }
	a#ico-favourite:hover, a#ico-homepage:hover { text-decoration: underline; } 


/* banner */
#banner { position: absolute; top: 30px; right: 15px; }

/* datum a narodeniny */
#date { position: absolute; right: 15px; top: 98px; text-align: right; }
#date span { color: #a7263e; }

#header  img.obrazok { border:none; position:absolute; margin-left:360px; margin-top:10px; z-index:200;}