.ten{height:10px;clear:both; overflow:hidden; display: block}
.five{height:5px;clear:both; overflow:hidden;display: block}
.one{height:1px;clear:both; overflow:hidden; display: block}
.none{display: none}
.clear{ clear:both}
.bold{font-weight:bold}
.right{float:right}
.left{float: left}
.relative{position:relative;}
.blue{color: #0096E4;}
.dark-blue{color: #002279}
.gray{color: #999}
.f14{font-size: 14px;}
.f13{font-size: 13px;}
.f19{font-size: 19px;}
.f18{font-size: 18px;}
.align-right{text-align: right !important}
.align-center{text-align: center}
.align-left{text-align: left !important}
.pointer{cursor:pointer}
a{text-decoration: none;}
.w220{ width: 220px}
a img{border: none;}
.trebuchet {  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;}
a:HOVER{text-decoration: underline}
body{font: 13px Arial,Helvetica,sans-serif; color: #333333;}

@font-face {
    font-family: butik;
    src: url('butik.ttf');
}

.about{position: absolute;bottom: 110px;left: 351px;}
.docs{position: absolute; top: 124px;left: 443px;}
.methods{position: absolute;bottom: 142px;left: 543px}
.therapy{position: absolute;bottom: 142px;left: 559px}
.offer{position: absolute;right: 200px;top: 173px;}
.contact{position: absolute; right: 62px;top: 244px;}

.holder{overflow: hidden;background: url("../images/tloprzedszkole_trawa.jpg") repeat-x bottom;margin-top: 10px;position:relative;}

html{background: url("../images/tloprzedszkole_niebo.jpg") repeat-x top}


#header{ background: url("../images/heder2.png") no-repeat; height: 390px; margin-top: 10px; position: relative}
#logo{float: left; margin: 97px 0px 0px 46px;}


#left-column{width: 250px;
             float: left;
             margin-top: -50px;
             margin-left: 35px;}
.content-bg{ background: url("../images/tlo_srodek.jpg") repeat-y center}
.content-top{ background: url("../images/tlo_gora.png") no-repeat bottom; }
.content-bottom{    background: url("../images/tlo_dol.png") no-repeat bottom;
                    width: 1070px;
                    height: 240px;
                    margin: 0 auto;
                    margin-top: -170px;
}

.menu-left{background: url("../images/menu1.png") no-repeat;height: 76px;}
.menu-bottom{background: url("../images/menu3.png") no-repeat;height: 58px; width: 243px; margin-left: 1px}
.menu-content{ width: 243px;
               background: url("../images/menu2.png") repeat-y;
               float: left;
               font-family: butik;
               letter-spacing:2px;
               font-size: 17px;
               margin-top: 76px;
               padding: 10px 0px 12px 10px;
               list-style: none;;}
.menu-content li{
    padding: 5px 0 2px 14px;
    /*    text-transform: uppercase;*/
    width: 220px;
}

.menu-content li.active{color: #444 !important}

.menu-content li.first a {
    color: #002279 !important;
    font-size: 24px;
}

.menu-content a:HOVER{text-decoration: none; font-weight: bold; color: #dc1311 }
#menu a:HOVER{text-decoration: none;}


.menu-content li.active ul li a{background: url(../images/button1.png) no-repeat scroll 0  bottom transparent !important; color: #444 !important; font-weight: normal !important}
.menu-content li.active a{ background: url(../images/button2.png) no-repeat scroll 0  bottom transparent; color: #dc1311; font-weight: bold}
.menu-content li ul li{padding: 0px 0 0px 15px}
.menu-content li a{ background: url(../images/button1.png) no-repeat scroll 0  transparent;  color:#444; display: block; padding: 0px 0 0px 30px; width: 199px;}
.menu-content li.active ul li.active a{color: #FF9900; background: url("../images/category-navi-li-a-bg2.png") no-repeat scroll 0 50% transparent;}
.menu-content li.active ul li.active {background: url("../images/kropki-menu.png") no-repeat scroll 0 bottom transparent; padding: 0px 0px 0px 14px}

#center-column{float: left; width: 630px; margin-top: -40px;}
#center-column h3:first-child{margin: 10px 0px 0px 10px; font-size: 17px; color: #002279; border-bottom: solid 2px #444; width: 100%}
#center-column .content{}
#center-column .content-page .inside{padding: 10px;  line-height: 19px;}
.inside ol, ul {list-style: inherit;padding-left: 40px;}
.inside h4{font-size: 15px;padding: 5px;}
.inside h3{font-size: 17px;padding: 5px;}
.inside h2{font-size: 19px;padding: 5px;}
.inside h1{font-size: 21px;padding: 5px;}

#footer{height: 100px}
.inside-footer{width: 960px; margin: 0 auto}

#footer ul{list-style-type: none;}
#footer ul li a{text-transform: uppercase;
    color: aliceblue;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 8px;}
#footer ul li{float: left; margin: 0 20px}
#created{float: right; margin: 8px 60px 0px 0; font-size: 13px; color: #444}
#created a{color:#000}

/*  forms */
.req{color: #c00000;}
.errorDesc {
    color: #c00000;
    font-size: 11px;
    margin-left: 20px;
    padding-top: 7px;
}

input.text, textarea {
    background: url("../images/bg-textfield.jpg") repeat-x scroll 0 bottom #F9F9F9;
    border: 1px solid #808080;
    outline: medium none;
    padding: 5px;
}
select.text {
    background: url("../images/bg-textfield.jpg") repeat-x scroll 0 bottom #F9F9F9;
    border: 1px solid #808080;
    outline: medium none;
    padding: 5px;
}

.form label {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 4px 0 0;
    width: 140px;
}
.showData label{padding: 0;}
.bullets{margin-left: 15px;}
.form .edit{margin-left: 20px}
.form p {
    clear: both;
    margin: 0 0 4px;
}
.notice {
    font-size: 11px;
    margin: 0 0 15px;
}
.form label.inline {
    display: inline;
    float: none;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: auto;
}
.thumbs li{ border: 1px solid #444; width: 200px; height: 150px; overflow: hidden; margin: 2px;}

#thumbs{width: 690px !important;margin: 10px}
#thumbs .pagination{margin: 0px 0px 5px 5px;}
#thumbs .pagination a, #thumbs .pagination span {margin: 2px}
#thumbs .pagination a{color: #EA5302}
#thumbs .pagination span{color: #444}


.articles h4{margin: 6px 0px 0px 0px; font-size: 15px}
.artilce{padding-right: 10px;}
.article-more{height: 16px;
              background: url("../images/btn.gif") repeat-x scroll center top transparent;
              border: 1px solid #3E9B1B; color: white; text-decoration: none;text-align: center;
              float: right; margin-top: 4px; padding: 6px 10px;}

.article-more:HOVER{background: url("../images/btn.gif") repeat-x scroll center top transparent;
                    color: black;}

.more-blue{height: 16px;
           background: url("../images/btn2.gif") repeat-x scroll center top transparent;
           border: 1px solid #002279; color: white; text-decoration: none;text-align: center;
           float: right; margin-top: 4px; padding: 6px 10px;}

.more-blue:HOVER{font-weight: bold}
.article-image{float: left; border: solid 1px #444; width: 140px; height: 100px; overflow: hidden; margin: 5px}

/* galerie  */
.content-page .cont {float: left; margin: 5px; width: 185px}
.content-page .cont div{text-align: center}
.content-page .cont div a{color: #F8F8FF; font-family: butik; font-size: 19px; letter-spacing: 2px;}
.content-page .cont .img{    border: 1px solid #444444;
                             height: 150px;
                             overflow: hidden;
                             position: relative;
                             width: 180px;}
.content-page .cont .img div.title{position: absolute; width: 100%; font-weight:bold;background-color:rgba(9, 9, 33, 0.490196); color: #fff}
.content-page .cont  h3{font-size: 13px !important; height: 37px; width: 212px}
.content-page .cont h3 {color: #EA5302; margin-bottom: 4px }
.content-page .title{text-align: center}
.slideshow-container{text-align: center; float: left; width: 633px; overflow: hidden;}
.controls{text-align: center; margin: 0 auto}
.slideshow{margin: 5px 0px}
.content-page .show-all {float: right;margin-right: 10px;}
.box{background: url("../images/box-top.png") no-repeat top center; width: 242px; height: 30px; padding-top: 30px}
.box-content{background: url("../images/box-middle.png") repeat-y top center; width: 242px; height: 30px}
.box-bottom{background: url("../images/box-bottom.png") no-repeat top center; width: 242px; height: 30px}

.gallery span {border: 1px solid #002279;
               display: block;
               float: left;
               height: 150px;
               overflow: hidden;
               width: 190px;
               margin: 2px 2px;}
.gallery{margin: 0 auto;}

.pagination a, .pagination span{padding: 3px 5px ; border: solid 1px #000; background-color: #F4F4F4; color: #2D77D2}
.pagination a[href] { background-color: #FAFAFA; border-color: #d8d8d8}
.pagination{margin: 10px 5px 10px 0px; }
ul.thumbs {
    padding-left: 0px;
}
a.thumb img {
    display: block;
    margin: 0 auto;
}