html, body    {
  margin: 0 ;
  padding: 0;
  background: #eaeaea;
}
div#main  {
  border: red solid 0px;
  width: 770px;
  margin: 0 auto;
  padding: 0;
  font-size:12px;
  font-family:  Georgia, Trebuchet, Verdana, Arial, sans-serif;

  background: white url(/images/tlo2.jpg) no-repeat top right;
}
div#header      {
  float:right;
  height: 86px;
  width: 770px;
  margin: 0 0 0 0px;
  padding: 0;
  background: white url(/images/top.jpg) no-repeat;
  border: 0px solid white;
}

div#menu1    {
  float:right;
  height: 33px;
  width: 770px;
  margin: 0 0 0 0px;
  padding: 0;
  background: #c2c4b7 url(/images/menu1.jpg) no-repeat;
}

div#container  {
  width: 770px;
  height: auto;
  margin: 0 0 0 0px;
  padding: 0;
  border: red solid 0px;
  float:right;
  background: /*#f3915f*/   url(/images/kont2.jpg) repeat-y top left;
}   
div#output    {
  float: left;
  width: 470px;
  margin: 0 0px 0 0px;
  padding: 2px 0px 10px 10px;
  border:0px solid red;
  /*background:  url(/images/tlo.jpg) no-repeat top left;*/ }

div#sidenav    {
  border: 0px solid yellow;
  float: left;
  width: 178px;
  height: auto;
  margin: 0;
  padding: 0px 0 0px 0;
  background:  #9c9c9c url(/images/menu2.jpg) repeat-y top left;}

div#menu2s    {
  border: 0px solid yellow;
  float: left;
  width: 178px;
  height: 9px;
  margin: 0;
  padding: 0px 0 0px 0;
  background:   url(/images/menu2s.jpg) no-repeat bottom left;
}

#bottom    {
  clear:both;
  height: 24px;
  width: 770px;
  margin: 0px;
  padding: 0;
  position:relative;
  background:  url(/images/stopka.jpg) repeat-y;
}      

a:active, a:visited, a:hover, a:link {
  text-decoration:none;
  color:inherit;}

h1 a:hover, h1 a:link, h1 a:active, h1 a:visited {
  text-decoration:none;
  color:#e1ddb0;}

h2 a:hover, h2 a:link, h2 a:active, h2 a:visited {
  text-decoration:none;
  color:white;}

p, h5, dl  {
  margin: 0;
  padding: .0em 10px .0em 7px;
  font-size: 12px;
  text-align: justify;
  text-indent: 20px;
  line-height: 130% }

p.podpisano {
  font-style:italic;
  float:right;}

h5.recenzent {
  margin-right:20px;
  float:right;/**/ clear:both;
  margin-bottom:30px;
  font-weight:800;
  text-indent:0px}

p.recenzent {
  margin-right:20px;
  float:right;/**/ clear:both;
  margin-bottom:30px;
  font-weight:800;
  text-indent:0px}
ul li {
  line-height: 130% }
ol li {
  line-height: 130% }
/*h1 {
  position: absolute;
  margin: -100px 0 0 0 }
h2 {
  position: absolute;
  margin: -70px 0 0 0 }                /* padding: 1em 2em 1em 2em */           
  /*h1 {
  position: absolute;
  margin: -100px 0 0 0 }
  h2 {
  position: absolute;
  margin: -70px 0 0 0 }*/                /* padding: 1em 2em 1em 2em*/           
  h3 {
    margin: 10px 20px 3px 0px;
    padding: 0px 0 0 5px;
    line-height: 26px;
    font-family: Georgia,  Trebuchet, Verdana, Arial, sans-serif;
    font-size: 20px;
    font-weight: 300;/*font-variant: small-caps;*/ text-align: left;
    color: #414f73;
}
h3.podkreslone {
  clear:both;
  border-bottom:1px solid #414f73;}
h3 a {
  line-height: 26px;
  font-family: Georgia,  Trebuchet, Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: 300;
  color:#414f73;
  text-decoration:none;}
h3 a:hover {
  text-decoration:underline}
h4 {
  margin: 0 0 0px 0;
  padding: 12px 0 3px 0px;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: #414f73;
  text-indent:0px;
  font-weight:700}
h4 a{
  font-family: Georgia,  Trebuchet, Verdana, Arial, sans-serif;
  font-size: 14px;margin: 0 0 0px 0;
  padding: 0px 0 0 0;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #414f73;
}
h4 a:hover {
  text-decoration:underline}
/*a.duze {
font-family:  Impact, Georgia,  Trebuchet, Verdana, Arial, sans-serif;
font-size:18px;
color:#661801;
}*/
  h5 {
    padding-top:10px;
    padding-bottom:3px;}
  sup {
    font-size:70%}
  li.kalendarium {
    list-style:none}

  img {
    border: 0px solid white;
    text-align:center;
    margin:0px;
    padding:0px;}
  img.srodek {
    display:block;
    text-align:center;
    margin:auto;
    float:none;
}
img.zdjecie {
  border:10px solid white;
  text-align:center;
  float:none;
 }
 img.miniatura {
   border:1px solid black;
   text-align:center;
   float:none;
   margin:2px;
   padding:0px;
 }
 img.miniatura:hover {
   border:1px solid white;
 }
 img.left {
   float:left}
 #output.galeria img {
   display:block;
   text-align:center;
   vertical-align:middle;
   margin:auto;
   padding-top:5px;
   float:none;
}
p.zdj {
  background:white;
  float:left;
  width:130px;
  height:130px;
  border:0px solid red;
  margin: 2px 2px;
  vertical-align:middle;
  padding:0;
  clear:none;}

/*.wyp {
background:#2c3c1e;
border:1px solid #abb995;
color:white;
float:left;
  }*//*jasna zielen*/
  .skiplink {
    position: absolute;
    left: 0px;
    top: -500px;
    overflow: hidden;}

  p.podpis {
    font-size:10px;
    font-family:verdana;
    margin: 0 0 6px 17px;
    text-indent:0px;
    text-align:left}
  p.podpis2 {
    margin:0 10px 0 0;
    padding:0px 0px 0px 0px;
    font-size:8px;
    font-family:verdana;
    float:right;
}
span.podpis2 {
  margin:0 0px 0 0;
  padding:0px 0px 0px 0px;
  font-size:8px;
  font-family:verdana;
 }
 p.data    {
   margin:0px;
   padding:0px 10px 0px 0px;
   font-size:8px;
   font-family:verdana;
   float:right;
}

/*style dla #menu1*/      
#menu1 ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 180px;
  height: auto;
  border:0px solid white;}  
