html,body {
	height: 100%;
}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
	color: #969696;
	font-size: 100%;
	font-family: Tahoma, Arial, sans-serif;
	background: #00060a url(../_clip/bg_site.gif) left top repeat-x;
}

h1 {
	font-size: 205%;
	font-weight: normal;
	color: #FFD960;
	margin: 0 0 30px 0; padding: 0;
}
h2 {
	color: #7881B0;
	font-weight: normal;
	font-size: 155%;
	padding: 0 0 2px 25px; margin: 25px 0 15px 0;
	background: url(../_clip/bullet_h2-bright.gif) 0 4px no-repeat;
	line-height: normal;
}

h3 {font-weight: bold; margin: 10px 0; padding: 0; font-size: 115%; color: #FFD960;}
h4 {}

h1, h2, h3, h4 {line-height: normal}

a {text-decoration: underline; color: #FF9A0D;}
a:hover {text-decoration: none; color: white;}

img {border: none;} img.block {display: block}
sup {font-size: 75%;}
fieldset, form {border: none; margin: 0; padding: 0;}
hr {border: none; border-top: 1px dashed #CB6100; height: 1px; width: 100%; display: block;}

/* layout -------------------------------------------- */

#page {width: 920px; margin: 0 auto; padding: 0; font-size: 75%; position: relative;}

/* layout - header -------------------------------------------- */

#header {
	background: url(../_clip/bg_header-static.jpg) left bottom no-repeat;
	height: 265px;
	position: relative;
	z-index: 50;
}

#top-btns {}
a.btn-home {
    display: block;
	width: 150px; height: 120px;
	position: absolute;
	top: 65px; left: 35px;
}
a.btn-home span {display: none;}
#header_anim {position: absolute; bottom: 0; right: 0;}

#flags {position: absolute; top: 13px; right: 0;}
#flags ul {list-style: none; margin: 0; padding: 0;}
#flags ul li {float: left; margin: 0 0 0 7px;}
#flags ul li a {display: block; width: 19px; height: 13px; border: 1px solid black;}
#flags ul li a:hover {border: 1px solid #FFD960;}
#flags ul li span {display: none;}
#flags ul li.flag_cz a {background: url(../_clip/flag_cz.gif) left top no-repeat;}
#flags ul li.flag_sk a {background: url(../_clip/flag_sk.gif) left top no-repeat;}
#flags ul li.flag_en a {background: url(../_clip/flag_en.gif) left top no-repeat;}
#flags ul li.flag_de a {background: url(../_clip/flag_de.gif) left top no-repeat;}
#flags ul li.flag_pl a {background: url(../_clip/flag_pl.gif) left top no-repeat;}
#flags ul li.flag_ru a {background: url(../_clip/flag_ru.gif) left top no-repeat;}


/* layout - content -------------------------------------------- */

#content-holder {
	line-height: 1.3em;
	position: absolute; top: 265px;
	width: 100%;
	z-index: 10;
}
#content {
    background: black url(../_clip/bg_content.jpg) left top no-repeat;
	padding: 46px 0 15px 0; margin: 0;
	width: 100%;
	z-index: 10;
	position: relative;
}
#sub-page {padding: 0 25px; color: #DEDEDE;}
#sub-page h2 {margin: 0 0 25px 0}
h2.headline {text-align: center; background: none; padding: 15px 0 0 0; margin: 15px 0 0 0; color: #FF9A0D;}

.caption {
    font-size: 115%;
	padding: 0 15px;
	border-left: 5px solid #837F4C;
	line-height: 1.4em;
	color: white;
}

.holder {width: 100%}
.holder .left-side {float: left; width: 30%;}
.holder .right-side {float: right; width: 65%; padding-left: 2.5%; border-left: 1px solid #335060;}

/* layout - footer -------------------------------------------- */

#footer {font-size: 95%; background: black url(../_clip/bg_footer.jpg) left top no-repeat; padding: 10px 25px 30px 25px; margin: 0; color: #818C95; line-height: 1.5em;}
#footer p {margin: 5px 0; padding: 0;}
#footer p.design {float: right;}
#footer a {color: #CE6814}
#footer a:hover {color: white}

/* layout - products -------------------------------------------- */

#produkt-1, #produkt-2, #produkt-3, #produkt-4 {float: left; width: 460px; margin: 0; padding: 15px 0;}
#produkt-1 {background: url(../_clip/bg_produkt-1.jpg) left top no-repeat;}
#produkt-2 {background: url(../_clip/bg_produkt-2.jpg) left top no-repeat;}
#produkt-3, #produkt-4 {background: url(../_clip/bg_produkt-3-4.jpg) left top no-repeat;}

#produkt-1 .produkt-image {background: url(../_clip/produkt-1.jpg) left top no-repeat;}
#produkt-2 .produkt-image {background: url(../_clip/produkt-2.jpg) left top no-repeat;}
#produkt-3 .produkt-image {background: url(../_clip/produkt-3.jpg) left top no-repeat;}
#produkt-4 .produkt-image {background: url(../_clip/produkt-4.jpg) left top no-repeat;}

#produkt-1 .produkt-text, #produkt-2 .produkt-text {background: url(../_clip/bg_produkt-text.gif) left top repeat-y;}
#produkt-3 .produkt-text, #produkt-4 .produkt-text {background: url(../_clip/bg_produkt-text-2.gif) left top repeat-y;}

.produkt-text .produkt-image {padding: 15px 25px 15px 205px; min-height: 250px;}
/* \*/ * html .produkt-text .produkt-image {height: 250px;} /**/

.produkt-text h2 {padding: 0 0 0 25px; margin: 0 0 15px 0;}
.produkt-text h2 a {color: white}
.produkt-text h2 a:hover {color: #FFD960}
.produkt-text ul {font-size: 95%; list-style: none; margin: 0; padding: 0 0 0 13px;}
.produkt-text ul li {background: url(../_clip/bullet_list.gif) 0 5px no-repeat; padding: 0 0 0 12px;}


/* layout - news -------------------------------------------- */

#news-part {background: #061D2D url(../_clip/bg_news-part-bottom.gif) left bottom no-repeat; border-top: 1px solid #062437; width: 100%; font-size: 95%;}
#news-part .news-box {float: left; width: 445px;}
#news-part .press-box {float: right; width: 445px;}
#news-part .news-box ul {margin: 0 0 0 25px; padding: 0; list-style: none;}
#news-part .press-box ul {margin: 0 25px 0 0; padding: 0; list-style: none;}
#news-part .news-box h2 {margin: 0 10px 15px 25px; background: url(../_clip/bullet_h2.gif) 0 4px no-repeat;}
#news-part .press-box h2 {margin: 0 10px 15px 0; background: url(../_clip/bullet_h2.gif) 0 4px no-repeat;}

#news-part ul li {padding: 0; margin: 0; display: inline;}
#news-part ul li a {text-decoration: none; font-weight: bold; display: block; padding: 5px 5px 5px 7em; background: url(../_clip/bg_dotted-line.gif) left bottom repeat-x;}
#news-part ul li a:hover {background: #0E2A3F url(../_clip/bg_dotted-line.gif) left bottom repeat-x}
#news-part ul li span.date {color: #A5A5A5; font-weight: normal; float: left; position: relative; top: 5px}

#news-part .holder {width: auto; padding: 25px 25px 0 25px;}
#news-part .holder h2 {padding-top: 0; margin-top: 0;}
#news-part .holder .press-box {width: 100%;}
#news-part .holder .kontakt-info {padding: 0; margin: 0;}
#news-part .holder .left-side {float: left; width: 30%;}
#news-part .holder .right-side {float: right; width: 65%; padding-left:  2.5%; }

#news-part #top-shadow {background: #061D2D url(../_clip/bg_news-part_top.gif) left top repeat-x; height: 25px;}


/* layout - items -------------------------------------------- */

.tiskove-zpravy {
    background: #062437 url(../_clip/bg_tz_kontakt.gif) left top no-repeat;
	padding: 15px;
}

#btn-nahoru {text-align: right; padding: 30px 25px 15px 25px; border-bottom: 1px solid black; font-size: 105%;}
#btn-nahoru a {background: url(../_clip/bullet_nahoru.gif) left top no-repeat; padding: 0 0 3px 25px;}

ul.styled-list {list-style: none; margin: 10px;}
ul.styled-list li {padding: 1px 0 1px 17px; background: url(../_clip/bullet_list.gif) 0 6px no-repeat;}
ul.styled-list .date {margin-right: 0.8em;}

h2 a {color: #7881B0; text-decoration: none;}
h2 a:hover {text-decoration: underline;}

#aditional-info {clear: both; text-align: right; padding: 0 25px;}
/*#aditional-info h2 {float: left; margin-top: 20px;} */
#btn_vyprodej {margin: 15px 0 0 0; padding: 0; position: absolute; top: 0; right: 15px; z-index: 100;}



/* redefine -------------------------------------------- */

.no-border {border: none;}
.no-bg {background: none;}

img.left-picture {margin: 0 15px 10px 0; float: left}
img.right-picture {margin: 0 0 10px 15px; float: right}

.clear {height: 0; clear: both; overflow: hidden; visibility: hidden;}
.hide {display: none;}

.textLeft {text-align: left;} .textRight {text-align: right;} .textCenter {text-align: center;}