/*globální definice*/
*{ margin: 0; padding: 0; }
a{ color: #464646; font-weight: bold; text-decoration: underline; }
a:hover{ color: #151515; text-decoration: none; }
.overlaid{ display: block; position: relative; overflow: hidden; }
.overlaid span{ z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
a.overlaid:hover span{ cursor: pointer; background-position: right !important; }
/*pro účely testování*/
.red{ border: red 1px solid !important; }

/*celý dokument*/
body,html{ color: #4F4F4F; font-family: arial, verdana, tahoma, sans-serif; line-height: 1.4; text-align: left; background: #fff url("../images/bgOther.jpg") no-repeat center top; }
body#index{ background: #fff url("../images/bgIndex.jpg") no-repeat center top; }

div#top{ z-index: 0; position: relative; width: 968px; height: 181px; margin: 0 auto; }
/*logo*/
div#top h1{ position: absolute; width: 241px; height: 95px; top: 5px; left: 23px; }
div#top h1 a{ width: 241px; height: 95px; font-size: 30px; text-align: center; overflow: hidden; }
div#top h1 a em{ display: block; font-size: 15px; }
div#top h1 a span{ background: url("../images/logo.jpg") no-repeat top left; }
/*hlavní menu*/
div#top div#mainMenu{ z-index: 2; position: absolute; width: 587px; height: 75px; top: 105px; left: 5px; background: url("../images/mainmenuBg.png") no-repeat center bottom; }
div#top div#mainMenu ul.horizontalMenu{ width: 587px; height: 55px; }
                     ul.horizontalMenu li.mainItem{ position: relative; float: left; display: block; height: 55px; text-align: center; }
                                       li.mainItem a.mainItemLink{ float: left; display: block; height: 21px; padding: 17px 12px 17px 8px; font-size: 14px; font-weight: bold; text-decoration: none; background: url("../images/mainmenuItem.png") no-repeat top right; }
                                       li.mainItem a.mainItemLinkHome{ width: 54px; background: url("../images/mainmenuHome.png") no-repeat top right; }
                                       li.mainItem a.mainItemLinkLast{ width: 52px; background: url("../images/mainmenuLast.png") no-repeat top right; }
                                       li.mainItem:hover a.mainItemLink{ /*color: #F47606;*/ background-position: bottom right; }
                                       li.mainItem.mainItemActive a.mainItemLink{ color: #F47606; background-position: bottom right; }
/*drobné menu*/
div#top div.smallMenu{ position: absolute; width: 260px; top: 120px; left: 702px; }
        div.smallMenu a.iconUser{ float: left; width: 32px; height: 29px; }
                      a.iconUser span{ background: url("../images/iconUser.png") no-repeat left top; }
        div.smallMenu a.iconMap{ float: left; width: 32px; height: 29px; margin-right: 10px; }
                      a.iconMap span{ background: url("../images/iconMap.png") no-repeat left top; }
/*slogan*/
div#top div.slogan{ position: absolute; width: 294px; height: 70px; top: 40px; left: 659px; text-align: center; }
        div.slogan span{ background: url("../images/slogan.jpg") no-repeat left top; }

/*služby na indexu*/
div#services{ position: relative; width: 968px; height: 452px; margin: 0 auto; }
div#services div#servicesBoxes{ width: 966px; height: 414px; margin: 0 auto; overflow: hidden; }
div#services ul{ position: relative; width: 966px; height: 452px; list-style-type: none; }
div#services ul li{ float: left; width: 322px; height: 414px; }
div#services div.servicesBox{ z-index: 1; position: relative; width: 262px; height: 164px; margin: 0 10px 0 10px; padding: 22px 22px 22px 17px; font-family: Tahoma; }
div#services div.servicesBox:hover{ color: #fff; background-position: right top; }
div#services div.servicesBoxLeft{ background: url("../images/servicesBoxLeft.png") no-repeat left top; }
div#services div.servicesBoxRight{ background: url("../images/servicesBoxRight.png") no-repeat left top; }
             div.servicesBox h2{ height: 50px; padding: 8px 0 0 0; font-size: 20px; line-height: 1; /*background: url("../images/servicesBoxIcon.png") no-repeat left top;*/ }
             div.servicesBox img{ float: left; margin: 0 10px 0 0; }
             div.servicesBox p{ margin: 10px 0; font-size: 14px; line-height: 1.2; }
             div.servicesBox a.servicesBoxMore{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-decoration: none; }
             div.servicesBox a.servicesBoxMore span{ position: absolute; width: 58px; height: 17px; right: 25px; bottom: 28px; padding: 5px 0; color: #464646; font-size: 12px; font-weight: bold; text-align: center; background: url("../images/servicesBoxMore.png") no-repeat left top; }
             /*div.servicesBox:hover a.servicesBoxMore span{ background-position: right top; }*/
                             a.servicesBoxMore span:hover{ color: #1d1d1d !important; background-position: right top !important; }
div#services a.servicesLeft{ z-index: 2; position: absolute; width: 26px; height: 32px; left: 438px; bottom: -22px; padding: 10px; font-size: 10px; }
             a.servicesLeft span{ background: url("../images/servicesLeft.png") no-repeat left top; }
div#services a.servicesRight{ z-index: 2; position: absolute; width: 26px; height: 32px; left: 484px; bottom: -22px; padding: 10px; font-size: 10px; }
             a.servicesRight span{ background: url("../images/servicesRight.png") no-repeat left top; }
                     
div#main{ z-index: 1; position: relative; width: 960px; margin: 20px auto; padding: 0 4px; overflow: hidden; }
/*styly platné pro celý hlavní blok*/
  div#main hr{ clear: both; width: 100%; height: 2px; margin: 10px auto; #margin: 0 auto; /*#margin kvůli IE7*/ color: #DEDEDE; background: url("../images/hr.jpg") repeat-x center top; border: none; }
  div#main div.newRow{ clear: both; }
  div#main h2{ padding: 5px 0; color: #464646; font-size: 22px; font-family: Tahoma; line-height: 1.2; }
  div#main h3{ padding: 5px 0; color: #464646; font-size: 20px; line-height: 1.2; }
  div#main h4{ padding: 5px 0; color: #464646; font-size: 20px; font-weight: normal; line-height: 1.2; }
  div#main h5{ padding: 5px 0; color: #464646; font-size: 17px; line-height: 1.2; }
  div#main h6{ padding: 5px 0; color: #464646; font-size: 14px; line-height: 1.2; }
  div#main .alignRight{ text-align: right; }
  div#main .alignJustify{ text-align: justify; }
  div#main .fontOrange{ color: #F47606; }
  div#main .fontUnderline{ text-decoration: underline; }    
  div#main a.iconRss{ position: absolute; width: 26px; height: 26px; top: 10px; right: 25px; padding: 3px; font-size: 10px; font-weight: normal; overflow: hidden; }
  div#main a.iconRss span{ background: url("../images/iconRss.png") top left no-repeat; }
/*univerzální styly pro všechny boxy se stínem vespod*/
  div#main div.box{ z-index: 1; position: relative; padding: 10px 0 33px 0; font-size: 12px; background-color: #F5F5F5; }
           div.box h3,
           div.box h4{ padding: 5px 15px !important; }
           div.box h4 a{ font-weight: normal; text-decoration: none; }
           div.box p{ padding: 0 15px; }
                   div.boxNewsDate{ float: left; width: 52px; height: 51px; margin: 5px 15px; padding: 5px 0; color: #fff; font-size: 11px; text-align: center; line-height: 1.2; background: url("../images/boxNewsDate.png") no-repeat center top; }
                   div.boxNewsDate span.boxNewsDay{ display: block; font-size: 22px; font-weight: bold; }
           div.box div.boxReferenceItem{ position: relative; height: 73px; margin: 10px auto; padding: 3px; overflow: hidden; }
                   div.boxReferenceItem a{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
                   div.boxReferenceItem a:hover{ background-position: right top !important; }
           div.box div.boxTop{ position: absolute; top: -12px; left: 0; height: 12px; }
           div.box div.boxBottom{ position: absolute; bottom: 0; left: 0; height: 43px; } 
/*styly navíc pro boxy na indexu se stínem vespod*/
  div#main div.boxIndex{ float: left; width: 288px; /*height: 370px; */margin: 27px 16px 10px 16px; }
/*styly pro div.boxReferenceItem jsou používány i v obsahu a tudíž neplatí jen pro rodiče div.boxIndex*/
           /*div.boxIndex */div.boxReferenceItem{ position: relative; width: 251px; }
           /*div.boxIndex */div.boxReferenceItem a{ background: url("../images/boxReferenceBorderFilter.png") no-repeat left top; }
           div.boxIndex a.boxNewsAll{ display: block; width: 288px; height: 61px; margin: -10px 0 -33px 0; text-align: center; }
           div.boxIndex a.boxNewsAll span{ background: url("../images/boxBottomNews.png") no-repeat left top; }
           div.boxIndex div.boxTop{ width: 288px; background: url("../images/boxTop.png") no-repeat center top; }
           div.boxIndex div.boxBottom{ width: 288px; background: url("../images/boxBottom.jpg") no-repeat center top; }
/*styly navíc pro boxy v levém sloupci se stínem vespod*/
  div#main div.boxLeft{ width: 254px; margin: 27px 0 10px 0; }
           div.boxLeft div.boxReferenceItem{ position: relative; width: 242px; }
           div.boxLeft div.boxReferenceItem a{ background: url("../images/boxLeftReferenceBorderFilter.png") no-repeat left top; }
           div.boxLeft a.boxNewsAll{ display: block; width: 254px; height: 61px; margin: -10px 0 -33px 0; text-align: center; }
           div.boxLeft a.boxNewsAll span{ background: url("../images/boxLeftBottomNews.png") no-repeat left top; }
           div.boxLeft div.boxTop{ width: 254px; background: url("../images/boxLeftTop.jpg") no-repeat center top; }
           div.boxLeft div.boxBottom{ width: 254px; background: url("../images/boxLeftBottom.jpg") no-repeat center top; }
           div.boxLeft h5{ padding: 0 15px !important; }
           div.boxLeft form{ padding: 0 15px; }
           div.boxLeft form fieldset{ border: none; }
           div.boxLeft form label{ display: block; float: left; width: 70px; height: 15px; margin: 4px 0; padding: 3px 0; }
           div.boxLeft form input{ width: 140px; height: 15px; margin: 4px 0; padding: 3px 5px; border: none; background: url("../images/formLeftInput.png") no-repeat top left; }
           div.boxLeft form input.button{ position: absolute; bottom: 57px; right: 19px; width: 64px; height: 26px; color: #4F4F4F; font-size: 12px; font-weight: bold; background: url("../images/formButton.png") no-repeat top left; }
           div.boxLeft form input.button:hover{ color: #151515; background-position: right top; }
           div.boxLeft form textarea{ width: 140px; height: 90px; margin: 4px 0; padding: 5px 5px; border: none; background: url("../images/formLeftTextarea.png") no-repeat top left; }
           
/*styly z OR*/
  div#main div#left{ position: relative; float: left; width: 254px; padding: 5px 0; }
           div#left ul.leftSubmenu{ width: 254px; font-size: 13px; list-style-type: none; }
                    ul.leftSubmenu li.leftSubmenuMain>a{ display: block; width: 204px; min-height: 20px; padding: 0 25px 24px 25px; font-weight: normal; text-decoration: none; background: url("../images/submenuItem.png") no-repeat center bottom; }
                    ul.leftSubmenu li.leftSubmenuMain a:hover{ text-decoration: underline; }
                    ul.leftSubmenu li.leftSubmenuMain>a.leftSubmenuFirst{ min-height: 47px; padding: 18px 25px 0 25px; background: url("../images/submenuFirst.png") no-repeat center bottom; }
                    ul.leftSubmenu li.leftSubmenuMain>a.leftSubmenuLast{ min-height: 51px; padding: 0 25px; background: url("../images/submenuLast.png") no-repeat center bottom; }
                    ul.leftSubmenu li.leftSubmenuMain>a.leftSubmenuOnlyone{ min-height: 61px; padding: 18px 25px 0 25px; background: url("../images/submenuOnlyone.png") no-repeat center bottom; }
                    ul.leftSubmenu li.leftSubmenuMain a.leftSubmenuActive{ color: #F47606; }
                    ul.leftSubmenu li ul{ min-height: 20px; padding: 0 15px 24px 35px; list-style-type: none; background: url("../images/submenuItem.png") no-repeat center bottom; }
                    ul.leftSubmenu li ul li{ padding: 1px 0; }
                    ul.leftSubmenu li ul li a{ font-weight: normal; text-decoration: none; }

  div#main div#right{ float: right; width: 706px; }
           div#right div#content{ position: relative; width: 666px; padding: 0 20px; font-size: 12px; background: url("../images/bgContent.jpg") no-repeat top left; overflow: hidden; }
/*drobečková navigace*/
           div#right div#content div#drobNav{ width: 100%; margin: 10px 0 20px 0; font-size: 12px; }
                                 div#drobNav a{ font-weight: normal; }
/*obecné prvky obsahového sloupce*/
                     div#content p{ padding: 10px 0; overflow: hidden; }
                     div#content img.imgLeft{ float: left; margin: 0 15px 5px 0; }
                     div#content img.imgRight{ float: right; margin: 0 0 5px 15px; }
                     div#content ul{ margin: 5px 0 10px 0; padding-left: 20px; }
                     div#content ol{ margin: 5px 0 10px 0; padding-left: 25px; }
                     div#content ul li{ margin: 2px 0; padding-left: 5px; }
                     div#content ol li{ margin: 2px 0; }
                     div#content table{ margin: 10px 0; }
                     div#content table td{ padding: 0 3px; }
                     div#content div.faqAccordion div{ font-weight: normal; }
                     div#content div.referenceListItem{ float: left; width: 257px; margin: 15px 38px; overflow: hidden; }
                     div#content div.referenceListItem p{ padding: 0; }
                     div#content div.referenceListItem div.boxReferenceItem{ position: relative; height: 73px; padding: 3px; overflow: hidden; }
                     div#content div.referencePoint{ margin: 15px 0; font-size: 15px; }
                     div#content div.referencePoint a{ font-weight: normal; }
                     div#content div.referencePoint h3{ display: inline; }
/*styly formuláře v obsahu*/
                     div#content p.formError{ margin: 5px 0; padding: 10px; color: #fff; font-size: 15px; font-weight: bold; background-color: #F57606; }
                     div#content form{ position: relative; margin: 10px 4px; }
                     div#content form fieldset{ clear: both; padding: 10px 0 5px 0; border: none; }
                     div#content form fieldset.contactForm{ width: 634px; height: 347px; padding: 12px; background: url("../images/contactForm.png") no-repeat top left; }
                     div#content form fieldset.contactForm h3{ margin-bottom: 30px; padding: 5px 10px !important; }
                     div#content form label{ display: block; float: left; width: 80px; height: 15px; margin: 6px 0 6px 15px; padding: 3px 0; font-weight: bold; }
                     div#content form input{ width: 203px; height: 15px; margin: 6px 0; padding: 3px 5px; border: none; background: url("../images/formInput.png") no-repeat top left; }
                     div#content form input.button{ position: absolute; bottom: 57px; right: 24px; width: 64px; height: 26px; color: #4F4F4F; font-size: 12px; font-weight: bold; background: url("../images/formButton.png") no-repeat top left; }
                     div#content form input.button:hover{ color: #151515; background-position: right top; }
                     div#content form textarea{ width: 518px; height: 114px; margin: 6px 0; padding: 5px 5px; border: none; background: url("../images/formTextarea.png") no-repeat top left; }
                     div#content form img{ position: absolute; bottom: 55px; right: 170px; }
/*v záloze tradiční fotogalerie
                     div#content div.contentGalery{ position: relative; margin: 10px 5px; padding-bottom: 15px; overflow: hidden; }
                     div#content div.contentGalery p ,
                     div#content div.contentGalery h4{ margin: 0; }
                     div#content div.contentGalery img{  }
                     div#content div.contentGalery a.contentGaleryMore{ position: absolute; bottom: 5px; right: 5px; }
                     div#content div.contentGalery div.contentGaleryPic{ float: left; width: 170px; margin: 0 2px; text-align: center; }
*/
/*obsahové vnořené menu*/
                     div#content div.contentItemMenu{ position: relative; height: 26px; margin: 10px 0; overflow: hidden; }
                                 div.contentItemMenu h3{ float: left; height: 24px; padding: 0 !important; }
                                 div.contentItemMenu h3 a{ display: block; float: left; height: 23px; padding: 0 15px 0 17px; text-decoration: none; background: url("../images/contentItemMenu.jpg") no-repeat left top; }
                                 div.contentItemMenu h3 a.contentItemMenuActive/*,
                                 div.contentItemMenu h3 a:hover*/{ color: #F47606; }
                                 div.contentItemMenu h3 a.contentItemMenuFirst{ padding-left: 0; background: none; }
/*dva obsahové sloupce vedle sebe*/
                     div#content div.contentColumnLeft{ float: left; position: relative; width: 320px; margin: 10px 0; overflow: hidden; }
                     div#content div.contentColumnRight{ float: right; position: relative; width: 320px; margin: 10px 0; overflow: hidden; }
/*sekce faq s jquery accordionem*/
                     div#content div.faqAccordion{ padding-bottom: 5px; border-bottom: 1px #DEDEDE dashed; }
                                 div.faqAccordion h4 a{ display: block; width: 100%; padding-top: 5px; color: #404040; font-size: 12px; border-top: 1px #DEDEDE dashed; }
                                 div.faqAccordion div{ margin: 0 10px 0 30px; font-style: italic; font-weight: bold; overflow: hidden; }
                                 div.faqAccordion div span.faqLinkMore{ float: right; margin-right: 20px; }

div#footer{ clear: both; position: relative; width: 100%; height: 291px; margin-top: 10px; background: #CDCDCD url("../images/footerX.jpg") repeat-x center top; }
div#footer div#footerInside{ position: relative; width: 952px; margin: 0 auto; padding: 0 10px; font-size: 12px; overflow: hidden; }
           div#footerInside a{ /*color: #4F4F4F;*/ font-weight: normal; }
           div#footerInside a.footerBoxLinkMore{ position: absolute; display: block; width: 115px; height: 21px; bottom: 10px; right: 20px; padding: 8px 0; font-weight: bold; text-align: center; text-decoration: none; /*color: #4F4F4F;*/ background: url("../images/footerLinkMore.png") no-repeat top left; }
           div#footerInside a.footerBoxLinkMore:hover{ background-position: right top; }
           div#footerInside>p{ clear: both; font-size: 12px; padding-top: 16px; }
           div#footerInside div.addthis_toolbox{ position: absolute; top: 15px; right: 0; list-style-type: none; }
           div#footerInside div.footerBox{ float: left; position: relative; min-width: 230px; max-width: 350px; height: 196px; margin: 20px 20px 28px 0; padding: 0 10px 0 0; line-height: 2; background: url("../images/footerLine.jpg") no-repeat right top; }
           div#footerInside div.footerBoxRight{ float: right; background: none; }
                            div.footerBox h4{ margin-bottom: 10px; font-size: 19px; }
                            div.footerBox ul.footerServicesMenu{ width: 300px; list-style-type: none; }
                                          ul.footerServicesMenu li{ float: left; width: 150px; padding: 0; }
                            div.footerBox p{ width: 300px; line-height: 1.6; }
                            div.footerBox span.footerTel{ font-size: 18px; font-weight: bold; }
                            div.footerBox div.addthis_toolbox{ position: absolute; left: 0; top: 150px !important; }
           div#footerInside ul.footerMenu{ position: absolute; bottom: 5px; right: 20px; list-style-type: none; }
                            ul.footerMenu li{ position: relative; display: block; float: left; height: 12px; text-align: center; }
                            ul.footerMenu li a{ height: 12px; padding: 0 5px; font-weight: normal; border-right: #4F4F4F 1px solid; }
                            ul.footerMenu li.footerMenuLast a{ border-right: none; }