/* Strzelba.net -2- CSS Document
blue #003366
header blue #AACCFF
off white #E3F4FA
 */


* {
padding: 0;
margin: 0;
}
body {
  font-family: "GFS Didot", Times, serif,; /*  "lucida sans", verdana, arial, helvetica, sans-serif */
  font-size: 100%;
	/* background-color:#C2D8DA; 
	background-image: url('../pics/bkgpik03.png');   url('pics/floral_pattern.png') no-repeat center top transparent */
  background: #C2D8DA url('../pics/bkgpik03.png') ; 
	color: #330066;
}
html, body {
  height: 100%;
}
#container {
  min-height: 100%;
  width: 960px;
  margin: 0 auto;
  background-color: #CEDFE1;
  background: #feffff; /* Old browsers */
  background: -moz-linear-gradient(top, #feffff 0%, #a0d8ef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #feffff 0%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #feffff 0%,#a0d8ef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #feffff 0%,#a0d8ef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #feffff 0%,#a0d8ef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */
  color: #003366;
  border-left: 2px solid #C4D9DB;
  border-right: 2px solid #C4D9DB;
}
* html #container {
  height: 100%;
}
#header {
  position:relative;
  width: 100%;
  height: 268px; /* Must play with H1 line-height nicely*/
  padding-top:20px;
  background-color: #003366;
  border-bottom:2px solid white;
}
#header p {margin:4px 0 0 1em;color:#99CCFF;}
#header a {margin-right:0.5em;color:#99CCFF;text-decoration:none;font-weight:bold}
#header a:before {content:" ≻";}
h1 {
  font: 48px 'Lobster', Georgia, Times, serif;
  
  line-height:237px;
  padding: 0px 0 0 210px;   /* 10px */
  color: #003366;
  text-shadow: #EEE 3px 1px 0px, #707070 5px 3px 0px;
  letter-spacing: 0; 
  background: #A9DBF0 url("../pics/ryc09.png") no-repeat 4px 4px;
}
h2 span {font-size: 32px;line-height:32px;}
/* text-shadow: -1px 0 navy, 0 2px navy, 2px 0 navy, 0 -1px navy; */

#subheader {
  position: absolute;
  top:189px;
  left:213px;
  font: 22px "IM Fell DW Pica", Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  letter-spacing: 4px;
  color: #000033;
}


#main {
  padding: 1em 4em 1em 4em;
  border-top: 2px solid #003366;
}

#clearer {
  height: 50px;
}

h2 {margin:2em 0 1em 0;padding:0 1em 0 0px;background: transparent url('pics/.png') no-repeat 6px 2px; font-family:"IM Fell DW Pica"}
h3 {margin:2em 0 1em 0;padding:0 0 0 0;background-color:transparent;font-family: "IM Fell DW Pica SC";}
h4 {margin:2em 0 1em 0;padding:0.1em 1em;width:60%;background-color:transparent;font-family: "IM Fell DW Pica SC";}

h5 {margin:2em 0 0.3em 0;padding:0.1em 1em;font-family: Georgia;}

a:link {
	color: green;
	text-decoration:none;
}
a:visited {
	color: green;
	text-decoration:none;
}
a:active {
	background-color: black;
	text-decoration:none;
}
a:hover {
	color:#3333FF;
	text-decoration:underline;
}
p {margin:1em 0 0 0;text-align: justify}
main p {margin: 1em 0 2em 0; text-align: justify} /* Only MAIN P can have these props, otherwise the layout buggers out */
p#menu a {color:#F8FCFE}
p.main {margin-top:1em;}
p.main:first-letter {
  color: #003366;
  background: transparent;
  font-size: 1.3em;
  font-weight: bold;
  font-family: Georgia;
  text-shadow: #FFF 1px 1px 0px, #707070 1px 2px 0px;
  letter-spacing:2;
}
p.signit {font-style: italic; text-align:right}

ul {
  margin: 0 1em 2em 2em;line-height:1.8em;
}
ol {
  margin: 0 1em 2em 2em;line-height:1.8em;
}
ul a {text-decoration:none;}

