* {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:#fff url(../design/bg.gif) repeat-x; font-family:"Lucida Grande", Tahoma, Geneva, sans-serif; color:#666666; text-align:center; font-size:0.8125em; line-height:1.5em; }

/* GLOBAL
------------------------------*/
p { padding:5px 0; margin:0; font-size:1em; }
.sos { padding:10px 0; margin:0; font-size:1.2em; color:#8DC63F;}
table, td { font-size:1em; }

ul, ol { padding:5px 0 10px 0; margin:0; }

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

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

a { color:#666; text-decoration:none; outline:none; border-bottom:1px dotted #666; }
a:hover { color:#0072bc; text-decoration:none; border-bottom:1px dotted #fff; }

.noscreen, hr { display:none; }

h2 { color:#0072bc; font-size:1.1em; padding:12px 0 5px 0; line-height:1.4em; font-weight:bold; margin:0; }
h3 { color:#0072bc; font-size:1em; padding:12px 0 5px 0; line-height:1.4em; font-weight:bold; margin:0; }

.nobg { background:none !important; }

.box { height:1%; width:100%; background-color:#fff;}

/* LAYOUT
------------------------------*/
#all { width:960px; margin:0 auto; text-align:left; position:relative; overflow:hidden; padding-top:30px; }
#container { width:960px; background:#fff; overflow:hidden; padding:252px 0 0 0; position:relative; }
.blok { width:960px; background:#fff; overflow:hidden; position:relative; }
#flash { display:block; position:absolute; top:0; left:0; width:960px; height:252px; background:url(../design/bg-flash.jpg) no-repeat; }
#pic { display:block; position:absolute; top:0; left:0; width:960px; height:252px; }
#box { width:960px; background:#fff; overflow:hidden; padding:260px 0 0 0; position:relative; }

/* H1 REPLACE
------------------------------*/
#top h1, a.logo { float:left; display:block; position:absolute; width:282px; height:97px; top:17px; left:0; text-align:center; font-size:1.2em; background:url(../design/logo.png) no-repeat; padding:0; margin:0;  }
#top h1 span, a.logo span { width:282px; height:97px; display:block; position:absolute; left:0; top:0; z-index:1000; background:url(../design/logo.png) no-repeat; }
#top h1 a span, a.logo span { cursor:pointer; }
#top h1 a, a.logo { color:#666; text-decoration:none; display:block; width:282px; height:97px; }
#top h1 a:active, #top h1 a:hover { color:#0072bc; text-decoration:underline; }

#top h1, a.logo-en { float:left; display:block; position:absolute; width:282px; height:97px; top:17px; left:0; text-align:center; font-size:1.2em; background:url(../design/logo-en.png) no-repeat; padding:0; margin:0;  }
#top h1 span, a.logo-en span { width:282px; height:97px; display:block; position:absolute; left:0; top:0; z-index:1000; background:url(../design/logo-en.png) no-repeat; }
#top h1 a span, a.logo-en span { cursor:pointer; }

/* TOP + MENU
------------------------------*/
#top { position:relative; height:114px; width:960px; overflow:hidden; background:url(../design/bg-top.gif) no-repeat; }

#menu { list-style:none; position:absolute; top:90px; right:10px; width:668px; }
#menu li { list-style:none; float:right; position:relative; background:url(../design/bg-menu-li-sep.gif) 0 50% no-repeat; padding-left:1px; position:relative; height:23px; line-height:23px; font-weight:bold; }
#menu li a { float:left; padding:4px 18px; color:#666; text-decoration:none; font-size:1.15em; display:block; height:15px; line-height:15px; border:0; }
#menu li a:hover { color:#0072bc; text-decoration:none; border:0; }

#menu ul { list-style:none; position:absolute; top:23px; left:0; width:600px; right:auto; visibility:hidden; }
#menu li.off ul { visibility:hidden; }
#menu li.on ul { visibility:visible; }
#menu ul li { float:left; }
#menu ul li a { float:left; padding:0 14px 3px 14px; font-size:1em; font-weight:normal; }

#menu .active { color:#0072bc; }
#menu .active:hover { color:#0072bc; }

/* LANG
------------------------------*/
.lang { position:absolute; top:40px; right:17px; }
.lang a { float:right; padding:0 12px; background:url(../design/bg-menu-li-sep.gif) 0 50% no-repeat; height:23px; line-height:23px; border:0; text-decoration:none; text-transform:uppercase; font-size:0.9em; } 
.lang a.active { font-weight:bold; cursor:default; }
.lang a.active:hover { color:#666; }

/* HP
------------------------------*/
.homepage { width:960px; background:url(../design/bg-homepage.gif) repeat-y; margin-top:10px; }
.homepage div { width:284px; float:left; padding:0 18px 10px 18px; }
.homepage h2 { font-size:1.5em; font-family:"Times New Roman", Times, serif; font-weight:normal; margin:0; padding:0; }
.homepage h2 a { padding:10px 70px 10px 0; display:block; }
.homepage h2 a:hover { text-decoration:none; }
.homepage p { font-size:0.9em; padding:5px 70px 5px 0; }

.homepage ul { list-style:none; margin:0; padding:0; }
.homepage ul li { list-style:none; background-repeat:no-repeat; background-position:3px 6px; padding:0 0 0 20px; position:relative; }

.i h2, .i h2 a, .i h2 a:hover { color:#8dc63f; border:0; } .i li { background-image:url(../design/li-i.gif); } .i { background:url(../design/div-i.gif) 242px 5px no-repeat; }
.w h2, .w h2 a, .w h2 a:hover { color:#0072bc; border:0; } .w li { background-image:url(../design/li-w.gif); } .w { background:url(../design/div-w.gif) 242px 5px no-repeat; }
.h h2, .h h2 a, .h h2 a:hover { color:#f26649; border:0; } .h li { background-image:url(../design/li-h.gif); } .h { background:url(../design/div-h.gif) 242px 5px no-repeat; }

.car a, .car a:hover { border:0; }
.box-reference { float:left; width:420px; height:210px; background:url(../design/bg-reference.png) no-repeat; margin:20px 0 0 18px; display:inline; position:relative; padding:37px 16px 0 16px; }
.box-uspechy { float:right; width:420px; height:210px; background:url(../design/bg-uspechy.png) no-repeat; margin:20px 18px 0 0; display:inline; position:relative; padding:37px 16px 0 16px; }

.box-reference .jcarousel-container-horizontal { width:356px; padding:0 32px; height:180px; position:relative; }
.box-reference .jcarousel-clip-horizontal { width:356px; height:180px; }
.box-reference .jcarousel-item { width:168px; height:180px; text-align:center; line-height:1em; font-size:0.9em; overflow:hidden; }
.box-reference .jcarousel-item img { float:left; }
.box-reference .jcarousel-item em { clear:left; font-style:normal; }
.box-reference .jcarousel-item a { width:168px; height:180px; display:block; }
.box-reference .jcarousel-item-horizontal { margin:0 5px; display:inline; }

.box-uspechy .jcarousel-container-horizontal { width:356px; padding:0 32px; height:180px; position:relative; }
.box-uspechy .jcarousel-clip-horizontal { width:356px; height:180px; }
.box-uspechy .jcarousel-item { width:356px; height:180px; }
.box-uspechy .jcarousel-item table { width:346px; margin:5px 5px 0 5px; }
.box-uspechy .jcarousel-item table td { padding:3px; border-bottom:1px solid #cfcfcf !important; color:#8c8c8c; }
.box-uspechy .jcarousel-item table td.pozice { color:#000; }
.box-uspechy .jcarousel-item table .nobr td { border:0 !important; }
.box-uspechy .jcarousel-item-horizontal { margin:0; }

/* PODSTRANKY
------------------------------*/
.drobky { padding:0 21px; }
h1 { font-size:1.5em; padding:25px 21px 0 21px; font-weight:normal; }

/* REFERENCE VELKE
------------------------------*/
.box-reference-velke { float:left; width:699px; height:397px; background:url(../design/bg-reference-velke.png) no-repeat; margin:20px 0 0 18px; display:inline; position:relative; padding:30px 26px 0 26px; }

.box-reference-velke .jcarousel-container-horizontal { width:698x; padding:0; height:355px; position:relative; }
.box-reference-velke .jcarousel-clip-horizontal { width:698px; height:355px; }
.box-reference-velke .jcarousel-item { width:698; height:355px; float:left; display:block; position:relative; }
.box-reference-velke .jcarousel-item-horizontal { margin:0; }
.box-reference-velke .jcarousel-prev-horizontal { top:155px !important; }
.box-reference-velke .jcarousel-next-horizontal { top:155px !important; }

.b4box { width:698px; height:355px; display:block; position:relative; }
.b4box div { text-align:left; font-size:0.9em; padding:0 10px 0 182px; position:relative; width:157px; height:155px; display:inline; float:left; margin-bottom:45px; }
.b4box div img { position:absolute; top:0; left:0; }
.b4box div a { color:#666; border:0; }
.b4box div a:hover { color:#0072bc; }

.b4box ul { list-style:none; }
.b4box ul li { float:none; list-style:none; background-repeat:no-repeat; background-position:3px 6px; padding:0 0 0 20px; background-image:url(../design/li-i.gif); position:relative; }

/* REFERENCE - Dominik udelal jednu referenci na stranku
------------------------------*/
.b1box { width:698px; height:355px; display:block; position:relative; }
.b1box div { text-align:left; font-size:0.9em; padding:0 10px 0 182px; position:relative; width:400px; height:155px; display:inline; float:left; margin-bottom:45px; }
.b1box div img { position:absolute; top:0; left:0; }
.b1box div a { color:#8DC63F; border:0; }
.b1box div a:hover { color:#0072bc; }

.b1box ul { list-style:none; }
.b1box ul li { float:none; list-style:none; background-repeat:no-repeat; background-position:3px 6px; padding:0 0 0 20px; background-image:url(../design/li-i.gif); position:relative; }


/* STEPS
------------------------------*/
.steps { float:right; width:153px; overflow:hidden; padding:20px 21px 0 0; }
.dalsi { font-family:"Times New Roman", Times, serif; font-size:1.4em; font-weight:normal; padding:5px 0 0 0; }
.steps a { display:block; background:url(../design/bg-steps.gif) 0 100% no-repeat; width:153px; position:relative; border:0; font-size:1em; color:#fff; font-weight:bold; font-size:0.85em; margin:20px 0 0 0; }
.steps a span { display:block; width:143px; padding:5px; color:#fff; border:0; cursor:pointer; }

.box-i .steps a { background:url(../design/bg-steps-i.gif) 0 100% no-repeat; }
.box-i .steps a span { background:url(../design/bg-steps-i.gif) 100% 0 no-repeat; }

.box-w .steps a { background:url(../design/bg-steps-w.gif) 0 100% no-repeat; }
.box-w .steps a span { background:url(../design/bg-steps-w.gif) 100% 0 no-repeat; }

.box-h .steps a { background:url(../design/bg-steps-h.gif) 0 100% no-repeat; }
.box-h .steps a span { background:url(../design/bg-steps-h.gif) 100% 0 no-repeat; }

.steps a:hover { background:url(../design/bg-steps.gif) 0 100% no-repeat; color:#fff; border:0;}
.steps a:hover span { background:url(../design/bg-steps.gif) 100% 0 no-repeat; }

/* TEXT
------------------------------*/
/*.text { width:500px; padding-left:21px; margin-top:4px; float:left; } */
.text {float:left;margin-top:4px;padding-left:21px;padding-right:74px;width:426px;}
.textkontakt { width:427px !important; }
.text h1 { padding:25px 0 10px 0; width:427px; background:url(../design/bg-h1.gif) 0 100% repeat-x; margin-bottom:5px; color:#666; font-family:"Times New Roman", Times, serif; font-size:1.7em; }

.text ul { list-style:none; margin:0; padding:0; }
.text ul li { list-style:none; background-repeat:no-repeat; background-position:3px 6px; padding:0 0 0 20px; position:relative; background-image:url(../design/li-i.gif); }

ul.seda li { background-image:url(../design/li-c.gif) !important; }

.box-i .text li { background-image:url(../design/li-i.gif); }
.box-w .text li { background-image:url(../design/li-w.gif); }
.box-h .text li { background-image:url(../design/li-h.gif); }
.box-c .text li { background-image:url(../design/li-c.gif); } 

.box-i h1 { color:#8dc63f; }
.box-w h1 { color:#0072bc; }
.box-h h1 { color:#f26649; }

.box-i .text { background:url(../design/div-i.gif) 100% 0 no-repeat; }
.box-w .text { background:url(../design/div-w.gif) 100% 0 no-repeat; }
.box-h .text { background:url(../design/div-h.gif) 100% 0 no-repeat; }

.box-reference-b2 { float:left; width:210px; height:489px; background:url(../design/box-reference-b2.png) no-repeat; margin:0 0 0 11px; display:inline; position:relative; padding:56px 14px 0 14px; }

.box-reference-b2 .jcarousel-container-horizontal { width:168px; padding:0 21px; height:406px; position:relative; }
.box-reference-b2 .jcarousel-clip-horizontal { width:168px; height:406px; }
.box-reference-b2 .jcarousel-item { width:168px; height:406px; text-align:center; line-height:1em; font-size:0.9em; overflow:hidden; position:relative; }
.box-reference-b2 .jcarousel-item img { float:left; }
.box-reference-b2 .jcarousel-item em { clear:left; font-style:normal; }
.box-reference-b2 .jcarousel-container .jcarousel-prev-horizontal { top:180px !important; }
.box-reference-b2 .jcarousel-container .jcarousel-next-horizontal { top:180px !important; }

.box-reference-en { float:left; width:210px; height:489px; background:url(../design/box-reference-en.png) no-repeat; margin:0 0 0 11px; display:inline; position:relative; padding:56px 14px 0 14px; }

.box-reference-en .jcarousel-container-horizontal { width:168px; padding:0 21px; height:406px; position:relative; }
.box-reference-en .jcarousel-clip-horizontal { width:168px; height:406px; }
.box-reference-en .jcarousel-item { width:168px; height:406px; text-align:center; line-height:1em; font-size:0.9em; overflow:hidden; position:relative; }
.box-reference-en .jcarousel-item img { float:left; }
.box-reference-en .jcarousel-item em { clear:left; font-style:normal; }
.box-reference-en .jcarousel-container .jcarousel-prev-horizontal { top:180px !important; }
.box-reference-en .jcarousel-container .jcarousel-next-horizontal { top:180px !important; }

.box-reference-bw { float:left; width:210px; height:489px; background:url(../design/box-reference-b2.png) no-repeat; margin:0 0 0 11px; display:inline; position:relative; padding:56px 14px 0 14px; }
.box-reference-bw .jcarousel-container-horizontal { width:168px; padding:0 21px; height:406px; position:relative; }
.box-reference-bw .jcarousel-clip-horizontal { width:168px; height:406px; }
.box-reference-bw .jcarousel-item { width:168px; height:406px; text-align:center; line-height:1em; font-size:0.9em; overflow:hidden; position:relative; }
.box-reference-bw .jcarousel-item img { float:left; }
.box-reference-bw .jcarousel-item em { clear:left; font-style:normal; }
.box-reference-bw .jcarousel-container .jcarousel-prev-horizontal { top:180px !important; }
.box-reference-bw .jcarousel-container .jcarousel-next-horizontal { top:180px !important; }

.b2box { width:168px; height:406px; display:block; position:relative; }
.b2box div { text-align:center; position:relative; width:168px; height:180px; display:block; margin-bottom:46px; float:left; }
.b2box div img { float:left; }
.b2box div a { color:#666; border:0; width:168px; height:180px; display:block; }
.b2box div a:hover { color:#0072bc; border:0; }

.steps2  { padding:20px 18px 0 0 !important; }
.step3  { padding:20px 25px 0 0 !important; } /* uprava pro EN verzi adresy, Dominik ------------------------------*/

/* KONTAKT
------------------------------*/
.textkontakt { padding-bottom:20px; }
.boxkontakt { width:491px; background:url(../design/bg-boxkontakt.gif) right bottom no-repeat; float:right; margin-right:16px; display:inline; }
.boxkontakttitle { width:491px; background:#fff; padding:30px 0 3px 0; font-size:1.1em; font-weight:bold; }
.boxkontakt form { width:443px; background:url(../design/bg-boxkontakt.gif) 0 0 no-repeat; padding:10px 24px 24px 24px; }

legend { display:none; }
.boxkontakt ol { list-style:none; margin:0; padding:0; font-size:1em; }
.boxkontakt ol li { clear:both; width:100%; padding-top:10px; }
.boxkontakt ol li span { padding:0 0 0 5px; color:#FF0000; font-weight:bold; font-size:1.4em; }
.boxkontakt label { display:block; }
.boxkontakt textarea { width:436px; height:150px; background:#fff; }
.boxkontakt input { width:290px; background:#fff; }
.boxkontakt textarea, .boxkontakt select, .boxkontakt input { padding:1px 2px; border:1px solid #ccc; }
.boxkontakt .submit { width:80px !important; height:20px; padding:0; margin:8px 181px 0 181px; background:url(../design/submit.gif); color:#fff; border:0; text-transform:uppercase; font-size:0.9em; cursor:pointer; font-weight:bold; }

.seo-sos { width:152px; height:68px; display:block; background:url(../design/seo-sos.png) no-repeat; position:absolute; top:10px; left:299px; text-indent:-9999px; overflow:hidden; border:0 !important; text-decoration:none; }


/* LOGA FIREM
------------------------------*/
.logafirem { list-style:none; width:960px; height:45px; overflow:hidden; display:block; background:url(../design/loga-firem.png) no-repeat; margin:0; padding:0; clear:both; }
.logafirem li { background-image:url(../design/loga-firem.png); background-repeat:no-repeat; height:45px; display:block; float:left; margin:0; padding:0; }
.l1 { width:150px; background-position:0 0; }
.l2 { width:123px; background-position:-150px 0; }
.l3 { width:112px; background-position:-273px 0; }
.l4 { width:116px; background-position:-385px 0; }
.l5 { width:110px; background-position:-501px 0; }
.l6 { width:110px; background-position:-611px 0; }
.l7 { width:100px; background-position:-721px 0; }
.l8 { width:130px; background-position:-821px 0; }

.l1:hover { background-position:0 -45px; }
.l2:hover { background-position:-150px -45px; }
.l3:hover { background-position:-273px -45px; }
.l4:hover { background-position:-385px -45px; }
.l5:hover { background-position:-501px -45px; }
.l6:hover { background-position:-611px -45px; }
.l7:hover { background-position:-721px -45px; }
.l8:hover { background-position:-821px -45px; }

/* FOOTER
------------------------------*/
#footer { color:#515151; width:930px; padding:28px 15px 12px 15px; background:url(../design/footer.gif) 0 0 no-repeat; }
#footer strong { font-weight:normal; }
#footer p { font-size:0.85em; color:#515151; margin:0; padding:0; width:50%; float:left; }
#footer p.f-right { text-align:right; }
#footer p a { color:#0072bc; text-decoration:none; border:0; }
#footer p a:hover { color:#0072bc; text-decoration:underline; border:0; }

/* 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%; }