/* Ustawienia uniwersalne */

BODY { margin-left: auto; margin-right: auto; padding: 10px; width: 17cm; font-family: Arial, sans-serif; font-size: 9pt; text-align: justify; }
FORM { display: inline; }

#panel { visibility: hidden; }

.right, .left
{
     clear: both;
     width: 200px;
     margin: 10px; margin-bottom: 0px;
     font-family: Arial, sans-serif; font-size: 10px;
     color: #000000; text-align: center;
}
.right { float: right; margin-right: 0px; }
.left  { float: left;  margin-left:  0px; }

A:link  {   
    font-weight: bold;
    text-decoration: none;
    color: #2974c0; 
}
A:hover { 
    text-decoration: underline;
 }
A:visited, A:active { color: #000044; }

A.menu      { display: block; position: relative; margin-left: 20px; margin-right: 20px; text-decoration: none; color: #000000; text-transform: uppercase; }
A.menu:link { text-decoration: none; }
A.menu:hover,
 A.menu:active            { text-decoration: none; color: #aa0000; }
A.menu:first-child:before { display: block; width: 0px; height: 5px; margin: 0px; padding: 0px; visibility: hidden; }
A.menu:before             { display: block; margin-left: -15px; content: url("../gfx/menu-break-line.png"); }

#submenu    { z-index: 100; background: url('../gfx/menu-bg.png'); border: 1px solid #dddddd; padding: 5px; padding-bottom: 13px; padding-top: 0px; position: absolute; visibility: hidden; top: 10px; left: 10px; min-width: 200px; max-width: 280px; font-size: 11px; letter-spacing: 1px; font-weight: bold; font-family: Arial, sans-serif; color: #000000; line-height: 11px; -line-height: 20px; padding-top: 10px; }
 #submenu:hover  { border: 1px solid #aaaaaa; }
#subsubmenu { z-index: 101; background: url('../gfx/menu-bg.png'); border: 1px solid #dddddd; padding: 5px; padding-bottom: 13px; padding-top: 0px; position: absolute; visibility: hidden; top: 10px; left: 10px; min-width: 200px; max-width: 280px; font-size: 11px; letter-spacing: 1px; font-weight: bold; font-family: Arial, sans-serif; color: #000000; line-height: 11px; -line-height: 20px; padding-top: 10px; }
 #subsubmenu:hover { border: 1px solid #aaaaaa; }
.submenu-div { position: absolute; visibility: hidden; }



/* Ustawienia strony wejsciowej */

#ent-div-main   { width: 843px; height: 620px; margin: 0px; margin-left: auto; margin-right: auto; }
#ent-div-up     { width: 843px; height:  93px; margin: 0px; padding: 0px; }
 #ent-div-up img { border: none; }
#ent-div-left   { width: 277px; height: 527px; margin: 0px; padding: 0px; background-image: url('../gfx/mpwik-ent-left.jpg');  float: left; }
#ent-div-right  { width: 566px; height: 527px; margin: 0px; padding: 0px; background-image: url('../gfx/mpwik-ent-right.jpg'); float: right; }
#ent-div-lcd    { width: 540px; overflow: hidden; margin-top: 150px; font-family: Arial, sans-serif; font-size: 12px; }
 #ent-div-lcd span { display: block; margin-bottom: 10px;  position: relative; left: -20px; font-family: Arial, serif; font-size-adjust: .45; font-size: 35px; font-weight: normal; font-style: italic; }
#ent-div-lcd-cont   { width: 500px; height: 200px; padding-left: 30px; color: #ffffff; position: relative; z-index: 3; }
#ent-div-lcd-shadow { width: 500px; height: 200px; padding-left: 30px; color: #000000; position: relative; z-index: 2; top: -199px; left: 1px; }
#ent-div-search { margin-left: 23px; }

#ent-div-menu { margin-top: 20px; margin-left: 30px; font-size: 11px; letter-spacing: 1px; font-weight: bold; font-family: Arial, sans-serif; color: #000000; line-height: 11px; -line-height: 20px; }

#ent-input-text-search        { width: 160px; padding: 2px; margin-left: 25px; border: 1px solid #aaaaaa; background: #fafafa; font-family: Arial, sans-serif; font-size: 11px; color: #555555; }
#ent-input-text-search:hover,
 #ent-input-text-search:focus { border-color: #777777; background-color: #ffffff; color: #000000; }

#ent-input-image-submit-search { vertical-align: middle; }

/* Ustawienia podstron */

#sub-div-main    { width: 950px; min-height: 500px; margin: 0px; margin-left: auto; margin-right: auto; background-image: url('../gfx/mpwik-sub-main-bg.jpg'); }
#sub-div-up      { width: 950px; height: 131px; margin: 0px; }
#sub-div-left    { width: 305px; margin: 0px; padding: 0px; float: left;  background-image: url('../gfx/mpwik-sub-menu-bg-up.jpg'); background-repeat: no-repeat; }
 #bip-div-left   { width: 305px; margin: 0px; padding: 0px; float: left;  background-image: url('../gfx/mpwik-bip-menu-bg-up.jpg'); background-repeat: no-repeat; }
#sub-div-right   { width: 645px; min-height: 300px; margin: 0px; padding: 0px; float: right; background-image: url('../gfx/mpwik-sub-main-bg-up.jpg'); background-repeat: no-repeat; }
 #bip-div-right  { width: 645px; min-height: 300px; margin: 0px; padding: 0px; float: right; background-image: url('../gfx/mpwik-bip-main-bg-up.jpg'); background-repeat: no-repeat; }
#sub-div-search  { height:  30px; margin-top: 6px; padding-left: 32px; }
 #bip-div-search { height:  30px; margin-top: 7px; padding-left: 32px; }
#sub-div-menu    { margin-top: 15px; margin-left: 60px; font-size: 11px; letter-spacing: 1px; font-weight: bold; font-family: Arial, sans-serif; color: #000000; line-height: 11px; -line-height: 20px; }
 #bip-div-menu   { margin-top: 15px; margin-left: 47px; font-size: 11px; letter-spacing: 1px; font-weight: bold; font-family: Arial, sans-serif; color: #000000; line-height: 11px; -line-height: 20px; }
#sub-div-path    { margin-top: 10px; height: 29px; text-transform: uppercase; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; letter-spacing: 1px; color: #ffffff; }
 #bip-div-path   { margin-top: 11px; height: 29px; text-transform: uppercase; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; letter-spacing: 1px; color: #ffffff; text-align: center; margin-right: 50px; }

#sub-div-content { width: 580px; min-height: 400px; -height: 400px; margin-top: 30px; font-size: 12px; font-family: Arial, sans-serif; color: #333333; text-align: justify; }

#sub-div-main-bg-down { clear: both; width: 950px; height: 78px; background-color: #ededed; background-image: url('../gfx/mpwik-sub-down.jpg'); background-repeat: no-repeat; }

#sub-div-lcd     { margin-left: 70px; margin-top: 30px; }

#sub-input-text-search        { width: 190px; padding: 2px; margin-left: 25px; border: 1px solid #aaaaaa; background: #fafafa; font-family: Arial, sans-serif; font-size: 11px; color: #555555; text-transform: none; }
#sub-input-text-search:hover,
 #sub-input-text-search:focus { border-color: #777777; background-color: #ffffff; }

#sub-input-image-submit-search { vertical-align: middle; }




H1, H2, H3, H4 { font-family: Arial, sans-serif; color: #4b4b4b; font-weight: bold; letter-spacing: 1px; clear:both; }
H1 { 
    font-size: 18pt; 
    margin-top: 5px; margin-bottom: 10px;
    text-transform: uppercase; letter-spacing: 1.5px;
}
H2 { 
    font-size: 13pt; 
    margin: 0px; margin-top: 10px; margin-bottom: 5px;
    color: #323232}
H3 { font-size: 11pt; }
H4 { font-size: 10pt; }

.sub-div-print { margin-left: 0px; margin-top: 10px; padding-top: 5px; font-family: Arial, sans-serif; font-weight: bold; font-size: 9px; color: #555555; text-align: center; text-transform: uppercase; }
.sub-div-print:before { display: block; content: url('../gfx/horizontal-break-line.png'); }
.sub-div-print a { color: #555555; }

.sub-td-gallery img { border: 1px solid #555555; }

.sub-div-img-left { margin: 3px; width: 200px; float: left; font-family: Arial, sans-serif; color: #000000; font-size: 10px; line-height: 11px; text-align: center; }
.sub-div-img-left img { border: 1px solid #000000; }

.sub-div-img-right { margin: 3px; width: 200px; float: right; font-family: Arial, sans-serif; color: #000000; font-size: 10px; line-height: 11px; text-align: center; }
.sub-div-img-right img { border: 1px solid #000000; }

.gal-div-l       { background-color: #f5f5f5; clear: both; padding: 5px; margin-top: 5px; min-height: 101px; border: 1px solid #cccccc; font-family: Arial, sans-serif; font-size: 11px; color: #333333; }
.gal-div-l:hover { background-color: #e2e2f2; }
.gal-div-l img   { float: left; border: 1px solid #555555; margin: 5px; }
.gal-div-l p     { vertical-align: middle; }

.gal-div-r       { background-color: #eeeeee; clear: both; padding: 5px; margin-top: 5px; min-height: 101px; border: 1px solid #cccccc; font-family: Arial, sans-serif; font-size: 11px; color: #333333; }
.gal-div-r:hover { background-color: #e2e2f2; }
.gal-div-r img   { float: right; border: 1px solid #555555; margin: 5px; }
.gal-div-r p     { vertical-align: middle; }

OL   { list-style-type: decimal; text-align: left; }
UL   { list-style-type:    disc; text-align: left; }
OL.I { list-style-type: upper-roman; }
OL.i { list-style-type: lower-roman; }

TABLE.normal { font-family: Arial, sans-serif; font-size: 11px; color: #000000; }
 TABLE.normal TD { padding: 3px; vertical-align: middle; }
TR.darker     { background-color: #cccccc; }
 TR.darker TD { text-align: center; }
TR.dark      { background-color: #dddddd; }
TR.light     { background-color: #eeeeee; }



  .right, .left
  {
     clear: both;
     width: 200px;
     margin: 10px; margin-bottom: 0px;
     font-family: Arial, sans-serif; font-size: 10px;
     color: #000000; text-align: center;
  }
  .right { float: right; margin-right: 0px; }
  .left  { float: left;  margin-left:  0px; }

  .table-content td
  {
     border: 1px solid #dddddd;
     padding: 3px;
     font-family: Arial, sans-serif; font-size: 11px;
     color: #000000;
  }
  .table-content th
  {
     border: 1px solid #dddddd;
     font-family: Arial, sans-serif; font-size: 11px;
     color: #000000;
  }
  .table-content .white { background-color: #eeeeee; }
  
  
.gal-left, .gal-right
{
   margin-top: 10px; padding: 10px;
   height: 100px;
   border: 1px solid #aaaaaa;
   font-family: Arial, sans-serif; font-size: 11px;
   color: #000080;
   clear: both;
}

.gal-left  img { float: left;  clear: both; margin-right: 10px; border: 1px solid #000000; }
.gal-right img { float: right; clear: both; margin-left:  10px; border: 1px solid #000000; }
  
div.ramka {
     width: 100%;
     border: 2px solid #c8c8c8;
     background-color: #f0f0f0;
     font-family: Arial, sans-serif;
     font-size: 12px;
     color: #000000;
     padding: 5px;
     margin-top: 15px;
     margin-bottom: 15px;
     margin-left: auto;
     margin-right: auto;
}      
.switch {
	display: none;
}

