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

body { font: 65%/1.4 Verdana, "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #525252; background: #e9e9e9 url(img/sys/bg_body.gif) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #4d4e4f; font-weight: normal; padding: 0; line-height: normal; letter-spacing: -1px }
h1 { font-size: 260%; clear: both; margin: 0.2em 0 0.5em 0 }
h2 { font-size: 180%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 150%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 120%; margin: 1.1em 0 0.5em 0 }
h5 { font-size: 120%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #29b6ea }
a:link { color: #29b6ea }
a:hover { color: #e20a16; text-decoration: none }
p { margin: 1em 0 1.5em 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 }
.bg0 { background-color: #f4f4f4 }
.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: 990px;
    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 }

#main-in { height: 800px; background: transparent url(img/sys/bg_main_in.gif) no-repeat 0 0 }
html>body #main-in { min-height: 800px; height: auto }

#header { position: absolute; left: 0; top: 0; width: 990px; background: transparent url(img/sys/bg_header.jpg) no-repeat 5px 25px }
#header-in {
    height: 125px;
    margin: 0 5px;
    position: relative
}

#content {
    float: right;
    width: 745px;
    overflow: hidden
}
#content-in { padding: 130px 20px 85px 0 }

#panel {
    float: left;
    width: 230px
}
#panel-in { padding: 140px 0 85px 20px }

#footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 990px
}
#footer-in { height: 85px; margin: 0 5px; background: #4d4e4f url(img/sys/bg_footer.jpg) no-repeat 0 0 }
/* /layout - zaklad */

/* layout - special */
#logo, #logo span { display: block; position: relative; left: 41px; top: 56px; width: 162px; height: 37px; overflow: hidden; text-decoration: none; cursor: pointer }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(img/sys/bg_logo.gif) no-repeat 0 0 }

#top-links { position: absolute; left: 0; top: 0; padding: 0 15px; width: 950px; height: 25px; line-height: 24px; color: #e9e9e9; background-color: #4d4e4f; text-align: right }
#top-links em { float: left; Font-style: normal }
#top-links a { color: #e9e9e9; margin: 0; text-decoration: none; text-transform: uppercase }
#top-links em a, #top-links a:hover { color: #29b6ea }

#searchbox { font-weight: normal; border: 1px solid #cccccc; width: 150px }
#searchform { position: absolute; top: 60px; left: 694px; width: 270px; height: 50px; background: transparent url(img/sys/bg_searchform.gif) no-repeat 0 4px }
#searchform input { width: 180px; padding: 3px 2px 4px 2px; color: #696969; border: 1px solid #fff; background-color: #fff; position: absolute; left: 3px; top: 4px }
#searchform .button-vyhledat { width: 55px !important; height: 21px !important; position: absolute; top: 1px; left: 190px }

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

#dekor { position: relative; width: 100%; height: 213px; font-size: 0; line-height: normal }
#dekor img { position: absolute; left: 0; top: -5px }

#footer p { margin: 0 }
#copyright { color: #cacaca; font-size: 110%; padding: 53px 15px 0 15px }
#copyright em { float: right; font-style: normal }
#copyright em a { color: #aacdda; text-decoration: none }
#copyright em a:hover { color: #fff }
/* /layout - special */

