/* Inspiro ERP */

html, body, form, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, div, hr, form, input, fieldset, button { margin: 0; padding: 0; }

/* Global settings */
.blind,
hr,
.skip { display: none !important; }
fieldset,
a img  { border: 0; }
.right  { text-align: right; }

  /* Clearfix */
  .cf { min-height: 1%; _height: 1%; }
  .cf:after { content: "."; display: block; clear: both; visibility: hidden; overflow: hidden; height: 0; }
  
  /* Headings */
  h1  { font-size: 190%; }
  h2  { font-size: 180%; }
  
  /* Links */
  a:link, a:visited { color: #000; }
  a:hover, a:active { color: #000; text-decoration: none; } 
  
/* Layout */

  /* ===BODY=== */
  body  { text-align: center; font: normal 83%/1.5 Trebuchet MS, Tahoma, sans-serif; }
  /* ===END BODY=== */
  
  /* ===PAGE=== */
  #page { width: 970px; margin: 0 auto; text-align: left; position: relative; } 
  /* ===END PAGE=== */
  
  /* ===HEADER=== */
  #header { height: 109px; position: relative; background: #fff url(images/bg-header.gif) no-repeat 0 100%; margin-bottom: 360px; }
  #header .logo { position: absolute; width: 173px; height: 67px; left: 10px; top: 18px; }
  #header span.slogan { position: absolute; left: 378px; top: 45px; width: 378px; height: 28px; line-height: 45px; overflow: hidden; background: #fff url(images/mobilni-obchodni-system-online.png) no-repeat 0 0; color: #5e6668; text-align: center; font-size: 75%; font-weight: normal; }
  #header span.slogan strong  { color: #000; }
  #header form  { position: absolute; width: 212px; height: 24px; right: 0; top: 43px; background: #fff url(images/bg-form.gif) no-repeat 0 0; }
  #header form input.txt  { position: absolute; left: 5px; top: 4px; width: 155px; border: 0; color: #777d81; font-family: Arial, Tahoma, sans-serif; }
  #header form input.search  { position: absolute; left: 168px; top: 0; width: 44px; height: 24px; border: 0; overflow: hidden; background: #8dc21e url(images/search-button.gif) no-repeat 0 0; line-height: 5em; text-indent: 1000px; cursor: pointer; cursor: hand; }
  #header form input:hover.search, #header form input:focus.search  { background-position: 0 100%; }
    /* Subpages */
    #subpage #header  { margin-bottom: 66px; }
    #subpage #header p  { font-size: 190%; }
    /* End Subpages */  
  /* ===END HEADER=== */
  
  /* ===MENU=== */
  #menu { position: absolute; left: 0; top: 351px; height: 66px; background: #e5e6e2 url(images/bg-menu.gif) no-repeat 0 0; width: 100%; }
  #menu li  { list-style-type: none; float: left; }
  #menu li a:link, #menu li a:visited { display: block; text-align: center; line-height: 66px; height: 66px; background: #e5e6e2 url(images/bg-menu.gif) no-repeat 0 0; color: #353f42; text-decoration: none; } 
  #menu li a:hover, #menu li a:active { color: #fff; }
  #menu li.first  { width: 115px; }
  #menu li.first a:hover, #menu li.first a:active, #menu li.first a#selected  { background-position: -0px -66px; color: #fff; }  
  #menu li.second  { width: 139px; }
  #menu li.second a:link, #menu li.second a:visited  { background-position: -115px 0; }
  #menu li.second a:hover, #menu li.second a:active, #menu li.second a#selected  { background-position: -115px -66px; color: #fff; }
  #menu li.third  { width: 124px; }
  #menu li.third a:link, #menu li.third a:visited  { background-position: -254px 0; }
  #menu li.third a:hover, #menu li.third a:active, #menu li.third a#selected  { background-position: -254px -66px; color: #fff; }
  #menu li.fourth  { width: 128px; }
  #menu li.fourth a:link, #menu li.fourth a:visited  { background-position: -378px 0; }
  #menu li.fourth a:hover, #menu li.fourth a:active, #menu li.fourth a#selected  { background-position: -378px -66px; color: #fff; }
  #menu li.fifth  { width: 108px; }
  #menu li.fifth a:link, #menu li.fifth a:visited  { background-position: -505px 0; }
  #menu li.fifth a:hover, #menu li.fifth a:active, #menu li.fifth a#selected  { background-position: -505px -66px; color: #fff; }
  #menu li.demo { position: absolute; top: 13px; right: 21px; width: 190px; height: 39px; }
  #menu li.demo a:link, #menu li.demo a:visited  { background: #a5a5a5 url(none); line-height: 39px; color: #000; position: relative; width: 190px; height: 39px; }
  #menu li.demo a:link em, #menu li.demo a:visited em  { background: transparent url(images/btn-demo.gif) no-repeat 0 0; position: absolute; left: 0; top: 0; width: 190px; height: 39px; cursor: pointer; cursor: hand; }
  #menu li.demo a:hover em, #menu li.demo a:active em  { background-position: 0 100%; }
    /* Subpages */
    #subpage #menu  { top: 109px; }
    /* Subpages */  
  /* ===END MENU=== */
  
  /* ===MAINCONTENT ===*/
    /* Home 3 boxes */
    #homepage .cols { color: #585f63; }
    #homepage .cols .col1, #homepage .cols .col2  { width: 270px; float: left; margin-right: 50px; position: relative; }
    #homepage .cols .col2 { margin-right: 0; }
    #homepage .cols .col3 { width: 340px; float: right; position: relative; }
    #homepage .cols .pane { min-height: 250px; _height: 250px; }
    #homepage .cols h2  { color: #212728; font-weight: normal; line-height: 1.2em; margin-bottom: 15px; }
    #homepage .cols p { margin-bottom: 7px; }
    #homepage .cols p.perex { border-top: 1px #7b7c7c dotted; border-bottom: 1px #7b7c7c dotted; padding: 3px 0 3px 0; }
    #homepage .cols p.link a  { display: block; width: 265px; height: 74px; position: relative; text-align: center; line-height: 74px; text-decoration: none; }
    #homepage .cols p.link a em  { width: 265px; height: 74px; position: absolute; left: 0; top: 0; cursor: pointer; cursor: hand; }
    #homepage .cols ul  { margin: 0; }
    #homepage .cols ul li { list-style-type: none; padding-left: 30px; background: #fff url(images/bg-li-homepage.gif) no-repeat 0px 5px; margin-bottom: 10px; }
    #homepage .cols .col1 p.link a  { background-color: #15a3c9; color: #fff; }
    #homepage .cols .col1 p.link a:link em, #homepage .cols .col1 p.link a:visited em { background: transparent url(images/btn-pripadova-studie-blue.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }    
    #homepage .cols .col1 p.link a:hover em, #homepage .cols .col1 p.link a:active em { background-position: 0 100%; }
    #homepage .cols .col2 p.link a  { background-color: #7c970c; color: #fff; }
    #homepage .cols .col2 p.link a:link em, #homepage .cols .col2 p.link a:visited em { background: transparent url(images/btn-pripadova-studie-green.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }
    #homepage .cols .col2 p.link a:hover em, #homepage .cols .col2 p.link a:active em { background-position: 0 100%; }
    #homepage .cols .col3 p.bubbles a { display: block; float: left; position: relative; left: 25px; width: 137px; height: 74px; text-align: center; line-height: 74px; color: #fff; background-color: #4b5e61; font-size: 90%; overflow: hidden; text-decoration: none; }
    #homepage .cols .col3 p.bubbles a.first { margin-right: 20px; }
    #homepage .cols .col3 p.bubbles a:link.first em, #homepage .cols .col3 p.bubbles a:visited.first em  { position: absolute; left: 0; top: 0; width: 137px; height: 74px; background: transparent url(images/bg-bubble1.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }
    #homepage .cols .col3 p.bubbles a:hover.first em, #homepage .cols .col3 p.bubbles a:active.first em, #homepage .cols .col3 p.bubbles a.hover { background-position: 0 100% !important; }
    #homepage .cols .col3 p.bubbles a:link.second em, #homepage .cols .col3 p.bubbles a:visited.second em  { position: absolute; left: 0; top: 0; width: 137px; height: 74px; background: transparent url(images/bg-bubble2.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }
    #homepage .cols .col3 p.bubbles a:hover.second em, #homepage .cols .col3 p.bubbles a:active.second em { background-position: 0 100%; }
    #homepage .cols .col3 p.bubbles a.first { margin-right: 20px; }
    
    #homepage .cols .col3 p.cenik a { display: block; float: left; position: relative; left: 15px; width: 164px; height: 89px; text-align: center; line-height: 89px; color: #fff; background-color: #587b81; font-size: 90%; overflow: hidden; text-decoration: none; }
    #homepage .cols .col3 p.cenik a.first { margin-right: 20px; }
    #homepage .cols .col3 p.cenik a:link.second em, #homepage .cols .col3 p.cenik a:visited.second em  { position: absolute; left: 0; top: 0; width: 164px; height: 89px; background: transparent url(images/cenik-systemu.png) no-repeat 0 0; cursor: pointer; cursor: hand; }
    #homepage .cols .col3 p.cenik a:hover.second em, #homepage .cols .col3 p.cenik a:active.second em, #homepage .cols .col3 p.cenik a.hover { background-position: 0 100% !important; }
    /* End homepage 3 boxes */
    /* Subpages content */
    #subpage #content { padding-top: 50px; width: 715px; float: left; position: relative; left: 7px; }
    #subpage #content h1  { color: #99b818; font-weight: normal; font-size: 190%; }    
    #subpage #content p { color: #727272; margin-bottom: 5px; }
    #subpage #content p strong  { color: #000; }
    #subpage #content .perex  { font-weight: bold; font-size: 120%; line-height: 1.2em; margin-bottom: 15px; color: #000; }
    #subpage #content .items  { margin-top: 73px; min-height: 1%; }
    #subpage #content .items .item  { width: 344px; min-height: 200px; _height: 200px; float: left; margin-right: 25px; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; background: #fff url(images/bg-item.gif) repeat-y 0 0; margin-bottom: 50px; position: relative; }
    #subpage #content .items .item.even { margin-right: 0; }
    #subpage #content .items .item h2 { width: 142px; height: 87px; overflow: hidden; font-size: 110%; line-height: 1.2em; position: absolute; left: 25px; top: -23px; } 
    #subpage #content .items .item h2 a:link, #subpage #content .items .item h2 a:visited { display: block; width: 142px; height: 87px; background: #17a5cb url(images/bg-items-h2.gif) no-repeat 0 0; color: #fff; text-decoration: none; }
    #subpage #content .items .item h2 a:hover, #subpage #content .items .item h2 a:active { background-position: 0 100%; }
    #subpage #content .items .item h2 span  { position: relative; top: 12px; width: 137px; text-align: center; display: block; }
    #subpage #content .items .item h2.green a:link, #subpage #content .items .item h2.green a:visited  { background-image: url(images/bg-items-h2-green.gif); }
    #subpage #content .items .item .pane  { margin: 0px 1px 0 25px; padding: 65px 0 20px 0; }
    #subpage #content .items .item .pane p  { margin-bottom: 0; width: 225px; }
    #subpage #content .items .item#pricelist h2  { position: relative; left: 0; top: 0; background-color: #c3e245; color: #fff; font-size: 170%; background-image: url(none); width: 100%; height: auto; padding: 7px 0 7px 0; font-weight: normal; text-indent: 25px; }
    #subpage #content .items .item#pricelist h3 { font-size: 130%; font-weight: normal; }
    #subpage #content .items .item#pricelist p  { font-size: 100%; width: auto; }
    #subpage #content .items .item#pricelist p a:link; #subpage #content .items .item#pricelist p a:visited  { text-decoration: none; }
    #subpage #content .items .item#pricelist p a:hover  { text-decoration: underline; }
    #content .items .item#pricelist .pane  { padding: 24px 0 24px 0; margin: 0px 25px 0 25px; color: #585f63; }
    #subpage #content .items .item#pricelist, #subpage #content .items .item#type7, #subpage #content .items .item#contact-form  { margin-bottom: 0; }
    #subpage #content .items .item#contact-form { background: #f1f3f6 url(images/bg-contact-form-small.gif) repeat-y 0 0; border-top: 1px #d9dade solid; border-bottom: 1px #d9dade solid; }
    #subpage #content .items .item#contact-form h2  { position: relative; left: 0px; top: 0; background-color: #f1f3f6; color: #050505; font-size: 160%; background-image: url(none); width: 342px; height: auto; padding: 20px 0 10px 0; font-weight: normal; text-indent: 15px; margin-left: 1px; border-bottom: 1px #d9dade solid; }
    #subpage #content .items .item#contact-form form  { padding: 30px 12px 0 12px; }
    #subpage #content .items .item#contact-form form label  { display: none; }
    #subpage #content .items .item#contact-form form p  { float: left; margin-right: 10px; _margin-right: 5px; margin-bottom: 15px; }     
    #subpage #content .items .item#contact-form form p input  { background-color: #fff; color: #a0aaaf; border: 1px #d9dade solid; font-size: 140%; font-weight: normal; height: 27px; _height: 35px; padding: 4px 5px 2px 5px; margin: 0; }
    #subpage #content .items .item#contact-form form p input:focus  { border-color: #9c9c9e; }
    #subpage #content .items .item#contact-form form p.name { width: 312px; margin-right: 0; }
    #subpage #content .items .item#contact-form form p.name input { width: 302px; _width: 312px; }
    #subpage #content .items .item#contact-form form p.company { width: 312px; margin-right: 0; }
    #subpage #content .items .item#contact-form form p.company input { width: 302px; _width: 312px; }
    #subpage #content .items .item#contact-form form p.email { width: 160px; }
    #subpage #content .items .item#contact-form form p.email input { width: 150px; _width: 160px; }
    #subpage #content .items .item#contact-form form p.phone { width: 143px; margin-right: 0; }
    #subpage #content .items .item#contact-form form p.phone input { width: 133px; _width: 143px; }
    #subpage #content .items .item#contact-form form p.question { width: 312px; }
    #subpage #content .items .item#contact-form form p.question textarea  { padding: 5px; border: 1px #d9dade solid; width: 302px; _width: 312px; background-color: #fff; color: #a0aaaf; font-size: 140%; font-family: Trebuchet MS, Tahoma, sans-serif; } 
    #subpage #content .items .item#contact-form form p.question textarea:focus  { border-color: #9c9c9e; }
    #subpage #content .items .item#contact-form form p.bottom { width: 312px; margin: 0; padding-bottom: 15px; }
    #subpage #content .items .item#contact-form form p.bottom .info { width: 220px; float: left; font-size: 75%; }
    #subpage #content .items .item#contact-form form p.bottom .info a { color: #22adce; }
    #subpage #content .items .item#contact-form form p.bottom br  { display: none; }
    #subpage #content .items .item#contact-form form input.submit  { display: block; width: 122px; height: 68px; float: right; overflow: hidden; line-height: 24px; padding: 0 0 5px 0; color: #fff; font-size: 90%; text-align: center; background: #868686 url(images/btn-send.png) no-repeat 0 0; border: 0; cursor: pointer; cursor: hand; }
    #subpage #content .items .item#contact-form form input.submit:hover { background-position: 0 100%; }
    #subpage #content .items#without-img  { margin-bottom: 50px; }
    #subpage #content .items#without-img .item  { min-height: 1%; height: auto; margin-bottom: 0; }
    #subpage #content .items#without-img .item .pane { margin: 0 2px 1px 2px; background: #fff url(images/bg-pane-gradient.gif) repeat-x 0 100%; padding: 75px 25px 25px 25px; }
    #subpage #content .items#without-img .item .pane p  { width: 100%; }
    #subpage #content .items#without-img .item .pane big  { color: #000; font-size: 115%; }
    #subpage #content .items#without-img .item .pane a  { color: #29a2b9; }
    #subpage #content .video  { margin-top: 45px; }
    #subpage #content .text h2  { color: #000; font-size: 150%; margin-bottom: 8px; }
    #subpage #content .text h3  { color: #000; font-size: 120%; margin-bottom: 2px; }
    #subpage #content .text p { margin-bottom: 15px; }
    #subpage #content .inspiro-erp-banner { width: 713px; height: 213px; position: relative; margin: 35px 0 0 0; background: #fff url(images/bg-erp-banner.jpg) no-repeat 0 0; }
    #subpage #content .inspiro-erp-banner p { position: absolute; width: 315px; right: 85px; top: 100px; }
    #subpage #content .inspiro-erp-banner p strong  { display: block; }
    #subpage #content .inspiro-erp-banner a { color: #91ae18; }
    #subpage #content .contact-form { background: #f1f3f6 url(images/bg-contact-form-big.gif) repeat-y 0 0; width: 713px; overflow: hidden; border-top: 1px #ade0f4 solid; border-bottom: 1px #ade0f4 solid; margin-top: 50px; }
    #subpage #content .contact-form h2  { border-bottom: 1px #ade0f4 solid; font-size: 140%; color:#29829f; font-weight: normal; text-indent: 19px; padding: 8px 0 5px 0; }
    #subpage #content .contact-form form  { padding: 25px 14px 0 14px; }
    #subpage #content .contact-form form label  { display: none; }
    #subpage #content .contact-form form p  { float: left; margin-right: 10px; _margin-right: 5px; margin-bottom: 15px; }     
    #subpage #content .contact-form form p input  { background-color: #fff; color: #a0aaaf; border: 1px #ade0f4 solid; font-size: 140%; font-weight: normal; height: 27px; _height: 35px; padding: 4px 5px 2px 5px; margin: 0; }
    #subpage #content .contact-form form p input:focus  { border-color: #9c9c9e; }
    #subpage #content .contact-form form p.name { width: 263px; }
    #subpage #content .contact-form form p.name input { width: 251px; _width: 261px; }
    #subpage #content .contact-form form p.company { width: 391px; _width: 401px; margin-right: 0; }
    #subpage #content .contact-form form p.company input { width: 390px; _width: 400px; }
    #subpage #content .contact-form form p.email { width: 354px; }
    #subpage #content .contact-form form p.email input { width: 342px; _width: 352px; }
    #subpage #content .contact-form form p.phone { width: 310px; }
    #subpage #content .contact-form form p.phone input { width: 300px; _width: 310px; }
    #subpage #content .contact-form form p.question { width: 677px; }
    #subpage #content .contact-form form p.question textarea  { padding: 5px; border: 1px #ade0f4 solid; width: 665px; _width: 675px; background-color: #fff; color: #a0aaaf; font-size: 140%; font-family: Trebuchet MS, Tahoma, sans-serif; } 
    #subpage #content .contact-form form p.question textarea:focus  { border-color: #9c9c9e; }
    #subpage #content .contact-form form p.bottom { width: 677px; margin: 0; padding-bottom: 15px; }
    #subpage #content .contact-form form p.bottom .info { width: 305px; float: left; font-size: 75%; }
    #subpage #content .contact-form form p.bottom .info a { color: #22adce; }
    #subpage #content .contact-form form p.bottom br  { display: none; }
    #subpage #content .contact-form form p.bottom input.submit  { display: block; width: 122px; height: 68px; float: right; overflow: hidden; line-height: 24px; padding: 0 0 13px 0; color: #fff; font-size: 125%; text-align: center; background: #e8f1f0 url(images/btn-send.png) no-repeat 0 0; border: 0; cursor: pointer; cursor: hand; }
    #subpage #content .contact-form form p.bottom input.submit:hover   { background-position: 0 100%; }
      /* Item backgrounds */
      #subpage #content .items .item#type1 .pane  { background: #fff url(images/items/item1.jpg) no-repeat 100% 100%; }
      #subpage #content .items .item#type2 .pane  { background: #fff url(images/items/item2.jpg) no-repeat 100% 100%; }
      #subpage #content .items .item#type3 .pane  { background: #fff url(images/items/item3.jpg) no-repeat 100% 100%; }
      #subpage #content .items .item#type4 .pane  { background: #fff url(images/items/item4.jpg) no-repeat 100% 100%; }
      #subpage #content .items .item#type5 .pane  { background: #fff url(images/items/item5.jpg) no-repeat 100% 100%; }
      #subpage #content .items .item#type6 .pane  { background: #fff url(images/items/item6.jpg) no-repeat 100% 100%; }
      #subpage #content .items .item#type7 .pane  { background: #fff url(images/items/item7.jpg) no-repeat 100% 100%; }
   
    #subpage #content .blizsi-informace   {margin:40px 0 0 0px;border-left:3px dotted #e2e2e2;border-right:3px dotted #e2e2e2;}
    #subpage #content .blizsi-informace p   {color: #c0c0c0;margin:0 20px 10px 20px;}
    #subpage #content .blizsi-informace p strong   {color: #6b6b6b;}
    #subpage #content .blizsi-informace h2   {font-size:120%;}
    #subpage #content .blizsi-informace h3,h4   {color: #6b6b6b;margin:10px 20px;font-weight:normal;}
    #subpage #content .blizsi-informace h2   {margin:0 20px 10px 20px;}
    #subpage #content .blizsi-informace ul li   {color: #a6a6a6;margin:0 20px 0 20px;}
    /* End Subpages content */
    
    #subpage #content table.dotazy {width: 100%; font-size: 100%; vertical-align: top; text-align: left; border: 0; }
    #subpage #content  table.dotazy tr td {border-top: 4px solid #e2e6e7; border-bottom: 4px solid #c4c9cb; vertical-align: top; height: 200px; padding: 20px 0 10px 0; background-color: #fff;}
    #subpage #content  table.dotazy tr td.blue {border-bottom: 4px solid #abe0f6; margin: 10px 0 10px 0; background-color: #e7f2f7;}
      
  /* Subpages sidebar */
    #subpage #sidebar { width: 225px; float: right; overflow: hidden; margin-top:10px; }
    #subpage #sidebar .sidemenu { background: #ebf5c2 url(images/bg-sidemenu.gif) repeat-y 0 0; border-top: 1px #dfedaa solid; border-bottom: 1px #dfedaa solid; margin-bottom: 35px; }
    #subpage #sidebar .sidemenu h2  { padding: 20px 10px 20px 20px; background: #ebf5c2 url(images/sidemenu-separator.gif) no-repeat 0 100%; color: #97b41f; font-size: 150%; font-weight: normal; }
    #subpage #sidebar .sidemenu li  { background: #ebf5c2 url(images/sidemenu-separator.gif) no-repeat 0 100%; list-style-type: none; height: 47px; line-height: 47px; } 
    #subpage #sidebar .sidemenu li a  { display: block; height: 45px; line-height: 45px; background: #ebf5c2 url(images/bg-sidemenu-link.gif) repeat-x 0 0; color: #353f42; text-decoration: none; }
    #subpage #sidebar .sidemenu li.now a  { display: block; height: 45px; line-height: 45px; background: #ebf5c2 url(images/bg-sidemenu-link.gif) repeat-x 0 100%; color: #fff; text-decoration: none; }
    
    #subpage #sidebar .sidemenu li a span { padding-left: 25px; background: url(images/bg-sidemenu-link-arrow.gif) no-repeat 0 0%; display: block; position: relative; left: 22px; }
    #subpage #sidebar .sidemenu li.now a span { padding-left: 25px; background: url(images/bg-sidemenu-link-arrow.gif) no-repeat 0 100%; display: block; position: relative; left: 22px; }
    #subpage #sidebar .sidemenu li a:hover  { background-position: 0 100%; color: #fff; }
    #subpage #sidebar .sidemenu li a:hover span { background-position: 0 100%; }
    #subpage #sidebar .video1, #subpage #sidebar .video2, #subpage #sidebar .video3, #subpage #sidebar .video4  { margin-bottom: 35px; }
    #subpage #sidebar .video1 .bubbles a, #subpage #sidebar .video2 .bubbles a, #subpage #sidebar .video3 .bubbles a, #subpage #sidebar .video4 .bubbles a { display: block; position: relative; left: 89px; width: 137px; height: 74px; text-align: center; line-height: 74px; color: #fff; background-color: #fff; font-size: 90%; overflow: hidden; text-decoration: none; }    
    #subpage #sidebar .video1 .bubbles a:link em, #subpage #sidebar .video1 .bubbles a:visited em  { position: absolute; left: 0; top: 0; width: 137px; height: 74px; background: transparent url(images/bg-bubble-vyh.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }
    #subpage #sidebar .video1 .bubbles a:hover em, #subpage #sidebar .video1 .bubbles a:active em, #subpage #sidebar .video1 .bubbles a.hover em { background-position: 0 100%; }
    
    #subpage #sidebar .video2 .bubbles a:link em, #subpage #sidebar .video2 .bubbles a:visited em  { position: absolute; left: 0; top: 0; width: 137px; height: 74px; background: transparent url(images/bg-bubble2.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }
    #subpage #sidebar .video2 .bubbles a:hover em, #subpage #sidebar .video2 .bubbles a:active em, #subpage #sidebar .video2 .bubbles a.hover em { background-position: 0 100%; }
    
    #subpage #sidebar .video3 .bubbles a:link em, #subpage #sidebar .video3 .bubbles a:visited em  { position: absolute; left: 0; top: 0; width: 137px; height: 74px; background: transparent url(images/bg-bubble-obj.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }
    #subpage #sidebar .video3 .bubbles a:hover em, #subpage #sidebar .video3 .bubbles a:active em, #subpage #sidebar .video3 .bubbles a.hover em { background-position: 0 100%; }
    
    #subpage #sidebar .video4 .bubbles a:link em, #subpage #sidebar .video4 .bubbles a:visited em  { position: absolute; left: 0; top: 0; width: 137px; height: 74px; background: transparent url(images/bg-bubble1.gif) no-repeat 0 0; cursor: pointer; cursor: hand; }
    #subpage #sidebar .video4 .bubbles a:hover em, #subpage #sidebar .video4 .bubbles a:active em, #subpage #sidebar .video4 .bubbles a.hover em { background-position: 0 100%; }
    
    #subpage #sidebar .cenik a { display: block; position: relative; left: 0px; width: 164px; height: 88px; text-align: center; line-height: 89px; color: #fff; background-color: #587b81; font-size: 90%; overflow: hidden; text-decoration: none; }    
    #subpage #sidebar .cenik a:link em, #subpage #sidebar .cenik a:visited em  { position: absolute; left: 0; top: 0; width: 164px; height: 89px; background: transparent url(images/cenik-systemu.png) no-repeat 0 0; cursor: pointer; cursor: hand; }
    #subpage #sidebar .cenik a:hover em, #subpage #sidebar .cenik a:active em, #subpage #sidebar .cenik a.hover em { background-position: 0 100%; }
    
   /* End Subpages sidebar */    
  /* ===END MAINCONTENT=== */ 
  
  /* ===PROMOBOX=== */
  .promo-box  { position: absolute; left: 0; top: 109px; background: #fff url(images/bg-promo-box.gif) repeat-x 0 0; width: 100%; height: 244px; }
  .promo-box #flash { width: 630px; float: left; }
  .promo-box ul { width: 322px; float: right; position: relative; top: 38px;}
  .promo-box ul li { padding-left: 20px; background: url(images/bg-promo-box-li.gif) no-repeat 0 50%; list-style-type: none; margin-bottom: 2px; }
  .promo-box ul li a:link, .promo-box ul li a:visited { color: #565656; font-size: 110%; text-decoration: none; }
  .promo-box ul li a:hover, .promo-box ul li a:active { color: #8dab11; text-decoration: underline; } 
  /* ===END PROMOBOX=== */
  
  /* ===FOOTER=== */
  #footer { background: #fbfbfb url(images/bg-footer.gif) repeat-x 0 0; height: 357px; margin-top: 100px; }
  #footer .question { width: 1009px; height: 182px; overflow: hidden; line-height: 182px; margin: 0 auto; background: #efefef url(images/bg-question.gif) no-repeat 0 0; color: #484848; font-size: 250%; text-align: left; position: relative; }
  #footer .question strong  { color: #212728; margin-left: -70px; }
  #footer .question a:link, #footer .question a:visited { position: absolute; RRright: 62px; top: 65px; width: 61px; height: 70px; line-height: 81px; background: #e0e0e0 url(images/btn-question-link.png) no-repeat 0 0; font-size: 0%; color: #232323; text-align: center; text-decoration: none; font-weight: bold;  margin-left: 20px;}
  
  #footer .question span.hover {color: #000; cursor: Pointer;}
  
  #footer .question a:hover, #footer .question a:active { background-position: 0 100%; }
  #footer .question a.hover, #footer .question a.hover { background-position: 0 100%; }
  #footer p.links { width: 960px; margin: 20px auto; text-align: left; color: #fff; font-size: 90%; } 
  #footer p.links a { color: #fff; }
  #footer p.links a:hover { text-decoration: none; }
  #footer h2 { color:#fff;font-size:70%;text-transform:uppercase;display:inline;position: relative; top: -10px;}
  
  ul.ul-links {position: relative; top: -30px; #top: -60px;width: 990px;margin: 0px auto;}
  ul.ul-links li {display: inline; list-style: none; margin-left: 8px; font-size: 75%; line-height: 11px;}
  ul.ul-links li a { color: #8fe3f6; }
  ul.ul-links li a:hover { text-decoration: none; color: #fff;} 
  
  #footer div.about { width: 970px; margin: 0px auto; color: #585f63; text-align: left; font-size: 90%; }
  #footer div.about a { color: #585f63; } 
  #footer div.about .inspiro  { width: 50%; float: left; padding-top: 30px; }
  #footer div.about .inspiro a img  { float: left; margin-right: 10px; }
  #footer div.about .copyright  { width: 50%; float: right; text-align: right; padding-top: 30px; }
  /* ===END FOOTER=== */
  
  #subpage #content ul { margin: 0 0 10px 6px; padding: 10px 0 0 0; }
  #subpage #content ul li { margin: 0 0 4px 0; padding: 5px 0 0 48px; list-style: none; background: url("../img/item.png") no-repeat left top; color: #000; min-height: 34px; font-size: 120%; }
  #subpage #content ul li span { margin: 2px 0 0 0; color: #7f7f7f; font-size: 80%; }
  
  #subpage #content ol { margin: 0 0 10px 50px; padding: 10px 0 0 0; }
  
  #sitemap ul { margin: 0 0 10px 40px; padding: 10px 0 0 0; }
  #sitemap ul li { margin: 0 0 4px 0; padding: 5px 0 0 48px; list-style: none; background: url("../img/item.png") no-repeat left top; color: #000; min-height: 34px; font-size: 105%; }
  #sitemap ul li span { margin: 2px 0 0 0; color: #7f7f7f; font-size: 80%; }
  
  .styl1  { font-weight: bold; font-size: 120%; line-height: 1.2em; margin-bottom: 15px; color: #000; } /* Tabs */
    #tabs { margin-top: 30px; }
    #tabs .tab  { background: #fff url(images/bg-tabs-top-gradient.gif) repeat-x 0 0; margin-top: 1px; padding-top: 20px; }
    #tabs .tab .in  { background: #fff url(images/bg-tabs-bottom-gradient.gif) repeat-x 0 100%; padding-bottom: 45px; }
    #tabs .tab .in p, #tabs .tab .in ul, #tabs .tab .in h3 { margin: 15px;}
    #tabs .tab ul  { position: relative; left: 5px; width: 675px; }
    #tabs .tab li { list-style-type: none; padding-left: 50px; background: #fff url(images/bg-tabs-li.gif) no-repeat 0 5px; min-height: 2.5em; _height: 2.5em; line-height: 2.5em; font-size: 115%; }
    #tabs #navigation  { height: 37px; overflow: hidden; font-size: 70%;margin: 0 !important; padding: 0 !important;}
    #tabs #navigation li { list-style-type: none; float: left; width: 76px; line-height: 37px; margin-right: 2px !important; padding: 0 !important;background: none;}
    #tabs #navigation li a:link, #tabs #navigation li a:visited   { display: block; text-align: center; height: 37px; background: #f3f5eb url(images/bg-tabs-navigation.gif) no-repeat 0 0; text-decoration: none; color: #737373; }
    #tabs #navigation li a:hover, #tabs #navigation li a:active { background-position: 0 -37px; } 
    #tabs #navigation li a:link.active, #tabs #navigation li a:visited.active, #tabs #navigation li a:hover.active, #tabs #navigation li a:active.active  { background-position: 0 -74px; color: #fff; }
    #tabs.large #navigation li  { width: 154px; }
    #tabs.large #navigation li a:link, #tabs.large #navigation li a:visited   { display: block; text-align: center; height: 37px; background: #f3f5eb url(images/bg-tabs-navigation-large.gif) no-repeat 0 0; text-decoration: none; color: #737373; }
    #tabs.large #navigation li a:hover, #tabs.large #navigation li a:active { background-position: 0 -37px; } 
    #tabs.large #navigation li a:link.active, #tabs.large #navigation li a:visited.active, #tabs.large #navigation li a:hover.active, #tabs.large #navigation li a:active.active  { background-position: 0 -74px; color: #fff; }
    /* End of tabs */
      
  #footer .question {text-align: center;}
  /*    #footer .question a:link, #footer .question a:visited { top: 65px; width: 61px; height: 70px; line-height: 81px; background: #e0e0e0 url(images/btn-question-link.png) no-repeat 0 0; font-size: 0%; color: #232323; text-align: center; text-decoration: none; font-weight: bold;  position: absolute; right: 0; margin-left: 20px;}*/