img {margin: 1em}
div.lpic {
  width:auto;
  float:left;
  background:white;
  border: 1px solid #003366;
  font-size:smaller;
  margin: 1em 1em 1em 0
}
div.lpic p {margin:0 0.2em 0 0.2em}

div.horlist {
  margin:0;
  border: 1px dotted navy;
  background:white;
  position:relative;
  margin-top:2em;
}
div.horlist>div {
  margin:0;padding:0.1em 0.3em 0.1em 0.3em;position:absolute;top:-0.8em;font-size:80%;background-color:#D5EEF8
}
.horlist {line-height: 1.6;}
ul.horlist {
  font-size: 90%;
  list-style: none;
  padding: 0.1em;
  margin:0;
}
.horlist li {
  display: inline;
  padding:0;

}
.horlist li:before { content: " ";}
.horlist li:before a { content: " ☞";}
.horlist li:after { content: " | "; }
.horlist li a:after { content: " "; }
.horlist li a:first-child:before { content: "☞";  font-size:130%;}
.horlist li:last-child:after { content: " "; }
.horlist a {text-decoration:none; color: #003366; font:90% Georgia, Times, serif; font-style: ;}

table td{min-width:4em}
table td, th {
  padding:2px 4px 2px 4px;
	border-width: 1px 2px 2px 1px;
	border-style: outset outset outset outset;
	border-color: white #E6E7D6 gray white;
	background-color: #FFEEBB;
	vertical-align:middle;
}
table th {
  background-color: rgb(204,255,153);
}

/* DROP-DOWN NAV MENU */
#nav{
	list-style:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	margin-right:0px;
	margin-top:0px;
	position:relative;
}
#nav a{
	display:block;
	padding:0px 10px 2px 6px;
	color:#fff;
	background:#003366;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background:#A9DBF0;
	text-decoration:none;
}
/*--- DROPDOWN ---*/
#nav ul{
	background:#E3F4FA; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ z-index:120;/* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#003399;
	text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#003366;
}


/* --- --- --- WIESCI --- --- ---  */
div#wiesci div {width:80%;float:right;position:relative;}
div#wiesci div p {margin-bottom:;}
div#wiesci p.rgt {text-align:right;font-size:smaller;margin-top:0;padding-top:0;border-bottom:1px solid #AACCFF;}
div#wiesci h3 {border-left:0px solid #003366;margin-left:0;padding:0px;background-color:transparent;}
div#wiesci img {position:absolute;top:2.3em; left:-140px; width:120px;}


/* --- AFISZ --- */
div.afisz {
  float:left;
  width:60%;
  margin:1em 1em 2em 0;
  padding:10px;
  background:white;
  border: 1px solid #003366;
  text-align:center;
/*  background: -webkit-gradient(linear, top, left 75px, from(#A9DBF0), to(#E7F6FB));
  background: -moz-linear-gradient(top, #A9DBF0, #E7F6FB 75px);
*/  
  background: -webkit-gradient(linear, top, left 75px, from(rgb(204,204,102)), to(rgb(204,255,255)));
  background: -moz-linear-gradient(top, rgb(204,204,102), rgb(204,255,255) 75px);
  /* margin:auto; */
  border-radius: 4px;
  padding:10px;
  border: inset 1px solid #333;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
  box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
}

div.afisz2 {
  float:left;
  width:60%;
  margin:1em 1em 2em 0;
  padding:10px;
  background:white;
  border: 1px solid #003366;
  text-align:center;
/*  background: -webkit-gradient(linear, top, left 75px, from(#A9DBF0), to(#E7F6FB));
  background: -moz-linear-gradient(top, #A9DBF0, #E7F6FB 75px);
*/  
  background: -webkit-gradient(linear, top, left 225px, from(rgb(255,255,255)), to(rgb(255,51,0)));
  background: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,51,0) 225px);
  /* margin:auto; */
  border-radius: 4px;
  padding:10px;
  border: inset 1px solid #333;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
  box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
}