/* ostatni tridy pro web */
#akcni-nabidka { width: 100%; overflow: hidden }
#akcni-nabidka h1 { margin: 0 0 0.3em 0 }
h1 b { color: #29b6ea; font-weight: normal }

.produkty { width: 100%; overflow: hidden }
.produkt { float: left; width: 209px; margin: 0 10px 10px 0; padding: 0 12px; border: 1px solid #e0e0e0; text-align: center; background: #fff url(img/sys/bg_produkt.gif) repeat-x left bottom }
.p-last { margin-right: 0 }
.p-foto { margin: 0.8em 0 }
.p-nazev { font-size: 120%; font-weight: bold; text-decoration: none }
.p-info { margin: 0.8em 0; text-align: right }
.p-info .cena { float: left }
.cena { color: #e20a16; font-size: 160% }

.box { margin: 0 0 15px 0; padding: 1px; border: 1px solid #d9d9d9; background-color: #fff }
.box-in { padding: 0 13px 13px 13px; background: #efefef url(img/sys/bg_box.gif) repeat-y right top }
.box h3 { color: #2281b5; margin: 0 0 0.4em 0; padding: 0.6em 0 0 0; line-height: normal; position: relative; top: -2px; background: transparent url(img/sys/bg_hlinka.gif) no-repeat 0 0 }

.kategorie ul { margin: 0; padding: 0; list-style: none }
.kategorie li { text-transform: uppercase; background: transparent url(img/sys/dotted.gif) repeat-x left bottom }
.kategorie .submenu ul { padding: 0 10px 15px 10px }
.kategorie .submenu ul li { padding: 2px 0 0 9px; text-transform: none; background: transparent url(img/sys/bullet2.gif) no-repeat 0 6px }
.kategorie .submenu ul a { color: #525252; font-weight: normal; display: inline; padding: 0; background: none }
.kategorie .submenu ul a:hover { color: #2281b5 }
.kategorie .submenu a { color: #2281b5; font-weight: bold }
.kategorie a { color: #525252; display: block; width: 170px; padding: 3px 0 5px 10px; line-height: 1.4; text-decoration: none; background: transparent url(img/sys/bullet.gif) no-repeat 0 8px }
.kategorie a:hover, .kategorie .active { color: #2281b5 !important }

.box form label { text-transform: uppercase }
.box form input { width: 174px; padding: 3px 2px 4px 2px; color: #696969; border: 1px solid #fff; background-color: #fff }
.box form textarea { width: 174px; height: 70px; padding: 2px; border: 1px solid #fff }
.box form p { margin: 0.5em 0 1em 0 }
.box form .tar { margin: 0 }
.button-odeslat { width: 70px !important; height: 21px !important; position: relative; left: 2px }

.bannery { margin: 0 0 15px 0 }

.bullet { margin: 1em 0 1.5em 0; padding: 0; list-style: none }
.bullet li { padding: 0 0 0.3em 10px; line-height: 1.4; background: transparent url(img/sys/bullet3.gif) no-repeat 0 6px }

/*#content .c_zbozi { margin: 1em 0 }*/
#content .c_zbozi thead th, #content .c_zbozi thead td { font-weight: bold; padding: 4px 10px; border: 1px solid #4d4e4f; color: #fff; background-color: #6d6e6f; text-align: left }
#content .c_zbozi td { /*padding: 4px 10px;*/ border: 1px solid #4d4e4f }
#content table.c_zbozi { margin: 0.3em 0 1em 0 }
#content table.c_zbozi td.c_objc { width: 80px }
#content table.c_zbozi td.c_skupina { width: 50px }
#content table.c_zbozi td.c_cena { width: 80px }
#content table.c_zbozi td.c_kosik { width: 110px; text-align: center; white-space: nowrap; }

#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: #eeeeee }
#content table td, #content table th { padding: 1px 3px }
#content-in table.small td, #content-in table.small th, td.small { font-size: 90% }

#sitemap h2, #sitemap h3, #sitemap h4, #sitemap h5 { font-size: 120%; margin: 0.5em 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_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_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 }
/* /fotogalerie */

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

/* e-shop */
.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 .p-kosik { margin: 0.5em 0 1em 0; padding: 6px; border: 1px solid #e0e0e0; background: #fff url(img/sys/bg_kosik.gif) no-repeat right 50% }
#objednavka-info .p-kosik { line-height: 1.8; text-transform: uppercase }
#objednavka-info .p-kosik b { color: #000 }
#objednavka-info .p-kosik .cena { color: #e20a16; font-size: 100% }
#objednavka-info .tar { margin: 0 }

.tn_fotogalerie img { float: right; margin: 0 0 10px 10px }

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

#box_login { background: #ECECEC; border: 1px solid #E2DFDF; margin: 0 0 1.5em 0}
#box_login h4 {margin:0; padding: 1px 3px}
#login_form { border: 0; margin: 0 0 3px 0; padding: 0 3px; background-color: #ECECEC; font-size: 95% }
#login_form input.text { border: none; background: #ffffff; padding: 2px 3px; width: 185px }
#login_form input.submit {}

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

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


/* katalog */
div.gr-item { margin: 0.5em 0 1em 0; padding: 3px }
div.gr-item img { float: left; margin: 0 1.3em 0 0; border: 1px solid #cccccc; padding: 3px }
div.gr-item h2 { margin: 0 0 0.5em 0; padding: 0 }

#c_topnav a { margin: 1px }
#c_topnav_text { font-weight: bold }
div.c_top { margin: 0.5em 0; text-align: right }
/* /katalog */