body                  {	margin:10px; padding:0px; font-family:Trebuchet MS,sans-serif; font-size:10pt; text-align:center; 
                        background:white; color:#242424; }
p                     { margin:4px; }
h1                    { font: bold 225%/1.1; margin:0px; padding:0px; }

a                     { color:#407943; font-weight:bold; }
      
div.content           { width:1000px; margin:10px auto; text-align:left;  }

div.head              { margin:auto; border-bottom:1px solid #666666; padding-left:100px; padding-top:63px; padding-bottom:10px; text-align:left; background-image: URL('cobble.gif'); background-repeat:no-repeat; background-position:top left; }
                        
div.foot              { clear:both; height:55px; margin:auto; border:0px; border-top:1px solid #666666; text-align:left; }
      
div.sidebar           { float:left; width:200px; margin:0px; padding:0px; }
  .sidebar div        { margin:0px; padding:5px 10px; }
  .sidebar h4         { font-size:115%; margin:5px 0px 5px 0px; color:#242424; text-align:right; }
      
div.main              { margin:0 0 0 200px; padding:0; padding-left:0px; border-left:1px solid #666666; text-align:center; }
/*  .main h1            { font: bold 150%/1.1 Georgia,serif; margin:5px; margin-bottom:5px; padding:0px; text-align:left; } */
  .main h1            { border-left:10px solid #F4A460; font-size:115%; margin:8px 0px 5px 5px; padding-left:5px; color:#242424; text-align:left; font-family:Trebuchet MS,sans-serif; }
  .main h2            { font-size:100%; font-weight:normal; margin:5px; margin-bottom:10px; padding:0px; text-align:left; }
  .main h4            { font-size:115%; margin:5px 0px 5px 0px; color:#242424; text-align:left; }
  .main hr            { background-color:#242424; border-width:0px; height:1px; color:#242424; } 
  .main div           { margin:0px; padding:5px; }
  .main table         { width:100%; margin:auto; border-collapse:collapse; border:0px solid #666; font-size:100%; }
  .main th            { padding:0px 10px 0px 10px; border:0px solid #666; text-align:left; background-color:#E0E0E0; }
  .main td            { padding:0px 10px 0px 10px; border:0px solid #666; text-align:left; }
  .main p             { text-align:justify; }
  
  .main div.card        { float:left; margin:5px;	padding:6px; width:220px; height:155px; text-align:center; border:1px solid #E0E0E0; border-right:1px solid #666; border-bottom:1px solid #666;	font-size:8pt; }
    .card img             { margin:0 auto; padding:0; border:0px; border:1px solid #E0E0E0; border-left:1px solid #666; border-top:1px solid #666; }
    .card p               { margin:5px; padding:0; text-indent:0px; text-align:left;	}
    .card div.info        { margin:auto; margin-top:3px; margin-bottom:-5px; padding:0px; width:100%; height:15px; text-overflow:ellipsis; overflow:hidden; }
    .card div.info span     { width:50px; float:right; cursor: hand; cursor:pointer; }  
    
  .main div.image       { margin:5px;	padding:10; background:#fff; border:0px; overflow:auto; }
    .image img        { margin:0 auto; padding:0; border:1px solid #666; border-left:2px solid #666; border-top:2px solid #666; }

div.mapa              { margin:0px; padding:0px; border:0px; }
  .mapa div           { margin:0px; padding:5px; }


div.quest             { margin:auto; margin-top:5px; padding:5px; min-height:80px; border:1px solid #D9DECC; border-left:10px solid #D9DECC; text-align:justify; }
  .quest input        { width:100%; border:1px solid #D9DECC; }
  .quest textarea     { width:100%; border:1px solid #D9DECC; }
  
hr.cleaner            { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; }
img.divider           { clear:left; margin:10px; padding:0; border:none; }

input                 { font-family:Trebuchet MS,sans-serif; font-size:80%; }
input.nadpis          { font:bold 100%/1.1 Georgia,serif; margin:0px 0px 15px 0px; padding:0px; width:100%; border:0; }
input.button          { width:100px; font-size:85%; }
textarea              { font-family:Trebuchet MS,sans-serif; font-size:100%; width:100%; border:0; }

  table.kal           { width:100%; margin:auto; border-collapse:collapse; border:1px solid #e0e0e0; font-size:80%; text-align:center; }
  .kal th               { padding:0px; border:0px; }
  .kal td               { padding:0px; border:1px solid #e0e0e0; }
  .kal td.akt             { background-color:#eeeeee; }

/* rgb(217,222,204)