/* 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: 70%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }

body.body { text-align: center; color: #000000; background: #666666 }
body.owin img { border-color: #cccccc }
h1, h2, h3, h4, h5, h6 { color: #000000; padding: 0; line-height: normal }
h1 { font-size: 190%; clear: both; margin: 0.2em 0 1em 0; padding: 0 0 0.3em 0; border-bottom: 2px solid #99CC33 }
h2 { font-size: 140%; margin: 1.1em 0 0.5em 0 }
h3 { font-size: 120%; margin: 2.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 1.1em 0 0.5em 0 }
input, select, textarea { vertical-align: middle; font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #45A12C }
a:link { color: #45A12C }
a:hover { color: #45A12C; text-decoration: none }
p { margin: 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 }
.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: 905px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: #dadada url(img/sys/bg_main.gif) 100% 148px no-repeat;
}
html>body #main { min-height: 100%; height: auto }

#zahlavi { position: absolute; left: 0; top: 0; height: 148px; width: 100%; background: #9cc926 url(img/sys/bg_zahlavi.gif) left top repeat-x }
#zahlavi.sk { }
#zahlavi-in {
    background: url(img/sys/bg_zahlavi-in.jpg) left top no-repeat;
    height: 148px;
}

#content {
    float: right;
    width: 670px;
    margin: 173px 0 60px 0;
    overflow: hidden;
    background: #ffffff url(img/sys/bg_content.gif) repeat-y 0 0
}
#content-in { padding: 0 50px 30px 20px; background: transparent url(img/sys/bg_content_in.gif) no-repeat left bottom }

#panel {
    float: left;
    width: 235px
}
#panel-in { padding: 148px 0 60px 0 }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-color: #99CC33
}
#zapati-in { padding: 0 15px }
/* /layout - zaklad */

/* layout - special */
#logo { position: absolute; left: 0; top: 0; width: 240px; height: 94px; outline: none }
#logo span { display: none; }

