body {
	background:#3e3e3e url(img/background.jpg) top fixed no-repeat; color:#333;
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size:.8em}
* {margin:0; padding:0}
a {color:#448}
a:hover {text-decoration:none}

a#up_button {
	position:absolute; top:-80px; right:15px;
	background:url(img/up-button.gif) no-repeat; width:42px; height:33px}
a#up_button span {display:none}

/* CLEARFIX */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%}

.clear {width:100%; clear:both}

/* LAYOUT */
#cont {width:950px; margin:0 auto; position:relative}
#page {
	width:100%; background:#fff url(img/page-back.png) top no-repeat;
	border-bottom:5px solid #111; padding-bottom:15px}
#page_single_col {width:900px; padding:20px 25px; background:#fff; border-bottom:5px solid #111}
#header {width:100%; position:relative}
#col_left {float:left; width:538px; margin:20px 0 0 25px; _margin:20px 0 0 12px}
#col_right {float:right; width:280px; margin:20px 60px 0 0; _margin:20px 30px 0 0}
#footer {
	float:right; background:url(img/footer.png) no-repeat; width:427px; height:44px;
	margin-bottom:15px; position:relative}

/* ELEMENTS */
#logo {
	position:absolute; top:-73px; left:18px; background:url(img/logo-naf.png) no-repeat;
	width:370px; height:54px; display:block}
#logo_en {
	position:absolute; top:-73px; left:18px; background:url(img/logo-naf-en.png) no-repeat;
	width:231px; height:54px; display:block}
#logo_de {
	position:absolute; top:-73px; left:18px; background:url(img/logo-naf-de.png) no-repeat;
	width:306px; height:54px; display:block}
#logo_ru {
	position:absolute; top:-73px; left:18px; background:url(img/logo-naf-ru.png) no-repeat;
	width:398px; height:54px; display:block}
#logo span, #logo_en span, #logo_de span, #logo_ru span {display:none}

#footer p {color:#eee; font-size:.85em; padding:10px 5px; text-align:center}
#footer p a {color:#eee}
#footer img {border:0}

a.file_pdf {padding-left:20px; background:url(img/ico-pdf.gif) no-repeat}

span.zavinac {width:16px; height:11px; background:url(img/zavinac.gif) 2px 0 no-repeat; display:inline-block}
span.zavinac span {display:none}

h1, h2 {display:block; float:left; font-size:1.3em; padding:0; margin-bottom:0.75em; _margin-bottom:0}
#col_left h2, #page_single_col h2 {font-size:1em; float:none; margin-top:1em; _margin-bottom:.8em}
body#o_nas h1, body#o_nas #col_right h2, body#o_nas_en h1, body#o_nas_en #col_right h2,
body#o_nas_de h1, body#o_nas_de #col_right h2, body#o_nas_ru h1, body#o_nas_ru #col_right h2 {
	background:#c5dfe6 url(img/h-back-l.gif) left no-repeat; color:#2c7a8f}
body#vyrobky h1, body#vyrobky #col_right h2, body#vyrobky_en h1, body#vyrobky_en #col_right h2,
body#vyrobky_de h1, body#vyrobky_de #col_right h2, body#vyrobky_ru h1, body#vyrobky_ru #col_right h2 {
	background:#f2c9b6 url(img/h-back-l.gif) left no-repeat; color:#c15331}
body#technologie h1, body#technologie #col_right h2, body#technologie_en h1, body#technologie_en #col_right h2,
body#technologie_de h1, body#technologie_de #col_right h2, body#technologie_ru h1, body#technologie_ru #col_right h2 {
	background:#f9e8b5 url(img/h-back-l.gif) left no-repeat; color:#ad8819}
body#kontakt h1, body#kontakt #col_right h2, body#kontakt_en h1, body#kontakt_en #col_right h2,
body#kontakt_de h1, body#kontakt_de #col_right h2, body#kontakt_ru h1, body#kontakt_ru #col_right h2 {
	background:#bce8ce url(img/h-back-l.gif) left no-repeat; color:#54793e}
