body {
	font-family:Verdana;
	font-size:12px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
}

a, th { 
  font-family:Verdana;
  font-size:10px;
  color: #660000;
  font-weight: none;
 text-decoration:none;

}

textarea {
  font-family:Verdana;
  font-size:10px;
  color: black;
 text-decoration:none;
}

input {
  font-family:Verdana;
  font-size:10px;
  color: black;
 text-decoration:none;
}

select {
  font-family:Verdana;
  font-size:10px;
  color: black;
 text-decoration:none;
}

h1 {
	font-family: Times New Roman, serif; 
	font-size: 14px;
	font-weight: bold; 
	font-variant: small-caps;
	color: #17442C; 
	text-decoration: none;
	text-align: center;
	padding: 2px 15px;
	margin: 0;
}

A:link               
{FONT-FAMILY: Verdana, sans-serif; 
COLOR: #6E849C; 
FONT-SIZE: 10px; 
TEXT-DECORATION: none; 
BACKGROUND: none;  
font-variant : normal;  
font-weight : bold;  

}
A:active             
{FONT-FAMILY: Verdana, sans-serif; 
COLOR: #617387; 
FONT-SIZE: 10px; 
TEXT-DECORATION: none; 
BACKGROUND: none;  
font-variant : normal; 
font-weight : bold; 

}
A:visited            
{FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
COLOR: #617387; 
FONT-SIZE: 10px; 
TEXT-DECORATION: none; 
BACKGROUND: none;  
font-variant : normal; 
font-weight : bold; 

}
A:hover              
{FONT-FAMILY: Verdana, sans-serif; 
COLOR: #617387; 
FONT-SIZE: 10px; 
TEXT-DECORATION: underline; 
BACKGROUND: none;  
font-variant : normal; 
font-weight : bold; 
}


.textw { 
  font-family:Verdana;
  font-size:14px;
  font-weight: bold;
  color: white;
 text-decoration:none;
 
 
 }
 .textb { 
  font-family:Verdana;
  font-size:9px;
  color: black;
 text-decoration:none;

}

.white { 
  font-family:Verdana;
  font-size:9px;
  color: white;
 text-decoration:none;

}
.grey { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color: #666666; text-decoration:none; }
.malutka {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6px; color: #999999}
.nieaktywna { 
  font-family:Arial;
  font-size:9px;
  color: #666666;
  font-weight: none;
 text-decoration:none;
 
} 
.aktywna { 
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  color: red;
   font-weight: none;
 text-decoration:none;
 } .nav_duza {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF}
A.nav_duza:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF              

}
A.nav_duza:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF           

}
A.nav_duza:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF           

}
A.nav_duza:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFFFFF             

}
.orange {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600}
A.orange:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600              

}
A.orange:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600           

}
A.orange:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600           

}
A.orange:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600}
.brazowy_duzy {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #336699; font-weight: normal}
.orange2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FF6600}
.duzaBiala {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.ciemna {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #336699;
}
.GREY12 {
	font-size: 12px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

}
.daty {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
}
.NEWS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #336699;
}
.SZARYsredni {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
}
.BIALAmala {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
.BLUEciemny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #336699;
}
.TextRozowy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF00FF;
}

.Rozowy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF00FF;
}


/* 
.portfolio_wypis_tab
Klasa tabeli wypisu pojedynczego elementu z dzialu NASZE REALIZACJE 
Tabela jest struktura ktorej nadajemy styl ponizej 
Tabelka slkada sie z 3 komorek i jednego wiersza. Do pierwszej komorki przypisano .tl do srodkowej .ts do prawej .tr
Kazda komorka ma obrazek tla, po wyswietleniu daje to efekt kwardratu z zakraglonymi rogami
*/

.portfolio_wypis_tab { width:645px; height:270px; empty-cells:show; margin:10px auto 10px 0px; }
.portfolio_wypis_tab .tl { background-image:url(images/ptl.gif); background-repeat:no-repeat; background-positon:top left; width:5px;  }
.portfolio_wypis_tab .ts { background-image:url(images/pts.gif); background-repeat:repeat-x; background-positon:top left;  }
.portfolio_wypis_tab .tr { background-image:url(images/ptr.gif); background-repeat:no-repeat; background-positon:top right; width:7px;  }

