/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

/* definice zakladnich fontu
body { font: 80%/1.4 Verdana, "Geneva CE", lucida, sans-serif }
body { font: 80%/1.4 Tahoma, "Lucida Grande CE", lucida, sans-serif }
body { font: 80%/1.4 "Trebuchet MS", "Geneva CE", lucida, sans-serif }
body { font: 80%/1.4 Georgia, "New York CE", utopia, serif }
body { font: 80%/1.4 "Lucida Console", "Monaco CE", fixed, monospace }
body { font: 80%/1.4 "Palatino Linotype", "New York CE", utopia, serif }
*/
body { font: 80%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #000000; background: #4a4a4a url(img/sys/bg_body.gif) 50% 0 repeat-y }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #D8241D; padding: 0; line-height: normal }
h1 { font-size: 190%; clear: both; margin: 0.2em 0 0.3em 0 }
h2 { font-size: 140%; margin: 1.1em 0 0.3em 0 }
h3 { font-size: 120%; margin: 2.1em 0 0.3em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.3em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #D70000 }
a:link { color: #D70000 }
a:hover { color: #D70000; text-decoration: none }
p { margin: 0.3em 0 1em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 1em; margin-bottom: 1.2em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 90% }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; height: 0; font-size: 1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css { display: none }
.no-border { border: none !important }
.required { background: #ffffff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a { color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.border { border: 1px solid #aaaaaa; padding: 3px }
.button { }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 90% }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
  width: 980px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  background: #ffffff /* url(img/sys/bg_main.gif) repeat-y 0 0 */
}
html>body>#main { min-height: 100%; height: auto; /*border-bottom: 1px solid #f4f4f4*/ }

#zahlavi {  }
#zahlavi-in {
  height: 207px;
  position: relative;
  background: #621609 url(img/sys/bg_zahlavi.jpg) no-repeat right top;
}

.cz #moto{ display:block; width:390px; height:55px; overflow:hidden; text-indent:-9999px; background: url(img/sys/moto-cz.gif) 0 0 no-repeat; position:absolute; top: 123px; left:112px;}
.cz #headline-top{display:block; width:277px; height:19px; overflow:hidden; text-indent:-9999px; background: url(img/sys/headline_top-cz.gif) 0 0 no-repeat; position:absolute; top: 7px; left:563px;}

.sk #moto{ display:block; width:390px; height:55px; overflow:hidden; text-indent:-9999px; background: url(img/sys/moto-sk.gif) 0 0 no-repeat; position:absolute; top: 123px; left:112px;}
.sk #headline-top{display:block; width:277px; height:19px; overflow:hidden; text-indent:-9999px; background: url(img/sys/headline_top-sk.gif) 0 0 no-repeat; position:absolute; top: 7px; left:563px;}

.en #moto{ display:block; width:390px; height:55px; overflow:hidden; text-indent:-9999px; background: url(img/sys/moto-en.gif) 0 0 no-repeat; position:absolute; top: 123px; left:112px;}
.en #headline-top{display:block; width:277px; height:19px; overflow:hidden; text-indent:-9999px; background: url(img/sys/headline_top-en.gif) 0 0 no-repeat; position:absolute; top: 7px; left:563px;}


#content {
  float: right;
  width: 730px;
  overflow: hidden
}
#content-in { padding: 15px 15px 80px 10px }

#panel {
  float: left;
  width: 250px;
  margin-top: 40px;
}
#panel-in { padding: 15px 0 80px 21px }

#zapati {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 67px;
  background: #df360f url(img/sys/bg_zapati.jpg) 0 0 no-repeat;
}
#zapati-in { padding: 0 10px }
/* /layout - zaklad */

/* layout - special */
#topmenu { background: #333333; border-bottom: 1px solid #333333 }
#topmenu ul { padding: 0; margin: 0 auto }
#topmenu ul li { list-style: none; padding: 0; margin: 0; float: left }
#topmenu ul li a { display: block; font-size: 15px; font-weight: bold; color: #ffffff; text-decoration: none; text-align: center; background: #333333 url(img/sys/bg_topmenu_a.gif) top right repeat-y }
#topmenu ul li a:hover { text-decoration: underline }
#topmenu ul li a span { display: block; padding: 5px 27px }

