body /* Internet Explorer */
{
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color:#E0E0E0;
    background-image:url(../IMG/layout/new_background.jpg);
    background-position: left top;
    background-repeat:repeat-x;
    background-attachment:fixed;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align:top;
    color:#333333;
    
}

body /* Mozilla Firefox alignment */
{
    text-align: -moz-center;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color:#E0E0E0;
    background-image:url(../IMG/layout/new_background.jpg);
    background-position: left top;
    background-repeat:repeat-x;
    background-attachment:fixed;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align:top;
    color:#333333;
} 


img
{
    border: solid 0px #FF0000;
}

td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align:left;
    vertical-align:top;
    color:#333333;
}
a:link {
    color: #333333;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #333333;
}
a:hover {
    text-decoration: none;
    color: #ED1A2D;
}
a:active {
    text-decoration: none;
    color: #333333;
}


#main_table {
    background-color:#FFFFFF;
    width: 900px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #666666;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #666666;
}

#row1 {
    height:80px;
}
#col1 {
    width:210px;
    vertical-align:middle;
}
#row2
{
    height: 120px;
    overflow:hidden;
}
#row3
{
    height:120px;
    width:690px;
    background-color:#66CCFF;
}
#main_table #nowe_zakladki {
    
    height:18px;
}

#main_table #nowe_zakladki a {
    background-image: url(../IMG/layout/menu_gorne/button_background.jpg);
    height: 18px;
    background-repeat: no-repeat;
    color:#FFFFFF;
    /*color: #000000;*/
    text-align:center;
    width: 141px;
    overflow: inherit;
    clear: none;
    float: left;
}

#main_table #nowe_zakladki a:hover {
    background-image: url(../IMG/layout/menu_gorne/button_background.jpg);
    height: 18px;
    background-position:bottom;
    background-repeat: no-repeat;
    color:#FFFFFF;
    /*color: #000000;*/
    text-align:center;
    width: 141px;
    overflow: inherit;
    clear: none;
    float: left;
}


#main_table #nowe_zakladki div {
    background-image: url(../IMG/layout/menu_gorne/button_pressed.jpg);
    height: 18px;
    background-repeat: no-repeat;
    color:#FFFFFF;
    text-align:center;
    width: 101px;
    overflow: inherit;
    clear: none;
    float: left;
}
#main_table #nowe_zakladki div2 {
  
    height: 18px;
    background-repeat: no-repeat;
    color:#FFFFFF;
    text-align:center;
    width: 81px;
    overflow: inherit;
    clear: none;
    float: left;
}



#main_table #langs {
    background-color: #006633;
    height: 18px;
    background-image: url(../IMG/layout/menu_gorne/jezyki.jpg);
    background-repeat: no-repeat;
    overflow:hidden;
    color:#FFFFFF;
    text-align:center;
    
}
#main_table #langs a {
    color:#FFFFFF;
}


#main_table #stopka {
    height: 50px;
    vertical-align:middle;
    padding-left: 30px;
}

#main_table #content {
    padding-right: 10px;
    padding-left: 10px;
    text-align: justify;
}
#main_table #stopka_podpis {
    font-size: 10px;
    /* font-weight: bold;*/
    color: #666666;
    vertical-align:middle;
    
}


.lewe_gora
{
    padding-top:5px;
}

#nawigacja
{
    
    width: 470px;
    background-color: #E6E6E6;
    font-weight:bold;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#maly_banner {
    height: 120px;
    width: 220px;
    overflow:hidden;
}

.menu_home{
    padding-right: 20px;
    padding-left: 30px;
    background-image:url(../IMG/menu_tlo.jpg);
    background-position:center;
    background-repeat:repeat-y;
    border-right: solid 2px #ED1A2D;
}

.margines_lewy_50{
    padding-top: 8px;
    padding-right: 40px;
    padding-left: 40px;
}

.menu_home a{
    display: block;
    margin-left: 5px;
    margin-bottom: 10px;
}

.podmenu{
    padding-left:5px;
    padding-top:2px;
    padding-bottom:10px;
    font-size:10px;
}

