* {margin:0; padding:0;}
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object {border:0;}

body { background:#e5e5e5 url(../design/bg.gif) repeat-x; font-family:"Lucida Grande", Arial, Helvetica, sans-serif; color:#000; text-align:center; font-size:0.8125em; line-height:1.4em; }

/* GLOBAL
------------------------------*/
p { padding:7px 0 0 0; margin:0; font-size:1em; }

table, td { font-size:1em; }
table { border-collapse:collapse; margin:12px 0; }
th { font-weight:bold; padding:4px 5px; color:#000; }
td { padding:5px 5px 5px 0; vertical-align:top; }

.center { text-align:center !important; }
.a-right { text-align:right !important; }

.f-right { float:right; }
.f-left { float:left; }

.modra { color:#263fa7 !important; }

a { color:#263fa7; text-decoration:underline; outline:none; }
a:hover { color:#263fa7; text-decoration:none; }

img.vlevo { float:left; margin:5px 12px 0 0; }
img.vpravo { float:right; margin:5px 0 0 12px;  }

.noscreen { display:none; }
hr { display:none; background:url(../design/bg-menu-li-hover2.gif); }

h2 { color:#566064; font-size:1.3em; padding:12px 0 5px 0; font-weight:normal; }
h3 { color:#263fa7; font-size:1.1em; padding:8px 0 3px 0; font-weight:bold; }
h4 { color:#263fa7; font-size:1.1em; padding:8px 0 3px 0; font-weight:bold; }

.nobg { background:none !important; }
.smaller { font-size:0.9em; margin-top:-10px; padding-bottom:10px; }

img { border:2px solid #fff; }

/* LAYOUT
------------------------------*/
#all { width:853px; padding:0 62px; margin:0 auto; text-align:left; position:relative; background:url(../design/bg-all.jpg) 0 0 no-repeat; }
#container { width:853px; }

/* TOP
------------------------------*/
#top { position:relative; height:226px; width:100%; overflow:hidden; }
.slogan { position:absolute; top:124px; height:100px; line-height:100px; right:0; width:450px; padding:0 0 0 25px; text-align:right; color:#566064; font-size:1.2em; margin:0; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; left:222px; top:124px; width:87px; height:100px; text-align:center; font-size:1.2em; background:url(../design/logo.gif) no-repeat;  }
h1 span { width:87px; height:100px; display:block; position:absolute; left:0; top:0; z-index:1000; cursor:pointer; background:url(../design/logo.gif) no-repeat; }
h1 a { color:#29166f; text-decoration:none; display:block; width:87px; height:90px; padding:10px 0 0 0; overflow:hidden; }
h1 a:active, h1 a:hover { color:#29166f; text-decoration:underline; }

/* MENU
------------------------------*/
.menu { height:100px; padding:24px 0 0 0; overflow:hidden; position:absolute; top:0; left:285px; width:650px; }
.menu div { float:left; height:100px; padding:0 20px 0 0; display:inline; }
.menu div p { text-transform:uppercase; font-weight:bold; font-size:1.1em; color:#7f8edd; margin:0; padding:0; }
.menu div ul { padding:0; margin:0; list-style:none; }
.menu div ul li { padding:0; margin:0; list-style:none; line-height:1.2em; }
.menu a { color:#dadde2; font-size:0.85em; text-decoration:none; text-transform:lowercase; }
.menu a:hover { color:#fff; text-decoration:underline; }
.menu a.active, .menu a.active:hover { color:#878fb6; text-decoration:none; cursor:default; }

.menu .info { width:70px; }
.menu .profil { width:165px; }
.menu .produkty { width:210px; }
.menu .sluzby { width:110px; }

/* CONTENT
------------------------------*/
#content { float:right; overflow:hidden; width:630px; padding:0 0 0 32px; }

.drobky { margin:0; padding:10px 0; border-bottom:2px solid #9c9c9c; color:#000; font-size:0.95em; }
.drobky a { color:#263fa7; text-decoration:none; }
.drobky a:hover { color:#263fa7; text-decoration:underline; }
.drobky strong { font-weight:normal; }

.anotace { background:url(../design/pracanti.gif) 100% 100% no-repeat; padding:0 282px 10px 0; position:relative; min-height:185px; height:auto !important; height:185px; }
.mapka { background:url(../design/mapka.gif) 100% 100% no-repeat !important; }
.anotace h2 { color:#566064; font-weight:normal; font-size:1.3em; }
.anotace p { font-size:0.8em; margin:0; padding:4px 0; line-height:1.3em; }
.vetsi p { font-size:0.9em; line-height:1.4em; }
.anotace .pracanti { background:url(../design/pracanti.gif) no-repeat; position:absolute; bottom:0; right:0; width:259px; height:207px; display:block; }

.container { background:url(../design/stin.jpg) 100% 0 no-repeat; margin-top:1px; }
.text { padding:20px 20px 0 0; background:url(../design/stin.jpg) 100% 0 no-repeat; margin-top:1px; min-height:60px; height:auto !important; height:60px; }
.mapkastin { padding:20px 20px 0 0; background:url(../design/stinmapka.jpg) 100% 0 no-repeat !important; } 
.kratsi { float:left; width:420px; background:none !important; }

.default .anotace  { background:url(../design/pracantidefault.gif) 100% 100% no-repeat; }
.default .anotace .pracanti { background:url(../design/pracantidefault.gif) no-repeat; }
.default .text { background:url(../design/stindefault.jpg) 100% 0 no-repeat; }

.text ul, ul.wrap { list-style:disc; padding:7px 0 2px 20px; font-size:1em; }
.text ul li, ul.wrap li { list-style:disc; padding-left:0;  }
.text ol { list-style:decimal; padding:0; margin:7px 0 2px 24px; font-size:1em; }
.text ol li { list-style:decimal; padding:0; }
.text .dotaz { color:#000000; font-size:0.85em; padding:15px 8px 8px 0; line-height:1.2em; }
.text .dotaz strong { color:#ff4e00; font-size:1.4em; }

/* REFERENCE
------------------------------*/
.reference { padding-top:20px; }

.box { float:left; width:149px; padding-right:8px; height:220px; float:left; display:block; }
.box a.img { width:94px; height:94px; display:block; margin-bottom:4px; }
.box a.img img { width:90px; height:90px; display:block; border:2px solid #fff; }
.box a.img:hover img { border:2px solid #263fa7; }
.box p { padding:4px 0; margin:0; font-size:0.8em; line-height:1.2em; }
.box .vice { color:#7582bf; font-weight:bold; font-size:0.9em; }
.box .vice a { color:#ff4e00; font-weight:bold; float:none; margin:0; }

.vybrane { padding-top:20px; border-top:2px solid #fff; margin-top:20px; }
.vybrane .title { color:#263fa7; font-size:1.2em; padding:0 0 20px 0; }

.carousel { margin:0; padding:0; height:220px; }
.jcarousel-container { width:628px; }
.jcarousel-container-horizontal { width:628px; padding:0; height:220px; position:relative; }
.jcarousel-clip-horizontal { width:628px; overflow:hidden; height:220px; }
.jcarousel-list { margin:0 !important; padding:0 !important; }
.jcarousel-item { width:157px; float:left; display:block; margin:0 !important; padding:0 !important;  }
.jcarousel-item-horizontal { margin:0; }
.jcarousel-prev-horizontal { top:40px !important; left:-32px !important; }
.jcarousel-next-horizontal { top:40px !important; right:10px; }

.vsechny { background:url(../design/sidebar-li.gif) 100% 50% no-repeat; height:23px; line-height:23px; padding-right:30px; margin-right:8px; font-size:0.85em; display:inline; color:#ff4e00; float:right; }
.vsechny:hover { color:#ff4e00; }

.ttu { text-transform:uppercase !important; }
.pb { padding-bottom:30px !important; }

.reference-info { border:0; margin:10px 0; padding:0; }
.reference-info td { padding:3px 0; margin:0; vertical-align:top; }
.sede { color:#566064; font-size:0.85em; width:100px; }
.nazev-reference { color:#263fa7; font-size:1.3em; }
.nazev-zakazky { color:#000; font-size:1.3em; }
.nazev-zakazky p { margin:0; padding:0; }

.anotace-reference { font-size:0.85em; padding:2px 0 15px 0; }

.reference-box { background:url(../design/cistystin.jpg) 100% 0 no-repeat; border-top:2px solid #fff; width:100%; padding-top:20px; }
.reference-box .title { color:#263fa7; font-size:1.2em; padding:0 0 20px 0; }

table.ref { width:100%; }
table.ref td { vertical-align:top; text-align:left; padding:5px 0 10px 0; }
table.ref td img { border:2px solid #fff; }
table.ref td a:hover img { border:2px solid #263fa7; }

/* SIDEBAR
------------------------------*/
#sidebar { float:left; overflow:hidden; width:190px; padding:212px 0 0 0; }
.inside { float:right !important; padding:40px 0 0 0 !important; }
#sidebar p { padding-left:8px; padding-right:8px; }
#sidebar a, #sidebar a:hover { color:#FF4E00; }
#sidebar2 a, #sidebar2 a:hover { color:#FF4E00; }

.sidebartext { background:url(../design/bg-sidebar-sep.jpg) 0 100% no-repeat; padding:0 8px 10px 8px; border-bottom:2px solid #fff; }
.dotaz { color:#ff4e00; font-size:0.85em; padding:15px 8px 8px 8px; line-height:1.2em; }
.dotaz strong { font-size:1.4em; }
.formular { background:url(../design/sidebar-li.gif) 0 50% no-repeat; height:23px; line-height:23px; padding-left:30px; display:block; color:#ff4e00; }
.formular:hover { color:#ff4e00; }
.adresa { color:#566064; padding-top:18px; line-height:1.3em; font-size:1.2em; }

/* SIDEBAR2
------------------------------*/
#sidebar2 { float:left; overflow:hidden; width:190px; padding:212px 0 0 0; }
#sidebar2 ul { list-style:none; background:url(../design/bg-sidebar-sep.jpg) 0 100% no-repeat; margin:0 0 15px 0; padding:0 0 5px 0; }
#sidebar2 ul li { list-style:none; margin:0; padding:0; border-top:2px solid #fff; }
#sidebar2 ul li a { display:block; width:160px; padding:8px 30px 8px 0; background:url(../design/sidebar2-li.gif) 100% 6px no-repeat; color:#000; text-decoration:none; font-size:0.9em; }
#sidebar2 ul li a:hover { background:url(../design/sidebar-li.gif) 100% 6px no-repeat; color:#000; text-decoration:underline; }
#sidebar2 ul li a.selected, #sidebar2 ul li a.selected:hover { background:url(../design/sidebar-li.gif) 100% 6px no-repeat; color:#000; text-decoration:none; cursor:default;  }

#sidebar2 h3 { color:#000; text-transform:uppercase; padding:0 0 5px 0; margin:0; }

/* FOOTER
------------------------------*/
#footer-container { width:100%; background:url(../design/bg-footer-container.gif) repeat-x; clear:both; height:228px; text-align:center; margin-top:30px; }
#footer { clear:both; width:853px; position:relative; margin:0 auto; text-align:left; }

.inpol { background:url(../design/inpol.gif) no-repeat; padding-top:25px; display:block; width:130px; position:absolute; top:47px; left:223px; height:70px; color:#000; font-size:0.9em; text-decoration:underline; }
.inpol:hover { color:#000; text-decoration:none; }

.mineralizace { background:url(../design/mineralizace.gif) no-repeat; padding-top:25px; display:block; width:130px; position:absolute; top:47px; left:360px; height:70px; color:#000; font-size:0.9em; text-decoration:underline; }
.mineralizace:hover { color:#000; text-decoration:none; }

.footerodkazy { position:absolute; top:47px; right:10px; text-align:right; width:300px; padding:0; margin:0; }
.footerodkazy a { padding:0 10px; text-decoration:none; color:#000; }
.footerodkazy a:hover { text-decoration:underline; color:#000; }

.lang { position:absolute; top:139px; left:223px; width:150px; }
.lang a { height:15px; width:23px; line-height:15px; text-align:center; display:block; float:left; margin-right:10px; color:#d2d3d4; text-decoration:none; font-size:0.8em; }
.lang a:hover { text-decoration:underline; color:#d2d3d4; }
.lang a.active { background:url(../design/lang.gif) no-repeat; }
.lang a.active:hover { text-decoration:none; cursor:default; }

.copyright { position:absolute; top:139px; font-size:0.85em; color:#8b9ca4; right:18px; text-align:right; }
.copyright a { color:#8b9ca4; text-decoration:underline; }
.copyright a:hover { color:#ccc; text-decoration:none; }

/* FORM
------------------------------*/
#form { clear:both; background:url(../design/cistystin.jpg) 100% 0 no-repeat; }
fieldset { border:none; margin:0; padding:12px 0 8px 0; }
legend { display:none; }
#form ol { list-style:none; margin:0; padding:0; font-size:1em; }
#form ol li { clear:both; width:100%; padding-top:5px; }
#form ol li span { padding:0 0 0 5px; color:#FF0000; font-weight:bold; font-size:1.4em; }
#form label { width:120px; display:block; margin-top:2px; float:left; }
#form .styluj textarea { width:380px; height:150px; }
#form .styluj input { width:260px; float:left;  }
#form .short input { width:150px; }
#form select { width:380x; float:left; background:#fff; }
#form .styluj textarea, #form .styluj select, #form .styluj input { padding:1px 2px; background:#fff url(../design/bg-input.gif); border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
#form .zemSubmit { width:auto !important; padding:5px; margin:15px 0 0 120px; }

ul.zemError { margin:5px 0 15px 20px !important; list-style:square; }
ul.zemError li { padding:0; list-style:square; }
.error, .alert { color:#FF0000; font-weight:bold; }

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