#menu1 ul li {
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  }  
  #menu1 ul li a {
    height: 16px;
    border:0px solid red;
    float: left;
    /*display: block;*/ text-decoration: none;
    /*font-weight: 700;*/ font-size:12px;
    line-height: 24px;
    margin: 0 5px;
    padding: 0px 2px 2px 0;
    color: white;
    letter-spacing:0px;
}            
#menu1 a:link, #menu1 a:visited {
  text-decoration: none;
  }
  #menu1 a:hover {
    /*background: #c2c4b7;
     */ color:#414f73;
  text-decoration: none;
  /*color: #686958;
   */}  


  /*style dla #sidenav*/                                          
  #sidenav ul {
    margin: 0;
    padding: 0px 0 0 10px;
    border-bottom:0px solid white;
}
#sidenav ul li {
  list-style: none;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0px solid red;
}
#sidenav ul li a {
  display: block;
  text-decoration: none;
  text-align: left;
  font-size:18px;
  line-height:130%;
  height: 22px;
  /*width: 130px;*/ color: #414f73;
  margin: 0;
  padding: 0 0px 0 20px;
}
#sidenav a:link, #sidenav a:visited {
  text-decoration: none }
#sidenav a:hover, #sidenav a:active {
  color:white;
  text-decoration: none;
  /*url(/images/menu2a.gif) no-repeat 135px 0 */ }       

  /*style dla #podmenu                                          
  div#podmenu {
  border-top: solid 1px #abb995;
  border-bottom: solid 1px #abb995;}
  #podmenu ul li a {
  display: block;
  text-decoration: none;
  text-align: right;
  height: auto;
  width: 130px;
  color: #abb995;
  margin: 0;
  padding: 0 30px 0 0;
  background: url(/images/podmenu2.gif) no-repeat 135px 0 }
  #podmenu a:hover, a:active {
  text-decoration: none;
  width: 130px;
  margin: 0;
  padding: 0 30px 0 0;
  background: url(/images/menu2a.gif) no-repeat 135px 0 }       
   */

  /*style dla #output*/
  p, ul, li, td, h5, dl {
    color:#6e6e62;
}  
#output ul {
  list-style: disc;
  text-align: justify;
