body
{
    background: url(tlo.png);
    font-family: verdana;
    color: #ffffff;
    font-size: 10pt;
}

#koliste {
    background: url(koliste.png);
    position: absolute;
    width: 1280px;
    height: 1062px;
    top: 0px;
    left: 0 px;
    
    font-family: verdana;
    font-size: 10pt;
}

#pamedia {
    background: url(pamedia-mirrow.jpg);
    position: absolute;
    width: 386px;
    height: 168px;
    top: 0px;
    left: 0 px;
    font-family: verdana;
    font-size: 10pt;
}

#cytat {
    position: absolute;
    top: 35px;
    left: 470px;
    width: 410px;
    color: #C5C5C5;
    }

#cennik {
    position: absolute;
    top: 0px;
    left: 20px;
    font-family: verdana;
    font-size: 10pt;
}


.menu {
    position: absolute;
    width: 600px;
    height: 800px;
    top: 180px;
    left: 220px;
    font-family: verdana;
    font-style: italic;
    font-size: 16pt;
    font-weight: bold;
}

.tekst_tlo {
    position: absolute;
    width: 460px;
    height: 340px;
    top: 0px;
    left: 160px;
    color: #000000;
    background: #ffffff;
    filter: Alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
      }

.tekst_tlo1 {
    position: absolute;
    width: 460px;
    height: 340px;
    top: 0px;
    left: 160px;
    background: url(info.png);
    filter: Alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
      }

.tekst_tlo1 {
    position: absolute;
    width: 460px;
    height: 340px;
    top: 0px;
    left: 160px;
    background: url(info.png);
    filter: Alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
      }
      
.tekst_tlo2 {
    position: absolute;
    width: 460px;
    height: 340px;
    top: 0px;
    left: 160px;
    background: url(foto.png);
    filter: Alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
      }

.tekst_tlo3 {
    position: absolute;
    width: 460px;
    height: 340px;
    top: 0px;
    left: 160px;
    background: url(video.png);
    filter: Alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
      }
      
.tekst_tlo4 {
    position: absolute;
    width: 460px;
    height: 340px;
    top: 0px;
    left: 160px;
    background: url(web.png);
    filter: Alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
      }
      
.tekst_tlo5 {
    position: absolute;
    width: 460px;
    height: 340px;
    top: 0px;
    left: 160px;
    background: url(event.png);
    filter: Alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
      }
      
.tekst_tlo6 {
    position: absolute;
    width: 460px;
    height: 340px;
    top: 0px;
    left: 160px;
    background: url(advert.png);
    filter: Alpha(Opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
      }


.tekst_left {
    position: absolute;
    width: 260px;
    height: 320px;
    top: 10px;
    left: 170px;
    color: #000000;
}

.tekst_crt {
    position: absolute;
    width: 260px;
    height: 320px;
    top: 10px;
    left: 410px;
    color: #000000;
}

.tekst_clt {
    position: absolute;
    width: 260px;
    height: 320px;
    top: 10px;
    left: 170px;
    color: #000000;
}

.tekst_crb {
    position: absolute;
    width: 260px;
    height: 320px;
    top: 310px;
    left: 410px;
    color: #000000;
}

.tekst_clb {
    position: absolute;
    width: 260px;
    height: 320px;
    top: 310px;
    left: 170px;
    color: #000000;
}

.tekst_right {
    position: absolute;
    width: 260px;
    height: 320px;
    top: 10px;
    left: 350px;
    color: #000000;
}

.link_right {
    float: right;
    }

#stopka {
    position: absolute;
    width: 460px;
    height: 340px;
    text-align: right;
    top: 540px;
    left: 380px;
    color: #ffffff;
    }

#stopka_left {
    position: absolute;
    width: 460px;
    height: 340px;
    top: 540px;
    left: 380px;        
    color: #C5C5C5;
    }

/* wielkości czcionek i akapitow */

h1 {color: #000000; font-family: arial; font-size: 12pt;}
h1.news_glowny_tytul {color: white; font-family: arial; font-size: 16pt; text-align: right;}
h2 {font-family: arial; font-size: 14pt;}
h2.brazowy {color: #884400;}

/* h3 zarezerwowane dla skryptów jdgallery */



a {color: #333333;text-decoration: none; font-size: 10pt}
a:hover {text-decoration: underline;}

a.bialy {color: #ffffff}
a.weight {font-weight: bold; color: #ffffff;}

a.linki_glowne {color: #333333; font-family: arial; font-size: 12pt;}
a.linki_glowne:hover {color: #000000; text-decoration: none;}

a.linki_glowne2 {color: #aFAFAF; font-family: arial; font-size: 10pt;}
a.linki_glowne2:hover {color: #000000; text-decoration: none;}

a.cytaty {color: #333333; font-family: verdana; font-size: 10pt;}
a.autor_cytatu  {float: right; color: #333333; font-family: verdana; font-size: 8pt; }
a.najnowszy_numer  {color: #333333; font-family: verdana; font-size: 10pt; }
a.zbloga_autor {color: #AFAFAF; font-family: verdana; font-size: 8pt; }
a.autor_bloga {color: #000000; font-family: verdana; font-weight: bold; font-size: 10pt; }
a.blog_wpis_tytul {font-family: verdana; font-size: 8pt;}

.zbloga_opinia {color: #000000; font-family: verdana; font-size: 8pt; }
img {border: 0;}

ul.najnowszy_numer {list-style-image:url(../images/basic/cz-kw.gif);}
ul.zbloga {list-style-image:url(../images/basic/blog-mm.jpg);}

img.zlewej {float: left; margin: 3px;}

img.zprawej {float: right; margin: 3px;}
img.galeria {margin: 8px;}

.zlewej  {float: left; margin: 3px;}
.zprawej {float: right; margin: 3px;}


#TabbedPanels1
{
    position: absolute;
    top: 180px;
    left: 220px;
}

TabbedPanels {
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}



.TabbedPanelsTabGroup {
         margin: 0px;
	padding: 0px;
	width: 140px;
}


.TabbedPanelsTab {
    float: left;
    color: white;
    width: 80px;
    padding: 4px 10px;
    margin: 0px 1px 0px 0px;
    font: bold 10pt sans-serif;
    list-style: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    
}


.TabbedPanelsTabHover {
    background: url(kropa-m-gr.png) no-repeat;
}


.TabbedPanelsTabSelected {
background: url(kropa-m.png) no-repeat;
    }


.TabbedPanelsTab a {
    text-decoration: none;
}


.TabbedPanelsContentGroup {
    width: 460px;
    height: 340px;
    }




.TabbedPanelsContent {
    padding: 8px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
  
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
    float: none;
    margin: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 140px;
     
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
     background: url(kropa-m.png) no-repeat;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
    clear: none;
    float: left;
    padding: 0px;
    width: 140px;
}


  .VTabbedPanelsTab {
    height: 50px;
    padding-top: 10px;
    list-style: none;
    font-family: verdana;
    font-style: italic;
    font-size: 16pt;
    font-weight: bold;
}