/*
 * plik arkusza stylów strony głównej
 *
 * (c) Molikk
 */

body, html 
{
   background-color : #ffffff;
   font-family      : "Verdana", Verdana, sans-serif;
   font-size        : 12px;
   color            : #000000;
   text-align       : center; /* IE */
   height           : 100%;
   padding          : 0px;
   margin           : 0px;
   border           : 0px;
}

body
{
   overflow-x: hidden; overflow-y: scroll; overflow:-moz-scrollbars-vertical !important;
}

.clear 
{
   clear  : both;
}

#mainContainer
{
   width            : 966px;
   margin           : 0 auto;
   min-height       : 100%; /* -IE */
   text-align       : justify;
   background-color : #ffffff;
}

* html #mainContainer
{
   height  : 100%;  /* IE */
}


#header
{
   height     : 325px;
   width      : 966px;
   margin     : 0px;
}

#headerTop
{
   height     : 162px;
   width      : 966px;
   background : #ffffff url(/img/headerTop.jpeg) 0px 0px no-repeat;
   margin     : 0px;
   clear      : both;
   float      : left; 
   display    : block;
}

#headerLogoLink, #headerLogoLink:hover
{
   margin-top      : 1px;
   width           : 245px;
   height          : 143px;
   display         : block;
   text-decoration : none;
   border          : none;
   color           : orange;
   float           : left;
}

#topMenu
{
   display : block;
   width   : 720px;
   height  : 50px;
   border  : none;
   float   : left;
   padding : 0px;
   padding-top :20px;
}

#headerBottom
{
   height     : 163px;
   width      : 935px; /* -35 0 padding  */
   background : #ffffff url(img/headerBottom.jpeg) 0px 0px no-repeat;
   margin     : 0px;
   clear      : both;
   float      : left; 
   display    : block;
   padding    : 0px 0px 0px 30px;
}

#sideMenu
{
   display : block;
   height  : 156px;
   width   : 170px;
   border  : none;
   float   : left;
}

/*#menu
{
   height   : 67px;
   width    : 100%;
   display  : block;
}

#menu td
{
   background      : #2e2f33 url(../img/button.jpeg) 0px 0px no-repeat;
   width           : 106px;
   height          : 67px;
   max-width       : 106px;
   text-decoration : none;
   color           : #000000;
   font-size       : 13px;
   overflow        : hidden;
   text-align      : center;
   margin          : 0px;
   padding         : 0px; 
}

#menu a
{
   text-decoration : none;
   color           : #000000;
   font-size       : 13px;
}

#menu td:hover
{
   background : #2e2f33 url(../img/button_pressed.jpeg) 0px 0px no-repeat;
}

#menu .selected
{
   background : #2e2f33 url(../img/button_pressed.jpeg) 0px 0px no-repeat;
}
*/

#content
{
   width            : 100%;
   padding-bottom   : 40px;
}

* html #content
{
   width  : 100%;
}

#content a
{
   text-decoration : none;
   font-weight     : bold;
   color           : inherit;
}

#content a:hover
{
   color : #800000;
}

#content a img
{
   border : none;
}

.writer
{
   margin        : 10px;
   margin-bottom : 5px;
   display       : block;
}

#sidePanel
{
   width   : 220px;
   display : block;
   clear   : left; 
   float   : left;
}

#mainPanel
{
   width : 746px;
   display: block;
   clear: right;
   float: right;
}

/*stopka */
#footer
{
   font-size   : 11px;
   width       : 966px;
   height      : 20px; /* nie elastyczne */
   margin      : 0 auto;
   margin-top  : -30px; /* Podniesienie stopki - uwaga na dolny margines kolumn */
   background  : #ffffff;
   padding     : 5px 0px;
}

#footer hr
{
   padding: 0px;
   margin: 0px;
   clear: both;
   float: left;
   displa: block;
   width: 100%
}

#copyright
{
   text-align  : left;
   width       : 220px;
   padding     : 2px 0px;
   margin-left : 25px;
   float       : left;
}

#created
{
   text-align   : right;
   float        : right;
   padding      : 2px 0px;
   margin-right : 25px;
}

#copyright a, #created a
{
   color           : #d55500;
   font-weight     : bold;
   text-decoration : none;
}

div .succes
{
   color       : #00ff00;
   font-weight : bold;
   clear       : none;
   border      : 0px;
   padding     : 0px;
   margin      : 0px;
}

div .warning
{
   color       : #ff8800;
   font-weight : bold;
   clear       : none;
   border      : 0px;
   padding     : 0px;
   margin      : 0px;
}

div .error
{
   color       : #ff0000;
   font-weight : bold;
   clear       : none;
   border      : 0px;
   padding     : 0px;
   margin      : 0px;
}