/* Start of CMSMS style sheet 'Podstawowy' */
* { margin: 0; padding: 0 ; border: 0;}
li {list-style-type: none;}
a {text-decoration: none; outline: 0; }
a:hover {text-decoration: underline;}
a:link {border:none; text-decoration: none;}

.left {float: left;}
.right {float: right;}
img.left {padding:0 10px 5px 0;}
img.right {padding:0 0 5px 10px;}
.center {text-align: center;}
.small {font-size: 9px;}
a.more {padding-right: 10px; background: url(../img/arrow.gif) right 5px no-repeat;}
a {color:#0E75BB;}
a.webiso img {width:69px; height:19px}
img.top {padding:0 0 10px 0;}
img.bottom {padding:10px 0 0 0;}
.clear {clear: both;}
.noneb {border: none !important;}

.webiso {position: absolute; right: 88px; top: 160px;}
.kolorama {position:absolute; right:167px; top:161px; margin-top:1px;}
.footer-galeria .webiso, .footer-galeria .kolorama {top:221px !important;}
.footer-kontakt .webiso, .footer-kontakt .kolorama {top:197px !important;}
.footer-dla-rodzicow .webiso, .footer-dla-rodzicow .kolorama {top:160px !important;}
body.index .webiso, body.index .kolorama {top:85px !important;}

body {font-size:12px; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #000; background: #fff; padding-bottom:10px;}

#wrapper {width: 800px; margin:0 auto; position: relative;}
#wrapper-index-bootom {width:800px; background: url(../img/footer-index.jpg) 0px bottom no-repeat; overflow:hidden;}

#wrapper_bg {width: 800px; margin:0 auto; background: url(../img/wrapper_bg.jpg) 0px 0px repeat-y;}
#wrapper_top {width: 800px; background: url(../img/wrapper_top.jpg) 0px top no-repeat;}
#wrapper_bottom {width: 800px; overflow: hidden; position: relative; background: url(../img/wrapper_bottom.jpg) 0px bottom no-repeat;}

#top {width: 680px; height: 120px; float: left; position: relative;}
body.index #top {width:800px !important; height: 410px !important;}

    h1 a img {width: 100px; height:60px; position: absolute; left: 135px; top:7px; z-index: 100;}
    body.index h1 a img {left:145px !important;}

    ul#menu {width: 633px; height: 20px; padding:0px 8px 0 9px; position: absolute; top: 87px; right: 0px; z-index: 100;} 
    ul#menu li {float: left;}
    
    ul#menu li a {width:105px; height: 20px; display:block; margin-right:10px;}

    ul#submenu li a {width:106px; height: 26px; padding:3px 0 0 3px !important; margin-left:10px; background: url(../img/menu-li.png) 0px 0px no-repeat; display: block; cursor:pointer; color:#0E75BB; font-size: 16px; font-weight: bold; text-decoration: none; text-align: left; font-style: italic;}

ul#menu li a span {display:none;}

      ul#menu li a.o-nas {background: url(../img/menu/m-o-nas.png) 0px 0px no-repeat;}
      ul#menu li a.oferta {background: url(../img/menu/m-oferta.png) 0px 0px no-repeat; }
      ul#menu li a.galeria {background: url(../img/menu/m-galeria.png) 0px 0px no-repeat; }
      ul#menu li a.dla-rodzicow {background: url(../img/menu/m-dla-rodzicow.png) 0px 0px no-repeat; }
      ul#menu li a.kontakt {background: url(../img/menu/m-kontakt.png) 0px 0px no-repeat; }

      ul#menu li a.about-us {background: url(../img/menu/english/m-o-nas.png) 0px 0px no-repeat;}
      ul#menu li a.our-offer {background: url(../img/menu/english/m-oferta.png) 0px 0px no-repeat; }
      ul#menu li a.gallery {background: url(../img/menu/english/m-galeria.png) 0px 0px no-repeat; }
      ul#menu li a.for-parents {background: url(../img/menu/english/m-dla-rodzicow.png) 0px 0px no-repeat; }
      ul#menu li a.contact {background: url(../img/menu/english/m-kontakt.png) 0px 0px no-repeat; }

    ul#submenu li a {font-size:14px !important;}

    ul#menu-index {width: 584px; height: 147px; position: absolute; top: 230px; left: 106px; z-index: 100;} 
    ul#menu-index li {width:104px; height: 147px; float: left; margin-right:10px;}
    ul#menu-index li a {width:104px; height: 20px; padding-top: 127px; display: block; cursor:pointer; color:#0E75BB; font-size: 16px; text-decoration: none; text-align: center; font-style: italic;}
   ul#menu-index li a span {display:none;}

      ul#menu-index li.o-nas {background: url(../img/menu/o-nas.png) 0px 0px no-repeat;}
      ul#menu-index li.oferta {background: url(../img/menu/oferta.png) 0px 0px no-repeat; width: 109px !important; }
      ul#menu-index li.galeria {background: url(../img/menu/galeria.png) 0px 0px no-repeat; }
      ul#menu-index li.dla-rodzicow {background: url(../img/menu/dla-rodzicow.png) 0px 0px no-repeat; }
      ul#menu-index li.kontakt {background: url(../img/menu/kontakt.png) 0px 0px no-repeat; }

      ul#menu-index li.o-nas a {background: url(../img/menu/o-nas.png) 0px 0px no-repeat;}
      ul#menu-index li.oferta a {background: url(../img/menu/oferta.png) 0px 0px no-repeat; width: 109px; margin-right:13px !important;}
      ul#menu-index li.oferta ul li a {margin-right:0px !important;}

      ul#menu-index li.galeria a {background: url(../img/menu/galeria.png) 0px 0px no-repeat;}
      ul#menu-index li.dla-rodzicow a {background: url(../img/menu/dla-rodzicow.png) 0px 0px no-repeat;}
      ul#menu-index li.kontakt a {background: url(../img/menu/kontakt.png) 0px 0px no-repeat; }
      
      
      
      
      ul#menu-index li.about-us {background: url(../img/menu/english/o-nas.png) 0px 0px no-repeat;}
      ul#menu-index li.our-offer {background: url(../img/menu/english/oferta.png) 0px 0px no-repeat; width: 109px !important; }
      ul#menu-index li.gallery {background: url(../img/menu/english/galeria.png) 0px 0px no-repeat; }
      ul#menu-index li.for-parents {background: url(../img/menu/english/dla-rodzicow.png) 0px 0px no-repeat; }
      ul#menu-index li.contact {background: url(../img/menu/english/kontakt.png) 0px 0px no-repeat; }

      ul#menu-index li.about-us a {background: url(../img/menu/english/o-nas.png) 0px 0px no-repeat;}
      ul#menu-index li.our-offer a {background: url(../img/menu/english/oferta.png) 0px 0px no-repeat; width: 109px; margin-right:13px !important;}
      ul#menu-index li.our-offer ul lu a {margin-right:0px !important;}

      ul#menu-index li.gallery a {background: url(../img/menu/english/galeria.png) 0px 0px no-repeat;}
      ul#menu-index li.for-parents a {background: url(../img/menu/english/dla-rodzicow.png) 0px 0px no-repeat;}
      ul#menu-index li.contact a {background: url(../img/menu/english/kontakt.png) 0px 0px no-repeat; }


    ul#submenu li a {margin-bottom: 6px;}
/*    ul#menu li a span {display: none;}*/

    ul#menu li a:hover, ul#menu li.active a, ul#menu-index li a:hover, ul#menu-index li.active a, ul#submenu li a:hover, ul#submenu li.active a, ul#lang li a:hover, ul#lang li a.active {background-position: 0px bottom !important; color:#fff;}

  ul#lang { position: absolute; right: -10px; top: 30px; z-index: 100;}
  body.index ul#lang {right: 15px; top: 25px;}
  ul#lang li { padding-top: 0px; float: left; height: 22px; padding-right: 10px;}
  ul#lang li a { color: #fff; width: 34px; height: 22px; text-align: center; display: block; float: left;  position: relative; z-index: 100;}
  ul#lang li a.pl {background: url(../img/lang_pl.png) 0px 0px no-repeat; }
  ul#lang li a.en {background: url(../img/lang_en.png) 0px 0px no-repeat; }
  ul#lang li a span {display: none;}

  ul#menu-link {width:90px; height:15px; position:absolute; top:10px; right:-5px; font-size:10px; text-align:center; z-index:99;}

  #flash-top {position: absolute; top:0px; right:0px; float: left; display: block; z-index: 1;}  
  #flash-intro {position: ablosute; top:0px; right:0px; float: left; display: block;  z-index: 1;}

#sub {width:120px; float: left; color:#fff; position: relative; padding-bottom: 120px;}
  .sub-o-nas {background: url(../img/left-o-nas.png) 0px top no-repeat;}
  .sub-oferta {background: url(../img/left-oferta.png) 0px top no-repeat;}
  .sub-dla-rodzicow {background: url(../img/left-dla-rodzicow.png) 0px top no-repeat;}
  .sub-galeria {background: url(../img/left-galeria.png) 0px top no-repeat;}
  .sub-kontakt {background: url(../img/left-kontakt.png) 0px top no-repeat;}
  
  .left2-o-nas {width:120px; height:130px; float: left; margin-top:50px;}
  .left2-oferta {width: 120px; height: 170px; float: left;}
  .left2-kontakt {width: 120px; height: 56px; float: left;}
  
  #submenu {position: relative; padding:180px 0 40px 0;}

  .kontakt-ptaki {position: absolute; top:140px; right:125px;}

#content {width: 680px; float: right;}
body.index #content {width:800px; background: url(../img/cloud1.jpg) top right no-repeat;}
  .content-o-nas {background: url(../img/right-o-nas.png) top right no-repeat;}
 
  .content-historia {background: url(../img/right-historia.png) top right no-repeat;}
  .content-kadra {background: url(../img/right-kadra.png) top right no-repeat;}
  .content-referencje {background: url(../img/right-referencje.png) top right no-repeat;}
  .content-wydarzenia {background: url(../img/right-wydarzenia.png) top right no-repeat;}
  .content-wydarzenia #main {padding-bottom: 75px !important;}

  .content-dla-rodzicow {background: url(../img/right-dla-rodzicow.png) top right no-repeat;}
  .content-galeria {background: url(../img/right-galeria.png) top right no-repeat;}

  .content-oplaty {background: url(../img/right-oplaty.png) top right no-repeat;}
  .content-program {background: url(../img/right-program.png) top right no-repeat;}
  .content-rozklad-dnia {background: url(../img/right-rozklad-dnia.png) top right no-repeat;}
  .content-zapisy {background: url(../img/right-zapisy.png) top right no-repeat;}

  .content-kontakt {background: url(../img/right-kontakt.png) top right no-repeat;}
  
  #content h2, #tinymce h2 {color:#0E75BB; margin-bottom: 10px; font-size:18px;}

#main {width:405px; min-height: 505px; height: auto !important; height:505px; display: block; padding:10px 10px 55px 10px; margin:10px 0 0 10px; background-color: #fff; }

  #tinymce {width:405px; padding:10px 10px 10px 10px; }
  #main ul li, #tinymce ul li {padding-left:15px; list-style:circle inside none;}

  .main-konatkt {min-height: 471px !important; height:471px !important; }

  .main-galeria {width: 600px !important;}

  #main-index {width:520px; margin:0 auto; padding-right:14px;}
  #wrapper #main {}
  .content-kontakt #main .mapa-google {float:right;}
#main input {background-color:#F0F0F0; border:1px solid #B9B9B9; padding:2px; margin-bottom:4px; float:left;}
#main fieldset.form-dane label {width:75px; float:left;}
#main fieldset.form-dane {width:230px;}

.warstwa {z-index:10; position:relative;}

#footer {clear: both; width:800px; height:80px; padding-top: 155px; margin:0 auto; color:#fff; text-align: center; position: relative; margin-top:-120px;}
body.index #footer {margin:0px !important; padding-top:80px !important;}

  .footer-dla-rodzicow {background: url(../img/footer-dla-rodzicow.png) 0px bottom no-repeat; padding-top:155px !important; margin-top:-130px !important;}
  .footer-o-nas {background: url(../img/footer-o-nas.png) 0px bottom no-repeat;}
  .footer-galeria {background: url(../img/footer-galeria.png) 0px bottom no-repeat; padding-top: 216px !important; margin-top: -191px !important;}
  .footer-oferta {background: url(../img/footer-oferta.png) 0px bottom no-repeat;}
  .footer-kontakt {background: url(../img/footer-kontakt.png) 0px bottom no-repeat; padding-top: 192px !important; margin-top:-240px !important;}

* html .footer-o-nas {background: url(../img/footer-o-nas.jpg) 0px bottom no-repeat !important;}
* html .footer-oferta {background: url(../img/footer-oferta.jpg) 0px bottom no-repeat !important;}
* html .footer-dla-rodzicow {background: url(../img/footer-dla-rodzicow.jpg) 0px bottom no-repeat !important;}
* html .footer-galeria {background: url(../img/footer-galeria.jpg) 0px bottom no-repeat !important;}  

  #motto-right {height: 21px; position: relative; left:0px; margin-top: 5px; float:left; background: url(../img/motto-right.png) right 0px no-repeat; cleat:both;}
  #motto-left {height: 21px; float: left;  background: url(../img/motto-left.png) left 0px no-repeat; }
  #motto-bg {height: 21px; font-size: 12px; float: left; margin:0 8px; background: url(../img/motto-bg.png) 0px 0px repeat-x; padding:0 10px;}
  #motto-bg p {color:#2441CB; font-weight: bold;}

  .f-a-m {width:160px; float:left; clear:both; color:#000000; padding:7px 35px 0 80px; line-height:1.4em;}
  #f-menu {width:275px; float:left; padding:8px 0 0 10px; }
  #f-menu li {float:left; padding:0 3px;}
  #f-menu li a {color:#000;}
  #f-menu li a:hover, #f-menu li a.active {text-decoration:underline;}

  .copyright {width: 760px; height:15px; position:absolute; bottom:0px; left:20px; font-size:11px;}
  .copyright p {color: #000;}


/* End of 'Podstawowy' */

