/******************************************
*            OBECNE STYLY                 *
******************************************/
* { padding: 0px; margin: 0px; }
body { background: white; }
body, td, th { color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; }

h1, h2, h3, h4, h5, h6 { color: #555555; }
h1 { margin: 20px 10px 15px 0; font-size: 160%; letter-spacing: -1px; }
#h1home { visibility: hidden; margin: 0; height: 1px; overflow: hidden; }
h2 { font-size: 130%; padding: 5px 0 10px 0; }
.h2top { background: white; padding: 20px 10px 25px 40px; position: relative; margin-left: 1px; }
#leftCol h2 { }
h3 { font-size: 120%; margin: 20px 0 10px 0; color: #669933; }
h3.product { font-weight: normal; font-size: 150%; padding-bottom: 15px; margin-top: 0; }
.refHome h2 {margin: 0; padding-left: 20px;}
.panel h3 { font-size: 100%; color: #33cccc; margin: 0; padding: 15px 10px 10px 15px; }
.news h3 { font-size: 120%; }
h4 { font-size: 120%; }
h5 { font-size: 100%; }

p { line-height: 130%; padding: 0 0 10px 0; text-align: justify; }
img { border: none; }
.bordered { border: solid 1px silver; width: 98px; padding: 3px; }

a { color: #666666; text-decoration: underline; }
a:hover { color: #bd0000; }
.cont a, .cBlCont a, .panel a, h3 a { color: #669933; }
.cont a:hover, .cBlCont a:hover, .panel a:hover, h3 a:hover { color: #33cccc; }
a.black { color: #333333; }
a.black:hover { color: #669933;}

a.hide { text-decoration: none; line-height: 1px; }
a.img { border: solid 1px #faa35b; overflow: hidden; display: block;}
a.img:hover { border: solid 1px #FF6347;}

ol li { list-style: decimal; }
ol li li { list-style: lower-alpha;}
.cont ul { margin: 0 0 15px 40px;}
.cont ol { margin: 0 0 15px 40px;}
.cont ul li { list-style: none; background: url(../img/odrazka-sedyctverec.gif) no-repeat left 6px; padding: 3px 20px; }
.cont ul li ul { margin-left: 10px; }
.cont ol li { padding: 3px 0 3px 20px; }
.refList ul { width: 200px; float: left; margin-left: 20px; }
.refList ul li { padding: 1px 20px; }

/*** pomocne *****************************/
.address { width: 300px; float: left; }
strong.faq { color: #669933; }
.next { text-align: right; padding: 15px 15px 0 14px; font-size: 85%; }
.first { height: 297px; }
.first h2 { display: none; }
.first ul li { color: #ff0000; list-style: none; background: url(../img/odrazka-cervenyctverec.gif) no-repeat left 4px; padding: 3px 20px; font-weight: bold; font-size: 110%; }
.first ul.normal li { color: #ff0000; list-style: none; background: url(../img/odrazka-cervenyctverec.gif) no-repeat left 4px; padding: 3px 20px; font-weight: normal; font-size: 100%; }
.first ul.product { margin-top: 10px; }
.first ul.product li { font-size: 130%; }
.first .flRight { position: relative; margin-top: -30px; }
.first .bt { margin: -60px 80px 0 0; }
.marked { color: #ff0000; padding: 10px 0px 20px 0; font-weight: bold; font-size: 110%; }
.center { text-align: center; position: relative; }
.noBord { border: none; }

/*** float / clear style *****************/
.both { clear: both; }
.flRight { float: right; margin: 0 30px 10px 50px; }
.flLeft { float: left; margin: 0 10px 10px 0; }
.center, .center td { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.clnr { clear: both; line-height: 0px; font-size: 0px; display: block; }
.clear { clear: both; line-height: 1px; font-size: 1px; display: block; }



/*** ods. odtrz. style ***********************************************/
.odsS { font-size: 6px; height: 6px; line-height: 6px; }
.odsM { font-size: 12px; height: 12px; line-height: 12px; }
.odsL { font-size: 18px; height: 18px; line-height: 18px; }
.odsXL { font-size: 24px; height: 24px; line-height: 24px; }
.odsXXL { font-size: 30px; height: 30px; line-height: 30px; }
.odtrz { border-top: 1px solid #ccc; height: 0px; }
.odtrzS { border-top: 1px solid #ccc; height: 0px; padding-bottom: 6px; }
.odtrzM { border-top: 1px solid #ccc; height: 0px; padding-bottom: 12px; }
.odtrzL { border-top: 1px solid #DFDFDF; height: 0px; padding-bottom: 18px; background: url(../img/shadow.gif) no-repeat center top; }
.odtrzXL { border-top: 1px solid #ccc; height: 0px; padding-bottom: 24px; }
.odtrzXXL { border-top: 1px solid #ccc; height: 0px; padding-bottom: 30px; }


/******************************************
*            VELIKOSTI PRVKU              *
******************************************/
.sizeS { width: 50px; }
.sizeSm { width: 75px; }
.sizeM { width: 100px; }
.sizeMl { width: 125px; }
.sizeL { width: 150px; }
.sizeLl { width: 175px; }
.sizeXl { width: 200px; }
.sizeXxl { width: 225px; }
.sizeXxxl { width: 250px; }
.sizeMax1 { width: 350px; }
.sizeMax2 { width: 400px; }
.sizeMax3 { width: 450px; }

/******************************************
*                 TABULKY                 *
******************************************/
table { border-collapse: collapse; width: 100%; padding: 0px; }
table td { border: none; vertical-align: top; font-size: 100%; }
/*** seda tabulka ************************/
.tabule { border: solid 1px #f1f1f1; padding: 1px; }
.tabule td, .tabule th { vertical-align: middle; background: #f1f1f1; padding: 3px 5px; border: solid 2px white; }
.tabule .right { padding: 10px 5px; }
/*** klasicka tabulka s okrajem *********************************/
table.bord { border: 1px solid #ccc; color: Gray; font-weight: bold; padding: 5px; }
table.bord td, table.bord th { border: 1px solid #ccc; }
table.bord th { background: #6A6A6A; }
table.bord td { vertical-align: top; font-weight: normal; padding: 0 4px; }
/*** radkova tabulka *******************************************/
table.line { border: none; border-top: 1px solid #6A6A6A; color: Gray; font-weight: bold; height: 24px; line-height: 24px; padding: 0 4px; }
table.line th, table.line td { border: none; border-bottom: 1px solid #6A6A6A; }
table.line th { /*background: #00008B;*/ }
table.line td { vertical-align: top; font-weight: normal; padding: 0 4px; }


/******************************************
*                FORM PRVKY               *
******************************************/
fieldset { border: solid 1px #f1f1f1; background: white; margin-top: -15px; }
.whiteFrame { border: solid 2px white; background: #f1f1f1; padding: 10px; }
input, select, textarea { margin: 2px 6px 2px 0; padding: 2px 0 2px 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; }
input, textarea { width: 490px; }
input.checkbox { width: auto; float: left; }
input { height: 18px; color: gray; font-style: italic; }
textarea { overflow: scroll; overflow: -moz-scrollbars-vertical; height: 100px; }
label { margin: 6px 20px 0 0; display: block; }
input.check { margin: 0px; }
html > body input.check { margin: 5px 0 0 0; }
.formButt { width: auto; padding: 4px 20px; height: 30px; color: #333333; font-style: normal; font-size: 100%; }
.formTable tr td { padding-bottom: 10px; }
.mandatory { color: #ff0000; }
input.butt { color: #333333; font-weight: bold; width: auto; height: auto; }


/******************************************
*                 LAYOUT                  *
******************************************/

/*** HLAVICKA ****************************/
#head { width: 100%; height: 164px; }
#headImg { background: url(../img/bg-head.jpg) no-repeat center top; height: 164px; }
#headImg a#logo { width: 162px; height: 122px; margin-left: 50px; margin-top: 20px; float: left; }
#headImg #textBlock { width: 500px; height: 164px; float: right; visibility: hidden; overflow: hidden; }
#headImg #textBlock p { color: black; margin: 8px 0; text-align: right; }
#headImg #textBlock p strong { font-size: 110%; }
#headImg #textBlock p.headline { font-size: 150%; }

/*** MENU ********************************/
#menu { height: 31px; border: solid 3px white; border-bottom: solid 1px #e6e6e6; background: url(../img/bg-menu.gif) repeat-x; }
#menu ul { display: block; }
#menu li { display: block; float: left; list-style: none; background-image: none; }
#menu a { display: block; }
#menu .jMenu { }
#menu .jMenu li a { color: #33cccc; text-decoration: none; display: block; cursor: pointer; font-size: 105%; }
#menu .jMenu li a span { display: block; float: left; padding: 6px 0px; }
#menu .jMenu li a span.centrActBl { padding-left: 28px; padding-right: 27px; }
#menu .jMenu li a span.leftActBl { background: url(../img/odrazka-menu.gif) no-repeat left top; width: 1px; }
#menu .jMenu li a span.rightActBl { display: none; }
#menu .jMenu li a:hover span.centrActBl { background-color: #d8e7c8; }
#menu .jMenu li a:hover span.leftActBl { }
#menu .jMenu li a:hover span.rightActBl { display: none; }
#menu .jMenu li a.act span.centrActBl { }
#menu .jMenu li a.act span.leftActBl { }
#menu .jMenu li a.act span.rightActBl { display: none; }
/*** pop-up menu *************************/
#menu .jMenu li .jSubmenu { background: white; border: 1px solid #e6e6e6; display: none; position: absolute; z-index: 100; padding: 3px; margin-left: 5px; margin-top: -4px; }
#menu .jMenu li .jSubmenu li { float: none; background-color: #f1f1f1; }
#menu .jMenu li .jSubmenu li a { color: #669933; padding: 7px 10px; margin: 0 10px; border-bottom: solid 1px #e6e6e6; }
#menu .jMenu li .jSubmenu li a:hover { background-color: #d8e7c8; }

/*** DROBECKOVA NAVIGACE *****************/
#navig { margin: 20px 10px 10px 0; font-size: 80%; color: #999999; }
#navig a { color: #999999; display: inline; float: none; }
#navig a:hover { color: #666666; }

/*** HOME - PRODUKTOVE RAMECKY ***********/
.frameHome { width: 220px; float: left; height: 190px; margin-top: 0 !important; margin-left: 11px; margin-bottom: 20px; background-repeat: no-repeat; }
.frameHome a { display: block; width: 210px; height: 179px; position: absolute; text-decoration: none; }
.frameHome h3 { padding: 0px 20px 4px 10px; margin-top: 10px; }
.frameHome p { padding: 0px 20px 6px 10px; font-size: 90%; color: #666666; line-height: 150%; }
.fr1 h3, .fr3 h3, .fr6 h3, .fr8 h3 { color: #669933; margin-bottom: 6px; }
.fr2 h3, .fr4 h3, .fr5 h3, .fr7 h3 { color: #33cccc; margin-bottom: 6px; }
.fr1 { background-image: url(../img/frame-eshop.jpg); margin-left: 28px; }
.fr2 { background-image: url(../img/frame-aukce.jpg); }
.fr3 { background-image: url(../img/frame-allpay.jpg); }
.fr4 { background-image: url(../img/frame-reality.jpg); }
.fr5 { background-image: url(../img/frame-hotel.jpg); margin-left: 28px; }
.fr6 { background-image: url(../img/frame-incoming.jpg); }
.fr7 { background-image: url(../img/frame-inzerce.jpg); }
.fr8 { background-image: url(../img/frame-www.jpg); }
.fr9 { display: none; }

.frameHome div.action-ico { width: 81px; height: 53px; position: absolute; margin: -13px 0 0 138px; display: none; }
.fr3 div.action-ico { display: block; background: transparent url(../img/star-new.png) no-repeat; }


/*** HOME - KONTAKTY A DEMO **************/
#contactHome { clear: both; background: url(../img/kontakt-home.jpg) no-repeat; width: 710px; height: 87px; float: left; }
#demoHome { background: url(../img/demo-home.jpg) no-repeat; width: 250px; height: 87px; float: left; }
#contactHome p { margin: 10px 0 0 70px; color: #999999; font-size: 130%; line-height: 150%; text-align: center; }
#demoHome p { margin: 10px 20px 0 0px; color: #999999; font-size: 120%; line-height: 150%; text-align: center; }
#contactHome strong { font-weight: normal; color: #333333; }

/*** HOME - REFRENCE NA HOME *************/
.refHome { clear: both; width: 902px; height: 124px; margin-left: 28px; background-image: url(../img/bg-reference.jpg); margin-top: 20px !important; }
.refHome .contBl { padding: 16px; }
.refHome img { margin: 10px 16px 0 10px; }
.refHome a { display: inline-block; width: 160px; height: 50px; text-decoration: none; margin-left: 35px; position: relative; top: -20px; }

/*** HLAVNI LAYOUT ***********************/
#main { background: url(../img/bg-main.gif) repeat-y center top; }
#container { width: 960px; margin: 0 auto; position: relative; }
#defCont { }
#flBlock { width: 960px; float: left; }

/*** LEVY SLOUPEC ************************/
#leftCol { width: 210px; float: left; margin-left: 30px; }

/*** STREDOVY SLOUPEC (PRAVY) ************/
#centrCol { width: 669px; padding: 0 30px 0 0; float: right; }
#centrCol .cBlCont { border-bottom: dotted 1px #ccc; padding: 20px 0; }
#centrCol .cBlCont .wswg a { font-weight: bold; }
#contMenu { border: solid 1px #ccc; padding: 10px 5px; margin: 5px 0; }

/*** PANELY ******************************/
.panel { width: 210px; height: 369px; background: url(../img/bg-box.jpg) no-repeat; overflow: hidden; margin: 0 0 20px 0; }
p.note { color: #999999; font-size: 85%; padding: 0 14px; text-align: left; }
.panel ul { padding-left: 10px; }
.panel ul li { list-style: none; background: url(../img/odrazka-sedyctverec.gif) no-repeat left 6px; padding: 3px 15px 5px 20px; }
.bordIn .panel { padding-top: 0px; }
.bordIn .panel ul { padding-left: 10px; margin-top: 5px; }
.bordIn .panel ul li { list-style: none; background: url(../img/odrazka-modradvojsipka.gif) no-repeat left 9px; padding: 7px 15px 7px 17px; margin-right: 8px; }
.bordIn .panel ul li a { text-decoration: none; color: #33cccc; font-weight: normal; }
.bordIn .panel ul li:hover { background-color: #d8e7c8 !important; }
.bordIn .panel ul.verze li { background: url(../img/odrazka-zelenadvojsipka.gif) no-repeat left 9px; }
.bordIn .panel ul.verze li a { color: #669933; }
.bordIn .panel p { color: #666666; padding: 0px 15px; text-align: left; margin-top: 15px; }
.tryPanel { background: url(../img/bublina-mala.jpg) no-repeat; width: 209px; height: 69px; padding-top: 12px; margin-bottom: 10px; }
.tryPanel p { color: #999999; font-size: 110%; line-height: 160%; text-align: center; }
.tryPanel strong { font-weight: normal; color: #333333; }
#ekon { padding-left: 15px; }
#pay p { color: #999999; font-size: 85%; padding: 5px 0; text-align: center; }
/*** panel ReferenceMenu *****************/
.bordIn .panel ul li.act { background-color: #cbe9e9 !important; }

/*** KONTAKTNI BUBLINA *******************/
#contactBl { background: url(../img/bublina-velka.jpg) no-repeat; width: 669px; height: 69px; padding-top: 10px; margin-bottom: 10px; }
#contactBl p { color: #999999; font-size: 120%; line-height: 160%; text-align: center; }
#contactBl strong { font-weight: normal; color: #333333; }

/*** PAGER *******************************/
.pager { padding: 5px 0 10px 0; text-align: right; }
.pager a { background: #d8e7c8; color: #669933; text-align: center; display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: 0 5px 0 0; text-decoration: none; }
.pager a:hover { background: #cbe9e9; color: #669933; }
.pager a.act { font-weight: bold; background: #669933; color: #fff; }


/*** ZAKLADNI OBSAHOVE BLOKY ***************************************/
#smallDiv { background: #fff; border: solid 1px #ccc; visibility: hidden; overflow: hidden; position: absolute; z-index: auto; }
#smallDiv a { display: block; padding: 10px; text-decoration: none; }
#smallDiv a img { margin-top: 10px; }

#gallery { background: #463e3f; padding: 10px; margin-bottom: 10px; width: 649px; overflow: scroll; overflow: -moz-scrollbars-horizontal; }
#gallery table { width: auto; }
#gallery img { border: solid 1px #808080; margin: 0 10px 0 0; }

#realiz { background: #F9F9F9; border: solid 1px #ccc; margin-bottom: 10px; }
#realiz td { padding: 10px; }
#realiz td p { padding-bottom: 0px; }

#miniPager { border-bottom: dotted 1px #ccc; text-align: center; padding: 5px 0; margin-bottom: 10px; }

.solution { }

.colBg01 { background: #F5F5F5; padding: 5px 10px; }
.colBg02 { background: red; padding: 5px 10px; }
.colBg02 a { color: #fff; }



/**** BLOK MENU *************************************************/
.contBl ul.menu { padding-left: 0px; }
.contBl .menu li { border-bottom: dotted 1px #ccc; list-style: none; padding: 0px; margin: 0px; }
.menu li.end { border-bottom: none; }
.menu li a { color: #362e2f; background: url(../img/star-menu2.gif) no-repeat 5px 12px; font-size: 120%; font-weight: bold; text-decoration: none; letter-spacing: -1px; display: block; padding: 10px 5px 10px 22px; }
.menu li a:hover { color: #fff; background: #463e3f url(../img/star-menu.gif) no-repeat 5px 12px; }
.menu li a.act { color: #fff; background: #463e3f url(../img/star-menu.gif) no-repeat 5px 12px; }
.menu li a span { display: none; font-size: 110%; font-weight: normal; }

/*** NEPODRIZENE OBSAHOVE PRVKY *********************************/
#anketa p { padding: 5px 0; }
/*#anketa a, #anketa span { display: block; padding: 0 0 5px 0; float: left;}*/
#anketa .ankLine { background: #A9A9A9; height: 5px; display: block; }
.advert { text-align: center; margin: 0 0 15px 0; }
.advert a { text-decoration: none; }

.detail { border-top: solid 1px #f2f2f2; font-size: 90%; font-weight: bold; margin: 5px 0 10px 0; clear: both; }
.text { line-height: 160%; margin-bottom: 12px; }


/******************************************
*                LAYOUT                   *
******************************************/
#extra1, #extra2, #extra3, #extra4, #extra5, #extra6 { display: none; }

#hmTop { /*display: none;*/ }
#hmBott { /*display: none;*/ }

/*** MENU HLAVICKY **************************************************/
#topHead { height: 16px; }
.headMenu { padding: 10px 0 0 0; float: right; }
.headMenu a { font-size: 120%; color: red; text-decoration: none; display: block; float: left; padding: 5px; margin-right: 1px; }
.headMenu a:hover { color: #000; text-decoration: underline; }
.headMenu a strong { font-size: 130%; font-weight: bold; letter-spacing: -1px; display: block; }
.headMenu span { color: #B7B7B7; font-size: 300%; text-align: center; width: 50px; display: block; float: left; }


/*** TOP MENU *****************************************************/
#topMenu { display: none; }
#langBlock { width: 25%; padding-left: 20px; float: left; }
#menuBlock { text-align: right; width: 65%; padding-right: 20px; float: left; }



#imgBl { position: relative; left: -4px; width: 492px; }
#imgBl a { width: 206px; height: 130px; display: block; float: left; text-decoration: none; }
#imgBl a:hover { color: #000; /*text-decoration: underline;*/ }
#imgBl a span { display: block; cursor: pointer; }
#imgBl a span.nadpBl { color: #000; font-size: 140%; font-family: "Times New Roman" , Times, serif; height: 50px; line-height: 100%; }
#imgBl a span.textBl { }
#imgBl #img01 { background: url(../img/img01.jpg) no-repeat; padding: 10px 30px 5px 10px; }
#imgBl #img02 { background: url(../img/img02.jpg) no-repeat; padding: 10px 10px 5px 30px; }
#imgBl #img03 { background: url(../img/img03.jpg) no-repeat; padding: 15px 30px 0 10px; }
#imgBl #img04 { background: url(../img/img04.jpg) no-repeat; padding: 15px 10px 0 30px; }

.specNab { color: #bd0000; cursor: pointer; display: block; height: 220px; text-decoration: none; }
#centrCol .specNab p { padding: 0px; line-height: 120%; }
#centrCol .specNab strong { color: inherit; }
a:hover.specNab { color: #000; text-decoration: none; }
.specNab.specBanner01 { background: transparent url(../files/specnab/006.jpg) no-repeat; }
.specNab.specBanner02 { background: transparent url(../files/specnab/001.jpg) no-repeat; }
.specNab.specBanner03 { background: transparent url(../files/specnab/002.jpg) no-repeat; }
.specNab.specBanner04 { background: transparent url(../files/specnab/003.jpg) no-repeat; }
.specNab.specBanner05 { background: transparent url(../files/specnab/004.jpg) no-repeat; }
.specNab.specBanner06 { background: transparent url(../files/specnab/005.jpg) no-repeat; }
/*.specNab.specBanner07 { background: transparent url(../files/specnab/007.jpg) no-repeat;}*/
.specNab span { display: block; }
#centrCol .specNab .cBlCont { height: 198px; position: relative; border: none; }
.specNab .cBlCont span { display: block; font-size: 120%; font-style: italic; line-height: 120%; padding: 20px 0 0 20px; width: 310px; }
.specNab .cBlCont span em { color: #000; display: block; font-size: 160%; line-height: 90%; letter-spacing: -1px; margin-bottom: 5px; }
.specNab .cBlCont .icoTop { display: none; background: transparent url(../images/top-ico.png) no-repeat scroll 0 0; height: 118px; position: absolute; right: -20px; top: 0px; width: 118px; z-index: auto; }
.specNab .top { display: none; background: transparent url(../img/lh_roh.png) no-repeat scroll left top; font-size: 6px; height: 6px; line-height: 6px; }
.specNab .top span { background: transparent url(../img/ph_roh.png) no-repeat scroll right top; font-size: 6px; height: 6px; line-height: 6px; }
.specNab .top div { background: transparent url(../img/ph_roh.png) no-repeat scroll right top; font-size: 6px; height: 6px; line-height: 6px; }
.specNab .bott { display: none; background: transparent url(../img/ld_roh.png) no-repeat scroll left bottom; font-size: 6px; height: 6px; line-height: 6px; }
.specNab .bott span { background: transparent url(../img/pd_roh.png) no-repeat scroll right bottom; font-size: 6px; height: 6px; line-height: 6px; }
.specNab .bott div { background: transparent url(../img/pd_roh.png) no-repeat scroll right bottom; font-size: 6px; height: 6px; line-height: 6px; }

#quickContact { background: url(../img/bg-cont.gif) no-repeat left top; padding: 80px 0 0 0; }

#kontaktTable { margin: 0 5px 10px 5px; }
#kontaktTable td { color: #fff; border: none; padding: 2px 6px 2px 0; }

.workBl { padding: 0px; }
.workBl .top { display: none; background: #332b2c; }
.workBl .bott { display: none; background: #000; }
#prepRotate { overflow: hidden; height: 280px; }
#work { background: #000 url(../img/bg-work.gif) no-repeat center top; padding: 0 10px; height: 312px; margin: 0px; overflow: hidden; }
#work a { color: red; }
#work h3 { color: #000; font-family: Arial, Helvetica, sans-serif; /*font-size: 130%;*/ line-height: 100%; margin-bottom: 10px; /*padding: 20px 0 0 30px;*/ }
#work .imgBg { padding: 6px 0 0 8px; height: 170px; }
#pageMenu { margin: 0 0 6px 0; padding: 10px 0 0 0; }
#pageMenu a { background: red; color: #fff; text-align: center; display: block; width: 16px; height: 16px; line-height: 16px; margin: 0 5px 0 0; float: right; }

#prodBl { border-top: solid 1px red; background: url(../img/bg-menu.gif) no-repeat center top; height: 45px; line-height: 45px; overflow: hidden; }
#prodBl a { color: #fff; background: url(../img/star-menu.gif) no-repeat left center; font-size: 110%; font-weight: bold; display: block; float: left; padding: 0px 0 0 15px; margin: 0 10px; text-decoration: none; }
#prodBl a:hover { color: #ae0000; }
#prodBe { overflow: hidden; /*height: 323px;*/ }

#prodBt { width: 510px; height: 251px; overflow: hidden; position: relative; display: block; }

h2 a.openClose { background: transparent url(../images/ico-open-close.png) no-repeat scroll 0 0; }
h2 a.openClose { display: block; font-size: 11px; height: 11px; position: absolute; right: 6px; text-decoration: none; top: 10px; width: 11px; }
h2 a:hover.openClose { background: transparent url(../images/ico-open-close.gif) no-repeat scroll 0 0; }

.benef { }
.benef td { color: #000; width: 50%; }
.benef td ul { padding: 0px; }
.benef td li { background: url(../img/benef-star.gif) no-repeat; height: 26px; font-style: italic; list-style: none; padding: 5px 0 5px 40px; margin-bottom: 10px; overflow: hidden; }


#demo { background: red url(../img/bg-demo.gif) left top; height: 270px; padding: 25px 5px 5px 5px; }
#demo ul { padding: 0px; }
#demo li { background: url(../img/star-menu.gif) no-repeat left center; list-style: none; padding: 3px 0 3px 20px; }
#demo li a { color: #fff; font-size: 110%; }


#centrCol #newsHome { }
#centrCol #newsHome .cBlCont { border-bottom: none; }
#centrCol #newsHome h3 { margin-top: 0px;}
#centrCol #newsHome p { margin: 5px 0; padding: 0px; }

#news { }
#news h3 { line-height: 100%; padding: 5px 0; }
#news p { margin: 0 0 5px 0; height: 60px; overflow: hidden; }
#news p.next { height: auto; }

.showList { border-bottom: dotted 1px #ccc; padding: 5px 0px; margin: 5px; }
.showList a { color: #362e2f; }
.showList a.flRight { margin-bottom: 0px; }
.showList a.flRight img { border: solid 1px #ededed; }
.showList a:hover.flRight img { border: solid 1px red; }
.showList a.flLeft { margin-bottom: 0px; }
.showList a.flLeft img { border: solid 1px #ededed; }
.showList a:hover.flLeft img { border: solid 1px red; }

ul.filelist { padding: 0; }
ul.filelist li { list-style: none; }
ul.filelist li a { cursor: pointer; }
ul.filelist li span { float: left; display: block; }
ul.filelist li span.odk { width: 150px; margin-left: 5px; }

#article { }
#centrCol .cBlCont #article p { background: url(../img/ico-clanek.gif) no-repeat; padding: 0 0 0 20px; margin: 2px 0; }


/**** BLOK MENU *************************************************/
.reference h2 { margin-bottom: 0px; }
.reference #zalMenu { margin-bottom: 20px; }
.reference .flRight { border: solid 1px #ccc; }
/*.reference #gallery { margin-bottom: 0px;}*/

.contacts { }
.contacts table { }
.contacts #kontaktTable td { width: auto; }
.contacts table td { width: 50%; vertical-align: top; }
.contacts #centrCol .cBlCont { border-bottom: none; }
.contacts .wswg { border-bottom: dotted 1px #ccc; margin-bottom: 10px; padding-bottom: 10px; }
.contacts h4 { font-size: 120%; margin-top: 10px; }

.solution { background: #f5f5f5; padding: 5px 10px; }
#centrCol .solution .cBlCont { border-bottom: none; }
#centrCol .solution h3 { margin-top: 0px; }
.solution p { color: #343434; font-style: italic; }

.account .flRight img { padding: 15px 0; border: solid 1px #ccc; }
.payment .flRight img { padding: 15px 0; border: solid 1px #ccc; }

.home #centrCol .cBlCont { border-bottom: none; }
.home #centrCol .odtrh { display: none; }

#centrCol .odtrzL { background: none; }

/**** NOVINKY *************************************************/
#newsHome {background: url(../img/bg-news.jpg) no-repeat center top; padding: 45px;}
#newsHome h2 {margin-bottom: 0;}
#newsHome h3 {margin: 12px 0 4px 0; font-size: 100%; color: #555555;}
#newsHome p {font-size: 90%;}


/*** PATICKA *****************************/
#foot { border-bottom: solid 1px silver; width: 100%; height: 50px; background: url(../img/bg-paticka.jpg) no-repeat center top; padding-top: 36px; }
#foot p, #footMenu { font-size: 0.8em; }
#foot a, #foot p { color: #999999; text-decoration: none; }
#foot a:hover { text-decoration: underline; color: #666666; }
#foot .bordIn { display: none; border-top: 1px solid #ccc; margin: 0 15px; padding: 10px 0 0 0; }
#logoFoot { display: none; float: left; width: 100px; height: 26px; margin: 0 80px 0 10px; }
#footMenu { width: 550px; float: right; }
#footMenu ul { display: block; }
#footMenu li { display: block; list-style: none; float: left; }
#footMenu .jMenu li a { text-decoration: none; display: block; margin: 0 0 0 16px; }
#footMenu .jMenu li .jSubmenu { background: #fff; border: 1px solid red; display: none !important; position: absolute; z-index: 100; margin: 0 0 0 5px; padding: 0 1px; }
#footMenu .jMenu li .jSubmenu li { float: none; border-bottom: dotted 1px #ccc; }
#footMenu .jMenu li .jSubmenu li a { color: red; padding: 7px 10px; margin: 0px; }
#footMenu .jMenu li .jSubmenu li a:hover { background: red; color: #fff; }
#copyr { width: 300px; float: left; font-size: 80%; margin: 0 0 0 28px; }
#adlinks { clear: both; float: left; width: 100%; font-size: 0.8em; text-align: left; margin-left: 28px; }

/*** TISKOVE STYLY ***********************/
@media print {
	body, td, th { color: black; }
	#main, #headImg, #foot { background: none; }
	#topHead, #menu, #footMenu, #navig, #leftCol, #demoHome, fieldset, .frameHome a, .noprint { display: none; }
	#logo { margin: 0 !important; }
	#headImg #textBlock { visibility: visible; font-size: 90%; overflow: visible; }
	#head { border-bottom: solid 1px silver; }
	#container, #flBlock { width: 100%; }
	#centrCol { width: 100%; padding: 0; float: none; }
	#foot { margin-top: 30px; padding-top: 4px; border-top: solid 1px silver; border-bottom: none; }
	.frameHome { width: 210px; height: 179px; }
	.fr1, .fr2, .fr3, .fr4, .fr5, .fr6, .fr7, .fr8 { background: none; margin-left: 11px; border: solid 1px silver; }
	#contactHome { background: none; width: 100%; float: none; }
	#contactHome p { margin-left: 40px; text-align: left; }
	#contactHome strong { font-weight: bold; }
	.refHome { clear: both; width: 902px; height: 124px; margin-left: 28px; background-image: url(../img/bg-reference.jpg); margin-top: 20px !important; }
	.refHome .contBl { padding: 16px; }
	.refHome img { margin: 10px 30px 0 10px; }
	.refHome a { display: inline-block; width: 160px; height: 30px; text-decoration: none; }
	ul li, ul li li { list-style: square !important; background: none; }
}


.toolTip { padding-right: 20px; background: url(images/help.gif) no-repeat right; cursor: help; position: relative; }
.toolTipWrapper { width: 375px; position: absolute; top: 20px; display: none; color: #FFF; font-weight: bold; font-size: 9pt; }
.toolTipTop { width: 375px; height: 30px; background: url(images/bubbleTop.gif) no-repeat; }
.toolTipMid { padding: 8px 15px; background: #A1D40A url(images/bubbleMid.gif) repeat-x top; }
.toolTipBtm { height: 13px; background: url(images/bubbleBtm.gif) no-repeat; }

/* WR Client Center */
.wrcc #centrCol { width: 900px; }
.errorMsg { border: 2px solid #FF9F9F; background: #FFDFDF; padding: 14px; margin: 15px 0; }
.errorMsg li { list-style-position: inside; }
.infoMsg { border: 2px solid #89BF53; background: #C9EFA4; padding: 14px; margin: 15px 0; }
.infoMsg li { list-style-position: inside; }

.cc1 { background-image: url(../img/frame-upravy.jpg); margin-left: 28px; }
.cc2 { background-image: url(../img/frame-reklamace.jpg); margin-left: 28px; }
/*** MENU ********************************/
#ccmenu { height: 31px; border: solid 3px white; border-bottom: solid 1px #d8e7c8; background: #d8e7c8; margin: 0px -30px; }
#ccmenu ul { display: block; }
#ccmenu li { display: block; float: left; list-style: none; background-image: none; }
#ccmenu a { display: block; }
#ccmenu .jMenu { }
#ccmenu .jMenu li a { color: #669933; text-decoration: none; display: block; cursor: pointer; font-size: 105%; background-color: #d8e7c8; }

#ccmenu .jMenu li a span { display: block; float: left; padding: 6px 0px; }
#ccmenu .jMenu li a span.centrActBl { padding-left: 14px; padding-right: 14px; }

#ccmenu .jMenu li a:hover span.centrActBl { background: #cbe9e9; color: #669933; }
#ccmenu .jMenu li a.act span.centrActBl { }

.wrcc em { display: block; font-size: 85%; width: 490px; }
.err { border: 1px solid red; }

.featureTable label { display: inline; }
.featureTable input { width: auto; }
span.asCheckBox { width: 15px; display:block; float: left; background-color: Gray; margin-right: 10px; }

td.answer { padding-left: 30px; background-color: #D8E7C8 }