h1 span, h2 span {display:block; height:22px; background:url(img/h-back-r.gif) right no-repeat; padding:9px 10px}

p {margin-bottom:.8em; line-height:1.4em; text-align:justify}

ul {list-style:url(img/arrow-list.gif); margin:0 0 .8em 25px}
li {margin-bottom:.4em}

table {width:100%; border-top:1px solid #ddd; border-collapse:collapse; margin-bottom:1em; font-size:.9em}
td, th {padding:5px; border-bottom:1px solid #ddd; vertical-align:top; text-align:left}
th {background:#f2f2f2}
table strong {font-size:.95em}
table em {font-size:.95em}

#col_right table {margin-bottom:1em; border-top:2px solid #ddd}
#col_right td {padding:0 1px; border:0; background:#ddd}
#col_right td a {opacity:.75}
#col_right td a:hover {opacity:1}
#col_right td img {border:1px solid #fff}

hr {border:1px solid #ddd; margin:25px 0 .5em 0}

/* HEADER MENU */
#header ul {position:absolute; right:10px; margin:0}

span#lang {
	position:absolute; top:160px; left:400px; width:146px; text-align:center;
	background:none; color:#aaa; font-size:.85em; display:block; padding:5px 0}
span#lang a img {border:0; opacity:.33; filter: alpha(opacity = 33)}
span#lang img {border:0; opacity:1; filter: alpha(opacity = 100)}
body#o_nas span#lang, body#o_nas_en span#lang,
body#o_nas_de span#lang, body#o_nas_ru span#lang {
	position:absolute; top:236px; left:400px; width:146px; text-align:center;
	background:none; color:#aaa; font-size:.85em; display:block; padding:5px 0}
span#lang:hover,
body#o_nas span#lang:hover, body#o_nas_en span#lang:hover,
body#o_nas_de span#lang:hover, body#o_nas_ru span#lang:hover {
	background:url(img/lang.png) no-repeat; color:#bbb}
span#lang:hover a img {opacity:1; filter: alpha(opacity = 100)}

#header ul {bottom:133px}
body#o_nas #header ul, body#o_nas_en #header ul, body#o_nas_de #header ul, body#o_nas_ru #header ul {bottom:211px}

#header li {display:block; float:left; margin:0}
#header li a {
	display:block; float:left; padding:6px 0; width:125px; text-align:center;
	margin:0 2px; background:#111 url(img/tab-back.gif) no-repeat; color:#eaf4ff; text-transform:uppercase; text-decoration:none}
#header li a span {background:url(img/arrow.gif) 0 3px no-repeat; padding-left:12px}

#header li a#tab_o_nas.active, #header li a#tab_o_nas:hover {background:#328398 url(img/tab-back.gif) no-repeat}
#header li a#tab_o_nas.active {font-weight:bold}
#header li a#tab_o_nas.active span, #header li a#tab_o_nas:hover span {background:url(img/arrow-o-nas.gif) 0 3px no-repeat}
#header li a#tab_vyrobky.active, #header li a#tab_vyrobky:hover {background:#c15331 url(img/tab-back.gif) no-repeat}
#header li a#tab_vyrobky.active {font-weight:bold}
#header li a#tab_vyrobky.active span, #header li a#tab_vyrobky:hover span {background:url(img/arrow-vyrobky.gif) 0 3px no-repeat}
#header li a#tab_technologie.active, #header li a#tab_technologie:hover {background:#c19d30 url(img/tab-back.gif) no-repeat}
#header li a#tab_technologie.active {font-weight:bold}
#header li a#tab_technologie.active span, #header li a#tab_technologie:hover span {
	background:url(img/arrow-technologie.gif) 0 3px no-repeat}
#header li a#tab_kontakt.active, #header li a#tab_kontakt:hover {background:#54793e url(img/tab-back.gif) no-repeat}
#header li a#tab_kontakt.active {font-weight:bold}
#header li a#tab_kontakt.active span, #header li a#tab_kontakt:hover span {
	background:url(img/arrow-kontakt.gif) 0 3px no-repeat}

/* HEADER */
body#o_nas #header, body#o_nas_en #header, body#o_nas_de #header, body#o_nas_ru #header {
	background:url(img/header-o-nas.jpg) bottom no-repeat; height:206px;
	margin-top:85px; border-top:5px solid #318397}
body#vyrobky #header, body#vyrobky_en #header, body#vyrobky_de #header, body#vyrobky_ru #header {
	background:url(img/header-vyrobky.jpg) bottom no-repeat; height:128px;
	margin-top:85px; border-top:5px solid #c15331}
body#technologie #header, body#technologie_en #header, body#technologie_de #header, body#technologie_ru #header {
	background:url(img/header-technologie.jpg) bottom no-repeat; height:128px;
	margin-top:85px; border-top:5px solid #c19d30}
body#kontakt #header, body#kontakt_en #header, body#kontakt_de #header, body#kontakt_ru #header {
	background:url(img/header-kontakt.jpg) bottom no-repeat; height:128px;
	margin-top:85px; border-top:5px solid #54793e}

#heading p, #heading ul {display:none}

body#o_nas #heading {
	position:absolute; top:40px; right:50px; width:310px; height:133px;
	background:url(img/heading-o-nas.png) no-repeat}
body#vyrobky #heading {
	position:absolute; top:45px; right:55px; width:326px; height:50px;
	background:url(img/heading-vyrobky.png) no-repeat}
