* { margin:0; padding:0; outline:none; }
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:#060400 url(../design/bg.jpg) 50% 0 no-repeat; background-attachment:fixed; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; color:#6d6c5d; text-align:center; font-size:100%; line-height:1.5em; }

/* GLOBAL
------------------------------*/
p { margin:9px 0; }
table, td { font-size:1em; vertical-align:top; }
hr { display:none; }

.hr { display:block; background:url(../design/hr.gif) 0 50% no-repeat; height:16px; width:100%; }

.vlevo { float:left; margin:4px 15px 10px 0; border:1px solid #979796; }
.vpravo { float:right; margin:4px 0 10px 10px; border:1px solid #979796; }

.center { text-align:center !important; }
.t-right { text-align:right !important; }
.t-left { text-align:left !important; }
.f-right { float:right !important; }

.vat { vertical-align:middle !important; }

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

.nomp { margin:0 !important; padding:0 !important; }
.nobr { border:0 !important; }
.nobg { background:none !important; }

.noscreen { display:none; }
.nostrong { font-weight:normal !important; }

h2 { color:#6d6c5d; font-size:1.8em; padding:0; line-height:1.4em; font-weight:normal; margin:0; }
h3 { color:#910535; font-size:1.2em; padding:9px 0 3px 0; line-height:1.4em; font-weight:bold; margin:0; text-transform:uppercase; }
h4 { color:#40afe3; font-size:1.0em; padding:9px 0 1px 0; line-height:1.4em; font-weight:bold; margin:0; }

.pg-doc h3 { text-transform:none; }

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:2px; }

.border { border-bottom:1px solid #ccc; }

small { font-size:0.9em; font-style:italic; line-height:1.3em;  }

.clean { clear:both !important; }
.clear { width:100%; height:1px; font-size:0; clear:both; }

.wa { width:auto !important; }

ul { list-style:none; margin:5px 0 8px 12px; }
ul li { list-style:none; margin:0; padding:0 0 0 12px; background:url(../design/li.gif) 0 8px no-repeat; }

/* H1 REPLACE
------------------------------*/
h1 { float:left; display:block; position:relative; width:256px; height:56px; left:24px; top:16px; text-align:center; font-size:1.2em; overflow:hidden; text-indent:-9999px; }
h1 span { width:256px; height:56px; display:block; position:absolute; left:0; top:0; z-index:100; background:url(../design/logo.png) no-repeat; }
h1 a span { cursor:pointer; }
h1 a { color:#40afe3; text-decoration:none; display:block; width:256px; height:56px; }
h1 a:active, h1 a:hover { color:#40afe3; text-decoration:underline; }

/* LAYOUT
------------------------------*/
#all { background-color:#fffcef; width:964px; margin:0 auto; padding:13px; text-align:left; position:relative; font-size:0.75em; line-height:1.7em; }

#container { background:url(../design/bg-container.gif) 0 0 repeat-y; width:964px; padding:66px 0 0 0; }

/* TOP
------------------------------*/
#top { position:relative; height:87px; background: url(../design/bg-top.jpg) no-repeat; width:990px; overflow:hidden; margin:0 auto; }
#inner { background:#fff; width:900px; position:relative; margin:6px; }

/* TITULKA BOXY
------------------------------*/
.box { float:left; width:241px; height:167px; margin:6px 6px 1px 0; padding:0; display:inline; position:relative; z-index:10; overflow:hidden; }
.box h3 { padding:0; margin:0; border:0; float:left; }
.box h3 a { display:block; height:167px; width:241px; overflow:hidden; }
.box h3 span { text-indent:-9999px; }

.box .subbox { width:100%; background:#aeab82; height:163px; width:237px; display:block; position:absolute; top:2px; z-index:500; line-height:1.5em; left:-10000px; float:left; }
.box .subbox ul { list-style:none; margin:0; padding:10px; }
.box .subbox ul li { list-style:none; margin:0; padding:0; background:none; }
.box .subbox ul li a { color:#fff; text-decoration:none; }
.box .subbox ul li a:hover { color:#fff; text-decoration:underline; }

.on .subbox { left:2px !important; }
.off .subbox { left:-10000px; }

/* MENU
------------------------------*/
#menu { position:absolute; z-index:200; left:13px; top:0; margin-top:13px; height:53px; width:964px; background:url(../design/hor-menu.gif) no-repeat; }
#menu ul { list-style:none; margin:0; width:964px; height:53px; position:relative; }
#menu ul li { background:url(../design/hor-menu-li.gif) 0 0 no-repeat; float:left; display:inline; padding:0; margin:0; font-size:1.1em; position:relative;  }
#menu ul li a { float:left; display:block; color:#fffcef; font-weight:bold; text-decoration:none; text-align:center; padding:0; width:120px; height:53px; line-height:53px; }
#menu ul li.nobr a { width:124px; }
#menu ul li a:hover { color:#fff; background:#910535 url(../design/hor-menu-hover.gif) 50% 100% no-repeat; text-decoration:none; }

/* CONTENT
------------------------------*/
#content { float:left; width:736px; padding:0; margin:0; position:relative; overflow:hidden; }
.titulka { float:left; width:750px; overflow:hidden; }
.content { padding:10px 15px 7px 15px; border:1px solid #EBE4CC; background:#fff; margin-top:7px; font-size:1.1em; }
.detail #content { width:964px; padding:0; margin:0; }

#content h2 { background:#ebe4cc url(../design/bg-h2.gif) 0 100% no-repeat; color:#6d6c5d; font-size:1.8em; padding:13px 20px 20px 20px; font-weight:bold; }
.detail #content h2 { background:#ebe4cc url(../design/bg-h2-detail.gif) 0 100% no-repeat; padding:12px 20px 19px 20px; margin:0; }
.detail #content h2 span { color:#910535; }
#content .content h2 { background:none; padding:0; }

.submenu .vyberte { position:absolute; width:250px; text-align:right; top:24px; right:0; color:#908d7c; padding:0 10px 0 0; font-size:0.9em; }
.detail .submenu .vyberte { top:32px; }
.submenu { background:#6d6c5d url(../design/bg-submenu.gif) 0 100% no-repeat; width:964px; padding:0 0 13px 0; }
.submenu p { margin:0 auto !important; padding:0 !important; text-align:center; width:800px; line-height:1.6em; }
.submenu p a { color:#ebe4cc; background:url(../design/submenu-p.gif) 0 50% no-repeat; text-decoration:none; font-weight:bold; padding:0 15px 0 15px; }
.submenu p a:hover { color:#fff; text-decoration:underline; }

h3 a { text-decoration:none; color:#910535; text-transform:uppercase; }
h3 a:hover { text-decoration:underline; color:#910535; }

.produkt-box { background-color:#fff; width:960px; padding:12px 0; border:1px solid #ebe4cc; margin-top:10px; }
.info { float:left; width:150px; padding:4px 10px 0 12px; }
.info h3 { margin:0; padding:0; line-height:1.1em; font-size:1.5em; }
.info h3 span { font-size:0.65em; font-weight:normal; text-transform:none; display:block; padding:5px 0 0 0; line-height:normal; }
.info p { margin:10px 0 10px 0; padding:0 !important; }
.info p.cena span { color:#910635; font-size:1.8em; font-weight:bold; }
.info .rozmer { display:block; width:148px; padding:3px 0; text-align:center; background:#78b113; text-decoration:none; color:#fff; font-weight:bold; }
.info .rozmer:hover { background:#588509; color:#fff; text-decoration:none; }

.parametry { width:448px; float:left; overflow:hidden; }

.nahled { float:right; width:319px; height:231px; padding:0 12px 0 0; overflow:hidden; }
.nahled img { float:right; padding:5px; border:1px solid #ece6cf; background-color:#fff; width:307px; height:219px; }
.nahled a:hover img  { border:1px solid #a29b84; }

.clearleft { color:#afafa1; clear:left; font-size:0.9em; margin:0; padding:12px 12px 0 12px !important; }

.varianty { padding:0 12px; clear:both; }
.varianty table { border-collapse:collapse; }
.varianty th { text-align:left; font-weight:bold; background:#910535 ; padding:3px 5px; font-size:1.1em; color:#fff; }
.varianty td { padding:3px 5px; border-top:1px solid #ebe4cc; }
.nazev { color:#000; font-size:1.1em; }

.radek-akce td img { display:block; }

#thumbs { padding:10px 0 0 12px; }
#thumbs a { width:80px; height:80px; float:left; display:block; margin:0 12px 0 0; border:1px solid #ECE6CF; padding:2px; background:#fff; text-align:center; position:relative; }
#thumbs a:hover { border:1px solid #a29b84; }

/* SIDEBAR
------------------------------*/
#sidebar { float:right; width:215px; padding:0 0 0 13px; background:url(../design/bg-sidebare.gif) 0 13px no-repeat; overflow:hidden; }

#novinky{ background:#aeab82 url(../design/bg-news.gif) 0 100% no-repeat; padding:0 0 5px 0;}
.news { padding:10px 15px 0 15px; margin:0; line-height:1.4em; }
.news h3 { padding:0; margin:0; color:#fff; font-size:1.2em; font-style:italic; font-weight:bold; }
.news h3 a { text-decoration:none; color:#fff; }
.news h3 a:hover { text-decoration:underline; color:#fff; }
.news p.datum { color:#555448; font-size:0.9em; border:none; padding:2px 0; margin:0;}
.news p { color:#fff; padding:0 0 9px 0; position:relative; margin:0; font-size:1em; border-bottom:1px solid #c6c3a2; }

.akce { margin:13px 0 0 -13px; padding:0; height:169px;}

/* FOOTER
------------------------------*/
#footer { color:#f5e8b9; width:990px; height:117px; padding:0; text-align:left; margin:0 auto; font-size:0.75em; background:url(../design/footer.png) no-repeat; }

#footer p { margin:0 auto; padding:25px 33px 0 33px; color:#f5e8b9; font-size:0.9em; line-height:1.7em; z-index:400; position:relative; }
#footer a { color:#f5e8b9; text-decoration:underline;}
#footer a:hover { text-decoration:none; color:#fff; }

#footer .noprint a { text-decoration:none; }
#footer .noprint a:hover { text-decoration:underline; }

/* FORM
------------------------------*/
#form { clear:both; padding-top:20px;}
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:330px; height:150px; background:#fff; }
#form .styluj input { width:180px; float:left; background:#fff; }
#form .short input { width:150px; }
#form select { width:266px; float:left; background:#fff; }
#form .styluj textarea, #form .styluj select, #form .styluj input { padding:1px 2px; border:1px solid #ccc; }
#form .zemSubmit { width:auto !important; padding:5px; margin:5px 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; }

/* TABY
------------------------------*/
.tab { width:100%; }
.tabs { clear:both; width:600px; list-style:none; margin:0; padding:0; float:left; }
.tabs li { list-style:none; float:left; padding:0; text-align:left; margin-right:3px; }
.tabs li a { text-decoration:none; display:block; float:left; background:#ebe4cc; color:#6d6c5d; width:120px; text-align:center; line-height:28px; height:28px; }
.tabs li a:hover { text-decoration:none; background:#302930; color:#fff; }
.tabs li.ui-tabs-selected a { text-decoration:none; background:#6d6c5d; color:#fff; }

.tab .ui-tabs-hide { display:none !important; }

.tabs-content { clear:both; padding:1px 10px; border:1px solid #ebe4cc; min-height:199px; height:auto !important; height:199px; }
.tabs-content table { width:100%; margin:12px 0; }
.tabs-content table td { padding:4px 3px; }
.tabs-content table th { text-align:left; }

#content .tabs-content h2 { font-size:1.1em; margin:0; padding:10px 0 4px 0; background:0; color:#910535; font-weight:bold; }

.tabs-content input { width:180px; }
.tabs-content textarea { width:260px; height:120px; }

.tabs-content tr.zebra td { background-color:#fcfaf0; }
.tabs-content td.prilohynum { width:15px !important; color:#ccc; text-align:center; }

.dotaz-tabulka td { padding:2px !important; }

/* HLASKY
------------------------------*/
.povinne, em.error, span.error { color:#ed2024 !important; font-weight:bold; }
input.error, textarea.error { border:1px solid #ed2024 !important; }
.newsletter input.error { border:0 !important; }
.ok { color:#fff; font-weight:bold; padding:5px 5px 5px 29px; background:#5e9b21 url(../design/ikony/ok.gif) 5px 50% no-repeat; }

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