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

/* ogolne */
body {
	margin: 0px; padding: 0px;
	background: url('../i/back.jpg');
  font-family: "Trebuchet MS", Verdana, sans-serif; 
  font-size: 14px;}
.x { display: none; }
a {
  color: #16c5ff; text-decoration: none; }
  a:hover {  }

.ahover {
  position: absolute;
  background: #16c5ff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;}

/* naglowki */
h4 {
  margin-top: 0px; margin-bottom: 0px;
  color: #4086a1;}  
  h4 a{
    margin-top: 0px; margin-bottom: 0px;
    color: #4086a1;}  
  
/* layout */
#wrapper { 
  position: relative;
  width: 880px; height: auto;
  margin: 0px auto auto auto;}
  #mainLogo {
    display: block;
    width: 260px; height: 50px;
    background: url('../i/logo.png') no-repeat;}
    #mainLogo a { 
      display: block;
      width: 260px; height: 50px;}
  #head {
    width: 880px;}
    #mainMenu {
      float: left;
      width: 170px; height: auto;
      margin-right: 10px;}
      #mainMenu .menuItem { float: left; width: 170px; height: 30px; }
        #mainMenu .menuItem .wrapper{ position: relative; display: block; float: right; height: 30xp; width: auto; text-decoration: none; padding-left: 10px; z-index: 200;}
          #mainMenu .menuItem .wrapper:hover { display: block; float: right; height: 30xp; width: auto; text-decoration: none; color: white; }
        #mainMenu .menuItem .wrapper .right { float: right; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #c0ad88; font-size: 11px;}
          #mainMenu .menuItem .wrapper:hover .right { color: white; }
        #mainMenu .menuItem .wrapper .left { float: right; width: auto; height: 30px; line-height: 30px; color: #737373; font-size: 12px; }
          #mainMenu .menuItem .wrapper:hover .left { color: white; }
  /* glowny box */
  #top { 
    float: left;  
    position : relative;
    width: 700px; height: 300px;
    background-color: #333333; }
    .tl, .tr, .bl, .br { 
      z-index: 2000;
      position : absolute;
      width : 6px;
      height : 6px;  
      display : block;
      margin-bottom : -1px;  /* this is for IE */}
    .tl {
      background : url(../i/topCTL.png) no-repeat;
      top : 0; 
      left : 0;}
    .tr {
      background : url(../i/topCTR.png) no-repeat;
      top : 0; 
      right : 0;}
    .bl {
      background : url(../i/topCLL.png) no-repeat;
      bottom : 0;
      left : 0;}
    .br {
      background : url(../i/topCLR.png) no-repeat;
      right : 0;
      bottom : 0;}   
    #topBanner { 
      float: left;
      width: 420px; height: 300px; 
      background: url('../i/topBack.jpg'); }
    #top .szukaj {
      float: left;
      width: 280px; height: 70px; }
      #top .szukaj input[type=text]{
        float: left;
        width: 201px; height: 21px;
        padding: 5px 4px; 
        margin: 20px 0px auto 15px; 
        border: 0;
        font-size: 16px;
        line-height: 31px;
        background-image: url('../i/inputBack.gif'); }     
      #top .szukaj input[type=submit]{
        float: left;
        width: 31px; height: 31px;
        padding: 0; 
        margin: 20px auto auto 0px; 
        border: 0;
        line-height: 31px;
        background-image: url('../i/szukajBtn.gif'); }
    #top .szkolenia {
      float: left;
      width: 260px; height: 105px;
      padding: 5px 10px 5px 10px;  
      background-color: #20cbff; }
      #top .szkolenia p {
        margin: 0; }
    #top .kropla {
      float: left;
      color: white;
      width: 280px; height: 115px;
      background: url('../i/kroplaBack.jpg'); }
      #top .kropla .img {
        float: left;
        margin: 20px 15px auto 10px;
        width: 52px; height: 73px;
        background: url('../i/kropla.gif'); }
      #top .kropla a {
        color: white; text-decoration: none;}
        #top .kropla a h3 {
          font-size: 14px;
          font-weight: bold;
          margin: 17px 5px 2px 5px;
          margin-bottom: 2px;}
        #top .kropla a span {
          display: block;
          font-size: 13px;
          margin: 0px 15px 2px 5px; }
  #foot {
    float: left;
    position: relative;
    width: 880px; height: auto;
    margin: 20px 0px 20px 0px;
    padding-top: 35px;
    font-size: 14px;
    color: #c0ad88; }
    #foot a {
      color: #16c5ff;
      text-decoration: none; }
    #foot a.nanoCMS {
      display: block; float: left;
      margin-top: 10px;
      width: 91px; height: 16px;
      background: url('../i/nanoCMS.gif') no-repeat; }
    #foot span.nanoCMS {
      float: left; 
      margin-top: 10px; }
    #foot div.linki { 
      position: absolute;
      right: 10px; top: 35px; 
      width: 170px; height: 20px; }
      
