body, form, fieldset, input, h1, h2, h3, p, img, ul, ol, li, hr { margin:0; padding:0; border:0; }
html { overflow: auto; }
a { outline:none; }

body { background: #fff; font-family: "Segoe UI", "Lucida Grande", Arial, sans-serif; font-size: 62.5%; color: #262727; text-align: center; padding-top: 7px; }
  /* skins */
  body.home, body.projekty { background: #fff url('images/blue-line.gif') no-repeat 50% top; }
  body.profil { background: #fff url('images/orange-line.gif') no-repeat 50% top; }
  body.lide { background: #fff url('images/magenta-line.gif') no-repeat 50% top; }
.break { clear: both; }
hr { height: 1px; background: #dbdadb; color: #dbdadb; border: 0; width: 100%; margin-bottom: 10px; }

#header { height: 133px; background: url('images/bg-header.jpg') repeat-x left top; }
  .headerMenu { background: url('images/bg-header-menu.gif') no-repeat 50% bottom; }
  .headerWrapper { margin: 0px auto; width: 1000px; height: 133px; position: relative; }
  #header a.logo { width: 638px; height: 67px; display: block; background: url('images/logo-link.png') no-repeat left top; position: absolute; left: 12px; top: 13px; text-indent: -9000px; }
  #header form { position: absolute; right: 14px; top: 50px; }
  #header form input.text { border: 1px solid #d0d0d0; width: 200px; font-size: 1.1em; padding: 3px; }
  #header form input.submit { background: none; font-family: "Segoe UI", "Lucida Grande", Arial, sans-serif; font-size: 14px; padding: 0px 3px; }
  #header form input.submit:hover { background: #0096bf; color: #fff; }
  #header ul { list-style: none; position: absolute; left: 0px; bottom: 0px; padding-left: 5px; }
  #header ul li { float: left; height: 32px; }
  #header ul li a { font-size: 1.3em; color: #262727; text-decoration: none; display: inline-block; padding: 3px 7px; }
  /* skins */
  body.home #header ul li a.active, body.projekty #header ul li a.active,
  body.sponsoring #header ul li a.active, body.klienti #header ul li a.active,
  body.video-tutorial #header ul li a.active { border-bottom: 9px solid #0096bf; }

  body.home #header ul li a:hover, body.projekty #header ul li a:hover { border-bottom: 9px solid #0096bf; color: #0096bf; }
  body.profil #header ul li a.active { border-bottom: 9px solid #fdae05; }
  body.profil #header ul li a:hover { border-bottom: 9px solid #fdae05; color: #fdae05; }
  body.lide #header ul li a.active { border-bottom: 9px solid #b72473; }
  body.lide #header ul li a:hover { border-bottom: 9px solid #b72473; color: #b72473; }

#main { background: url('images/bg-slideshow.jpg') no-repeat 50% 150px; min-height: 500px; text-align: left; padding-bottom: 10px;  }
  .mainWrapper { margin: 0px auto; width: 973px; position: relative; }

#slideshow { height: 475px;  }
.slideHome { margin: 10px 0px; }

#bannerReference { height: 33px; border-top: 1px solid #dbdadb; border-bottom: 1px solid #dbdadb; }

#news { height: 200px; border-top: 1px solid #dbdadb; background: url('images/bg-news.jpg') no-repeat 50% top; }
  #news .newsItem { margin-top: 14px; float: left; margin-right: 10px; width: 230px; }
  #news .newsItem img { border: 1px solid #d2d2d2; margin-bottom: 10px; width: 230px; height: 75px; }
  #news .newsItem a:hover img { border: 1px solid #0096be;  }
  #news .newsItem strong { color: #0096be; font-size: 1.1em; }
  #news .nove { position: absolute; left: -12px; top: 40px; width: 12px; height: 32px; background: url('images/nove.gif') no-repeat left top; }

#content { border-top: 1px solid #dbdadb; min-height: 100px; }

#overFooter { height: 39px; text-align: left; }
  body.home #overFooter, body.projekty #overFooter { background: url('images/blue-line-footer.gif') no-repeat 50% top; }
  body.profil #overFooter { background: url('images/orange-line-footer.gif') no-repeat 50% top; }
  body.lide #overFooter { background: url('images/magenta-line-footer.gif') no-repeat 50% top; }
  #overFooter a { display: inline-block; color: #000; font-size: 1.4em; height: 39px; line-height: 39px; text-decoration: none; margin-right: 25px; }
  #overFooter a:hover { text-decoration: underline; }
  #overFooter a.facebook { background: url('images/facebook.png') no-repeat left 50%; padding-left: 30px; }
  #overFooter a.eshop { background: url('images/eshop.png') no-repeat left bottom; padding-left: 80px; }


#footer { background: url('images/bg-header.jpg') repeat-x left top; height: 70px; font-size: 1.1em; padding-top: 5px; }
  .footerWrapper { margin: 0px auto; width: 973px; }
  #footer span.copy { float: left; }
  #footer span.devel { float: right; }
  #footer a { float: left; margin: 0px 15px; text-decoration: none; color: #0096bf; }
  #footer a:hover { text-decoration: underline; }
  #footer strong { color: #0096bf; }

span.note { color: #aaa; display: none; padding-top: 8px; }

#content ul.breadcrumbs { list-style: none; margin: 5px 0px 15px 0px; height: 16px; }
  #content ul.breadcrumbs li { float: left; font-size: 1.1em; color: #999898; }
  #content ul.breadcrumbs li a { color: #999898; text-decoration: none; background: url('images/li-bc.png') no-repeat right 50%; padding-right: 15px; }
  #content ul.breadcrumbs li a:hover { text-decoration: underline;  }
  
  #content h1.normal { font-size: 3em; color: #0096be; margin-bottom: 15px; }
  #content div.novinka h1 { font-size: 3em; color: #0096be; margin-bottom: 15px; }
  /*body.home #content h1.normal { color: #fdae05; }*/
  body.profil #content h1.normal { color: #fdae05; }
  body.lide #content h1.normal { color: #b72473; }
  #content div.novinka { margin-bottom: 15px; }

  #content p { font-size: 1.2em; }
  #content a.normalLink { color: #000; }
    #content a.normalLink:hover { color: #0096bf; }
  #content h2.nasi-klienti { text-transform: uppercase; font-size: 1.8em; margin-top: 20px; }
  
  #content div.klienti { height: 138px; border-top: 1px solid #cececf; border-bottom: 1px solid #cececf; background: url('images/bg-news.jpg') no-repeat 50% top; margin-top: -5px; margin-bottom: 20px; }
  #content div.klienti ul { list-style: none; }
  #content div.klienti ul li { float: left; line-height: 138px; height: 138px; padding-right: 60px; }
  #content div.klienti ul li.last { float: right; padding-right: 0px; }
  #content div.klienti ul li a { display: block; font-size: 3.6em; color: #1f1e21; text-decoration: none; }
  #content div.klienti ul li img { vertical-align: middle; }
  
.projektyCells { width: 970px; text-align: center; clear: both; overflow: auto; }
  .projektyCell { width: 319px; height: 227px; background: url('images/bg-projekty-cell.gif') no-repeat left top; float: left; margin: 0px 4px 4px 0px; position: relative; }
  .projektyCell img { position: absolute; bottom: 1px; left: 50%; }
  #content .projektyCell h2 { font-size: 2.6em; font-weight: normal; padding-top: 22px; line-height: 1.2em; }
  #content .projektyCell h2 a { color: #1f1e21; text-decoration: none; }
  #content .projektyCell h2 a:hover { color: #0096bf; text-decoration: underline; }
  
  .projektyCell2 { width: 319px; height: 227px; background: url('images/bg-projekty-cell-2.jpg') no-repeat left top; float: left; margin: 0px 4px 4px 0px; text-align: left; }
  #content .projektyCell2 a { font-size: 2.6em; color: #1f1e21; text-decoration: none; margin-left: 20px; display: inline-block; margin-top: 155px; }
  #content .projektyCell2 a:hover { color: #0096bf; text-decoration: underline; }
  #content .projektyCell2 span { font-size: 1.2em; display: inline-block; margin-left: 20px; }
  
  #content .profil { background: url('images/bg-profil.gif') no-repeat left top; width: 960px; height: 642px; margin-top: 49px; margin-bottom: 27px; position: relative; }
  #content .profil .leftColumn { width: 390px; position: absolute; left: 30px; top: 200px; }
  #content .profil .leftColumn p { font-size: 1.5em; padding-bottom: 15px; text-align: justify; }
  #content .profil .rightColumn { width: 390px; position: absolute; left: 506px; top: 200px; }
  #content .profil .rightColumn p { font-size: 1.9em; padding-bottom: 15px; text-align: justify; }
  
  #content .profilBox { width: 200px; height: 245px; border: 1px solid #dbdadb; float: left; padding: 10px 15px; margin-right: 10px; margin-bottom: 10px;
                        background: #fff url('images/bg-profil-box.gif') repeat-x left top; position: relative; }
  #content .profilBox h2 { font-size: 1.4em; text-transform: uppercase; }
  #content .profilBox img { position: absolute; bottom: 0px; left: 50%; }

  #content .profilBoxLast { width: 200px; height: 280px; float: left; padding: 10px 15px; margin-right: 10px; margin-bottom: 10px; }
  #content .profilBoxLast a.boldLink { color: #fdae05; font-weight: bold; text-decoration: none; font-size: 1.4em; text-transform: uppercase; display: block; margin-bottom: 10px; }
  body.home #content .profilBoxLast a.boldLink { color: #0096bf; }
  body.profil #content .profilBoxLast a.boldLink { color: #fdae05; }
  body.lide #content .profilBoxLast a.boldLink { color: #b72473; }
  #content .profilBoxLast a.normalLink { color: #000; text-decoration: none; font-size: 1.4em; text-transform: uppercase; display: block; }
  #content .profilBoxLast a:hover { text-decoration: underline; }

  #content .wrapperGrayTop { background: url('images/bg-header.jpg') repeat-x left top; }
  #content .wrapperGrayTop .profilBox { border: none; background: none; width: 202px; height: 160px; }
  #content .wrapperGrayTop .profilBoxLast { height: 160px; }

  
  #content .projektDetailBox { border: 1px solid #d0d0d0; height: 469px; background: #fff; margin-bottom: 20px; }
  #content .projektDetailBoxText { padding: 100px 0px 0px 40px; float: left; }
  #content .projektDetailBox h2 { font-weight: normal; font-size: 3.6em; margin-bottom: 15px;  }
  #content .projektDetailBox p { font-size: 1.6em; margin-bottom: 20px; }
  #content .projektDetailBox a { color: #262727; text-decoration: none; }
  #content .projektDetailBox a:hover { text-decoration: underline; }
  #content .projektDetailBoxImages { background: url('images/bg-projekt-detail.jpg') repeat-x left bottom; float: right; height: 469px; width: 645px; }
  
  #content .projektDetailWrapper { padding: 0px 25px 40px 25px; overflow: auto; }
  
  #content h3.detailProjekt { font-size: 2.4em; color: #0096bf; font-weight: normal; margin-bottom: 10px; }
  #content ul.projektList { font-size: 1.6em; list-style: none; float: left; margin-right: 40px; }
  #content ul.projektList li { background: url('images/list-li.gif') no-repeat left 10px; padding-left: 12px; }
  #content p.detailProjekt { font-size: 1.6em; }
  
  form.ftp { margin: 20px 0px; }
  form.ftp label { font-size: 1.2em; width: 60px; float: left; }
  form.ftp input.text { border: 1px solid #ddd; margin-bottom: 2px; padding: 2px; }
  form.ftp input.submit { background: #0096bf; color: #fff; padding: 2px 5px; font-size: 1.2em; }

  #content table.kontakty { border-collapse: collapse; margin-bottom: 20px; }
    #content table.kontakty td { padding: 0px 20px 2px 0px; font-size: 1.4em; vertical-align: top; }
    #content table.kontakty a { color: #262727; text-decoration: none; }
    #content table.kontakty a:hover { color: #0096BE; text-decoration: underline; }
    
  #content ul.lide { list-style: none;  }
    #content ul.lide li { float: left; margin-bottom: 10px; padding-right: 140px; }
    #content ul.lide li a { font-size: 1.4em; font-weight: bold; color: #cacaca; text-decoration: none; cursor: pointer; }
      #content ul.lide li a:hover { color: #999; text-decoration: underline; }
    #content ul.lide li a.active { color: #b92475; }
    
    #lide { height: 466px; }
    #lide img { float: left; margin-right: 20px;}
    #lide h1 { font-size: 6em; line-height: 56px; padding-bottom: 5px; }
    #lide p { font-size: 1.6em; }
    #lide p strong { color: #c12679; font-weight: normal; }
    
    div.panel { position: relative; height: 450px; overflow: hidden; }
    a.link { position: absolute; right: 40px; bottom: 35px; width: 59px; height: 58px; background: url('images/button.png') no-repeat left top; display: block;  }
    a.link:hover { opacity:0.5; filter:alpha(opacity=50); }