@import "reset.css";

body { font-family:Arial, Helvetica, sans-serif; font-size:75%; background:#008ad2 url(../design/bg.gif) repeat-x; color:#000; line-height:1.5; }

p { margin:15px 0; font-size:1.1em; }
hr { display:none; }

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

h2 { font-size:1.5em; font-weight:bold; color:#d27700; margin:0; padding:20px 0 5px 0; }
h3 { font-size:1.2em; font-weight:bold; color:#16346e; margin:0; padding:10px 0 10px 0; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; width:190px; height:80px; top:48px; left:-4px; position:absolute; text-align:center; text-indent:-9999px; font-size:2em; background:transparent url(../design/logo.gif) no-repeat; z-index:1000; }
h1 span { width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1; background:transparent url(../design/logo.gif) no-repeat; cursor:pointer; }

/* LAYOUT
------------------------------*/
#all { width:782px; margin:0 auto; position:relative; }
#top { position:relative; width:782px; height:235px; position:relative; }
#top span.span { display:block; height:79px; width:11px; position:absolute; left:-11px; top:156px; background:url(../design/top-span.gif) no-repeat; }
#flash { position:absolute; left:0; top:8px; z-index:0; }
#lang { z-index:900; position:absolute; top:3px; left:0; padding:0; height:24px; width:89px; line-height:23px; color:#fff; }
#lang a { color:#ccd3df; font-size:0.9em; text-decoration:none; }
#lang a:hover { color:#fff; text-decoration:none; }
#icons { width:161px; height:26px; position:absolute; left:624px; top:209px; z-index:1000; }
#icons ul { padding:7px 0 0 45px; list-style:none; }
#icons ul li { float:left; width:16px; height:16px; display:block; margin-left:5px; }
#icons li.i0 { background:url(../design/slovnik.gif) 0 0 no-repeat; }
#icons li.i1 { background:url(../design/doc.gif) 0 0 no-repeat; }
#icons li.i2 { background:url(../design/mail.gif) 0 0 no-repeat; }
#icons li.i3 { background:url(../design/contact.gif) 0 0 no-repeat; }
#icons li a { text-indent:-9999px; display:block; width:16px; height:16px; font-size:0.8em; }
#icons li:hover { background-position:0 -16px !important; }

#foto { z-index:900; position:absolute; top:146px; left:0; height:88px; width:225px; }
#foto p { text-align:center; text-transform:uppercase; color:#8b9bbb; font-weight:bold; margin:0 !important; padding:7px 0 3px 0; margin:0; font-size:11px; }
#foto ul { list-style:none; }
#foto ul li { width:63px; padding:0 6px; list-style:none; color:#16346e; float:left; font-size:11px; position:relative; text-align:center; display:block; }
#foto ul li:hover { color:#B35F29; }
#foto div { width:63px; height:43px; margin:0; padding:0; text-align:left; overflow:hidden; }
#foto ul li a img { width:61px; height:41px; border:1px solid #16346e; }
#foto ul li a:hover { cursor:pointer; }
.ru #foto, .ru #foto ul { width:256px; }
.ru #foto li { width:73px; }
.ru #foto li div { padding:0 5px; }
#container { width:782px; padding:0; top:0; background:url(../design/container-bg.gif) repeat-y; position:relative; z-index:1; }

#label { width:183px; height:167px; background:url(../design/label.png) no-repeat; position:absolute; top:0; left:662px; display:block; }

/* CONTENT
------------------------------*/	
#content { width:505px; float:left; overflow:hidden; padding:10px 25px 30px 25px; position:relative; z-index:1; background:url(../design/content-bg.gif) no-repeat; text-align:justify; }
#content ul { margin:0 0 0 25px; padding:0; list-style:square; }
#content ul li { margin:0; padding:0; list-style:square; font-size:1.1em; }
#content ul ul li { margin:0; padding:0; list-style:square; font-size:1em; }
#content ol { margin:0 0 0 30px; padding:0; }
#content ol li { font-size:1.1em; }
.clear { width:100%; height:1px; font-size:0; clear:both; }
table { position:relative; padding:20px 0; }
table td { padding:3px 0; vertical-align:top; }
.produkty table tr td { border-top:1px solid #f39420 !important; padding:0 0 10px 0; }
.produkty table td p { margin-top:0; }
.produkty table td h3 { margin:0; padding:8px 5px 10px 25px; background:url(../design/h3.gif) no-repeat; color:#000; font-size:1.2em; }
.produkty table td img { padding:12px 0 0 0; }
#mapa { width:505px; height:420px; }
.foto { background-color:#FFFFFF; border:2px solid #4A5B65; float:left; margin:0pt 10px 5px 0pt; padding:1px; position:relative; }
.fotodiv { clear:both; padding:2px 0pt; position:relative; }
table.ref { width:100%; padding:0 0 10px 0 !important; }
table.ref td { vertical-align:top; text-align:center; padding:5px 0 0 0; }

.ref-h3 { padding:10px 0 0 0 !important; border-top:1px solid #e3e6e9; }
.reference { padding:5px 0 5px 0; }

/* SIDEBAR
------------------------------*/
#sidebar { float:right; width:221px; overflow:hidden; padding:0 6px 20px 0; }
.news { width:191px; padding:5px 10px 10px 10px; margin:5px 5px 0 5px; position:relative; }
.news h4 { color:#000000; font-size:1em; font-weight:bold; margin:0; padding:6px 0 0 0; }
.news h4 a { text-decoration:none; color:#000000; }
.news h4 a:hover { text-decoration:underline; color:#000000; }
.news p { font-size:0.9em; }
.datum { margin:0; font-weight:bold; font-size:0.9em; height:20px; line-height:20px; padding:0 0 0 15px; color:#707073; background:url(../design/datum.gif) 0 5px no-repeat; }
.vice { position:relative; left:130px; padding:0 0 0 15px; margin:0; font-weight:bold; font-size:0.9em; background:url(../design/vice.gif) 0 5px no-repeat; width:50px; color:#707073; }
.vice a { color:#707073; text-decoration:none; }
.vice a:hover { color:#707073; text-decoration:underline; }

h2.vypis { color:#000; font-size:1.2em; font-weight:bold; margin:0; padding:10px 10px; }
h3.vypis { color:#B35F29; font-size:1em; font-weight:bold; margin:0; padding:0 10px; }

.archiv { text-align:center; font-weight:bold; width:190px; position:absolute; top:247px; right:20px; margin:0; z-index:1000; }

#sidebar a { font-weight:normal !important; }

/* FOOTER
------------------------------*/
#footer { width:782px; clear:both; position:relative; }
#footer p { color:#c9ecff; margin:0; padding:10px 30px; font-size:0.9em; line-height:1.6em; }
#footer a { color:#c9ecff; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:none; }
#footer a span { text-indent:-9999px; display:none; }

/* LEFT + RIGHT
------------------------------*/	
.vlevo { float:left; margin:0 15px 15px 0; z-index:1; }
.vpravo { float:right; margin:0 0 15px 15px; z-index:1; clear:left; }
.modra { color:#1668b1; }
.cervena { color:#c8331a; }
.center { text-align:center; }

/* FORM
------------------------------*/
fieldset { border:none; margin:0; padding:0 }
legend { display:none; }
#form ol { list-style:none; margin:0; padding:0; font-size:0.9em; }
#form li { clear:both; position:relative; padding:8px 0 0 0; }
#form h2 { font-size:1.6em; font-weight:bold; color:#000; line-height:1.3em; padding:15px 0 10px 0; width:424px; float:none; }
#form label { width:105px; margin-top:2px; display:block; float:left; }
#form textarea { width:380px; float:left; }
#form input { width:180px; float:left; }
textarea, select, input { padding:2px; border:1px solid #cccaca; }
.zemError { margin:12px 0 12px 25px !important; }
.zemError strong { color:#FF0000; }
.zemSubmit { width:75px !important; margin-left:80px; }

/* TABS
------------------------------*/
ul.tabs { list-style:none; padding:0 0 0 4px; margin:0; height:45px; background:url(../design/menu-bg.gif) repeat-x; position:relative; z-index:1000; }
.tabs li { float:left; margin-right:-33px; position:relative; }
.tabs li a { display:block; position:relative; text-decoration:none; }
.tabs li a em { display:block; height:45px; float:left; padding:0 33px 0 0; width:75px; text-align:center; background:url(../design/tab.gif) right top; position:relative; z-index:100; font-size:11px; font-weight:normal; font-style:normal; color:#fff; line-height:44px; text-transform:uppercase; }
.tabs li a span { display:block; float:left; width:33px; height:45px; background:url(../design/tab.gif) left top; position:relative; z-index:200; }
.tabs li a.m1 { z-index:600; }
.tabs li a.m2 { z-index:500; }
.tabs li a.m3 { z-index:400; }
.tabs li a.m4 { z-index:300; }
.tabs li a.m5 { z-index:200; }
.tabs li a.m6 { z-index:100; }
.tabs li a:hover, .tabs li:hover a { border:0; z-index:700; cursor:pointer; }
.tabs li a:hover span, .tabs li:hover span { background-position: left center; }
.tabs li a:hover em, .tabs li:hover em { background-position: right center; color:#fff; }
.cs a.m2 em, .en a.m2 em, .ru a.m2 em, .ru a.m3 em { line-height:16px; padding-top:6px; height:39px; }
.tabs ul { visibility:hidden; }
.tabs li:hover ul, .tabs li.hover ul { visibility:visible; }
.tabs ul { width:195px; list-style:none; height:auto; position:absolute; top:45px; left:0; border:1px solid #d4dbe2; border-bottom:0; z-index:1000; background:#eff3f6; }
.tabs ul li { float:none; height:auto; width:195px; position:relative; background:url(../design/datum.gif) 5px 8px no-repeat; border-bottom:1px solid #d4dbe2; }
.tabs ul li a { color:#000; font-size:1em; padding:3px 10px 3px 25px; text-align:left; width:160px; text-decoration:none; font-weight:bold; text-transform:none; }
.tabs ul li a:hover { color:#000; background:#fff url(../design/datum.gif) 5px 8px no-repeat; }
.tabs ul ul { visibility:hidden; }
.tabs li:hover ul ul, .tabs li.hover ul ul { visibility:hidden; }
.tabs ul li:hover ul, .tabs ul li.hover ul { visibility:visible; }
.tabs li.nohref:hover { background-color:#fff; }
.tabs ul ul { width:195px; list-style:none; height:auto; position:absolute; top:-1px; left:195px; border:1px solid #d4dbe2; border-bottom:0; z-index:1000; background:#eff3f6; }
.tabs ul ul li { float:none; height:auto; width:195px; position:relative; background:url(../design/datum.gif) 5px 8px no-repeat; border-bottom:1px solid #d4dbe2; }
.tabs ul ul li a, .tabs li.nohref { color:#000; font-size:1em; padding:3px 10px 3px 25px; text-align:left; width:160px; text-decoration:none; font-weight:bold; text-transform:none; }
.tabs ul ul li a:hover { color:#000; background:#fff url(../design/datum.gif) 5px 8px no-repeat; }

/* TABS 2
------------------------------*/
.t { padding:0; margin:0; height:27px; position:absolute; z-index:1000; top:208px; right:0; }
ul.tabs2 { list-style:none; padding:0 23px 0 0; margin:0; height:27px; background:url(../design/tab2.gif) 100% 0 no-repeat; z-index:1000; }
.tabs2 li { float:right; margin-right:-22px; position:relative; }
.tabs2 li a { display:block; position:relative; text-decoration:none; background:#16346e; }
.tabs2 li a em { display:block; height:27px; float:left; padding:0 22px 0 0; text-align:center; background:url(../design/tab3.gif) right top; position:relative; z-index:100; font-size:11px; font-weight:normal; font-style:normal; color:#fff; line-height:27px; text-transform:uppercase; }
.tabs2 li a span { display:block; float:left; width:22px; height:27px; background:url(../design/tab3.gif) left top; position:relative; z-index:200; }

.tabs2 li a.s1 em { background:url(../design/tab3.gif) right top; }
.tabs2 li a span { background:url(../design/tab3.gif) left top; }

.tabs2 li a.s3 { z-index:300; }
.tabs2 li a.s2 { z-index:200; }
.tabs2 li a.s1 { z-index:100; }

.tabs2 li a:hover, .tabs2 li:hover a { border:0; z-index:700; cursor:pointer; }
.tabs2 li a:hover span, .tabs2 li:hover span { background-position: left center; }
.tabs2 li a:hover em, .tabs2 li:hover em { background-position: right center; color:#fff; }

/* PAGES
------------------------------*/
#pages { width:424px; position:relative; z-index:1000; padding:15px 0 0 0; }
#pages ul { height:18px; margin:0 !important; padding:0 !important; font-weight:bold; position:relative; list-style:none; color:#000; font-size:11px; }
#pages ul li { position:relative; height:16px; line-height:16px; width:18px; float:left; text-align:center; display:block; padding:0; margin:0 2px 0 0; background:none !important; }
#pages ul li.first { width:70px; text-align:left; font-weight:bold; color:#000; }
#pages ul li.this a { background-color:#16346e; color:#fff; border:1px solid #16346e; }
#pages ul li.this a:hover { background-color:#16346e; color:#fff; }
#pages ul li a { text-decoration:none; border:0; display:block; line-height:16px; height:16px; display:block; color:#000; border:1px solid #16346e; }
#pages ul li a:hover { text-decoration:none; background-color:#e17700; color:#fff; }