div.afisz3 {
  float:left;
  width:60%;
  margin:1em 1em 2em 0;
  padding:10px;
  background:white;
  border: 1px solid #003366;
  text-align:center;
  background-image: linear-gradient(white, red);
  background: -webkit-gradient(linear, top, left 222px, from(rgb(255,255,255)), to(rgb(255,11,33)));
  background: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,11,33) 222px);
  /* margin:auto; */
  border-radius: 4px;
  padding:10px;
  border: inset 1px solid #333;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
  box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
}
h2.afisz {
  display: ;
  font: 38px 'Lobster', Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  line-height:56px;
  margin:1px;
  padding: 10px 0 0 10px;
  color: #003366;
  text-shadow: -1px 0 #DDF1F9, 0 2px #E3F4FA, 2px 0 #E3F4FA, 0 -1px #E3F4FA;
  background: #A9DBF0 url("../pics/.png") no-repeat 4px 4px;
}
h2.afisz a {color:#003366;}

div.afisz span {
  font-size: larger;
  text-shadow: #EEE 1px 1px 0px, #707070 1px 1px 0px;
}

div.zawodylista li {
  margin-bottom:1.2em;
}
div.zawodylista li a {
  font-weight: bold;
  text-transform:uppercase;
  
  
}
/* div.zawodylista li a:before {content:" ≻";} */

/* Rekordy Polski */
#rekordy a {font-weight: bold}
#footer {
  width: 960px;
  height: 29px;
  padding-top: 10px;
  margin: -40px auto 0 auto;
  background-color:#A9DBF0;
  background: -moz-linear-gradient(top, #feffff 0%, #a0d8ef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #feffff 0%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #feffff 0%,#a0d8ef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #feffff 0%,#a0d8ef 100%); /* IE10+ */
  background: linear-gradient(to bottom, #feffff 0%,#a0d8ef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */
  border-top:1px solid #003366;
  clear:both;
}

div.pane1, div.pane2 {
  float:left;
  width:96%;
  min-height:220px auto;
  margin:1em 1em 2em 1em;
  padding:0em 2em 2em 2em;
  background:white;
  border: 1px solid #003366;
  text-align:left;
/*  background: -webkit-gradient(linear, top, left 75px, from(#A9DBF0), to(#E7F6FB));
  background: -moz-linear-gradient(top, #A9DBF0, #E7F6FB 75px);
  
  background: -webkit-gradient(linear, top, left 75px, from(rgb(10,255,255)), to(rgb(204,255,255)));
  background: -moz-linear-gradient(top, #F0CC66, rgb(244,255,255) 75px);  
*/  
       
  /* margin:auto; */
  border-radius: 7px;
  border: inset 1px solid #333;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 33, 255, 0.9);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 255, 0.6);
  box-shadow: 0px 0px 8px rgba(0, 33, 255, 0.6);
}

div.pane2 {
  padding:0;
  background:rgb(255,255,204);
}




#footer p {margin:0 0 0 1em; padding-left: 3em;}



/* =Print
----------------------------------------------- */

@media print {
  body {
    background: none !important;
    font-size: 10pt;
    font-family : "Times New Roman", Times, serif;
  }
* {
    padding:0;
    margin:0;
    border:0;
  }
#container {
    clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
  }
#header {
    height: 48pt;
    
  }
#subheader {
  position: absolute;
  top:77pt;
  left: 0;
  font: 10pt "Times New Roman", Times, serif;
  font-weight: bold;
  
}
#nav, div.horlist {
    display: none; /* visibility: hidden;   */
  }
h1 {
    font: 24pt 'Lobster', Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    line-height:38pt;
    padding: 0;
    left:0;
  }
div#footer {
  display: none; 
  position:absolute;
  width:100%;
  height:40px;
  bottom:0;  /*  stick to bottom */
  margin-bottom: 0; /* stick to bottom - 27.9.08 */
}

/* --- --- --- */
@media (max-width: 800px) {
  #container {
    min-height: 100%;
    width: 760px;
    margin: 0 auto;
    border:0;
  }
ÿoo㰐ۘ{
    width: 760px;
    margin: 0 auto;
  }