/* #999966 - olive - body*/
/* #666666 - gray-black - header */
/* #9f0909 - red */
/* #303336 - black */
/* #ffd700 - yellow - obejma border */
/* */
body {  
  /* font-family: verdana, arial, helvetica, sans-serif; */
  font-family: Georgia, times, serif;
  font-size: 80%;
  color:#ffeeb5;
  background: #999966 url(../pics/bkgpik03.png);/* #999966 url(../pics/bkgpik03.png) url(../pics/bgd-chmieltile2.png); */
}
a:link {color:#ffbb66;background:inherit;TEXT-DECORATION: none;font-weight:bold;}
a:visited {color:#ffbb66;background:inherit;TEXT-DECORATION: none;font-weight:bold;}
a:active {color:red;background:inherit;TEXT-DECORATION: none;}
a:hover {color:red;background:black;TEXT-DECORATION:none;}
div {margin: 1em 0 2em 0;}
#header {
  color: inherit;
  background:#666666;
  border-bottom:2px dotted #9f0909;
}
#obejma {
  background-color: #303336; 
  border: 1px solid black; /* #ffd700; */
  color:#ffeeb5;
  line-height:1.6;
}
div#emblem {
  background: transparent url(../pics/headpic2g.gif) 1px 1px no-repeat;
  border: 0px solid gray;
}
#maincol {
  padding:10px 10px 10px 0;
}
#nav {background-image---: url(../pics/75p_honey.png)}
#navcontent ul {
  font-size:110%;
  font-family: Georgia, times, serif;
}
#navcontent ul li {
  list-style-type: disc;
  margin-left:-1em;
}
/* Front Wschodni LINK styling */
a.fwsch {
  padding: 0;
  text-decoration: none;
  color: white;
  background-color: white;
  border: 1px dotted white;
  border-bottom: 2px solid white;
}
a.fwsch:visited {  background-color: white;  border: 2px dotted white;}
a.fwsch:active { background-color: white;  border: 2px dotted white;}
a.fwsch:hover {
  background-color: white;
  border: 2px dotted red;
}
span.c1 {
  padding:0 0.2em 0 0.2em;
  color: white;
  background-color: green;
  border-bottom:1px solid red;
}
span.c1:hover {
  color: red;
  background-color: white;
  border-bottom:1px solid green;
}
span.c2 {
  padding:0 0.2em 0 0.2em;
  color: white;
  background-color: black;
  border-bottom:1px solid red;
}
span.c2:hover {
  color: green;
  background-color: white;
  border-bottom:1px solid red;
}
div#footer {
  background:#666666;
  color: inherit;
}
H1 {
  padding:24px 10px 0 180px;
  margin: 0;
  background:#666666 url(../pics/revoshoot01f.png) top right no-repeat;
  color: inherit;
  font-size:150%;
  font-family: Georgia, times, serif;
  font-variant:small-caps;
  line-height: 60px;
  letter-spacing: -0.02em;
}
#maincol H2, #maincol H3, #maincol H4 {margin:5em 16px 1em 0;padding: 0.2em;}
#maincol H2 {
  display:block;
  font-size:120%;
  text-transform: uppercase;
  background:#666666;
  color: inherit;
  margin:4em 1em 1em 0;
  padding-left:4px;
  border-bottom: 2px solid #9f0909;
}
#maincol H3 {
  display:block;
  font-size:110%;
  font-variant: small-caps;
  margin:5em 1em 1em 0;
  padding:4px;
  border-top: 2px dotted #666666;
  background:#333933;
  color: inherit;
}
#maincol H4 {
  display:block;
  font-size:105%;
  padding-left:4px;
  font-variant: small-caps;
  border-top: 1px dotted #666666;
  background:#333933;
  color: inherit;
}

