/*@import 'dropDown.css';*/

/* ogolne */
body { 
	background: url('../i/bg.jpg');
  font-family: Arial, "Trebuchet MS", Verdana, sans-serif; 
  font-size: 14px; 
	margin: 0px; padding: 0px;}
div{ padding:0; margin:0; }
.x { display: none; }

.ahover {
  position: absolute;
  background: url('../i/bgMenuItemOn.gif') no-repeat;
  background-position: center top;}

li { list-style-image: url('../i/bullet.gif');}

span.nano {
  font-weight: bold;
  color: #13877b;}

span.p404 {
  display: block;
  font-size: 86px;
  font-weight: bold;           
  color: #bfbfbf;
  margin: 0px 20px 0px 0px;
  float: left; vertical-align: middle; }          

a {
  font-weight: normal; text-decoration: none;
  color: #13877b;}
  
/* layout */
#wrapper {  
  position: relative;
  width: 1020px; height: 100px;
  margin: 0px auto auto auto; padding: 0; }
  #headWrapper {
    float: left; 
    position: relative;
    width: 1020px; height: 99px;
    background-image: url('../i/bgTop.jpg');
    margin: 0px auto auto auto; padding: 0;
    border-bottom: 1px solid #262626;}
      
  #mainMenu {
    overflow: visible;
    position: relative;
    float: left;
    width: 1020px; height: 60px; 
    margin: 0; padding: 0; }
    
    #mainLogo {
    display: block;
    position: absolute;
    width: 177px; height: 27px;
    background: url('../i/logo.gif') no-repeat;
    margin: -14px 0px auto 30px;
    z-index: 200;}   
    #mainLogo a { 
      display: block;
      width: 177px; height: 27px; }
    
    #mainMenuContainer { 
      position: absolute; 
      top: 0; right: 40px;
      width: auto; height: 60px;}
      div.mainMenuItem {
        float: left;
        position: relative; display: block; 
        padding: 20px 20px;
        width: auto; height: 20px;
        z-index: 200;}
        div.mainMenuItem a {
          color: #25dac7;
          text-decoration: none;}
          div.mainMenuItem a:hover {
            color: white;
            text-decoration: none;}
      div.mainMenuItem.on {
        float: left;
        padding: 20px 20px;
        background: url('../i/bgMenuItemOn.gif') no-repeat;
        background-position: center top;
        width: auto; height: 20px;}
          div.mainMenuItem.on a {
            color: white;
            text-decoration: none;}
  
  #mainTop {
    float: left;
    width: 860px; height: 240px;
    margin: 0px 80px; 
    background: url('../i/bgTopMain.jpg') no-repeat;}
    #mainTopLeft {
      float: left;
      width: 660px; height: 240px;}
      #mainTopLeft .content {
        float: left; position: relative;
        overflow:hidden; 
        width: 393px; height: 240px;}
        div.topContent div.pages {  
          /* this cannot be too large */ 
          height: 20000em; 
          position: absolute; }
          div.topContent div.pages div.page {    
            float: left;
            width: 393px; height: 240px;}
            div.topContent div.pages div.page h2 { font-size: 30px; color: #12867d; margin: 60px auto auto 20px; }
            div.topContent div.pages div.page p { clear: both; font-size: 14px; margin-left: 50px;}
            div.topContent div.pages div.page .spanNano { color: #12867d; }
            div.icoOszczednosc { float: left; width: 64px; height: 64px; background: url('../i/icoOszczednosc.gif'); margin: 45px 20px 10px 50px; }
            div.icoWygoda { float: left; width: 64px; height: 64px; background: url('../i/icoWygoda.gif'); margin: 45px 20px 10px 50px; }
            div.icoProstota { float: left; width: 64px; height: 64px; background: url('../i/icoProstota.gif'); margin: 45px 20px 10px 50px; }
            div.icoSzybkosc { float: left; width: 64px; height: 64px; background: url('../i/icoSzybkosc.gif'); margin: 45px 20px 10px 50px; }
            div.icoSkalowalnosc { float: left; width: 64px; height: 64px; background: url('../i/icoSkalowalnosc.gif'); margin: 45px 20px 10px 50px; }
            div.icoPozycjonowanie { float: left; width: 64px; height: 64px; background: url('../i/icoPozycjonowanie.gif'); margin: 45px 20px 10px 50px; }
      #mainTopLeft .menu {
        float: left;
        width: 267px; height: 240px;
        padding-top: 26px;
        background: url('../i/bgTopMenu.gif') no-repeat;}
        #mainTopLeft .menu .item {
          width: 237px; height: 25px;
          text-align: right; 
          color: #bfbfbf;
          padding: 6px 30px 0 0;}
          #mainTopLeft .menu .item.on {
            color: #25dac7; }
          #mainTopLeft .menu .item a {
            margin: 0 30px 0 0; 
            color: #4d4d4d;
            text-decoration: none;}
            #mainTopLeft .menu .item.on a {
              color: #25dac7;}
            #mainTopLeft .menu .item a:hover {
              color: #25dac7;}
    #mainTopRightTop {
      float: left;
      width: 200px; height: 145px;}
      #mainTopRightTop a.zamow {
        display: block; float: left;
        width: 161px; height: 83px;
        margin: 30px auto auto 20px;
        background: url('../i/btnZamowNano.gif') no-repeat; }
    #mainTopRightBottom {
      float: left;
      width: 200px; height: 95px;}
      #mainTopRightBottom a { 
        display: block; float: left;
        width: 180px; height: auto;
        color: white; text-decoration: none;
        font-size: 16px; 
        margin: 30px auto auto 14px; }
        
  
  #foot {
    display: block; float: left; 
    position: relative;
    width: 860px; height: 99px;
    margin: 20px auto auto auto; padding: 0;
    color: #4d4d4d;
    padding: 20px 80px; 
    border-top: 1px solid #262626;}
    #foot a {
      color: #13877b; 
      text-decoration: none; }
      #foot a.logoMini {
        display: block;
        float: left; 
        width: 77px; height: 10px;
        margin: 5px 0 auto 0px;
        background: url('../i/logoMini.gif') no-repeat; }
    #foot span { float: left; }
    
    #foot div.linki {
      position: absolute;
      height: auto; width: auto;
      right: 80px; top: 20px;}
      
      
  div.box {
    float: left; position: relative;
    margin: 20px 10px;
    width: 200px; height: 191px;
    background: url('../i/bgBox.gif') no-repeat; }
    div.box.kontakt { background: url('../i/bgBoxKontakt.gif') no-repeat; text-align: center; }
    div.box h3 {
      display: block;
      float: left;
      font-size: 14px; font-weight: normal;
      width: 160px; height: auto;
      text-align: left;
      margin: 20px 20px 10px 20px;
      color: #666666; }
    div.box h4 {
      font-size: 14px; font-weight: normal;
      margin: 15px auto 0px 0px;
      color: #666666; }
      div.box span.kontakt {
        display: block;
        color: #13877b;
        margin-top: 10px; 
        font-size: 16px;}
        div.box span.kontakt a {
          color: #13877b;
          text-decoration: none;
          font-weight: bold; 
          font-size: 16px;}
    div.box p {
      margin: 13px 20px 0px 20px;
      font-size: 12px; }
      div.box p a{
        color: #13877b;
        text-decoration: none; }
      div.box ul { margin-top: 0; font-size: 12px; }
        div.box ul li { margin-top: 0; font-size: 12px; }
    div.box div.wiecej {
      position: absolute;
      width: auto; height: 16px;
      background: url('../i/btnWiecej.gif') no-repeat; 
      background-position: right;
      right: 10px; bottom: 10px;
      padding-right: 18px; }
      div.box div.wiecej a {
        font-size: 14px; 
        text-decoration: none;
        color: #13877b; }
    div.wdrozenieIco {
      width: 120px; height: 90px;
      margin: 5px 40px;
      border: 1px solid white; }
      div.wdrozenieIco a {
        display: block;
        width: 120px; height: 90px; }
      
      
/* PODSTRONA */
#topSub {
  float: left;
  width: 860px; height: 160px;
  margin: 0px 80px; 
  background: url('../i/bgTopSub.jpg') no-repeat;}
  #topSub div.left {
    float: left;
    width: 520px; height: 160px; }
    #topSub div.left p {
      margin: 90px 0 0 40px;
      width: 210px;
      color: #13877b;
      font-weight: bold; }
  #topSub div.center {
    float: left;
    text-align: center;
    width: 140px; height: 160px; }
    #topSub div.center a { 
      display: block; float: left;
      width: 120px; height: auto;
      color: white; text-decoration: none;
      font-size: 16px; 
      margin: 40px auto auto 14px; }
  #topSub div.right {
    float: left;
    width: 200px; height: 160px; }
    #topSub div.right a.zamow {
      display: block; float: left;
      width: 161px; height: 83px;
      margin: 40px auto auto 20px;
      background: url('../i/btnZamowNano2.gif') no-repeat; } 
      
  div.stronaContent {
    float: left;
    width: 640px; height: auto;
    margin: 20px 10px 0px 80px;}
    div.stronaContent div.head {
      float: left;
      width: 640px; height: 41px;
      margin: 0px;
      background: url('../i/bgContentTop.gif') no-repeat; }
      div.stronaContent div.head h3 {
        display: block;
        float: left;
        font-size: 14px; font-weight: normal;
        width: 160px; height: auto;
        text-align: left;
        margin: 20px 20px 10px 20px;
        color: #666666; }
    div.stronaContent div.content {
      float: left;
      width: 600px; height: auto;
      margin: 0px;
      padding: 10px 20px 2px 20px;
      background: url('../i/bgContent.gif'); }
    div.stronaContent div.foot {
      float: left;
      width: 640px; height: 9px;
      margin: 0px;
      background: url('../i/bgContentBottom.gif') no-repeat; }
      div.naglowek {  
        color: #13877b;
        width: 100%; 
        margin-top: 30px;
        border-bottom: 1px solid #d9d9d9;}

/* galeria */
div.galeria {    
  float: left; clear: both; 
  width: 600px; height: auto;
  margin: 10px 0; }
a.zdjecie {
  display: block; float: left;
  width: 120px; height: 90px;
  background-position: center;
  background-repeat: no-repeat; 
  margin: 2px 5px;}          
    
    
          
/* overlay dla galerii */
.simple_overlay { 
    /* must be initially hidden */ 
    display: none;  
    z-index: 10000; 
    background-color: #333333; 
    width: auto; height: auto; 
    border: 1px solid #666; 
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; } 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image: url('../i/close.png'); 
    position: absolute; 
    right: -15px; top: -15px; 
    cursor: pointer; 
    height: 35px; width: 35px; } 
    
#tooltip {
	position: absolute;
	border: 1px solid #333;
	background-color: #f7f5d1;
	padding: 2px 5px;
	color: #333333;
	display: none;}