/* -- elementy główne -- */
body
{
   background-color: #dfdfdf;
   margin: 0 auto;
   text-align: center;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   /* font-family: Georgia, Times New Roman, serif */
   font-family: Trebuchet MS, Verdana, sans-serif;
}

img
{
   border: none;
   padding: 0px;
   margin: 0px;
}


/* --- poszczegolne elementy -- */

/* --- glowna tabelka -- */

div
{
    text-align: center;
}

div#page
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

div#header
{
    width: 980px;
    margin: 0px;
    padding: 0px;
    background-color: #000000;
    height: 160px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

}

div#topmenu
{
    width: 980px;
    margin: 0px;
    padding: 0px;
    background-color: #cc0000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

}

div#topmenu table
{
    margin: 0px
    padding: 0px;
    width: 980px;
    font-size: 11px;
    font-weight: bold;
    background-color: #000000;
    text-align: left;
    vertical-align: middle;
}

td.ikona
{
   width: 50px;
   height: 36px;
   text-align: center;
   vertical-align: middle;
}

td.napisy
{
   text-align: left;
   height: 36px;
   width: 130px;
   padding-left: 10px;
   vertical-align: middle;
}

td.napisy a
{
   color: #ffffff;
   font-weight: bold;
   font-size: 20px;
   text-decoration: none;
}
td.napisy a:hover
{
   color: #FF4040;
   text-decoration: none;
}


td.gramy
{
   padding-top: 5px;
   color: #ffca00; 
   font-weight: bold;
   display: block;
   font-size: 18px;
   text-align: left;
   vertical-align: middle;  
   width: 550px; 
}

/* -- teraz gramy -- */
td.gramy a
{
   color: #ffffff;
   text-decoration: none;
}

td.gramy a:hover
{
  color: #CCCCCC;
  text-decoration: none;
}

/* --- glowna zawartosc --- */

div#main
{
    width: 980px;
    margin: 0px;
    padding: 0px;
    background-color: #cc0000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

div#main table
{
    margin: 0px
    padding: 0px;
    width: 100%;
    background-color: #ffffff;
    text-align: left;
    vertical-align: middle;
}

td.menu
{
   width: 149px;
   margin: 10px 0 0 0;
   padding: 0;
   text-align: left;
   vertical-align: top;
   height: 100%;
}


td.menur
{
   width: 149px;
   margin: 10px 0 0 0;
   padding: 0;
   text-align: left;
   vertical-align: top;
   height: 100%;
}




td.content
{
   width: 100%;
   margin: 0;
   padding: 5px;
   text-align: left;
   height: 100%;   
   vertical-align: top;
   background: url('microphone.gif') no-repeat right bottom #FFFFFF;
}


/*  --- Ustawienia menu --- */
div.sidepanel
{
    text-align: left;
}
div.sidepanel h1
{
   margin: 0;
   padding: 3px 0px 3px 3px;
   font-size: 13px;
   font-weight: bold;
   background: url('mic.gif') no-repeat right center;    
}
    
div.sidepanel ul
{
   list-style-type: none;
   font-size: 10px;
   padding: 0px;
   margin: 0px;
}
    
div.sidepanel a
{
   display: block;
   text-decoration: none;
   color: #d90001;
   padding: 2px 0px 2px 10px;
   font-size: 11px;
}

div.sidepanel a:hover
{
   background-color: white;
   color: black;
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   padding-top: 1px;
   padding-bottom: 1px;
   text-decoration: none;
}

div.sidepanel input
{
   width: 135px;
   margin: 5px;
   padding: 2px 0px;
   border: 1px solid #cccccc;
   background-color: #FFFFFF;
   font-size: 11px;
}    


td.content
{
   width: 690px;
   margin: 0;
   padding: 5px;
   text-align: left;
   border-left: 1px dotted #cccccc;
   border-right: 1px dotted #cccccc;
   font-size: 11px;
   height: 100%;   
   min-height: 500px;
   vertical-align: top;
   background: url('microphone.gif') no-repeat right bottom #FFFFFF;
}

td.content div
{
    text-align: left;
    padding-left:10px;
}

td.content h1, #content h2, #content h3
    {
    color: red;
    font-size: 18px;
    }

td.content h1, #content h2, #content h3, #content h4, #content h5
    {
    margin: 12px 0px 5px 0px;
    }

td.content p img
    {
    margin: 0px 5px 2px 0px;
    }

td.content a img
    {
    border: 0px;
    }

td.content a
    {
    text-decoration: none;
    border-bottom:  0px dotted black;
    color: blue;
    }
    
td.content a:hover
    {
    color: red;
    }

.contentinfo
{
    color: #909090;
    font-style: normal;
    font-size: 11px;
    float: right;
}

div#stopka
{
   width: 980px;
   margin: 0px;
   padding: 0px;
   background-color: #000000;
   font-size: 11px;
   color: #ffffff;
   font-weight: bold;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;

}

div#stopka a
    {
    text-decoration: none;
    color: #ff0000;
    }
    
div#stopka a:hover
    {
    color: #ff8080;
    }