* { 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:#596a72; font-family: Arial, Helvetica, sans-serif; font-size:0.8125em; color:#444; line-height:1.6em; text-align:center; padding:17px 0 0 0; }

p { margin:8px 0; font-size:1em; padding:0; }

table, td { font-size:1em; }

hr { display:none; }

a { color:#ff6600; text-decoration:underline; outline:none; font-weight:bold; }
a:hover { color:#ff6600; text-decoration:none; }

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

.center { text-align:center; }
.noscreen { display:none; }
.nobg { background:none !important; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:404px; height:174px; padding:0; left:18px; top:10px; text-align:center; font-size:1.4em; background:url(../design/logo.jpg?v2) no-repeat; }
h1 span { width:404px; height:174px; display:block; position:absolute; left:0; top:0; z-index:1000; cursor:pointer; background:url(../design/logo.jpg?v2) no-repeat; }
h1 a { color:#fff; text-decoration:none; }
h1 a:active, h1 a:hover { color:#fff; text-decoration:underline; }

/* LAYOUT
------------------------------*/
#all { width:945px; margin:0 auto; position:relative; background:#fff url(../design/top.gif) no-repeat; text-align:left; }
#top { position:relative; width:945px; height:184px; background:url(../design/bg-top.jpg) 10px 10px no-repeat;  }
#container { width:945px; position:relative; border-top:10px solid #fff; background:url(../design/bg-container.gif) repeat-y; }

/* TOPMENU
------------------------------*/
.menu { background:url(../design/bg-menu.gif) repeat-y; width:100%; border-top:1px solid #fff; }
.menu p { background:url(../design/bg-menu-ul.gif) 0 100% no-repeat; width:945px; list-style:none; text-align:center; margin:0; padding:7px 0; }
.menu p a { text-decoration:none; color:#fff; text-align:center; padding:5px 20px 5px 22px; background:url(../design/bg-menu-sep.gif) 0 50% no-repeat; font-size:0.9em; text-transform:uppercase; }
.menu p a:hover { text-decoration:underline; color:#fff; }

/* CONTENT
------------------------------*/
#content { width:698px; padding:0 10px 8px 0; overflow:hidden; float:right; background:url(../design/bg-inner.gif) -237px 0 no-repeat; }
#content h2 { color:#fff; line-height:28px; font-size:0.9em; text-transform:uppercase; margin:0; padding:0 19px; }

#content ul { margin:4px 0 15px 10px; padding:0; list-style:none; }
#content ul li { margin:0; padding:0 0 0 24px; font-size:1em; background:url(../design/li.gif) 8px 8px no-repeat; }
#content ol { margin:5px 0 15px 34px; padding:0; list-style:decimal; }
#content ol li { margin:0; padding:0; font-size:1em; }
#content table { border-left:1px solid #eee; border-top:1px solid #eee; margin-top:10px; margin-bottom:20px; }
#content table td { background:url(../design/td.gif) 1px 1px no-repeat; padding:2px 6px; border-right:1px solid #eee; border-bottom:1px solid #eee; }

.box-content { padding:14px 14px 0 14px; clear:both; }
.b-left { margin:14px 0 0 14px; float:left; display:inline !important; }
.b-right { margin:14px 14px 0 0; float:right; display:inline !important; }
.box { width:327px; height:191px; background:url(../design/bg-box.gif) 0 100% no-repeat; padding:0 0 4px 0; }
.box h3 { color:#fff; font-weight:bold; font-size:0.9em; background:#9da2a2 url(../design/bg-box.gif) 100% 0 no-repeat; padding:1px 10px; margin:0; }
.box h3 a { color:#fff; text-decoration:none; }
.box h3 a:hover { color:#fff; text-decoration:underline; }
.box .img { float:left; width:122px; padding:10px 10px 0 11px; }
.box .img a { display:block; width:122px; height:92px; overflow:hidden; }
.box .img a img { border:1px solid #919191; }
.box .img a:hover img { border:1px solid #fff; }
.box a.vice { display:block; width:142px; margin:0 -10px; height:46px; position:relative; line-height:46px; text-align:center; color:#fff; }
.box a.vice span { display:block; position:absolute; top:0; left:0; width:142px; height:46px; background:url(../design/vice.gif) 0 0 no-repeat; cursor:pointer; }
.box a.vice:hover span { background:url(../design/vice.gif) 0 100% no-repeat; }
.box .desc { float:right; width:172px; padding:10px 10px 0 0; font-size:0.9em; }
.box .desc p { width:172px; padding:0; margin:0; }

.popis { padding:19px; }

.komplet { padding:15px 19px 0 19px; clear:both; margin:0; }

.obr a { display:inline; width:122px; height:92px; overflow:hidden; margin:0 10px 10px 0; float:left; }
.obr a img { border:1px solid #919191; }
.obr a:hover img { border:1px solid #fff; }

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

.bourana-auta-na-prodej #content h3.nadpis { font-size:1.3em; }
.bourana-auta-na-prodej #content h3 { font-size:1.1em; }
.bourana-auta-na-prodej #content .box h3 { font-size:0.9em; }
.bourana-auta-na-prodej #content h4 { font-size:1em; font-weight:bold; }

.text { padding:10px 19px; }

/* SIDEBAR
------------------------------*/
#sidebar { width:204px; padding:0 0 0 20px; overflow:hidden; float:left; background:#fff; }
#sidebar h3 { color:#000; font-size:1.1em; text-transform:uppercase; margin:0; padding:15px 0 0 0; }
#sidebar h3.kontakt { padding-top:20px; }

/* LEFT + RIGHT
------------------------------*/
.vlevo { float:left; margin:4px 15px 10px 0; padding:2px; border:1px solid #eee; }
.vpravo { float:right; margin:4px 0 10px 10px; padding:2px; border:1px solid #eee; clear:left; }

/* FORM
------------------------------*/
h3.formik { padding-top:15px; }
#form { clear:both; background-color:#f4f3f3; border:1px solid #d6d6d6; margin:5px 0 0 0; }
fieldset { border:none; margin:0; padding:10px 0; }
legend { display:none; }
#form ol { list-style:none; margin:0; padding:0 15px; font-size:1em; }
#form p { padding:0 15px; }
#form ol li { clear:both; width:100%; padding-top:3px; }
#form ol li em { color:#999; padding-left:10px; }
#form label { width:90px; display:block; margin-top:2px; float:left; }
#form textarea { width:480px; height:190px; background:#fff; }
#form input { width:180px; background:#fff; }
textarea, select, input { padding:2px; border:1px solid #e7e7e7; font-family:Arial, Helvetica, sans-serif; font-size:1em; }
#form .zemSubmit { width:75px !important; background:#ff8f26 none; color:#fff; border:none; padding:5px; margin:2px 0 0 90px; }
#form ul.zemError { padding:13px 0 13px 18px !important; margin:0 !important; }
.error, .alert { color:#FF0000; font-weight:bold; }

/* FOOTER
------------------------------*/
#footer { background:url(../design/bg-footer.gif) no-repeat; width:945px; text-align:left; margin:0 auto; }
#footer a { color:#fff; text-decoration:underline; }
#footer a:hover { color:#fff; text-decoration:none; background:none; }
#footer p { color:#fff; margin:0; padding:25px; font-size:0.85em; margin:0 auto; position:relative; }

/* PAGES
------------------------------*/
#pages { height:35px; position:relative; z-index:1000; padding:0 0 0 14px; clear:both; }
#pages ul { height:20px; margin:0 !important; padding:0 !important; font-weight:bold; position:relative; list-style:none; color:#000; font-size:11px; padding:14px 0 0 0 !important; }
#pages ul li { position:relative; height:20px; line-height:20px; width:22px; float:left; text-align:center; display:block; padding:0; margin:0 3px 0 0; display:inline; background:none !important; }
#pages ul li.first { width:70px; text-align:left; font-weight:bold; color:#000; }
#pages ul li.this a { background-color:#ff932b; color:#fff; }
#pages ul li.this a:hover { background-color:#ff932b; color:#fff; }
#pages ul li a { text-decoration:none; border:0; display:block; line-height:20px; height:20px; display:block; color:#000; background-color:#d7d7d7; }
#pages ul li a:hover { text-decoration:none; background-color:#9da2a2; color:#ffffff; }


.vlajky { position:absolute; /*width:148px;*/ height:32px; top:10px; left:422px; padding:5px; background:#fff; }
.vlajky a { display:block; float:left; margin:0 5px; width:32px; height:32px; text-indent:-9999px; }
.vlajky a span { display:block; float:left; width:32px; height:32px; text-indent:-9999px; background-image:url(cs.png); background-repeat:no-repeat; background-position:50% 50%; }
.vlajky a:hover, .vlajky a.active { /*background:url(flag_hover.gif) no-repeat*/ }
.vlajky .pl span { background-image:url(pl.png) }

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