/* CSS Document */
/*
Contents:
    1 - main HTML tags (body, h1, div etc.)
    2 - page containers
    3 - nagłówek (menu, logo, zdjęcie, teksty)
    4 - formularz
    5 - content
    6 - stopka
*/
/*  Section 1   */
html, body{
    width:100%;
    height:100%;
}

body{
    padding:0px;
    margin:0px;
    font-family: Trebuchet MS, Arial, Georgia;
    font-size: 13px;
}
h1{
    background:url(images/underline.png) no-repeat bottom left;
    padding:0px 0px 10px 5px;
    font-size:16px;
    color:rgb(144,180,18);
    text-align:left;
}
p{
    text-align:justify;
    padding:0px 25px 0px 5px;
}
a{
    color:rgb(144,180,18);
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
ol, li{
    text-align:left;
}
/*  Section 2   */
#wrapper{
    position: relative;
    min-height: 100%;
    text-align:center;
}

#container{
    margin:0px auto;
    width:777px;
    position:relative;
}

/*  Section 3   */
#top{
    height:40px;
}
#top img{
    float:left;
}
#top #menu{
    background: url(images/top_right_menu.png) no-repeat;
    float:right;
    width:745px;
    height:40px;
    text-align:right;
}
#menu ul{
    list-style-type:none;
}
*html #menu ul{
    position:relative;
    top:10px;
}
#menu ul li{
    display:inline;
    margin-right:5px;
}
#menu ul li a{
    color:rgb(199,199,199);
    font-weight:bold;
    font-size:15px;
    margin: 10px 5px 0px; 
    padding: 0px 5px;
    text-decoration:none;
}
#menu ul li a.active{
    color:rgb(50,76,117);
    background:url(images/hover.png) repeat-x top center;
    font-weight:bold;
    font-size:15px;
    margin: 10px 5px 0px; 
    padding: 10px 5px 0px;
    text-decoration:none;
}
#menu ul li a.active:hover{
    color:rgb(50,76,117);
    background:url(images/hover.png) repeat-x top center;
    
}
#menu ul li a:hover{
    background:url(images/hover_inactive.png) repeat-x top center;
    padding-top:10px;
}
#baner{
    height:197px;
    overflow:hidden;
}
#middle{
    height:26px;
}
#middle .left{
    float:left;
}
/*  Section 4  */
input{
    height: 14px;
    border:1px solid rgb(144,180,18);
}
#form #button, #form-szkolenie #button{
   /* background:url(images/zapisz.png) no-repeat center;*/
    width:48px;
    height:19px;
    background:white;
    font-weight:bold;
    font-size:12px;
    border:1px solid rgb(144,180,18);
    color: rgb(144,180,18);
}
/*  Section 5   */
#main_outer{
    background:url(images/middle.png) no-repeat top left;
    width: 777px;
    overflow:hidden;
    height:auto;
}
#main_outer #main_inner{
    background:url(images/bottom.png) no-repeat bottom right;
    width:777px;
}
#content{
    width:750px;
    padding: 30px 0px 25px 30px;
    text-align:left;
}
.tabelka tr td{
    border-top: 2px solid  rgb(144,180,18);
    text-align:center;
}
.table-szkolenie {
    text-align:left
}
.table-szkolenie td.zapisz{
    text-align:right;
}
ul.linki{
    list-style-image:url(images/arrow.png);
}

/*  Section 6   */

#footer{
    color: rgb(199,199,199);
    font-size:11px;
}

#footer .copy{
    float:left;
    padding-left:10px;
}
#footer .created{
    float:right;
    padding-right:10px;
}
#footer .created a{
    color:rgb(199,199,199);
}