@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
html {min-width:100%;}
body {
font:12px Arial, Tahoma, Verdana, Helvetica, sans-serif; 
background: #fff url(../img/bodyBG.jpg); color:#676e70; 
}

td, th {
font:1.1em Arial,Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

img {border:0;}


.skiplink {
	position: absolute;
	left: 0px;
	top: -500px;
	overflow: hidden;
	z-index: 1;
}

a {
color:#078e9e; 
text-decoration:none;
}
a:hover, a:focus {text-decoration:underline; outline:none }
a.more {display:block; background:url(../img/arr_orng.gif) 0 3px no-repeat; padding-left:10px;}

.klir {clear: both; }
.clr {
clear: both; 
overflow: hidden; 
height:0;
}
.clear {
clear:both;   
height: 1px;
overflow: hidden;
 line-height: 1px;
 margin-top:-1px;
 }

 .inp, select {
 height:26px; 
 border:1px solid #1391c9; 
 width:220px;
 }
 .inp_small, select.small {
 height:26px; 
 border:1px solid #828889; 
 width:190px;
 margin-bottom:8px;
 background:#fff url(../img/inpBG.gif) repeat-x;
 }

textarea 
{
height:auto;
border:1px solid #1391c9; 
width:220px; 
overflow:auto;
}
textarea.big {
width:100%; 
height:300px;
}

h1, h2, h3 {color:#27a705; margin-bottom:10px; }
h2 {font-size:18px; font-weight:normal;}
h3 {font-size:16px;}
h4 { color:#2686B0; font-size:14px;}

.btn { border:0; background-color:#2686B0; color:#fff; padding:3px;}

div#header {height:151px; background:url(../img/headerBG.jpg) no-repeat; position:relative}
div#header h1{ background:url(../img/pilka-logo.jpg) no-repeat; width:271px; height:135px; position:absolute; top:-12px; left:45px;}
div#header ul {list-style:none; position: absolute; top:7px; left:320px;}
div#header ul li {float:left;  border-right:1px solid #fff; padding:0 10px;}
div#header ul li:last-child {border:0;}
div#header ul li a {color:#fff;}
div#header div.lang { position:absolute; right:10px; top:7px;}
div#header div.lang img {vertical-align:middle;}
div#header div.lang  a {color:#fff;}

div#header h1 a {display:block;   width:268px; height:131px; text-indent:-9999px;}

div#wrapper {width:980px; margin:12px auto; background:#fff; padding-bottom:20px;}
div#content {padding:20px; clear:both; position:relative}
div#szukaj {color:#fff; padding:15px 0 0 35px; background:#1573bb; height:73px; position:relative;}
div#szukaj h2 { color:#fff; text-transform:uppercase; font-size:16px; margin:0px 10px 0 0;  text-shadow: 0 -1px 0 #064868; }
div#szukaj div.cornerLeft, div#szukaj div.cornerRight  { background-repeat:no-repeat; width:19px; height:102px; position:absolute; top:0;}
div#szukaj div.cornerLeft { background-image:url(../img/cornerLeft.png); left:-19px;}
div#szukaj div.cornerRight { background-image:url(../img/cornerRight.png); left:980px;}
div#szukaj label {display:block; margin-bottom:5px;}
div#szukaj .inp_small {width:80px; color:#676E70;}
div#szukaj .multi_inp {color:#676E70;}
div#szukaj table {border-collapse:collapse; float:left}
div#szukaj table td {padding:0 10px 3px 0}
div#szukaj select {font-size:16px;}
div#szukaj table td.last {}
div#szukaj table td.first img {vertical-align:top;}
div#szukaj input.newSparingBtn { float:right; border:0; background:url(../img/btn_addsparing.png) no-repeat; width:274px; height:51px;  margin-top:-15px; margin-right:20px; cursor:pointer; color:#fff; font-size:18px; text-transform:uppercase; text-shadow: 0 -1px 0 #527F0C;}

.searchBtn { background:url(../img/btn-szukaj.png) repeat-x; border:1px solid #fff; cursor:pointer; color:#fff; font-size:12px; text-transform:uppercase; text-shadow: 0 -1px 0 #064868; height:22px; padding:0 10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;}

.btnDetails { background-color:#6eb622; border:1px solid #ccc; cursor:pointer; color:#fff; font-size:12px;  text-shadow: 0 -1px 0 #527F0C; height:22px; padding:0 10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;  margin-bottom:10px; }
 
div.founders {padding-bottom:20px; border-bottom:1px solid #469c0f; margin-bottom:10px;}
div.founders h3 { background:url(../img/founderLeft.png) no-repeat; height:46px; padding-left:19px; color:#fff; font-size:18px; font-weight:normal; margin-left:-39px;}
div.founders h3 span { background:url(../img/founderArrow.png) no-repeat; height:32px; display:block; line-height:32px;}
div.founders ul li {list-style:none; float:left; background:url(../img/ptaszek.png) no-repeat; padding-left:20px; margin-right:20px;}

table.lista {width:100%; border-collapse:collapse}
table.lista th, table.lista td {padding:7px 3px;}
table.lista th { background-color:#1573bb; color:#fff;}
table.lista td {text-align:center; border-bottom:1px solid #1573bb; }
table.lista tr.r2 td { background-color:#e7f3f8}
table.lista td.details a { display:block; background:url(../img/btnDetailsLeft.png) left no-repeat;  height:23px; padding-left:7px; color:#fff;}
table.lista td.details a:hover {text-decoration:none;}
table.lista td.details a span {background:url(../img/btnDetailsRight.png) right no-repeat; display:block; height:23px; line-height:23px; padding-right:7px;}

div.descr, div.mapa {}
div.mapa {margin: 60px 0px 0px 20px;}
div.descr h3 {}
div.descr {padding:0 0 0 20px; margin-top:-36px; float:left}
div.descr table {width:100%; border-collapse:collapse; border-top:1px solid #1573bb; margin-bottom:20px;}
div.descr table td {padding:5px; border-bottom:1px solid #1573bb; text-shadow: 4px 4px -2px #000; }
div.descr table tr.r2 td { background-color:#e7f3f8}
div.descr table td.first { text-align:right; font-weight:bold;}
div.descr ol {padding-left:35px;}

div.addsparing {margin:60px 0 0 500px}
div.addsparing table {border-collapse:collapse; background-color:#e7f3f8; border:1px solid #1573bb; margin-bottom:20px;}
div.addsparing table td {padding:10px}
div.addsparing ul {padding-left:15px; margin-top:5px;}

div.join {margin:20px 0 0 20px;}

div.join  {border-collapse:collapse; background-color:#e7f3f8; border:1px solid #1573bb; margin-bottom:20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;}
div.join table td {padding:10px}
div.join ul {padding-left:15px; margin-top:5px;}


div.joinNew {float:right; margin-top:20px;}

div.joinNew form {border-collapse:collapse; background-color:#e7f3f8; border:1px solid #1573bb; margin-bottom:20px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;}
div.joinNew table td {padding:10px}

div#tabs {float:left;}



.panel {
position: fixed;
top: 50px;
right: 0;
display: none;
background: #000;
border:1px solid #395a9d ;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius:10px 0 0 10px;
width: 270px;
height: auto;
padding: 10px 80px 10px 10px;

}


a.trigger{
position: fixed;
text-decoration: none;
top: 200px;right: 0;
padding: 50px 5px;
background:#395a9d;
-moz-border-radius: 10px 0 0 10px;
-webkit-border-radius: 10px 0 0 10px;
border-radius:10px 0 0 10px;
display: block;
}

a.trigger:hover{
background:#617bb1;

}
a.active.trigger {
background:#617bb1;
}