.podmenu a{
    background-image:url(../IMG/kropka.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left: 10px;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.podmenu a:hover{
    background-image:url(../IMG/kropka_hover.jpg);
    background-position:left top;
    background-repeat:no-repeat;
}

/* fragment dotyczacy listy produktów */
.piktogram
{
    background-repeat:no-repeat;
    background-position:left top;
    min-height: 60px;
}
#szm {
    background-image: url(../IMG/lista_produktow/systemy_zamocowan_ramowych.jpg);
}
#sucha_zabudowa
{
    background-image:url(../IMG/lista_produktow/akcesoria_do_systemow_suche.jpg);
}
#systemy_podwieszen
{
    background-image:url(../IMG/lista_produktow/systemy_podwieszen_przewodo.jpg);
}

#fasady
{
    background-image:url(../IMG/lista_produktow/zamocowania_termoizolacji_f.jpg);
}

#izolacje_dachowe
{
    background-image:url(../IMG/lista_produktow/mocowania_izolacji_dachowyc.jpg);
}

#samowierty
{
    background-image:url(../IMG/lista_produktow/zamocowania_samowiercace.jpg);
}
#osadzaki
{
    background-image:url(../IMG/lista_produktow/zamocowania_wstrzeliwne_i_o.jpg);
}
#ciesielka
{
    background-image:url(../IMG/lista_produktow/zlacza_ciesielskie_zasuwy_z.jpg);
}
#kotwy
{
    background-image:url(../IMG/lista_produktow/kotwy_mechaniczne_i_chemicz.jpg);
}
#artykuly_metalowe
{
    background-image:url(../IMG/lista_produktow/artykuly_metalowe.jpg);
}
#diy
{
    background-image:url(../IMG/lista_produktow/system_opakowan_detalicznyc.jpg);
}
#system_podwieszen
{
    background-image:url(../IMG/lista_produktow/systemy_podwieszen_przewodo.jpg);
}
#ogolne
{
    background-image:url(../IMG/lista_produktow/systemy_zamocowan_ogolnych.jpg);
}


.tytul
{
    padding-left:60px;
    padding-top:10px;
    
}
.opis
{
    padding-top: 5px;
    padding-left: 80px;
    font-size:11px;
}

#tabelka_produktow 
{
    text-align: center;
}
#tabelka_produktow tr td
{
    text-align:center;
    vertical-align:bottom;
    font-size:11px;
    padding: 5px;
    border-bottom: solid 1px #999999;
}


#tabelka_produktu
{ 
    border: solid 1px #CCCCCC;	
}
#tabelka_produktu tr td
{
    font-size:10px;
    text-align:center;
}
#tabelka_produktu .rozowy
{
    background-color: #FCBEAF;
}


/* zwiazane z roziwjanymi sprawami... lista aprobat itd.. plus/minus ogolnie */

.szara_belka {
    background-color:#EAEAEA;
    display: block;
    overflow: hidden;
    border: solid 1px #CCCCCC;
    height: 20px;
    font-size: 11px;
    /*margin-top:1px;*/
    padding-left: 5px;
}

.szara_belka .nazwa
{
    width: 637px;
    padding-top: 2px;
    background-color:#EAEAEA;
    float: left; clear: none;
    
}

.szara_belka .obraz
{
    /*    border: solid 1px #FF0000;*/
    cursor: pointer;
    padding-top: 2px;
    background-color: #EAEAEA;
    
    float: left; clear: none;
    
} 
.zawartosc
{
    display:block;
    font-size: 10px;
}
.zawartosc2 
{
    display:block;
    font-size: 11px;
    margin-left: 20px;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 5px;
    border-left: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    margin-bottom: 10px;
}

/*aprobaty */
.tabelka tr td
{
    font-size: 10px;
    border: solid 1px #D7D7D7;
}
.tabelka tr:hover
{
    background-color: #C2C2C2;
}

.tabelka tr td .aprobaty_pdf { 
    display: block;
    width: 34px; 
    height: 15px; 
    background: url(../IMG/layout/aprobaty/pdf.jpg) top left no-repeat; 
    background-color: #FF0000;
    
}
.tabelka tr td .aprobaty_pdf:hover { 
    background-position: 0 -15px;  
    background-color: #FFFF00;
}
.tabelka tr td .aprobaty_pdf:active
{
    background-position: 0 -15px;  
}


/* sekcja z ikonkami dolnymi przy grypie wybranej produktów */

a#bottom_gr1 { 
    display: block;
    width: 38px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr1.jpg) top left no-repeat; 
}
a:hover#bottom_gr1 { 
    background-position: 0 -67px;  
}

a#bottom_gr2 { 
    display: block;
    width: 35px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr2.jpg) top left no-repeat; 
}
a:hover#bottom_gr2 { 
    background-position: 0 -67px;  
}
a#bottom_gr3 { 
    display: block;
    width: 34px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr3.jpg) top left no-repeat; 
}
a:hover#bottom_gr3 { 
    background-position: 0 -67px;  
}

