html, body {margin: 0; padding: 0; font-size: 100%; }
body {
       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
         font-size: 80%;
         color: #006600;
         background: #ffffcc; }
#pagetitle {
       margin: 0;

       padding: 10px 0 10 0;

       text-align: center;
       background: #cde7a8;

       font-size: 130%;
       font-weight: bold;

       color: #006600; }
       
       #pagetitle1 {

       margin: auto;

       padding: 10px 10 10 10;

       text-align: center;
       background: #ffffcc;

       font-size: 130%;
       font-weight: bold;

       color: #006600; }

#pagetitle2 {

       margin: 0;
       padding: 10px 0 10 0;
       text-align: center;
       }

#tytul { text-align:center;
                     background: #cde7a8;
                     margin: 0;
                     padding: 10px 0 10 0;
             font-size: 120%;
             font-weight: bold;
             color: #006600;
                     }

pre {

       margin: 0 0 0 10px;

       padding-top: 8px;

       font-family: Verdana, sans-serif;

       font-size: 100%;

       font-weight: normal; }



p {margin: 0; padding: 8px 7px 0 10px; }

hr {width: 33%;
        color: green;
        margin: auto;
        size: 3;
        }

#contents p {font-weight: bold; }



.altcolor {color: #ff00ff; font-weight: bold; }
.altcolor1 {color: #008000; }
.altcolor2 {color: #ff0000; }

.altcolor3 { color: #ff9900; font-weight: bold; }

.altcolor4 {color:#006600; font-weight: bold; background: #ffffcc;}

.altcolor5 {color:#ff0000; font-weight: bold; background: #ffffcc;}

       /* dotyczy kolumny środkowej */
       
#demotext {

       border: 2px solid #233622;

       background: #cde7a8;

       color: #233622;

       margin: 8px 149px 5px 10px;

       padding: 0 5px 5px 0;

       position: relative; } /*** for IE6 ***/

.system {margin_left: 0px;
                     padding-left: 30px;}

a:link {color: #006600; text-decoration: none; padding: 1px; }



a:visited {color: #006600; text-decoration: none; padding: 1px; }



a:hover {color: #ffffcc; background: #006600; text-decoration: none; padding: 1px; }



#leftbox a:link, #leftbox a:visited {color: #006600; text-decoration: none; }

#rightbox a:hover strong, #rightbox a:hover {color:#ffffcc; background: #006600;}

.right a:link strong, .right a:visited strong, .right a:link, .right a:visited {color: #006600; text-decoration: none; background: #ffffcc; padding: 1px; }

/*** Redundancy in this selector and the one below allows Op6 to display links properly ***/

.right a:hover strong, .right a:hover {color: #ffffcc; background: #006600; padding: 1px; }


/*.right a:hover strong, .right a:hover {color: #771464; background: #f4e6ef; padding: 1px; }*/



#contents a:link, #contents a:visited {

       color: #ffffcc; text-decoration: none; background: #006600; padding-top: 0; }



#contents a:hover {color: #006600; background: #ffffcc; padding-top: 0; }



#footer a:link, #footer a:visited {color: #771464; }


strong2 {font-weight: bold; color: #006600;}

strong {font-weight: bold; color: #006600; }

       

pre strong {color: #000; }



#contents strong {color:  #f9f; }



#contents pre.altcolor2 strong {color: #cde7a8; }



.alignright  {margin: 0; padding: 1em 10px 2.5em 0; text-align: right; }



.small {font-size: .9em; color: #771464; }



.alignright strong {color: #771464; font-weight: bold; }



.decoration {float: right; margin: 10px 10px 10px 10px; position: relative; } /*** for IE6 ***/

.decoration2 {float: left; margin: 10px 10px 10px 10px; position: relative; } /*** for IE6 ***/

.decoration3 { margin-left:23px ; position: relative; } /*** for IE6 ***/

.decoration4 { margin-left:16px ; border: 2px solid; border-color: #006600; position: relative; } /*** for IE6 ***/
.decoration5 {float: center; margin: auto; position: relative;}
html[xmlns] .decoration {margin: 0 1em 0 0; } /*** Moz put the image too low ***/



.kudos {

       margin-top: 3em; 

       border-top: 3px double #233622; 

       border-bottom: 3px double #233622;

       padding-bottom: 5px; }

.kudos1 {

       text-align:center;

       margin-top: 3em; 

       border-top: 3px double #006600; 

       border-bottom: 3px double #006600;

       padding-bottom: 5px; }
       
.prosta {

       text-align:center;

       margin-top: 2em; 

       border-top: 3px solid #006600; 

        }
        
 .prosta2 {       

       text-align:center;
       width: 33%;

       margin: auto; 

       border-top: 3px solid #006600; 

        } 
        
.blok { text-align: center;
                margin-top: 3em;
                }
.blok2 { text-align: center;
                margin-top: 1em;
                margin-bottom: 1em;
                }
                
                
#bottom {font-size: 1px; line-height:0; margin:0; padding:0;}







/* *****>>>>> Demo Styles <<<<<***** */



/*** The #header div has a static position and a background image ***/



#header {

       margin: 0;

       padding: 0; 

       background: url("Nowa_Moja/logo.jpg") 0 0 no-repeat; /*** this is a shorthand 

                                                           property for the various 

                                                           background properties ***/

       height: 150px; } /*** must be set so the following absolutely positioned divs are 

                         placed correctly on initial load of the page***/ 



#leftbox {

       position: absolute;

       left: 0px;

       width: 215px;

       border-top: 1px solid #000;

       background-color: #ffffcc;

       color: #006600; 

       padding-top: 5px; }



#container {

       margin-left: 215px;

       background: #ffffcc ;

       border-left: 1px solid #000; }



#navmenu {

       background-color: #ffffcc;

       border: 1px solid #000;

       border-width: 1px 0;

       padding: 3px 0;

       position: relative; } /*** IE6 needs this to display the div ***/  



/* Hide from IE5-Mac \*/

* html #navmenu {height: 1%;}

/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/



#navmenu ul {

       display: block;

       list-style: none;

       padding: 0;

       margin: 0;

       font-family: Verdana, sans-serif;

       text-align: center;

       line-height: 1.2em; }



#navmenu ul li {

         font-weight: bold;

         display: block;

         float: left;

         position: relative; /*** IE6 needs this to display the links ***/

       padding: 1px 0;

       margin: 2px 0;

       width: 10em;  

       border-right: 2px solid #000; }*/



#navmenu ul li.first {

       margin-left: 0; 

       list-style: none; }



#navmenu ul li.last {

       border-right: none; }



#navmenu a {

       padding: 3px 0;

       color: #000; } 



#navmenu a:hover {

        color: #ffff00; 

       background: #ffffcc; }



#navclear {

         display: block;

       clear: both; }



/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  

     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 

     for an explanation of this problem and Sam Foster's page for an explanation of the 

     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/

 

#rightbox {

       position: absolute;

       right: 16px;

       margin-right: -15px;

       width: 145px;

       padding-top: 5px; }



/* hide the following from IE5-Mac \*/

#rightbox {

       right: 0;

       margin-right: 0; }

/* IE5-Mac can see the rest */



#wrapper {

       margin-right: 138px;

       padding-top: 5px; }



/*** Tan hack for IE. Only IE browsers see this selector.

     This replaces the old Tantek hack. Please see Edwardson Tan's page.

     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/



* html #wrapper {

       width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/

       w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/



.left {

       float: left;

       margin-left: 6px;

       width: 43%;

       padding: 5px 5px 5px 5px;

       background:  #cde7a8; 
       border: 2px solid #233622;}



html>body .left {margin-left: 12px; } /*** IE doubles the margin on the float. This sets

                                   the margin to the correct width for others ***/



.right {

       float: right;

       margin-right: 6px;
       width: 43%;

       padding: 5px 5px 5px 5px;

       background:  #cde7a8;
       border: 2px solid #233622; }



html>body .right {margin-right: 12px; } /*** IE doubles the margin on the float. This sets

                                   the margin to the correct width for others ***/



.clear {

       clear: both;

       margin: 0;

       padding: 0; }



#contents {

       background-color:  #ffffcc;

       margin: 8px 149px 5px 10px;
       border: 2px solid #233622;

       /*margin-right: 149px;

       margin-left: 10px;*/

       color: #eef7e2;

       padding: 3px 3px 15px 3px;

       position: relative; } /*** IE6 needs this to display the div ***/



#footer {

       background: #cde7a8;

       margin-top: 1.5em;

       margin-right: 139px;

       border-top: 1px dashed #888; }
 

 
 /*       
#menu {
       width: 200px;
       border-style: solid solid none solid;
       border-color: #94AA74;
       border-size: 1px;
       border-width: 0px;
       margin: 0px;
       }
       
#menu li a {
       height: 32px;
         voice-family: "\"}\""; 
         voice-family: inherit;
         height: 24px;
       text-decoration: none;
       }       
       
#menu li a:link, #menu li a:visited {
       color: #5E7830;
       display: block;
       background: url(images/menu1.gif);
       padding: 2px 0 0 2px;
       }
       
#menu li a:hover {
       color: #26370A;
       background: url(images/menu1.gif) 0 -32px;
       padding: 2px 0 0 2px;
       }
       
#menu li a:active {
       color: #26370A;
       background: url(images/menu1.gif) 0 -64px;
       padding: 2px 0 0 2px;
       }   */

       DIV#links {
   LEFT: 5px; FONT: 15px Verdana, sans-serif; TEXT-DECORATION: none; WIDTH: 210px; POSITION: absolute; TOP: 55px;
}
DIV#links A {
       BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #006600 5px solid; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: #ffffcc; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 1px; FONT: bold 1em sans-serif; COLOR: #004000; PADDING-TOP: 5px;  TEXT-DECORATION: none
}
DIV#links A:hover {
       BORDER-RIGHT: #ffffcc 5px double; BACKGROUND:  #cde7a8; COLOR: #006600; TEXT-DECORATION: none
} 

#podrodzina {
height: 15pt;
font-size: 9 pt;
font-weight: bold;
margin-left: 25px;
margin-top: 5px;
}

#grupa {
height: 15pt;
font-size: 9 pt;
font-weight: bold;
margin-left: 50px;
margin-top: 5px;
}

#podgrupa {
height: 15pt;
font-size: 9 pt;
font-weight: bold;
margin-left: 75px;
margin-top: 5px;
}

#rodzaj {
height: 15pt;
font-size: 9 pt;
font-weight: bold;
margin-left: 100px;
margin-top: 5px;
}

#podrodzaj {
height: 15pt;
font-size: 9 pt;
font-weight: bold;
margin-left: 125px;
margin-top: 5px;
}

#sekcja {
height: 15pt;
font-size: 9 pt;
font-weight: bold;
margin-left: 150px;
margin-top: 5px;
}

#seria {
height: 15pt;
font-size: 9 pt;
font-weight: bold;
margin-left: 175px;
margin-top: 5px;
}

#podseria {
height: 15pt;
font-size: 9 pt;
font-weight: bold;
margin-left: 200px;
margin-top: 5px;
}

.img { margin-left: 160px ;  float:left; position: relative;}

.img2 { margin-right: 220px; float: right}

.img3 { margin: auto; position: relative;}

.trixam {

border: 1px solid;
border-color: #336600;
padding: 3px;
margin-left: 135px;
align: center;
}

#hotele {
        width: 156px;
       /* background-color: #FFCCCC;*/
        background-color: #FFCC99;
        border: 2px solid;
        Border-color:
        
        }