body {
    background:url(images/bg.jpg) repeat-x;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color:#454545;
    margin:0;
}

#content {
    text-align:left;
    margin:0 auto;
    width:960px;
}

a img{
    border: none;
}

/* topy */
#top {
    background:url(images/top_bg.jpg) no-repeat;
    width:960px;
    height:51px;
    float:left;
    padding-left: 2px;
    padding-top:25px;
    padding-bottom:7px;
    color:#fff;
}

a#logo {
    width:374px;
    height:68px;
    float:left;
    text-indent:-9999px;
}

#welcome {
    float:left;
    margin-left:8px;
    height:24px;
    padding:13px 0 0 7px;
}

#infolinia {
    float:right;
    margin-top:6px;
    color:#5f4b16;
    font-size:12px;
}

#infolinia .white {
    font-size:18px;
    color:#fff;
}

#header {
    background:url(images/header.jpg) no-repeat;
    clear:both;
    width:960px;
    height:202px;
    margin-bottom:15px;
}

/* menu */
#menu {
    background:url(images/menu_bg.jpg) repeat-x;
    width:960px;
    height:56px;
    clear:both;
}

#menu ul, #menu ul li {
    display:block;
    list-style:none;
    padding:0;
    margin:0;
}

#menu ul li {
    float: left;
}

#menu ul li a {
    text-decoration: none;
    display: block;
    color:#545454;
    margin:21px 15px 0 0;
    font-size:12px;
    font-weight:bold;
}

#menu ul li a span {
    background:url(images/menu_line.jpg) no-repeat right;
    padding-right:15px;
}

#menu ul li a span.last  {
    background:none;
    padding:0;
}

#menu ul li a:hover {
    color:#255014;
}

#menu ul li.first {
    background:url(images/menu_left.jpg) no-repeat;
    float:left;
}

#menu ul li.last_g {
    background:url(images/menu_right.jpg) no-repeat;
    float:right;
}

#menu ul li.first, #menu ul li.last_g {
    width:20px;
    height:56px;
}

/* wrap */

#wrap {
    width:960px;
    padding:0 0;
    clear:both;
    overflow:hidden;
    line-height:17px;
    margin-bottom:20px;
}



/* left */
#left {
    /*
    width:536px;
    float:left;*/
}

#left h1, #right_p h1 {
    color:#255014;
    font-size:14px;
    font-weight:bold;
    display:block;
    margin-bottom:10px;
}

a#about_button {
    float:right;
    width:78px;
    height:26px;
    text-indent:-9999px;
    margin:25px 0;
}

a#about_button {
    background:url(images/about_button.jpg) no-repeat;
}

#galeria {
    clear:both;
    width:536px;
    color:#fff;
    height: 120px;
}

#galeria ul{
    list-style: none;
    margin:0;
    padding:0px;
}

#galeria li{
    float: left;
    width: 123px;
    height: 92px;
    margin-right: 14px;
}

#galeria li:last-child{
    margin-right: 0px;
}

#galeria li .ramka{
    width: 121;
    height: 72px;
    border: solid 1px black;
}

#galeria li .podpis{
    width: 121px;
    height: 17px;
    border: solid 1px red;
    background: #041500;
    opacity: 0.8;
    border: solid 1px #031100;
    border-top: solid 1px #333333;
    color: white;
    text-align: center;
    font-size: 10px;
}

/* right */
#right {
 /*   width:315px;
    float:right;*/
}

#right ul, #right ul li, #kontakt ul, #kontakt ul li, #left_p ul, #left_p ul li {
    display:block;
    list-style:none;
    padding:0;
    margin:0;
    float:left;
}

#right ul li {
    background:#f1f1f1;
    padding:20px;
    border-bottom:1px solid #d6d6d6;
    width:190px;
    font: 12px "Arial";
}

#right ul li span.date, #right ul li span.news_title  {
    font-weight:bold;
    display:block;
    margin-bottom:10px;
}

#right ul li span.news_title {
    color:#255014;
}

#right ul li:hover {
    background:#ebebeb;
}

#right ul li.first {
    background:url(images/news_top.png) no-repeat;
    height:43px;
}

#right ul li.first span {
    color:#255014;
    font-size:14px;
    font-weight:bold;
    display:block;
    padding:14px 0 0 20px;
}

#right ul li.last {
    background:url(images/news_bottom.png) no-repeat;
    height:14px;
}

#right ul li.first, #right ul li.last {
    width:230px;
    padding:0;
    border:none;
}

#right ul li.none {
    border:none;
}

#right ul li a {
    color:#97792a;
    text-decoration:underline;
}

#right ul li a:hover {
    text-decoration:none;
}



/* footer */
#footer_bg {
    width:100%;
    background: url("images/footer_bg.jpg");
    border-top:1px solid #093205;
    clear:both;
    height:40px;
}

#footer {
    width:867px;
    margin:0 auto;
    padding:10px;
    color:#6dad60;
}

#footer .left {
    float:left;
}

#footer .right {
    float:right;
}

#footer a {
    color:#fff;
    text-decoration:none;
}

#footer a:hover {
    text-decoration:underline;
}

a:link, a:visited {
    color:#333;
    text-decoration: none;
}

a:hover {
    color:#6d6d6d;
    text-decoration:underline;
}

/* PODSTRONA */

#left_p {
    width:230px;
    float:left;
}

#right_p {
    width:715px;
    float:right;
    padding-top:14px;
}

#right_p span.news_title, #right_p span.date {
    font-weight:bold;
}

#right_p span.news_title {
    color:#287cb4;
    font-size:14px;
}

#left_p ul li {
    background:#f1f1f1;
    padding:15px 20px;
    border-bottom:1px solid #d6d6d6;
    width:188px;
}

#left_p ul li:hover {
    background:#f7f7f7;
}

#left_p ul li.first {
    background:url(images/pod_top.jpg) no-repeat;
    height:43px;
}

#left_p ul li.first span {
    color: #c66313;
    font-size:14px;
    font-weight:bold;
    display:block;
    padding:14px 0 0 20px;
}

#left_p ul li.last_p {
    background:url(images/pod_bottom.jpg) no-repeat;
    height:14px;
}

#left_p ul li.first, #left_p ul li.last_p {
    width:228px;
    padding:0;
    border:none;
}

#left_p ul li a {
    color:#297997;
    text-decoration:none;
    font-size:12px;
    color:#555;
}

#left_p ul li a:hover {
    text-decoration:underline;
}

#left_p ul li.active {
    font-size:14px;
    font-weight:bold;
    background:#e1e9ef;
}

.input, .area {
    border:1px solid #829eaf;
    font-family:Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    padding:4px 4px 0;
    color:#575757;
    width:250px;
}

.input {
    height:18px;
}

/* column container */
.colmask {
    position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
        	/* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-230px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#fff;    	/* Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:410px;         	/* Left column width + right column width */
        	/* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:180px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 230px 0 180px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
    border-left:1px solid #E2E2E2;
}

.col1wrapper{
    padding: 0 10px;
}

.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:180px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:0;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:230px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:0;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}

/* style listy zawodników */
#lista-zawodnikow .zawodnik {
  padding: 10px;
  margin-bottom: 10px;
  clear: both;
}
#lista-zawodnikow .zdj-zaw {
  padding: 10px;
  float: left;
  width: 270px;
}
#lista-zawodnikow .opis-zaw {
  padding: 10px;
}
#lista-zawodnikow .nazwa-zaw {
  font-weight: bold;
}