a#bottom_gr4 { 
    display: block;
    width: 34px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr4.jpg) top left no-repeat; 
}
a:hover#bottom_gr4 { 
    background-position: 0 -67px;  
}

a#bottom_gr5 { 
    display: block;
    width: 34px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr5.jpg) top left no-repeat; 
}
a:hover#bottom_gr5 { 
    background-position: 0 -67px;  
}

a#bottom_gr6 { 
    display: block;
    width: 35px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr6.jpg) top left no-repeat; 
}
a:hover#bottom_gr6 { 
    background-position: 0 -67px;  
}

a#bottom_gr7 { 
    display: block;
    width: 37px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr7.jpg) top left no-repeat; 
}
a:hover#bottom_gr7 { 
    background-position: 0 -67px;  
}

a#bottom_gr8 { 
    display: block;
    width: 34px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr8.jpg) top left no-repeat; 
}
a:hover#bottom_gr8 { 
    background-position: 0 -67px;  
}

a#bottom_gr9 { 
    display: block;
    width: 33px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr9.jpg) top left no-repeat; 
}
a:hover#bottom_gr9 { 
    background-position: 0 -67px;  
}

a#bottom_gr10 { 
    display: block;
    width: 35px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr10.jpg) top left no-repeat; 
}
a:hover#bottom_gr10 { 
    background-position: 0 -67px;  
}

a#bottom_gr11 { 
    display: block;
    width: 33px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr11.jpg) top left no-repeat; 
}
a:hover#bottom_gr11 { 
    background-position: 0 -67px;  
}

a#bottom_gr12 { 
    display: block;
    width: 38px; 
    height: 67px; 
    background: url(../IMG/layout/ikonki_dolne/gr12.jpg) top left no-repeat; 
}
a:hover#bottom_gr12 { 
    background-position: 0 -67px;  
}

a#bottom_gr13 {
    display: block;
    width: 38px;
    height: 67px;
    background: url(../IMG/layout/ikonki_dolne/gr13.jpg) top left no-repeat;
}
a:hover#bottom_gr13 {
    background-position: 0 -67px;
}


/* produkty w wersji pdf z ikonkami*/

#pdf_katalog_PL {
    display: block;
    width: 34px; 
    height: 20px; 
    background: url(../IMG/flags/pdf_pl.jpg) top left no-repeat; 
    background-color: #FF0000;
    
}
#pdf_katalog_PL:hover {
    background-position: 0 -20px;  
    background-color: #FFFF00;
}
#pdf_katalog_PL:active
{
    background-position: 0 -20px;  
}
#pdf_katalog_pl {
    display: block;
    width: 34px;
    height: 20px;
    background: url(../IMG/flags/pdf_pl.jpg) top left no-repeat;
    background-color: #FF0000;

}
#pdf_katalog_pl:hover {
    background-position: 0 -20px;
    background-color: #FFFF00;
}
#pdf_katalog_pl:active
{
    background-position: 0 -20px;
}



#pdf_katalog_EN {
    display: block;
    width: 34px; 
    height: 20px; 
    background: url(../IMG/flags/pdf_en.jpg) top left no-repeat; 
    background-color: #FF0000;
    
}
#pdf_katalog_EN:hover {
    background-position: 0 -20px;  
    background-color: #FFFF00;
}
#pdf_katalog_EN:active
{
    background-position: 0 -20px;  
}

#pdf_katalog_RU {
    display: block;
    width: 34px; 
    height: 20px; 
    background: url(../IMG/flags/pdf_ru.jpg) top left no-repeat; 
    background-color: #FF0000;
    
}
#pdf_katalog_RU:hover {
    background-position: 0 -20px;  
    background-color: #FFFF00;
}
#pdf_katalog_RU:active
{
    background-position: 0 -20px;  
}

#pdf_katalog_DE {
    display: block;
    width: 34px; 
    height: 20px; 
    background: url(../IMG/flags/pdf_de.jpg) top left no-repeat; 
    background-color: #FF0000;
    
}
#pdf_katalog_DE:hover {
    background-position: 0 -20px;  
    background-color: #FFFF00;
}
#pdf_katalog_DE:active
{
    background-position: 0 -20px;  
}
/*  podkreslenia w roznych tabelokacgh*/
.podkreslonytd {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666666;
}
/* */
#tabelka_szkolen tr td
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666666;
}
/* */
#zakladki
{
    padding-right: 20px;
    padding-top: 20px;
    font-size: 10px;
}


/*  nowa wizja listy produktów*/


.ikona5050
{
    width: 40px;
    height: 40px;
    
}