/* content */
div.content { 
  float: left;
  width: 880px;  
  margin-top: 10px; }
  div.content div.left {  
    float: left;
    width: 170px; min-height: 100px; 
    margin-right: 10px; }
  div.content div.right { 
    float: left;
    width: 700px; height: auto; }
    div.content div.pageHead { 
      margin: 10px 0 0px 0; 
      font-size: 18px;
      color: #737373; }
  
  .rightColFill {
    background-image: url('../i/pageHeadBack.gif');
    background-repeat: repeat-x; 
    background-position: 10px 10px;}
  .pageHeadText { 
    margin-right: 10px; }
      
   /* sekcja */
   div.sekcja { 
    float: left;
    width: 700px; height: auto;}
    div.sekcja div.naglowek {
      float: left;
      background-color: #16c5ff;
      width: 700px; height: auto;}
      div.sekcja div.naglowek div.top {
        float: left;
        width: 700px; height: 9px;
        background-image: url('../i/sectionHeadTop.gif');}
      div.sekcja div.naglowek div.content { 
        float: left;
        width: 660px; height: auto;
        margin: 0;
        padding: 0px 20px;
        color: white;
        font-size: 18px; }
        div.sekcja div.naglowek div.content p{
          margin: 0; }
      div.sekcja div.naglowek div.bottom {
        float: left;
        width: 700px; height: 9px;
        background-image: url('../i/sectionHeadBottom.gif');}
    div.naglowekAktualnosci {
      float: left;
      margin-top: 30px;
      width: 700px; height: auto;}
      div.naglowekAktualnosci span {
        color: #c0ad88;
        font-size: 12px;}
      div.naglowekAktualnosci h4 {
        margin-top: 0px; margin-bottom: 0px;
        color: #4086a1;}
    div.sekcja div.tresc {
      float: left;
      width: 690px; height: auto; 
      padding: 5px 10px; }
      div.sekcja div.tresc p a {
        color: #16c5ff; text-decoration: none; }
      div.sekcja div.tresc ul li a {
        color: #16c5ff; text-decoration: none; }
      
    /* left box */
    div.leftBox {
      float: left;
      width: 170px; height: auto;
      background: url('../i/leftBoxBack.gif') repeat-y;
      background-position: 0px 40px;}
      div.leftBox div.content { 
        float: left;
        width: 150px; height: auto;
        background: url('../i/leftBoxTop.gif') no-repeat;
        color: white;
        margin: 0;
        padding: 20px 10px 0px 10px; }
        div.leftBox div.content a {
          color: white;
          display: block;
          width: 140px; height: auto;
          text-decoration: none;
          padding-bottom: 5px; 
          margin-bottom: 5px;
          border-bottom: 1px solid #777777;}
          div.leftBox div.content a:hover {
            color: orange;} 
      div.leftBox div.bottom {
        float: left;
        width: 170px; height: 10px;
        background-image: url('../i/leftBoxBottom.gif'); }
    input[type=text].mailing {
      float: left;
      border: 0;        
      padding: 2px 5px; 
      font-size: 16px;
      line-height: 28px;
      width: 110px; height: 26px;
      margin: 10px auto 3px 10px;
      background-image: url('../i/inputMailingBack.gif');}
    input[type=submit].mailing {
      float: left;
      border: 0;   
      font-weight: bold;     
      padding: 2px 5px; 
      font-size: 12px;
      line-height: 26px;
      width: 58px; height: 30px;
      margin: 0 auto 3px 71px;
      background-image: url('../i/btnMailingBack.gif');}
    
    div.galeria {
      float: left;
      width: 680px; height: auto;}
      div.galeria .top {
        float: left;
        width: 680px; height: 10px; 
        background-image: url('../i/galeriaTop.gif');}                         
      div.galeria .content{
        float: left;
        width: 652px; height: auto;
        margin: 0; padding: 5px 14px;
        background-color: #c0ad88; }
        div.galeria .content .zdjecie{
          display: block; float: left;
          width: 120px; height: 90px;
          background-position: center;
          background-repeat: no-repeat; 
          margin: 2px 5px;}
      div.galeria .bottom{
        float: left;         
        width: 680px; height: 10px;
        background-image: url('../i/galeriaBottom.gif');}
    
    /* headContact */
    div.headContact {
      position: absolute;
      top: 30px; right: 0;
      color: #737373;
      font-size: 12px;}
      .sBlue {
        color: #16c5ff;
        font-size: 16px; }
      div.headContact a {
        color: #16c5ff;
        text-decoration: none;
        font-size: 16px; }
      
    /* mapa strony */
    div.mapaStrony {
      margin-bottom: 10px;}
      div.mapaStrony a{
        font-size: 16px; font-weight: bold; text-decoration: none; 
        color: #16c5ff; }
        
/* overlay dla galerii */
/* the overlayed element */ 
.simple_overlay { 
    /* must be initially hidden */ 
    display:none;  
    z-index:10000; 
    background-color:#333; 
    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:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;}