div.kont { background-image: url(img/sys/ramecek-250.gif); background-repeat: no-repeat; text-align: left; width: 180px; height: 265px; text-align: center; float: left; margin: 15px 15px 0 0 }
div.kont-in { padding: 10px }
div.kont-in h2 { font-size: 110%; padding: 0 0 5px 0; border-bottom: 1px solid #000000 }

#servicemenu { position: absolute; left: 12px; bottom: 4px; height: 24px; width: 577px; background: 0 -23px no-repeat }
#servicemenu ul { margin: 0; padding: 0 }
#servicemenu li { margin: 0; padding: 0; list-style: none; float: left }
#servicemenu li a { height: 23px; display: block; outline: none }
#servicemenu li a span { display: none }
#servicemenu li a:hover { background: none }

#sm1 a { width: 101px; background: 0 0 no-repeat }
#sm2 a { width: 125px; background: -101px 0 no-repeat }
#sm3 a { width: 100px; background: -226px 0 no-repeat }
#sm4 a { width: 150px; background: -326px 0 no-repeat }
#sm5 a { width: 101px; background: -476px 0 no-repeat }

#langs { position: absolute; margin: 0; padding: 0; bottom: 4px; right: 5px }

#menu { width: 225px; background: url(img/sys/bg_menu.gif) left top repeat-y }
#menu-top { background: url(img/sys/bg_menu_top.gif) left top no-repeat }
#menu-in { padding: 20px 0 12px 15px; background: url(img/sys/bg_menu-in.gif) left bottom no-repeat }
#menu ul { margin: 0; padding: 0 }
#menu li { margin: 0; padding: 0; list-style: none; float: left; width: 198px }
#menu li a { display: block; height: 70px }
#menu li a:hover { background: none }
#menu li span { display: none }

#m1 a { background: 0 0 no-repeat }
#m2 a { background: 0 -70px no-repeat }
#m3 a { background: 0 -140px no-repeat }
#m4 a { background: 0 -210px no-repeat }
#m5 a { background: 0 -280px no-repeat }
#m6 a { background: 0 -350px no-repeat }

#m1 { background: -198px 0 no-repeat }
#m2 { background: -198px -70px no-repeat }
#m3 { background: -198px -140px no-repeat }
#m4 { background: -198px -210px no-repeat }
#m5 { background: -198px -280px no-repeat }
#m6 { background: -198px -350px no-repeat }

#searchform { position: absolute; bottom: 5px; right: 122px; width: 180px }
#searchform label { display: none }
#searchform table th { height: 20px; vertical-align: middle; background: #ffffff }
#searchword { padding: 0 2px; margin: 0; display: block; width: 150px; border: none }

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

#zapati p { margin: 0; line-height: 30px }
#zapati a { color: #ffffff }
/* /layout - special */

/* index */
#main.index { width: 100%; background: #fff url(img/sys/bg_main_index.gif) repeat-x 0 0 }
#main.index #main-wrapper { width: 1000px; margin: 0 auto; text-align: left; background: transparent url(img/sys/bg_main_wrapper_index.gif) repeat-y 0 0 }
#main.index #main-in { background: transparent url(img/sys/bg_main_in_index_b.jpg) no-repeat 0 1px }
#main.index #content { float: none; width: 1000px; margin: 0; background: none }
#main.index #content-in { height: 800px; padding: 0 50px 50px 50px; background: transparent url(img/sys/bg_content_in_index.gif) no-repeat left bottom }
html>body #main.index #content-in { min-height: 800px; height: auto }
#logo-index { height: 69px; padding: 45px 0 0 0; line-height: normal; }
#rozcestnik-index { width: 100%; height: 360px; overflow: hidden; margin: 0 0 80px 0 }
#rozcestnik-index ul { margin: 0; padding: 0; list-style: none }
#rozcestnik-index li { float: left; text-indent: -999em }
#rozcestnik-index li a { display: block; height: 260px; text-decoration: none; background: transparent url(img/sys/bg_rozcestnik_index_c.jpg) no-repeat 0 0 }
#r1 a { width: 180px }
#r1 a:hover, #r1 a:focus, #r1.active a { background-position: 0 -260px !important }
#r2 a { width: 180px; background-position: -180px 0 !important }
#r2 a:hover, #r2 a:focus, #r2.active a { background-position: -180px -260px !important }
#r3 a { width: 180px; background-position: -360px 0 !important }
#r3 a:hover, #r3 a:focus, #r3.active a { background-position: -360px -260px !important }
#r4 a { width: 180px; background-position: -540px 0 !important }
#r4 a:hover, #r4 a:focus, #r4.active a { background-position: -540px -260px !important }
#r5 a { width: 180px; background-position: -720px 0 !important }
#r5 a:hover, #r5 a:focus, #r5.active a { background-position: -720px -260px !important }
#rozcestnik-index div { float: left; width: 170px; padding: 0px 5px 0 5px }
#rozcestnik-index h2 { font-size: 110%; margin: 0 }
#rozcestnik-index h2 a { color: #0065b0 }
#rozcestnik-index h2 a:hover { color: #f2633a }
#rozcestnik-index div p { color: #000 !important; margin: 1em 0 0 0 !important; line-height: normal; font-size: 90% }
#main.index h3 { color: #f2633a; margin: 1.5em 0 0 0 }
#main.index p { color: #0065b0; margin: 0 0 1em 0 }
/* /index */

/* ostatni tridy pro web */
#bannery { text-align: center }
.h-clear { width: 100%; clear: both }
.oc { font-size: 140%; padding:  0.1em 0.3em; border: 1px solid #99CC33 }

#content .t-info th { padding: 1px 10px; border: 2px solid #000000; background-color: #99CC33; text-align: center; text-transform: uppercase }
#content .t-info td { padding: 1px 10px; border: 2px solid #000000; text-align: center; vertical-align: top }
#content .t-info .td-grey td, #content .t-info .td-grey { background-color: #dadada; font-weight: bold }
#content .t-info .td-green { background-color: #CCFF99 }
#content table .t-info td { padding: 1px 5px }

.vat td { vertical-align: top }
.p-green { clear: both; padding: 0.3em 0.8em; background-color: #CCFF99 }

#content table { border-color: #000000 }
#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% }
/* /ostatni tridy pro web */

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

/* novinky */
.news h4 { margin: 0; font-size: 120% }
.nw_date { font-weight: bold }
.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 }
/* /fotogalerie */

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

/* kontakty */
div.p_card2 { margin: 0.5em 0; background: #eeeeee; padding: 3px; }
div .even { background: #ffffff; }
/* /kontakty */

/* katalog */
div.c_typ img.border { border: none }
div.c_top { margin-top: 1em; text-align: right }
div.c_typ thead td { font-weight: bold }
#content table.c_zbozi { margin: 0.3em 0 1em 0 }
#content td.c_cena { width: 60px; text-align: right }
#content td.c_kosik { white-space: nowrap; width: 65px }
/* /katalog */

/* e-shop */
#objednavka-info { position: absolute; top: 10px; right: 20px; width: 180px; height: 101px; color: #000000; text-decoration: none; background: url(img/sys/bg_objednavka.gif) left top no-repeat }
#objednavka-info b { display: block; padding: 26px 0 2px 42px; text-align: center }

.zbozi-item-in table { text-align: left; margin-left: auto; margin-right: auto }
.zbozi-item-in h3 { min-height:55px; font-size:180%; margin:5px 0;}

.cena { font-size:120%; line-height: 2 }
.strike { text-decoration: line-through }

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

div.produkt {
  float: left;
  width: 200px;
  text-align: center;
}

div.produkt h2 {
  font-size: 100%;
  padding: 0;
  margin: 0;
}
div.produkt h3 {
  font-size: 100%;
  padding: 0;
  margin: 0.4em 0;
}
div.c_photo { position: relative; background: #ffffff }
div.c_photo span.new { position: absolute; right: 0; top: 0 }
#content div.c_photo table {}
#content div.c_photo table a { outline: none }
#content div.c_photo table td { padding: 0; vertical-align: middle; text-align: center; height: 170px; width: 200px }
html>body>#main>#content>#content-in>form>div.c_photo table td { min-height: 170px; height: auto }
div.c_photo td img { padding: 0; margin: 0; border: none }

#content div.p-info { height: 50px; padding: 0 5px }
html>body>#main>#content>#content-in>form>div.produkt>div.p-info { min-height: 50px; height: auto }
div.p-footer input.text { border: 2px solid #9FCC25 }
/* /e-shop */

/* news */
div.news { margin: 2em 0 }
div.news h3 { margin: 0 }
/* /news */

/* top-links na index */
#top-links { position: relative; left: 425px; top: -20px; color: #000 }
#top-links a { font-size: 90%; margin: 0 0.5em; text-decoration: none; color: #000 }
#top-links a:hover { text-decoration: underline }
/* /top-links na index */

/* rozcestnik kusovy sortiment */
.uss_alu { }
.vkss_alu { }
/* /rozcestnik kusovy sortiment */