/*  padding: .0em 0px .0em 7px;*/
  margin:0 0 0 13px;
 }
 #output ol {
   text-align: justify;
   padding: .0em 0px .0em 7px;
   margin:0 0 0 20px;
 }
 #output ul li {
   /*list-style: disc;
    */ /*background: url(/images/lista.gif) no-repeat 0 7px;*/ text-align: left;
    text-indent: 0px;
    margin: 0;
    padding: 0 0px 5px 0;
 }
 #output ol li {
   /*list-style: disc;
    */ /*background: url(/images/lista.gif) no-repeat 0 7px;*/ text-align: left;
    text-indent: 0px;
    margin: 0;
    padding: 0;
 }
 #output a  {
   color: #414f73;
   padding: 0;
   text-decoration: none;
 }      
 #output h3 a {
   text-decoration:none}
 #output a:hover, #output a:active, #output a:link, #output a:visited {
   text-decoration: none;
   color: #661801;
}
/*#output a.tu  {
color: #970e15;
padding: 0;
text-decoration: none }      
#output a.tu:hover, a.tu:active {
color: #970E15;
text-decoration: underline }
#output a.tu:link, a.tu:visited {
color: #970E15;
text-decoration: none }*/
  #output .tytul {
    font-size:20px;
    text-indent:0px;
    color:white;
    text-decoration:none;
}
#output a.tytul:hover {
  text-decoration:none;
  color:white;}
#output h4 a {
  color:#970E15;
}
#output h4 a:hover {
  color:#970E15;
}
#output ul.autobusy li {
  display:block;
  float:left;
  margin:0 1px;
  list-style-type:none;
  width:40px;}
#output ul.kalendarium li {
  display:block;
  float:left;
  margin:0 1px;
  list-style-type:none;
  width:60px;
  font-size:20px;}
#output ul.kalendarium  {
  padding:10px;
  width:400px;}
#output ul.publications {
  width:440px;
 }
 #output ul.publications li {
   padding-bottom:10px;
 }

 h2 a:hover, h2 a:link, h2 a:active, h2 a:visited {
   text-decoration:none;
   color:white}
 ul h4 {
   height:18px;
   padding:0;
   margin:0 10px;}

 p.kurs {
   text-indent:0px;
   font-style:italic;
   padding:6px 0;}
 ul.courses li h4{
   padding-top:30px;
 }
 li.nolist {
   list-style-type:none;
}
/*style dla #menu3*/  
#menu3 {
  width:160px;
  margin:auto;
  text-align:center;
  padding: 0;
  position:relative;
  top:0px;
 }
 #menu3 ul {
   list-style: none;
   margin: 0 0 0 0px;
   padding: 0 }
 #menu3 ul li {
   float: left;
   height: 15px;
   width: auto;
   margin: 2px 10px 10px 2px;
   padding: 0;
   text-align: center }
 #menu3 ul li a {
   display: block;
   text-decoration: none;
   height: auto;
   width: auto;
   color: white;
   margin: 0px 0 0 2px;
   padding: 0 }
 #menu3 a:link, #menu3 a:visited {
   text-decoration: none;
   color: white }
 #menu3 a:hover, #menu3 a:active {
   text-decoration: underline;
   color: white } 

 /*style dla #bottom*/
 #bottom p {
   padding: 3px 10px 0 0;
   color: #c9c9c9;
   text-align: center;
   text-indent:0px;
 }
 .radic {
   font-size:16px;
   color:red;
   display:inline}
 #s1 {
   position:relative;
   left:200px;
   top:0;
   float:left;
   width:590px;}
 #s1 img {
   margin:0;
   padding:0;
}
#s1 p {
  letter-spacing:0px;
  font-weight:100;
  text-align:left;
  font-size: 9px;}
#s2 p {
  letter-spacing:0px;
  font-weight:100;
  font-size: 9px;}
#s2 {
  position:relative;
  right:100px;
  top:0;
  float:right;
}
#s1 p a {
  text-decoration: none;
  height: auto;
  width: auto;
  color: #c9c9c9;
  font-size: 9px;
  float:left;
  text-align:left;
  margin: 0px 0 0 5px;
  padding: 0 }
#s1 a:link, #s1 a:visited {
  text-decoration: none;
  color: #c9c9c9;
}
#s1 a:hover, #s1 a:active {
  text-decoration: underline;
  color: #c9c9c9;
} 

/* from Eric Meyer book */
div.pic {float: left; height: 130px; width: 130px;
padding: 15px; margin: 5px 3px;
background: url(/images/frame-ls.gif) center no-repeat;}
div.pt {background-image: url(/images/frame-pt.gif);}
div.pic img {border: 1px solid; border-color: #444 #AAA #AAA #444;}
div.ls img {height: 96px; width: 128px; margin: 16px 0;}
div.pt img {height: 128px; width: 96px; margin: 0 16px;}
div.pic ul {display: none;}