/*
.pwt_srodek_tab
Klasa odpowiedzialna za formatowanie tabeli, ktora przetrzymuje dane o pojedynczej stronie z dzialu NASZE REALIZACJE
Podklasy .k1 i .k2 przypisane sa do odpowiednich komorek (patrz kod). 
Podklasa .smin IMG nadaje styl wyswietlanej miniaturce - dodawana jest obwodka i ustawiany rozmiar na sztywno 200px x 140px
Podklasa ico_tech odpowiada za wyswietlanie kontenera z ikonkami uzytych techonologi dla strony. 
*/
.pwt_srodek_tab { width:100%;}
.pwt_srodek_tab .k1 { padding:20px 20px 20px 25px;  }
.pwt_srodek_tab .k2 { width:220px; text-align:center; padding:0 10px 0 0; }
.pwt_srodek_tab .k2 .smin IMG{ border:1px solid silver; padding:1px; background:#FFFFFF; height:140px; width:200px; }
.pwt_srodek_tab .ico_tech { text-align:center; margin:25px auto 0 auto; width:170px; }
.pwt_srodek_tab A { font-size:12px; } 
.pwt_srodek_tab .p_ns { font-weight:bold; }

/*
.tab_hosting - glowny kontener przetrzymujacy dane o opcji hostingu
*/
.tab_hosting { width:650px; margin:15px 0 80px 0; font-weight:normal; border-bottom:2px solid #77869D;  }
.tab_hosting TD { font-weight: normal; }

/*
.tab_hosting .th1 i th2 - glowny kontener podzielony jest na 2 komorki, ktory dzieli dane na komorke parametrow i komorke teksty (prawa)
*/
.tab_hosting .th1 { width:360px; padding:0px 0 30px 0; }
.tab_hosting .th2 { padding:0px 0 0px 0 !important;  }

/*
.tab_hosting .dane_host_tab - tabela przetrzymujaca parametry oferty hostingu, zawiera 2 komorki ktorym przypisane sa klasy k1 i k2
*/
.tab_hosting .dane_host_tab .k1 {  width:227px; font-size:11px; padding:5px 0 5px 0; }
.tab_hosting .dane_host_tab .k2 { font-size:11px;  }


/*
.tab_hosting .host_txt_# - kontenery przetrzymujace teksty z prawej komorki tabeli oferty hostingu, przypisane sa do nich obwodki, odpowiednie marginesy wewnetrzne i inne dane
margin-top:-40px; - parametr powoduje przesuniecie w pione pierwszego tekstu w prawej komorce wypisu oferty hostingu, ustawienie -40 pozwala na odsuniecie warstwy od obrazka serwera
*/
.tab_hosting .host_txt_1 { border:1px solid #B6C4C4; margin:0 0 0 20px; padding:20px; font-size:14px; text-align:justify; line-height:20px; position:relative; margin-top:-40px; } 
.tab_hosting .host_txt_2 { border:1px solid #B6C4C4; margin:10px 0 0 20px; padding:20px;  text-align:right; font-size:18px;  }
.tab_hosting .host_txt_3 { margin:10px 0 0 20px; padding:0px;  text-align:right; color:#747BC9; font-weight:normal; font-size:12px; }

/*
klasy dla odpowiednich kolorow wypisow slow cena, abonament roczny itd
*/
.tab_hosting .slowo_cena { color:#789EA7; font-family:Arial; font-size:15px; }
.tab_hosting .cena_war { color:#214090; font-family:Tahoma; font-size:19px; }
.tab_hosting .abor_txt{ color:#DC2BC4; font-family:Tahoma; font-size:18px; }

/*
.tab_proj_www - tabela przetrzymujaca teksty z dzialu projektowanie stron www, formatuje teksty
pierwszy wierz podzielony jest na 2 komorki, ktore maja podpiete klasy stylow .k1 i k2 
.txt_1 to wypis pojedynczego wiersza tekstu w ofercie, zawiera tlo strzalki ustawione w lewej czesci wastwy, bez powtarzania 
*/
.tab_proj_www { width:650px; margin:0 0 40px 0;}
.tab_proj_www .k1 { width:450px; }
.tab_proj_www .k2 { width:200px; text-align:right !important; }
.tab_proj_www .przyklad_link { text-align:right; padding:20px 0 0 0; }
.tab_proj_www .txt { padding:20px 0 0 0; }
.tab_proj_www .txt_1 { background-image:url(images/dot.gif); background-repeat:no-repeat; background-position:left center; padding:5px 0 5px 15px;  }
.tab_proj_www .txt_2 { padding:20px 0 10px 0; text-align:justify; }

/*
.str_cont - glowne kontenery przetrzymujace zawartosci trony, definiuja marginesy wewnetrzne
nie wszystkie strony korzystaja z tej samej klasy, poniewaz niektore strony wymagaja oddzielnej klasy z innymi wartosciami marginesow 
przed modyfikacja, nalezy sprawdzic w strukturze strony jaka klasa jest ustawiona w kodzie
*/
.str_cont { padding:50px 0 80px 50px; vertical-align:top;  text-align:justify; }
.str_cont2 { padding:50px 50px 80px 50px; vertical-align:top;  text-align:justify;  }
.str_cont3 { padding:50px 0px 80px 40px; vertical-align:top;  text-align:justify; }

/*
klasa ktora mozna przypiac do dowolnego elementu, spowoduje wyswietlenie strzalki w prawo (plik grficzny) w lewej czesci elementu
stosowana np. w stronie projektowania stron www
*/
.dstrzalka {  background-image:url(images/dot.gif); background-repeat:no-repeat; background-position:left center; padding:5px 0 5px 15px; }

/*
.domeny_tab style dla struktury tabeli przechowujacej teksty dzialu domeny, 3 komorki TD i 3 naglowkowe komorki TH, ktore formatuja ponizsze style
*/
.domeny_tab { width:600px; margin:0px auto; }
.domeny_tab TH.k1 { text-align:left; }
.domeny_tab TH.k2 { text-align:center; height:30px; }
.domeny_tab TH.k3 { text-align:center; }
.domeny_tab TD.k2 { text-align:center;  height:30px; }
.domeny_tab TD.k3 { text-align:left; padding:0 0 0 20px; }


/*
klasa odpowiedzialna za odpowiednie ustawienie wastwy z obrazkiem wychodzocym ponad pasek menu w stronie O drukarni.
*/
.dtl_img_gl_war {  position:relative; float:right; margin:-37px 0 0 0; }

/*
glowna tabela na stronie 'o drukarni' skladajaca sie z 2 komorek, w ktorej przetrzymywane sa teksty i inne elementy takie jak obrazki.
tabela posiada ujemny margines -120px aby przesunac ja w gore do poziomu paska menu, bez marginesu tabela wyswietla sie za raz pod obrazkiem, ktory wychodzi ponad menu
komorka .k2 posiada wewnetrzny margines 106px gorny, poniewaz bez niego obrazek zakrywajacy menu z prawej strony pokrywa sie z tekstem tabeli
*/
.dtl_tab_glowna { margin:-120px 0 0 0; position:relative; z-index:9999; }
.dtl_tab_glowna .k1 { width:50%; padding:0 30px 0 0; vertical-align:top; }
.dtl_tab_glowna .k2 { width:50%; vertical-align:top; padding:106px 0 0 0; }

/*
klasa dla tabeli w stronie drukarnia - oferta
dwie komorki, w lewej lista, w drogiej obrazek 
*/
.dtl_tab_oferta { width:100%;  }
.dtl_tab_oferta .k1 { width:50%; padding:0 30px 0 0; vertical-align:top; }
.dtl_tab_oferta .k2 { width:50%; vertical-align:top;  }

/*
.fv_tab_main - klasa dla glownej tabeli na stronie Film fotografia
podobnie jak w stronie drukarni, aby tabela nie wyswietlala sie za raz pod obrazkiem ktory zakrywa prawa czesc paska menu - nadaje sie tabeli ujemny margines gorny
*/
.fv_tab_main { width:100%; margin:-130px 0 0 0; }
.fv_tab_glowna { width:100%; margin:-0px 0 0 0; position:relative; z-index:9999; width:100%; }

/*
tekst ktory zawiera sie miedzy obrazkiem ktory zachodzi z prawej strony a menu z lewej
ustawienei odpowiedneij dlugosci sekcji, aby nie byla zakrywana przez zachadzacy obrazek
*/
.fv_txt_1 { width:420px; }

/*
odsuniecie drugiej sekcji tekstu aby obrazek z prawej strony nie zachodzil na tekst sekcji
*/
.fv_txt_2 { width:100%; margin:100px 0 0 0; }


/*
formatowanie struktury tabeli wypisu realizacji 
*/
.fv_realizacje_tab { width:100%; text-align:center; }
.fv_realizacje_tab .k1 { width:50%;  }
.fv_realizacje_tab .k2 { width:50%; }

/*
puste miejsce na film - sztuczna ramka
*/
.fv_realizacje_tab .film_box { border:1px solid silver; width:350px; height:250px; margin:0px auto;  }

/*
tabela lewego menu w dziale Film fotografia - fotografia reklamowa
menu ma dlugosc 180px i margines gorny ujemny aby wyswietlac sie pod paskiem menu, a nie pod obrazkiem zachodzacym na pasek menu
.kol1 to komorka w tabeli zawierajaca menu
*/
.fv_tab_main_rmenu { width:100%; margin:-133px 0 0 0; }
.fv_tab_main_rmenu .kol1 {  width:180px;  }

/*

*/

.bg_menu_r4 { background-image:url(images/pas_4_bg.gif); background-position:top right; }
.fv_kol_bg_lewo { background-image:url(images/pas_3_bg.gif); background-position:top right; }

.fv_tab_main_foto { width:100%; }
.fv_zdjecia_tab { width:100%; margin:0px auto; }
.fv_zdjecia_tab .k { width:25%; text-align:center; }

.fv_img_zdjecia_top { margin:-20px 0 0 20px; }

.fv_cont_war {  margin: 50px 0 0 0; }


/*
malo istotne klasy
*/
.kolor1 { color:#1BAF37; }
.dtl_tab { width:100%; }