.submenu ul, .submenu li ul { padding: 0; margin: 0 }
.submenu li { list-style: none; padding: 0; margin: 0; background: url(img/sys/bg_sidemenu.gif) 0 0 repeat-y; border-bottom: 3px solid #ffffff }
.submenu a { display: block; width: 100%; color: #505050; font-weight: bold; text-decoration: none }
.submenu a:hover { text-decoration: underline; color: #d8241d }
.submenu span { display: block; padding: 3px 3px 3px 11px }
.submenu li ul { border-bottom: 1px solid #c3c8cc }
.submenu li li { background: #ffffff url(img/sys/bg_sidemenu-sub.gif) 0 0 repeat-y; border: none }
.submenu li li a { font-weight: normal; font-size: 90% }
.submenu li li a.active { font-weight: bold; color: #d8241d }

#logo { display: block; position: absolute; left: 20px; top: 40px; cursor: pointer }

#logo a { width: 300px; height: 90px; display: block; overflow: hidden; text-indent: -9999px;}

#biketeam { position: absolute; top: 38px; right: 18px; width: 90px; height: 70px }
#zahlavi span, #biketeam span { display: none }

#petice { position: absolute; top: 52px; right: 120px; border: 1px solid #DC2B19 }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 200px }
.searchbox { font-weight: normal; border: 1px solid #cccccc }
#searchform {}

#cesta { float: left; font-size: 90%; margin: 5px 0; color: #888888 }
#navigace { float: right; margin: 3px 3px 0 0; font-size: 90% }

#telo { float: right; width: 730px; margin-top: 40px;}

#panel2 { float: left; width: 160px }
#panel2-in { padding: 16px 10px 80px 5px; font-size: 11px }

#panel2-in h2, #panel2-in h3 { margin: 0 }

#panel2-in h2 {
	margin: 0 0 1ex 0;
	background: #da251d;
	color: #ffffff;
	padding: 1px 3px;
	text-align: center;
	height: 1%;
}

#panel2-in p {
	font-size: 100%;
	margin: 0 0 2ex 0;
}

#content.main { float: left; width: 570px; }

#langs{position: absolute; padding:0; margin:0; top:11px; width:100px;}
.cz #langs {right: 410px; }
.sk #langs {right: 410px; }
.en #langs {right: 430px; }
/* /layout - special */

/* ostatni tridy pro web */
#content table { border-color: #cccccc }
#content table thead td, #content table thead th { background-color: #eeeeee }
#content table tfoot td, #content table tfoot th { background-color: #ffffff }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }

#solar a {display: block; width: 980px; height: 40px; background: url(img/sys/bg_solar.jpg) 0 0 no-repeat; position: absolute; top: 239px; left: 0; }

/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.nw_title { display: block; font-weight: bold }
.nw_title a { color: #162983 }
.nw_title a:hover { color: #162983 }
.nw_column { margin: 3px 0 0 0 }
.vyrazne { font-weight: bold }
.nw_datum { float: right; font-size: 90%; color: #697277 }
.nw_anotace { font-size: 90% }
.rubrika_title { background: #eeeeee }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_rtf, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_rtf { background: url(cms/img/ico/rtf.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 0 5px 5px }
#tn_root br { display: none;}
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }

#local-fotogalerie { margin: 1.5em 0 0 0 }

#local-fotogalerie { margin: 0.5em 0 0 0; padding: 0.5em 12px 0.8em 12px; background-color: #f6f6f6 }
#local-fotogalerie strong { display: none }
.foto-show { margin: 2em 0 0 0; height: 180px; width: 99%; overflow: auto; overflow-y: hidden; white-space: nowrap }
.foto-show img { margin: 0 3px 0 0 }
/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */

/* katalog */
div.c_typ {
  border: 1px solid #c3c8cc;
  padding: 3px;
  margin-bottom: 1em;
  width: 700px;
}

div.c_typ h2 { margin: 0 0 0.5em 0; padding: 0 }

#content div.c_typ table, #content div.c_typ table td, #content div.c_typ table th {
  border: none;
  border-color: #ffffff;
  border-width: 0;
  font-size: 90%;
}

#content div.c_typ table thead td, #content div.c_typ table thead th {
  border: 1px solid #000000;
  background: #e6e7e8;
}

#content div.c_typ table tbody td, #content div.c_typ table tbody th {
  border-bottom: 1px solid #e6e7e8;
}

#content table.c_zbozi tr td { text-align: center; }
#content table.c_zbozi td div.c_zbozi_doc { float: right; }
#content table.c_zbozi td.c_objc { width: 50px; }
#content table.c_zbozi td.c_nazev { text-align: left; font-size: 100%; font-weight: bold; color: #d8241d; }
#content table.c_zbozi td.c_mj { width: 20px; }
#content table.c_zbozi td.c_baleni { width: 40px; }
#content table.c_zbozi td.c_hmotnost { width: 50px; }
#content table.c_zbozi td.c_cena { width: 50px; white-space: nowrap; text-align: right; }
#content table.c_zbozi td.c_moje_cena { width: 50px; text-align: right; }
#content table.c_zbozi td.c_kosik { width: 85px; }

.c_detail-popis { margin: 1em 0 0 0; }
div.c_zbozi_avail { float: right; }
/* /katalog */

/* e-shop */
#eshop_topmenu { position: relative; }
#eshop_logo { position: absolute; top: 6px; left: 5px; }
#eshop_line1 { background: #1c1c1c; }
#eshop_line1-in { padding: 2px 5px 0 35px;}
#eshop_line1-in * { color: #ffffff;}
#eshop_line1-in a { text-decoration: none }
#eshop_line1-in a.caste_zbozi { color: #FF9400 }
#eshop_line1-in a:hover { text-decoration: underline }
#eshop_line2 { background: #b9b9b9; }
#eshop_line2-in { padding: 5px 5px 5px 35px; }
#eshop_line2-in table td small { font-size: 85%; vertical-align: middle }
#eshop_line2-in table td input { vertical-align: middle }

#panel_eshop_vyprodej a,
#panel_eshop_posledni_zbozi a {
  font-size: 85%;
  color: #000000;
}

h3.inverzni { color: #ffffff; background: #e61115; padding: 3px 5px; }

.zbozi-item, .zbozi-item-last {
	margin: 0 0 10px 0;
	font-size:90%;
}

.zbozi-item-in {
	border: 1px solid #DCDCDC;
	padding: 5px;
	height: 1%; /* kvuli IE - spatne kresli border */
}

.zbozi-item-in .tn_foto {
	float: right;
	margin: 0 0 10px 10px;
}

.zbozi-item-last {
	margin-right: 0;
}

.zbozi-item-in table { text-align: left }
.zbozi-item-in h3 { margin: 0.5em 0 1em 0; font-size: 115% }
.zbozi-item-in h3 a { text-decoration: none }
.zbozi-item-in h3 a:hover { text-decoration: underline }
.cena { }
.strike { text-decoration: line-through }

#eshop_searchform { border: 1px solid #DCDCDC; padding: 5px; text-align: center }
input#eshop_searchword { width: 100% }
.item_in_basket { color: #000000; font-weight: bold; padding: 3px; margin: 0 0 0.5em 0; background: #F8D701; float: left }
div.zbozi-detail div.item_in_basket { float: none }
.eshop_edit_item { display: block; margin: 10px 0 }

#objednavka-info { position: relative; width: 550px; background: #fffac3}
#objednavka-info th { background: #ffffff }
#objednavka-info small, #eshop_uinfo small, #eshop_oz_info small { font-size: 85% }
#objednavka-info .red { font-size: 140%; color: #E80016 }
#objednavka-info .green { font-size: 180%; color: #008133 }
#eshop_uinfo .black { font-size: 135%; color: #000000 }
#btn_objednavka { position: absolute; right: 0; top: 0; outline: none }
#btn_sleva { position: absolute; left: 0; bottom: 0; outline: none }
#eshop_uinfo { padding: 3px 5px 5px 20px; }

#content table#eshop_soucet_cen td { border: 1px solid #008133; background: #008133; color: #ffffff; }
#content table#eshop_soucet_cen { border: none;  width: 100% }
td.eshop_cena_celkem { font-size: 120%; font-weight: bold }

#content table.objednavka td { background: #eeeeee }
#content table.objednavka td input.readonly { background-color: #eeeeee }

#eshop_produkty_sleva { border: 1px solid #FFE18A; padding: 5px; background: #FDFCCE; margin-bottom: 1em }
#content table.produkty-sleva thead th { background: none }
#eshop_produkty_sleva h4 { margin: 0 0 0.5em 0 }

.warning, .error, .saved, .info { font-size: 115%; border: 1px dotted #000000; padding: 3px 5px; background: #ffc }

#login_form { font-size: 85%; border: 1px solid #c3c8cc; padding: 3px 5px; margin: 0 0 1em 0 }
#login_form input.text { font-weight: normal; border: 1px solid #cccccc; width: 200px }
#login_form input.submit {}

#eshop_customer_login {
	margin: 0 0 1em 0;
	padding: 3px;
	border: 1px solid #801377;
}

div.forgot_align {
	text-align: center;
}

#content-in div.forgot_align {
	text-align: right;
}

#faktura {
	width: 700px;
	margin: 0 auto;
}

#tiskopis, #faktura * {
	color: #000000;
}

#faktura table, #tiskopis table {
	border-collapse: collapse;
}

#faktura table.no-border, #faktura table.no-border td, #faktura table.no-border th {
	border: none;
}

#faktura #eshop_soucet_cen {
	float: right;
	margin-right: 30px;
}

#popis_detail { margin-top: 1em }

tr.order2finish td {
	background: #ffffff;
	font-weight: bold;
}

div.euser-box {
  border: 1px solid #c3c8cc;
  padding: 3px;
  margin: 0 0 1em 0;
}

div.euser-box h2 {
  padding: 0;
  margin: 0.3em 0 1em 0;
}

#eware-order input {
  font-size: 85%;
}
/* /e-shop */