/* =============================================== G L O B A L =============================================== */ body { background: url(../images/bg-body.png) repeat-x top #296198; text-align: center; } body, td, th, input, textarea, select { font: 62.5% sans-serif; } img, fieldset { border: 0 solid; } h6, h5, h4, h3, h2, h1, p, ul, ol, li, dl, dd, dt, input, select, textarea, form, fieldset, body { margin: 0; padding: 0; } /* ............................................................................................................ */ /* hidden & clear & half */ hr { display: none; } .hidden { position: absolute; top: -10000px; left: 0; } .clr { clear: both; height: 1px; font-size: 1px; overflow: hidden; } /* pouzivat acronym - IE nerozezna abbr */ acronym, abbr { background: url(../images/dot.gif) repeat-x bottom; border: 0; cursor: help; padding: 0; } #center { color: #fff; } /* nadpisy + odstavec */ p { line-height: 140%; color: #fff; text-align: justify; padding: 0 0 0.7em; } div.err { color: #FFCC00; font-weight: bold; padding: 2px 0px 6px 0px; } /* seznamy */ ul { list-style-type: none; margin: 0 0 1em; } li { background: url(../images/li-dot.gif) no-repeat left 8px; /*color: #000;*/ padding: 0.3em 0 0.3em 20px; } ul.nobullet li { background: 0; padding-left: 0; } ol { margin: 0 0 1em; list-style-position: inside; } ol li { background: none; padding: 0; margin: 0.5em 0; list-style-type: decimal; } ul li div { color: #fff; } /* tabulky */ table { width: 100%; margin: 0 0 1.5em; border: 0; border-collapse: collapse; clear: both; } table th, table td { font-size: 1em; /*color: #58585A;*/ vertical-align: middle; border: none; border-bottom: 1px solid #bababa; border-collapse: collapse; padding: 0.6em; } table caption { font-style: italic; padding: 0 0 0.5em; } table th { background: #F2F2F2; font-weight: bold; text-align: left; } td p, th p { padding: 0px; margin: 0px; } /* formular */ form input, form textarea { font-size: 1.1em; padding: 3px; border: 1px solid #525252; } form input.sub { font-size: 1.1em; border: 0; padding: 3px 10px 2px; color: #fff; cursor: pointer; } /* ============================================================================================================ */ #page { width: 970px; margin: 0 auto; text-align: left; font-size: 1.2em; } #page:after { content:" "; display: block; clear: both; height: 0px; } #head { height: 138px; position: relative; } #center { float: left; width: 644px; padding: 10px 0 0 10px } #right { float: right; width: 290px; padding: 20px 0 0; } #foot { float: left; width: 100%; padding: 0 0 40px; } /* -----------------------------------------------/ RIGHT BOX /------------------------------------------------- */ /* vyhledavaci form */ #right form#search fieldset { border: 0;} #right form#search legend { display: none; } #right form#search input { width: 200px; } #right form#search input.sub{ width: 70px; background: url(../images/bg-submit-search.png) repeat-x #fbac00; } /* aktuality */ #right #news { margin: 25px 0; } #right #news h2 { background: url(../images/ico-news.png) no-repeat top left; padding: 10px 0 20px 30px; font-size: 1.4em; text-transform: uppercase; font-weight: bold; color: #fff; } #right #news h2 span { background: url(../images/ico-news1.png) no-repeat top right; color: #ffad00; padding: 35px 65px 30px 0; } #right #news h3 { font-size: 1.1em; color: #fff; } #right #news p { font-size: 1em; text-align: left; } #right #news img { border: 4px solid #fff; } #right #news a.more-act { color: #fff; background: url(../images/bg-submit-search.png) repeat-x #fbac00; padding: 3px 13px; text-decoration: none; font-size: 1.1em; } /* eshop */ /* #right #eshop { width: 198px; height: 97px; background: url(../images/bg-eshop.jpg) no-repeat; text-align: center; padding: 35px 0 0 85px; margin: 0 0 15px; } #right #eshop h2 { font-size: 2.2em; color: #000; text-transform: uppercase; font-weight: bold; margin: 0 0 0.2em; } #right #eshop h3 { font-size: 1.0em; color: #000; text-transform: uppercase; font-weight: normal; } #right #eshop a { font-size: 1.4em; color: #fff; text-transform: uppercase; font-weight: bold; } */ /* produktovy list - podstranka */ #right .bluebox { width: 287px; background: url(../images/bg-blueboxt-right.png) no-repeat top; padding: 11px 0 0; margin: 0 0 15px; } #right .blueboxbottom { background: url(../images/bg-blueboxb-right.png) no-repeat bottom; padding: 0 0 11px; } #right .blueboxpattern { background: url(../images/bg-blueboxp-right.png) repeat-y; padding: 5px 25px 5px 25px; } #right .bluebox h2 { font-size: 1.2em; color: #000; text-transform: uppercase; font-weight: bold; margin: 0 0 1em } #right .bluebox p { font-size: 1.1em; } /* newsletter */ #right #newsletter { float: left; width: 283px; background: url(../images/bg-newslettert.png) no-repeat top; padding: 16px 0 0; margin: 10px 0 ; } #right #newsletterin { background: url(../images/bg-newsletterp.png) repeat-y; } #right #newsletterbox { min-height: 120px; background: url(../images/bg-newsletterb.png) no-repeat bottom; padding: 0 0 15px;} * html #right #newsletterbox { height: 120px; } #right #newsletter form { padding: 15px 0 0 34px } #right #newsletter form fieldset { border: 0; } #right #newsletter form legend { color: #000; text-transform: uppercase; font-size: 1.2em; font-weight: bold; padding: 0 0 5px; #margin: 0 0 0 -6px } #right #newsletter form input { width: 200px; margin: 3px 0 5px; font-style: italic; } #right #newsletter form input.sub { background: url(../images/bg-submit.png) repeat-x; border: 0; color: #fff; width: auto; margin: 0 41px 0 0; font-style: normal; float: right } #right #newsletter #FORMVICE2 * { font-style: normal; } #right #newsletter #FORMVICE2 textarea { width: 200px; margin-bottom: 5px; } /* zavolejte nam */ #right #call { float: left; width: 283px; height: 103px; background: url(../images/bg-call-us.png) no-repeat; position: relative; } #right #call form { position: absolute; top: 42px; right: 29px; } #right #call form legend { display: none; } #right #call form input { border: 0; width: 145px; float: right; clear: both; background: transparent none;} #right #call form input.sub { background: url(../images/bg-submit.png) repeat-x; border: 0; color: #fff; width: auto; margin: 5px 0 0; font-style: normal; float: right} /* -----------------------------------------------/ TOP BOX /------------------------------------------------- */ #head a.logo { position: absolute; top: 48px; left: 0; } /* menu 1.uroven */ #menu { width: 620px; position: absolute; top: 79px; right: 0px; height: 31px; } #menu ul { possition: relative; margin: 0; z-index: 1000; text-align: center; } #menu ul li.top { float: left; margin: 0 0 0 2px; background: none; display: inline; padding: 0; cursor: pointer; background: url(../images/bg-menu-li.jpg) no-repeat left 9px; font-size: 0.9em; } #menu ul li a.link { display:block; float:left; background: url(../images/bg-menur.png) no-repeat top right; padding: 0 8px 0 0; color: #fff; text-transform: uppercase; text-decoration: none; } #menu ul li a.link span { display: block; padding: 10px 0 10px 8px; background: url(../images/bg-menul.png) no-repeat top left; color: #fff; } #menu ul li a.link:hover, #menu ul li a.active { background: url(../images/bg-menur-active.png) no-repeat top right; } #menu ul li a.link:hover span, #menu ul li a.active span { background: url(../images/bg-menul-active.png) no-repeat top left; } #menu ul a:hover { visibility:visible; position:relative; z-index:200; } #menu ul li:hover { position:relative; z-index:200; } /* tabulka pro IE */ #menu ul table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; background: none; font-size: 0.76em; } #menu ul table td { border: 0;} /* menu 2. uroven */ #menu ul ul { position:absolute; left:-9999px; top:-9999px; margin:0; padding:0; min-width: 150px; height: auto; z-index: 500; text-align: left; } * html #menu ul li ul { width: 150px; } #menu ul :hover ul { left:0px; top:33px; background: url(../images/bg-menu-ulul.png) no-repeat bottom right; padding: 0px 15px 0px; white-space:nowrap; z-index:300; } * html #menu ul :hover ul { background: #376797; } #menu ul li ul li { padding: 0.6em 0; background: url(../images/dot-white.gif) repeat-x top; width: 100%; } #menu ul :hover ul li { display:block; position:relative; padding: 0.6em 0; } #menu ul :hover ul li.sm0 { background: none; } #menu ul :hover ul li a { display:block; color:#fff; text-decoration:none; padding: 0 0 0 20px; background: url(../images/bg-ulul-li.gif) no-repeat left 50%; font-size: 1.2em; } #menu ul :hover ul li a:hover { color:#000;} /* ----------------------------------------------/ BOTTOM BOX /------------------------------------------------ */ #foot ul { width: 100%; text-align: center; padding: 40px 0 0; } #foot ul li { display: inline; padding: 0; border-left: 1px solid #fff; background: none; } #foot ul li.m0 { border: 0;} #foot ul li a { color: #fff; padding: 0 10px 0; text-transform: uppercase; } /* -----------------------------------------------/ CENTER BOX /------------------------------------------------- */ /* drobeckova navigace */ #center p#navigation { padding: 0 0 2.2em; } #center p#navigation a { color: #fff; } #center p#navigation strong { padding: 0 5px 0 0; } /* text box - index */ #center .textbox { float: left; width: 646px; min-height: 220px; background: url(../images/bg-textboxt.png) no-repeat top; padding: 11px 0 0; } #center .textboxbottom { background: url(../images/bg-textboxb.png) no-repeat bottom; min-height: 220px; padding: 10px 25px 15px } * html #center .textboxbottom{ height: 220px; } #center .textboxpattern { background: url(../images/bg-textboxp.png) repeat-y; } #center .textbox p, #center .textbox li { color: #000; } #center .textbox h2, #center .textbox a { font-weight: bold; color: rgb(255, 102, 0); } /* ico box - index */ #center .icobox { float: left; width: 654px; min-height: 300px; background: url(../images/bg-icoboxt.jpg) no-repeat top; padding: 11px 0 0; margin: 0 0 7px -5px; display: inline; } #center .icoboxbottom { background: url(../images/bg-icoboxb.jpg) no-repeat bottom; min-height: 300px; padding: 10px 25px 15px } * html #center .icoboxbottom{ height: 300px; } #center .icoboxpattern { background: url(../images/bg-icoboxp.jpg) repeat-y; } #center .icobox .left { width: 300px; float: left; background: url(../images/bg-icobox-h2l.gif) repeat-x 0 45px; } #center .icobox .right { width: 300px; float: left; background: url(../images/bg-icobox-h2r.gif) no-repeat 0 45px; } #center .icobox h2 { color: #fff; text-transform: uppercase; font-weight: bold; margin: 20px 0 1.5em; padding: 0 0 0 25px } #center .icobox ul { margin: 0 0 0 15px} #center .icobox ul li { color: #fff; font/-size: 1.2em; font-weight: bold; text-transform: uppercase; padding: 0.4em 0 0.6em 30px; margin: 0 0 0.3em } #center .icobox ul li a { color: #fff; } #center .icobox ul li.ico1 { background: url(../images/ico1.png) no-repeat top left; } #center .icobox ul li.ico2 { background: url(../images/ico2.png) no-repeat top left; } #center .icobox ul li.ico3 { background: url(../images/ico3.png) no-repeat top left; } #center .icobox ul li.ico4 { background: url(../images/ico4.png) no-repeat top left; } #center .icobox ul li.ico5 { background: url(../images/ico5.png) no-repeat top left; } #center .icobox ul li.ico6 { background: url(../images/ico6.png) no-repeat top left; } #center .icobox ul li.ico7 { background: url(../images/ico7.png) no-repeat top left; } #center .icobox ul li.ico8 { background: url(../images/ico8.png) no-repeat top left; } #center .icobox ul li.ico9 { background: url(../images/ico9.png) no-repeat top left; } #center .icobox ul li.ico10 { background: url(../images/ico10.png) no-repeat top left; } #center .icobox ul li.ico11 { background: url(../images/ico11.png) no-repeat top left; } #center .icobox ul li.ico12 { background: url(../images/ico12.png) no-repeat top left; } /* produktovy list - podstranka */ #center .bluebox { float: left; width: 303px; background: url(../images/bg-blueboxt.png) no-repeat top; padding: 11px 0 0; } #center .blueboxbottom { background: url(../images/bg-blueboxb.png) no-repeat bottom; padding: 0 0 11px; } #center .blueboxpattern { background: url(../images/bg-blueboxp.png) repeat-y; padding: 15px 15px 15px 25px; } #center .bluebox p { background: url(../images/ico-product-list.png) no-repeat left 3px; padding: 0 0 1em 35px } #center .bluebox form { padding: 15px 0 0 34px } #center .bluebox form fieldset { border: 0; } #center .bluebox form legend { color: #fff; font-/size: 1.2em; font-weight: bold; padding: 0 0 15px; #margin: 0 0 0 -6px } #center .bluebox form input, #center .bluebox form textarea { width: 200px; margin: 0 0 15px; } #center .bluebox form input.sub { background: url(../images/bg-submit.png) repeat-x; border: 0; color: #fff; width: auto; margin: 0 0 0 1px; font-style: normal; } /* videobox (vedle produk. listu) - podstranka */ .video { float: right; width: 300px; background: url(../images/dot-white.gif) repeat-y left; padding: 0 0 0 15px; } /* reference */ #center #reference { float: left; width: 654px; background: url(../images/bg-referencet.png) no-repeat top; padding: 25px 0 0; margin: 10px 0 ; } #center #referencein { background: url(../images/bg-referencep.png) repeat-y; } #center #referencebox { min-height: 170px; background: url(../images/bg-referenceb.png) no-repeat bottom; padding: 0 20px 20px 20px;} * html #center #referencebox { height: 170px; } #center #reference img { border: 6px solid #ff9f00; margin: 5px 2px 0; } #center #reference p { font-weight: bold; padding: 2px 0 5px 4px; } /* ----------------------------------------/ KONTAKTNI FORMULAR S TABULKOU /--------------------------------------- */ #form-table .btns { float: right} #form-table form label { float: right; } #form-table form legend { display:none; } #form-table form label span { color: #ff0000; } #form-table form input, #form-table form textarea { padding: 2px 5px; font--size: 1.1em; border: 1px solid #CECECE; background: url(../images/input.jpg) no-repeat top left; width: 270px; } #form-table form select { width: 280px; border: 1px solid #CECECE; } #form-table form textarea { margin: 5px 0 0; height: 80px; } /* tabulky */ #form-table table { width: 570px; margin: 0 0 1.5em; border: 0; border-collapse: collapse; clear: both; background: none transparent; } #form-table table th, #form-table table td { font-size: 1.0em; color: #fff; vertical-align: middle; border: 0; border-collapse: collapse; padding: 0.6em; font-weight: normal } #form-table table caption { font-size: 1.0em; font-style: italic; padding: 0 0 0.5em; } #form-table table th { background: none transparent; text-align: left; } /* hover u tabulky - htc soubor */ #form-table table tr:hover, #form-table table tr.hover { background: none; } #form-table table tr { behavior: none; } #form-table .head-foot { font-size: 1.0em; text-align: justify; } /* ------------------------------------/ MAPA WEBU /----------------------------------------------------------- */ #map div { color: #fff; } /* ------------------------------------/ VYHLEDAVANI /--------------------------------------------------------- */ #searchResult { margin: 20px 0 0; } #searchResult li { color: #fff; background-position: left 10px; } /* ------------------------------------/ BANNER /----------------------------------------------------------- */ .banner { width: 100%; } .banner a { display: block; text-align: center; } /* ------------------------------------/ ANKETA /----------------------------------------------------------- */ .poll { color: #fff; margin: 10px 0; } .poll input { margin: 0 3px 0 0; } .poll input.submit { float: right; } #center img { border: 6px solid #96b2cd; } #foot p { text-align: center; } .news { float: left; width: 100%; margin: 0 0 10px; } .news h3 { font-size: 1.2em; font-weight: bold; } .router .image { float: left; margin-right: 15px; } .router img { width: 66px; } .router li { clear: both; list-style-type: none ; background: none; padding-top: 7px; padding-bottom: 7px; } .router .link { font-size: 120%; font-weight: bold; padding-bottom: 5px; } .bluebox { clear: both;} #center .news h3 { font-size:1.5em; padding-bottom:15px; text-transform:uppercase; } #spamprotirobotum, #spamprotirobotum2 { margin: 0px 0px 8px 0px; } #spamprotirobotum .hdf, #spamprotirobotum2 .hdf { display:none; position: absolute; left: -9999; } #spamprotirobotum span, #spamprotirobotum2 span { font-size: 190%; font-family:monospace; border:1px solid #dedede; padding: 5px; font-weight:bold; } #center .bluebox #spamprotirobotum input, #spamprotirobotum2 input { margin-left:10px; width: 50px; } #spamprotirobotum label, #spamprotirobotum2 label { display: block; font-weight: bold; } #spamprotirobotum em, #spamprotirobotum2 em { font-style: normal; display: block; padding-bottom: 10px; } #languages { position: absolute; top: 10px; } #languages ul { list-style: none; margin-left: 200px; } #languages li { background: none; float:left; margin: 0px; padding: 10px 5px; } #languages a { display: block; width:16px; height: 10px; margin: 0; padding: 0; border: 1px solid #6a6a6a; } #languages a span { display: none; } #languages li.CS a { background: url(../images/ico-cz.gif) no-repeat top left; } #languages li.EN a { background: url(../images/ico-en.gif) no-repeat top left; } #languages li.DE a { background: url(../images/ico-de.gif) no-repeat top left; } a.eshop img { margin-bottom: 20px;}