/* ========================= G L O B A L ================================ */ body { margin: 0; padding: 0; background: #fff; color: #222; text-align: center;} body * { line-height: 120%; } body, td, th, input, textarea, select { font: 12px "Helvetica CE", helvetica, arial, lucida, sans-serif; } img, fieldset { border: 0 solid; } h6, h5, h4, h3, h2, h1, p, ul, ol, li, dl, dd, dt, form, fieldset, input, select, textarea { margin: 0; padding: 0; } html, body { height: 100%; } /*---------*/ .clr { clear: both; height: 1px; font-size: 1px; overflow: hidden; } hr { display: none; } h1, h2, h6 { position: absolute; top: -1000px; } /* ================*/ #page { margin: 0 auto; width: 776px; min-height: 100%; position: relative; text-align: left; background: url(/images/bg-body1.gif) repeat-y 50% 0;} #pageFull { margin: 0 auto; width: 776px; min-height: 100%; position: relative; text-align: left; background: url(/images/bg-body-full1.gif) repeat-y 50% 0;} * html #page, * html #pageFull { height: 100%; } /*---------*/ /* logo a montage */ #cs #head { width: 775px; height: 69px; background: url(/images/bg-head-cs4.gif); } #en #head { width: 775px; height: 69px; background: url(/images/bg-head-en1.gif); } #es #head { width: 775px; height: 69px; background: url(/images/bg-head-es.gif); } #de #head { width: 775px; height: 69px; background: url(/images/bg-head-de.gif); } #fr #head { width: 775px; height: 69px; background: url(/images/bg-head-fr.gif); } #pt #head { width: 775px; height: 69px; background: url(/images/bg-head-pt.gif); } #head a { display: block; width: 775px; height: 69px; } #head a span { position: absolute; top: -1000px; } /*---------*/ #main { width: 775px; background: url(/images/bg-main2.gif) no-repeat; } #mainFull { width: 775px; background: url(/images/bg-main-full2.gif) no-repeat; } /*---------*/ /* navigacni menu */ #menu { width: 184px; float: left;} #menu ul { margin: 22px 0 0 10px; list-style-type: none; font-weight: bold; font-size: 12px; } #menu li { width: 155px; min-height: 23px; margin: 0 0 10px; background: url(/images/bg-li.gif) no-repeat; } * html #menu li { height: 23px; } #menu li.active { background: url(/images/bg-li-over.gif) no-repeat; } /* vnorena uroven */ #menu ul ul { margin: 10px 0 0 18px; } #menu li li { background: url(/images/bg-li-li.gif) no-repeat; margin: 10px 0 0 0; } #menu li li.active { background: url(/images/bg-li-li-over.gif) no-repeat; } /* odkazy */ #menu li a { display: block; width: 135px; height: 18px; padding: 5px 10px 0 10px; text-decoration: none; color: #fff; } * html #menu li a { width: 155px; height: 23px; w\idth: 135px; he\ight: 18px; } #menu li li a { width: 120px; } * html #menu li li a { width: 140px; w\idth: 120px; } #menu li a:hover, #menu li.active li a:hover { color: #A3CFFF; } #menu li.active a:hover, #menu li li.active a:hover { color: #FDC311;} /*---------*/ /* dvouradkova polozka */ #menu li.double { min-height: 38px; background: url(/images/bg-li-d.gif) no-repeat; } * html #menu li.double { height: 38px; } #menu li.double-active { min-height: 38px; background: url(/images/bg-li-over-d.gif) no-repeat; } * html #menu li.double-active { height: 38px; } /* vnorena uroven dvouradkove polozky */ #menu li li.double { background: url(/images/bg-li-li-d.gif) no-repeat; } #menu li li.double-active { background: url(/images/bg-li-li-over-d.gif) no-repeat; } /* dvouradkove odkazy */ #menu li.double a { height: 33px; padding: 5px 10px 0 10px; } * html #menu li.double a { height: 38px; he\ight: 33px; } #menu li li.double-active a:hover, #menu li.double-active a:hover { color: #FDC311; } /*---------*/ /* triradkova polozka */ #menu li.three { min-height: 55px; background: url(/images/bg-li-three.gif) no-repeat; } * html #menu li.three { height: 55px; } #menu li.three-active { min-height: 55px; background: url(/images/bg-li-over-three.gif) no-repeat; } * html #menu li.three-active { height: 55px; } #menu li.three-active-CntFnt {padding: 5px 20px 0 0px; text-align: center; font-size: 14px; min-height: 55px; background: url(/images/bg-li-over-three.gif) no-repeat; } #menu li.three-active-CntFnt a:hover { color: #FDC311; } /* vnorena uroven triradkova polozky */ #menu li li.three { background: url(/images/bg-li-li-three.gif) no-repeat; } #menu li li.three-active { background: url(/images/bg-li-li-over-three.gif) no-repeat; } /* triradkove html */ #menu li.three p {color: #fff;text-align: center; height: 51px; padding: 5px 20px 0 0px; } * html #menu li.three p {color: #fff;text-align: center; height: 55px; he\ight: 51px; } #menu li.three-active p {color: #fff;text-align: center; height: 51px; padding: 5px 20px 0 0px; } * html #menu li.three-active p {color: #fff;text-align: center; height: 55px; he\ight: 51px; } /*---------*/ /* ctyradkova polozka */ #menu li.four { min-height: 67px; background: url(/images/bg-li-four.gif) no-repeat; } * html #menu li.four { height: 67px; } #menu li.four-active { min-height: 67px; background: url(/images/bg-li-over-four.gif) no-repeat; } * html #menu li.four-active { height: 67px; } /* vnorena uroven ctyradkova polozky */ #menu li li.four { background: url(/images/bg-li-li-four.gif) no-repeat; } #menu li li.four-active { background: url(/images/bg-li-li-over-four.gif) no-repeat; } /* ctyradkova html */ #menu li.four p {color: #fff;text-align: center; height: 60px; padding: 5px 20px 0 0px; } * html #menu li.four p {color: #fff;text-align: center; height: 67px; he\ight: 60px; } #menu li.four-active p {color: #fff;text-align: center; height: 60px; padding: 5px 20px 0 0px; } * html #menu li.four-active p {color: #fff;text-align: center; height: 67px; he\ight: 60px; } /*---------*/ /* bubliny */ #menu .buble { margin: 7px 0 7px 10px; width: 155px; background: url(/images/bg-buble-bot.gif) bottom no-repeat; } #menu .in-buble { background: url(/images/bg-buble-top.gif) no-repeat; padding: 9px 7px 7px; overflow: hidden } #menu .in-buble p { background: #fff; padding: 3px 5px; width: 131px; } #menu .in-buble p.red { color: #FF3838;} #menu .in-buble span.red { color: #FF3838;} #menu .in-buble span.black { color: #000;} #menu .in-buble p.blue {font-size: 15px; color: #3D71BC; border-bottom: 0px; font-weight: bold;} #menu .in-buble a:link, a:visited { color: #FF3838; font-weight: bold; } #menu .in-buble p a:hover { color: #fff; background: #A3CFFF; text-decoration: none;} #menu .in-buble img { margin: 0 0 -2px; } #menu .buble.center { text-align: center; } /*---------*/ /* bubliny long */ #menu .bubleLong { margin: 7px 0 7px 10px; width: 155px; background: url(/images/bg-buble-bot-long.gif) bottom no-repeat; } #menu .in-bubleLong { background: url(/images/bg-buble-top.gif) no-repeat; padding: 9px 7px 7px; overflow: hidden } #menu .in-bubleLong img { margin: 0 0 -2px; } /*---------*/ /* Image */ #menu .Image { margin: 7px 0 7px 17px; width: 155px;} #menu .Image.center { text-align: center; } /*---------*/ /* bubliny v menu */ #menu .bubleMenu { margin: 7px 0 7px 10px; width: 155px; background: url(/images/bg-buble-bot.gif) bottom no-repeat; } #menu .in-bubleMenu { background: url(/images/bg-buble-top.gif) no-repeat; padding: 9px 7px 7px; overflow: hidden } #menu .in-bubleMenu p { background: #fff; padding: 3px 5px; width: 131px; } #menu .bubleMenu.center { text-align: center; } /*---------*/ /* sirka obsahovy ramec */ #content-box {width: 572px; float: right;} #content-box-full { width: 762px; float: right; } /*---------*/ /* horizontální menu */ .servicesMenu { height: 40px; margin: 0 0 0 -45px; } /* urcuje odsazeni obsahu v horizontalnim smeru */ .servicesFull { height: 40px; margin: 0 0 0 145px; } /* urcuje odsazeni obsahu v horizontalnim smeru */ #services ul { height: 37px; list-style-type: none; padding: 0 0 0 50px;} #services li { float: left; background: url(/images/bg-sep1.gif) no-repeat 100% 0; } #services li.last, #services li.flag { background: none; padding: 9px 0px 0px 3px; } #services li a { float: left; display: block; font-weight: bold; text-decoration: none; color: #fff; padding: 8px 8px 6px 4px;} #services li.active a { text-decoration: underline; color: #125CAA; } #services li a:hover, #services li.active a:hover { color: #125CAA; } #services li.last a { padding: 6px 12px 6px 4px; } #services li.flag a { padding: 6px 6px 6px 3px; } /*-----------*/ /* obsah stranky */ #content { padding: 0 5px 30px 0; } /* definice sloupcu */ #content #fl { float: left; padding: 0 5px 0 0; } #content #fl-2 { float: left; width: 350px; } #content #fr { float: right; width: 155px; font-size: 11px; color: #000; padding: 0 27px 0 0; } * html #content #fr { width: 182px; w\idth: 155px; } #content a:link, a:visited { color: #FF3838; font-weight: bold; } #content a:hover { color: #fff; background: #1F388F; text-decoration: none; } /* texty */ #content h3 { margin: 0 0 0.5em; padding: 0 0 0.1em; font-size: 17px; border-bottom: 1px solid #e2e2e2; color: #3D71BC; } #content h3.cnt {text-align: center;} #content .TitlesMain {font-size: 15px; color: #3D71BC; border-bottom: 0px; font-weight: bold;} #content .Titles {font-size: 14px; color: #000; border-bottom: 0px;} #content .FontBlack {color: #000;} #content h4 { margin: 0 0 0.2em; padding: 0 0 0.1em; font-size: 14px; color: #000; } #content h5 { margin: 0 0 0.2em; padding: 0 0 0.1em; font-size: 11px; color: #000; } #content ul { margin: 0.5em 0 1.5em; list-style-type: none; } #content ul ul { margin: 5px 0 0 5px; } #content ul li { background: url(/images/bg-li-cont.gif) no-repeat 0 1px; min-height: 16px; margin: 0 0 0.5em; padding: 0 0 0 20px; } #content ol { margin: 2px 20px 2px;} #content ol li { margin: 2px 1px 1px 5px; } #content p { margin: 0 0 1.5em; } /* obrazky */ #content .il { float: left; clear: left; margin: 2px 1em 1em 0; } #content .ir { float: right; clear: right; margin: 2px 0 1em 1em; } /*---------*/ /* tlacitka ve strance */ #content .Button {margin: 5px 0 0 0; width: 175px; height: 50px; text-align: center; background: url(/images/bg-button-over-three.gif) no-repeat;} #content .Button div.Line1 {padding: 8px 10px 0 5px;} #content .Button div.Line2 {padding: 15px 10px 0 5px;} #content .Button a:link, #content .Button a:visited {color: #fff; font-size: 14px; text-decoration: none;} #content .Button a:hover { color: #FDC311; background: none;} /*---------*/ /* objednavka - formular */ #content #form { margin: 0 0 0; padding: 0.4em 0.8em; border: 1px solid #555; background: #eee; } #content #form fieldset { margin: 0.5em 5px 0 5px; border: 1px solid #fff; } #content #form legend { margin: 0 0 0.1em 1px; padding: 0.1em 0.5em; background: #CBE0F7; font-weight: bold; border: 1px solid #fff; } #content #form legend.nobold {font-weight: normal; } #content #form label { display: block; float: left; clear: left; width: 150px; text-align: right; font-weight: bold; padding-top: 0.2em; margin: 0 20px 0.1em 0; } #content #form label.nobold {font-weight: normal;} #content #form input #content #form select { margin-bottom: 1px;} #content #form p { font-size: 11px; margin: 0 0 0 190px; } #content #form textarea { margin-bottom: 5px; margin: 0 1px 0.3em 5px;} /* odesilaci tlacitka */ #content #form .submit { margin: 0.5em 0 0.5em 190px; } #content #form .submit input{ width: 80px; height: 21px; margin: 0 10px 0 0; border: 1px solid #555; background: url(/images/bg-table.gif) 0 -2px; text-align: center; font-weight: bold } #content #form .submit input.nobold {font-weight: normal;} #content #form .submit input.cnt {margin: 0.5em 0 0.5em 0px;} /*---------*/ /* objednavka - tabulka */ #form table { width: 100%; border-bottom: 1px solid #555; margin: 0 0 2em; } #form td { border: solid #fff; border-width: 0 1px 1px 0; padding: .2em .5em; background: #eee; font-size: 12px; text-align: right;} #form td input { text-align: right; } #form td input.cnt { text-align: center; } #form td input.readonly { } #form td.al { text-align: left; } #form td.cnt { text-align: center; } #form tr.header td { border-width: 1px 0 2px; padding: 0.5em; background: url(/images/bg-table.gif) repeat-x #747474; font-weight: bold; color: #fff; } #form tr.header td.last { border-width: 1px 1px 2px 0; } #form tr.footer td { border-width: 1px 0 2px; background: #CBE0F7; font-weight: bold; } #form tr.footer td.last { border-width: 1px 1px 2px 0; } /* chybova hlaska */ #content .error { margin: 0 0 1em; padding: 0.5em 1em 0; border: 1px solid #555; background: #fec000; } #content .error h5 { margin: 0 0 0.5em; font-size: 12px;} #content .error ul { list-style-type: square; margin: 0 0 1em; } #content .error li { margin: 0 0 0.2em 24px; padding: 0; background: none; } /* success hlaska */ #content .success { margin: 0 0 1em; padding: 0.5em 1em 0; border: 1px solid #555; background: #CBE0F7; } #content .success h5 { margin: 0 0 0.5em; font-size: 12px;} #content .success p { margin: 0 0 1em; } /*---------*/ /* paticka */ #content #foot {text-align: center; font-size: 11px; color: #777; border-top: 1px solid #e2e2e2; padding: 0.5em 0 0; position: absolute; bottom: 0px; Clear: both; margin: 0px 5%;} #content #foot a { color: #777; } #content #foot a:hover { color: #fff; background: #777; } #content #foot div {padding: 0 0 0.4em;} /*---------*/ #content .screenshot table {margin: 0px; width: 100%;} #content .screenshot div {margin: 0 8px 10px 0; text-align: center; width: 100%;} #content .screenshot div a { display: block; background: #fff; color: #fff; TEXT-DECORATION: none} #content .screenshot div a:hover {background: #DFF5FF; color: #000} #content .screenshot div a:hover span {color: #000; } #content .screenshot div a img { border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 0px; margin: 2px auto;} #content .screenshot div a span { padding-left: 2px; padding-bottom: 2px; padding-right: 2px; padding-top: 2px; margin: 0px; color: #000; display: block; height: 100%; font-size: 12px; TEXT-DECORATION: none} #content .textredb {margin: 0 0 1em; font-weight: bold; color: #C8143C;} /* bubliny na strance*/ #content .buble1 { margin: 5px 5px 0 0; width: 155px; background: url(/images/bg-buble-bot-bgwhite.gif) bottom no-repeat; } #content .buble1 .in-buble { background: url(/images/bg-buble-top-bgwhite.gif) no-repeat; padding: 10px 7px 7px; overflow: hidden } #content .buble1 .in-buble a:link, a:visited { color: #FF3838; font-weight: bold; } #content .buble1 .in-buble a:hover { color: #fff; background: none; text-decoration: none; } #content .buble1 .in-buble img { margin: 0px; } #content .buble1 .buble.center { text-align: center; } /*---------*/ #download table { width: 100%;} #download td { background: #fff; text-align: left;} #download td.vmiddle { vertical-align: middle; } #download td.width45 { width: 45%; } #line1 hr.line2 {}