#kotwy a{
    background-image:url(../IMG/lista_produktow/new/kotwy.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
    
}
#kotwy a:hover
{
    background-image:url(../IMG/lista_produktow/new/kotwy.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}


#izolacje_fasadowe a{
    background-image:url(../IMG/lista_produktow/new/izlolacje_fasadowe.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#izolacje_fasadowe a:hover
{
    background-image:url(../IMG/lista_produktow/new/izlolacje_fasadowe.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}


#izolacje_dachowe a{
    background-image:url(../IMG/lista_produktow/new/izolacje_dachowe.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#izolacje_dachowe a:hover
{
    background-image:url(../IMG/lista_produktow/new/izolacje_dachowe.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}

#zamocowania_samowiercace a{
    background-image:url(../IMG/lista_produktow/new/zamocowania_samowiercace.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#zamocowania_samowiercace a:hover
{
    background-image:url(../IMG/lista_produktow/new/zamocowania_samowiercace.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}

#zamocowania_wstrzeliwane a{
    background-image:url(../IMG/lista_produktow/new/zamocowania_wstrzeliwane.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#zamocowania_wstrzeliwane a:hover
{
    background-image:url(../IMG/lista_produktow/new/zamocowania_wstrzeliwane.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}

#zamocowania_ogolne a{
    background-image:url(../IMG/lista_produktow/new/zamocowania_ogolne.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#zamocowania_ogolne a:hover
{
    background-image:url(../IMG/lista_produktow/new/zamocowania_ogolne.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}


#zamocowania_ramowe a{
    background-image:url(../IMG/lista_produktow/new/zamocowania_ramowe.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#zamocowania_ramowe a:hover
{
    background-image:url(../IMG/lista_produktow/new/zamocowania_ramowe.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}

#sucha_zabudowa a{
    background-image:url(../IMG/lista_produktow/new/sucha_zabudowa.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#sucha_zabudowa a:hover
{
    background-image:url(../IMG/lista_produktow/new/sucha_zabudowa.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}


#zlacza_ciesielskie a{
    background-image:url(../IMG/lista_produktow/new/zlacza_ciesielskie.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#zlacza_ciesielskie a:hover
{
    background-image:url(../IMG/lista_produktow/new/zlacza_ciesielskie.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}

#artykuly_metalowe a{
    background-image:url(../IMG/lista_produktow/new/artykuly_metalowe.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#artykuly_metalowe a:hover
{
    background-image:url(../IMG/lista_produktow/new/artykuly_metalowe.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}

#DIY a{
    background-image:url(../IMG/lista_produktow/new/DIY.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#DIY a:hover
{
    background-image:url(../IMG/lista_produktow/new/DIY.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}
#system_podwieszen a{
    background-image:url(../IMG/lista_produktow/new/system_podwieszen.jpg);
    background-position:top;
    background-repeat:no-repeat;
    width: 40px;
    height: 40px;
    overflow: inherit;
    clear: none;
    float: left;
}

#system_podwieszen a:hover
{
    background-image:url(../IMG/lista_produktow/new/system_podwieszen.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
    overflow: inherit;
    clear: none;
    float: left;
}







.tytul_belki_gradientowej
{
    background-image:url(../IMG/lista_produktow/new/belka_gradient.jpg);
    background-repeat:no-repeat;
    height:18px;
    padding-top: 1px;
    padding-left: 3px;
    padding-bottom: 5px
}
.opis_grupy
{
    font-size: 11px;
    padding-left: 20px;
}

/* ikony */

.kontakt
{
   /* border: solid 1px blue;*/
   display: block ;
   
    padding-top: 3px;
    height: 23px;
}
.kontakt img
{
    float: left;
    margin-right : 2px;
      
}
/* wiecej -> produktowc w tej samej kategorii (przy nowosciach) */






/* galerie :) */
.transparent  
{  
    filter:alpha(opacity=70);   
    -moz-opacity: 0.7;   
    opacity: 0.7;  
    background-color:#000000;
    position:absolute;
    left:0px;
    top:0px;
    display:none;
    text-align:center;
    z-index: 100;
}  

.box1
{
    position: absolute;
    z-index: 300;
    
    border:solid 25px #FFFFFF;
    display:none;
}
.img_gallery
{
    cursor:pointer; 
    margin:5px;
}

.download_pdf {float: left;width: 100%;display: block; height: 30px;padding-top: 5px;}
.download_pdf a{text-decoration : none;font-size:normal;}
.download_pdf img {float: right; margin-right: 10px;width:22px; height:23px;border: 0;}