table {padding:0px; margin:0px; border:none; }
table td, table th {padding:2px;  border:none;}
table td {background:#666;color: inherit;}
table th {background:#9f0909;color: inherit;border: none;}
table caption {
  background-color: #666;
  color: inherit;
  padding: 0px;
  margin:0;
  border: 1px solid #9f0909;
  padding:0.5em
}

div.competres----  table>tbody {
  overflow: auto;
  height: 280px;
  overflow-x: hidden;
  padding-right: 4px;
}

div.competres {float:left; margin: 1em;}
div.zawody:after {
  content: ".";
  display: block;
  line-height: 1px;
  font-size: 1px;
  clear: both;
}
p.clearer {
  content: ".";
  display: block;
  line-height: 1px;
  font-size: 1px;
  clear: both;
}  
#maincol img {margin: 1em; float: left;}
#maincol a img {border:1px solid rgb(255,204,153); margin: 1em;}
#maincol div.competres table a img {margin:0.1em;float:none;float:right} 
#maincol p {margin: 1em 1em 2em 0; padding: 0; text-align: justify;}
#maincol ul span {color: #ff3333;}

#maincol div.lftcaptpic {float: left;margin: 1em 1em 2em 0;}
#maincol div.rgtcaptpic {float: right;margin: 1em 20px 2em 1em;}
#maincol div.lftcaptpic, #maincol div.rgtcaptpic {
  text-align: center;
  padding: 6px;
  border: 1px dotted #666666; /* #ffcc99; */
}

#maincol div.lftcaptpic img, #maincol div.rgtcaptpic img { margin:0; padding: 0; float:none;}
#maincol div.lftcaptpic p, #maincol div.rgtcaptpic p {text-align: center; font: normal 90% Arial, helvetica, sans-serif;}

#footer p {color:#000000;margin:0; padding:0 0 0 14px; font-size:90%; line-height: 40px;}
#footer img {vertical-align: middle;}
#footer a {color: #333366; background: inherit;}
#footer a:hover {color: #333333; background: #aaaa99;} 

p.upd {float:left;}

p.valid {margin:0;padding:0;text-align:right;float: right;}
p.valid a {text-decoration:none;}
p.valid img {border:none;}


#navcontent ul li {list-style:none; margin-bottom: 0;}
ul {list-style:circle;}
ul li, ol li {margin: 0 1em 1em 0em;}

#maincol div#regulamin {
  margin: 2em 2em 2em -7em;
  padding: 3em 0 0 0 ;
  background: #663333 url(../pics/arkebuz1b.png) no-repeat 1em 1em;
  border: 1px solid #9f0909;
}
#maincol div#regulamin a {color:rgb(255,255,0); text-decoration:underline}
#maincol div#regulamin h3 {
margin-left: 1em;
color: inherit;
background: transparent;
border: none;
}
#maincol div#regulamin ol {
  margin-left: 3em;
}
#maincol div#regulamin ol li {
  font-weight: bold;
  margin-bottom: 2em;
  color: #ffd700;
  background: inherit;
}
#maincol div#regulamin ul li {
 margin: 1em;
 margin-bottom: 1em;
 list-style-type: disc;
 font-weight: normal;
}
#maincol div#regulamin span {
  font-weight: bold;
  color: #f33;
  background: inherit;
}
#maincol ul.wyliczanka  {
  margin: 1em;
  color: inherit;
  background: inherit;
  letter-spacing: 0.06em;
  word-spacing: 0.3em;
}
#maincol ul.wyliczanka li {
  list-style-type: circle;
  margin-bottom: 2em;
}

#maincol div.przypisy {
  margin-top: 8em;
  padding: 1em 0 0 1em;
  border-top: 1px solid #666666;
  font-size: 90%;
}
#maincol div.przypisy H2 {
  display: block;
  width: 6em;
  background: #303336;
  border: none;
  border-left: 2px solid #666666;
  margin-top: -2em;
}
/* horizontal list with '|' separator */
div.horlist {text-align: left; padding: 8px;}
div.horlist span{font-size: 10px; font-weight: bold;}
ul.horlist {
          	font-size: small;
          	list-style: none;
          	padding: 0;
          	margin: 0;
          	border-bottom: 0px solid red; 
}
.horlist li {
          	display: inline;
          	padding:0;
          	margin:0.2em;
}
.horlist li:before { content: "| "; }
.horlist li:after { content: ""; }
.horlist li:first-child:before { content: ""; }
.horlist li:last-child:after { content: " |"; }
.horlist a {text-decoration:none; color: gold; font:90% Georgia, Times, serif; font-style: ;}
.horlist {line-height: 1.8;}
.horlist li a.ext:after { content: " ☞";}

ul.zasady {color: gold; font-weight: bold; line-height: 1.6; }
ul.zasady li {margin-bottom: 2em;}
#dropcontentsubject{
width: 200px;
font-weight: bold;
}
.dropcontent{
position: fixed;
width: 16em;
height: auto;
border: 1px solid gold;
background-color: green;
padding: 0.3em;
padding-left: 0.5em;
margin-left: -22%;
margin-top: 110px;
display:block;
font-size: 90%;
}
.extradiv {
  background:#666666;
}
pre {font-size: 110%;}

div.opinie span {color:#CCCC33;}
input {background-color: #FFEFB5; color:#000000}
input.button {background-color: #006600; color:#FFFF99}
div#formzglosz textarea {background-color: #FFEFB5; color:#000000}