body#technologie #heading {
	position:absolute; top:70px; right:58px; width:295px; height:22px;
	background:url(img/heading-technologie.png) no-repeat}
body#kontakt #heading {
	position:absolute; top:50px; right:60px; width:284px; height:50px;
	background:url(img/heading-kontakt.png) no-repeat}

body#o_nas_en #heading {
	position:absolute; top:40px; right:72px; width:271px; height:133px;
	background:url(img/heading-o-nas-en.png) no-repeat}
body#vyrobky_en #heading {
	position:absolute; top:75px; right:50px; width:325px; height:23px;
	background:url(img/heading-vyrobky-en.png) no-repeat}
body#technologie_en #heading {
	position:absolute; top:75px; right:90px; width:210px; height:23px;
	background:url(img/heading-technologie-en.png) no-repeat}
body#kontakt_en #heading {
	position:absolute; top:50px; right:70px; width:258px; height:50px;
	background:url(img/heading-kontakt-en.png) no-repeat}

body#o_nas_de #heading {
	position:absolute; top:40px; right:60px; width:319px; height:133px;
	background:url(img/heading-o-nas-de.png) no-repeat}
body#vyrobky_de #heading {
	position:absolute; top:55px; right:45px; width:353px; height:50px;
	background:url(img/heading-vyrobky-de.png) no-repeat}
body#technologie_de #heading {
	position:absolute; top:55px; right:50px; width:327px; height:45px;
	background:url(img/heading-technologie-de.png) no-repeat}
body#kontakt_de #heading {
	position:absolute; top:55px; right:30px; width:371px; height:43px;
	background:url(img/heading-kontakt-de.png) no-repeat}

body#o_nas_ru #heading {
	position:absolute; top:40px; right:55px; width:330px; height:133px;
	background:url(img/heading-o-nas-ru.png) no-repeat}
body#vyrobky_ru #heading {
	position:absolute; top:55px; right:72px; width:292px; height:50px;
	background:url(img/heading-vyrobky-ru.png) no-repeat}
body#technologie_ru #heading {
	position:absolute; top:55px; right:50px; width:320px; height:49px;
	background:url(img/heading-technologie-ru.png) no-repeat}
body#kontakt_ru #heading {
	position:absolute; top:55px; right:30px; width:381px; height:47px;
	background:url(img/heading-kontakt-ru.png) no-repeat}