body{font:normal 14px "DejaVu Serif",Georgia,"Times New Roman",Times,serif;}
h1{text-indent:-1em;font:bold 2em "DejaVu Sans",Verdana,Helvetica,Arial,sans-serif;margin:1em 0 0 0;padding:0 .2em;border-left:.9em solid #000;border-bottom:1px solid #000}
.note{font-size:.8em;color:#555}
.note p:first-letter{font-size:1em}
* html h1 .firstletter, h1:first-letter{color:#fff;padding-right:.1em;margin-left:-.1em}
p{line-height:1.5em;padding:0 1.5em;margin:.5em}
p:first-letter{font-size:1.5em}
h2{font:bold 1.5em "DejaVu Sans",Verdana,Helvetica,Arial,sans-serif;border-left:.9em solid #000;border-bottom:1px dashed #000}
a:link,a:visited{font-weight:bold;text-decoration:none;color:#c30;}
a:hover{font-weight:bold;text-decoration:underline;color:#999}
a:active{font-weight:bold;text-decoration:none;color:#526968}
.render{clear:both;margin:0 2em 0 2em;padding:.5em;font:normal .7em "DejaVu Sans",Verdana,Helvetica,Arial,sans-serif;float:right;border:1px inset #000;min-width:200px}
.render a:link{font-weight:normal;color:blue;text-decoration:underline}
.render a:visited{font-weight:normal;color:purple;text-decoration:underline}
.render a:hover{font-weight:normal;text-decoration:underline}
.render a:active{font-weight:normal;color:red;text-decoration:underline}
code{padding:0 .5em;background-color:#eee}
.code{border-left:2em solid #eee;font:normal .9em "Courier New",Courier,monospace;white-space:pre;margin:0 3em 1.2em;padding:0}

.ex1{}
.ex2{height:10em;width:10em;overflow:auto}
.ex2 ul{padding:0;margin:0;list-style:none}
.ex3{}
.ex3 ul{padding:0;margin:0;list-style:none}
.ex3 li{float:left;position:relative;width:10em}
.ex4{height:10em}
.ex4 ul{padding:0;margin:0;list-style:none}
.ex4 li{float:left;position:relative;width:10em}
.ex4 li ul{display:none;position:absolute;top:1em;left:0}
.ex5{height:10em}
.ex5 ul{padding:0;margin:0;list-style:none}
.ex5 li{float:left;position:relative;width:10em}
.ex5 li ul{display:none;position:absolute;top:1em;left:0}
.ex5 ul > li{top:auto;left:auto}
.ex5 li:hover ul{display:block}
.ex6{height:10em;width:31em}
.ex6 ul{padding:0;margin:0;list-style:none}
.ex6 li{float:left;position:relative;width:10em}
.ex6 li ul{display:none;position:absolute;top:1em;left:0}
.ex6 ul > li{top:auto;left:auto}
.ex6 li:hover ul,.ex6 li.over ul{display:block}
.ex6 #content{clear:left}
.ex6 p{line-height:1.2em;padding:0;margin:0}
.ex6 p:first-letter{font-size:inherit}

#tabela {
   border: 1px solid black;
   border-collapse: collapse;
   background-color: #a8b8ca;
   font-weight: lighter;
   font-family: verdana;
   font-size: 9px;
}
#tabela2 {
   border: none;
   border-collapse: collapse;
}
#tabela td {
   border: 1px dotted black;
   padding: 1px;
   font-size: 11px;
}
td.inne {
   background-color: #abbaad;
   font-weight: bold;
   color: red;
}
td.inne2 {
   background-color: #abbaad;
   font-weight: bold;
   
}

td.inne3 {
   background-color: #505050;
   font-weight: normal;
   font-size: 9px;
   font-family: verdana;
   color: #FFFFF0;
}
tr.inne {
   background-color: #abbaad;
  
}
tr.inne2 {
   background-color: #C0C0C0;
   border: 1px dotted gray;
   font-size: 12px;
}
textarea { 
border:0; 
font-size: 11px;
color: black; 
scrollbar-arrow-color:#9B0000; 
scrollbar-base-color: white;
scrollbar-dark-shadow-color: white;
scrollbar-face-color: black;
scrollbar-shadow-color: silver;
background-color: #A0A0A0;
border-right: #505050 1px solid; 
border-top: #505050 1px solid;
border-bottom: #505050 1px solid;
border-left: #505050 1px solid; 
width: 450px;
height: 300px
}

input {
border-right: #505050 1px solid; 
border-top: #505050 1px solid;
border-bottom: #505050 1px solid;
border-left: #505050 1px solid;
border-collapse: collapse;
font-size: 11px; 
width: 450px
background-color: #A0A0A0; 
cursor: hand; 
color: black; 
font-family: tahoma,sans-serif; 
height: 19px;}