/* ZESTAWIENIE STYLÓW użytych w aktualnym szablonie strony WWW
Uwagi ogólne:
1. style i jpg posiadające w nazwie ws_ zaczynają działać po włączenie własnej grafiki
2. chcąc zmienić cechę danego stylu należy go przekopiować do HEAD na swojej stronie www.infofirma.pl/szablon_wlasny.html między <style>  </style>

-- Najważniesza część określająca wysokość Twoich grafik, użytych jako tło w posczególnych częściach  */

TD.ws_gora {height: 108px; }
TD.ws_glowny {height: 460px; }
TD.ws_prawy {height: 58px; }
TD.ws_dol { height: 27px;}



TABLE.ws_strona {height: 0px;}
TD.ws_menu_gorne {height: 0 px;}
TD.ws_lewy_tlo {height: 460px;}
TD.ws_lewy {height: 100px;}
TD.ws_gora2 {height: 0 px;}
TD.ws_prawy_tlo {height: 0px; }

/*  określenie tła strony i suwaków
 */



body {
background-color: #f8ecf0; margin: 0 0 0 0; background-image: url(body.jpg); background-repeat: repeat-x;
scrollbar-track-color:#f0ecf0; /* tło */
scrollbar-face-color: #b0bce0; /* suwak */

scrollbar-highlight-color:#F0E0E0;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#808080;
scrollbar-arrow-color:#000000;
}



/* ustawienie wyglądu menu
Dodatkowo można jeszcze ustawić:
1. kod HTML przed całym blokiem menu
2. kod HTML obejmujący każdy element menu
3. kod HTML obejmujący każdy element podmenu
4. indywidualny kod HTML dla każdego elementu menu
 */


TD.menu {
width= 140px;
padding: 5px;
margin: 0 0 0 0;
border-width: 1 2 2 1 ;
border-style: solid;
border-top-color: #41488b;
border-right-color: #b0bce0;
border-bottom-color: #b0bce0;
border-left-color: #41488b;
background-repeat: repeat ;
background-color: #d8dcf0;
background-image: url(menu.jpg);}

TD.podmenu {
width= 120px;
padding: 0 0 0 10;
margin: 0 0 0 10;
border-width: 1 2 2 1 ;
border-style: solid;
border-top-color: #41488b;
border-right-color: #304ca8 ;
border-bottom-color: #304ca8;
border-left-color: #41488b;
background-color: #999999;
background-repeat: repeat ;
background-image: url(podmenu.jpg);}



/* Definicja linków w tekście */

a:link {color: #103098;	text-decoration:none;}
a:visited {color: #4070ff; text-decoration:none;}
a:active {color: #286ca9; text-decoration:none;}
a:hover {color: red; text-decoration:none;}


/* Definicje pól formularzy */
input {	font-size: 9px; border: 1 #b0bce0 solid ; background-color: #e0e4f0;}
.input1 {background-color: #e0e4f0; font-size: 9px;}
textarea {background-color: #e0e4f0; font-size: 9px;}
object {background-color: #e0e4f0; font-size: 9px;}

/* Definicje znaków wyliczania */
ul 	{list-style-type: disc; font-size: 10px;}
ol 	{list-style-type: decimal; font-size: 10px;}

/* definicja linii */
HR {width: 80%;  color: #a0dcff; size:1 }



/*  definiowanie wyglądu używanych tabel w stylu "ta1" */
TABLE.ta1 {
border: none;
width: 100%;
height: 0px;
margin: 0;
padding: 0;
}


TD.ta1g {
height: 22px;
border-width: 1 2 2 1 ;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;
background-color: #999999;
margin: 0;
padding: 2 5 0 5;
}

TD.ta1s {
border-width: 0 1 2 1;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;
background-color: #cccccc;
margin: 0;
padding: 2 5 0 5;
}


/* Zasadnicze ustawienia napisów */
* {FONT-FAMILY: Verdana, Tahoma, ArialCE, HelvaticaCE, Arial, Helvetica, sans-serif;}
P {font-size: 11px; color: #000000; padding: 0pt; }

h1, h2, h3, h4, h5, h6 {
	font-family: Century Gothic, Arial, Tahoma, Verdana, Helvetica;
	font-weight:bold;}
h1, h2, h3 {text-align: center;}
h4, h5, h6 {text-align: left;}
h1 {font-size:22px;line-height: 18pt;}
h2 {font-size:20px;line-height: 16pt;}
h3 {font-size:18px;line-height: 14pt;}
h4 {font-size:14px;line-height: 12pt;}
h5, h6 {font-size:11px;line-height: 8pt;}

.sonda_t{
color: blue; font-weight:bold;text-decoration: none;
font-size: 12px;
}


/* Pozostałe definicja napisów  */
.naglowek_strony   { color: #0b0bac; font-size:16px;font-weight: bold; padding: 2 50 0 10;}

.m_menu { font-family: Arial; padding: 0 0 0 0; }
a.m_menu:link { color: blue; font-weight:bold;text-decoration: none}
a.m_menu:visited { color:#1ab9c6; font-weight:bold;text-decoration: none}
a.m_menu:active { color:green; font-weight:bold; text-decoration: none}
a.m_menu:hover { color:black; font-weight:bold; text-decoration: none}
.m_menu_odstep {font-family: Arial; color:#8e66cc; font-weight:bold;}

.m_podmenu { font-family: Arial; padding: 0 0 0 6; font-weight:normal;}
a.m_podmenu:link { color: blue; text-decoration: none}
a.m_podmenu:visited { color:#1ab9c6; text-decoration: none}
a.m_podmenu:active { color:black; text-decoration: none}
a.m_podmenu:hover { color:black;  text-decoration: none}


/* Definicja nieformatowanych tabeli */

TABLE {
text-align: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

TD {
font-size: 11px;
text-align: left;
vertical-align: top;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-repeat: no-repeat;}

TD P {
font-size: 11px;
}









/* Szerokości poszczególnych części strony przy włączonej własnej grafice
 - są one zasadniczo definiowane przez określenie ich szerokości w szablonie

 */


TABLE.ws_strona {width: 780px;}
TD.ws_gora {width: 780px; }
TD.ws_menu_gorne {width: 0 px;}
TD.ws_lewy_tlo {width: 180px;}
TD.ws_lewy {width: 180px;}
TD.ws_gora2 {width: 0 px;}
TD.ws_glowny {width: 420px; }
TD.ws_prawy_tlo {width: 180px; }
TD.ws_prawy {width: 180px; }
TD.ws_dol { width: 780px;}

/* Inne cechy  części strony */

TD.ws_gora,  TD.ws_lewy, TD.ws_gora2, TD.ws_prawy, TD.ws_dol{
padding: 5 5 0 5;}

TD.ws_lewy_tlo, TD.ws_prawy_tlo {
}

TD.ws_lewy_dol, TD.ws_prawy_dol {
padding: 0 0 0 15 }

TD.ws_glowny {
padding: 10 10 10 10;}



TABLE.ws_strona {
height: 600px;
}

TD.ws_gora {
border-width:  0 0 0 0;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;
}

TD.ws_menu_gorne {
}

TD.ws_lewy_tlo {
border-width:  0 0 0 0;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;

}

TD.ws_lewy {
background-image: url(ws_lewy.jpg);
}


TD.ws_gora2 {
}

TD.ws_glowny {
background-image: url(ws_glowny.jpg);
}

TD.ws_prawy_tlo {
border-width:  0 0 0 0;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;

}


TD.ws_prawy {
}


TD.ws_dol {
}









/* stałe określenia nazw plików graficznych stanowiących tło fragmentów strony
można zmienić sposób powielania elementu:
no-repeat   - brak powielania (pokazuje się tylko raz)
repeat
repeat-x    - powielane w poziomie
repeat-y    - powielane w pionie
*/

TABLE.ws_strona {
background-repeat: repeat-x ;
background-image: url(ws_strona.jpg);}
}

TD.ws_gora {
background-image: url(ws_gora.jpg);
background-repeat: no-repeat ;
}

TD.ws_menu_gorne {
background-repeat: no-repeat ;
background-image: url(ws_menu_gorne.jpg);
}

TD.ws_lewy_tlo {
background-image: url(ws_lewy_tlo.jpg);

}

TD.ws_lewy {
background-image: url(ws_lewy.jpg);
}


TD.ws_gora2 {
background-repeat: no-repeat ;
background-image: url(ws_gora2.jpg);
}

TD.ws_glowny {
background-image: url(ws_glowny.jpg);
}

TD.ws_prawy_tlo {

background-image: url(ws_prawy_tlo.jpg);
}


TD.ws_prawy {
background-image: url(ws_prawy.jpg);
}


TD.ws_dol {
background-image: url(ws_dol.jpg);
background-repeat: no-repeat ;
}









/* definicje oryginalnego szablonu - są aktywne przy właczonej oryginalnej grafice
szerokości definiowane w ustawieniach szablonu

TABLE.strona {height: 1010px;}
TD.menu_gorne {height: 0 px;}
TD.lewy_tlo {height: 460px;}
TD.lewy {height: 100px;}
TD.gora2 {height: 50 px;}

TD.lewy_tlo {width: 180px;}
TD.lewy {width: 180px;}
TD.menu_gorne {width: 0 px;}
TD.lewy_dol {width: 140px;}
TD.gora2 {width: 0 px;}

TD.prawy {height: 58px; }
TD.glowny {height: 460px; }
TD.prawy_dol {width: 140px;}
TD.dol { width: 780px;}

TABLE.strona {height: 300px;}
TD.prawy {height: 70px; }

TABLE.strona {width: 780px;}
TD.gora {width: 780px; }
TD.glowny {width: 582px; }
TD.prawy_tlo {width: 194px; }


*/

TD.gora {height: 108px; }
TD.prawy_tlo {height: 58px; }
TD.prawy {height: 58px; }
TD.dol { height: 120px;}






TD.gora,  TD.lewy, TD.gora2, TD.prawy, TD.dol{
padding: 5 5 0 5;}

TD.lewy_tlo, TD.prawy_tlo {
padding: 0;}

TD.lewy_dol, TD.prawy_dol {
padding: 0 0 0 15 }

TD.glowny {
margin: 0 0 0 0 ;
padding: 10 10 10 10;}



TABLE.strona {
}

TD.gora {
border-width:  0 0 0 0;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;
}

TD.menu_gorne {
}

TD.lewy_tlo {
border-width:  0 0 0 0;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;
}

TD.lewy {
}


TD.gora2 {
}

TD.glowny {

}

TD.prawy_tlo {
border-width:  0 0 0 0;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;
}


TD.prawy {
border-width:  0 0 0 0;
border-style: solid;
border-left-color: red;

}


TD.dol {
}








.nowebody{
text-align: center;

}


TABLE.strona {
background-repeat: repeat-y ;
background-image: url(strona.jpg);}
}

TD.gora {
background-image: url(gora.jpg);
background-repeat: no-repeat ;
}

TABLE.gora {
background-image: url(gora.jpg);
background-repeat: no-repeat ;
}


TD.prawy_tlo {

background-image: url(prawy_tlo.jpg);
}



TD.dol {
background-image: url(dol.jpg);
background-repeat: no-repeat ;
}

.stopka{
background-image: url(stopka.jpg);
background-repeat: repeat-y ;
}


/*


TD.menu_gorne {
background-repeat: no-repeat ;
background-image: url(menu_gorne.jpg);
}

TD.lewy_tlo {
background-image: url(lewy_tlo.jpg);



}

TD.lewy {
background-image: url(lewy.jpg);
}


TD.gora2 {
background-repeat: no-repeat ;
background-image: url(gora2.jpg);
}

TD.glowny {
background-image: url(glowny.jpg);
}

TD.prawy {
background-image: url(prawy.jpg);
}


TD.prawy_tlo {

background-image: url(prawy_tlo.jpg);
}

*/




/* Definicje części, które nie mają swojego odpowiednika w stylach ws_
- można je zmieniać przy własnej i oryginalnej grafice
*/


TD.wyszukiwarka, TD.licznik, TD.sonda  {
	padding: 0 0 0 0;
}

TD.podmenu {
	padding: 0 0 0 10;
	background-repeat: repeat ;
	background-image: url(podmenu.jpg);}


TD.wyszukiwarka {
	background-repeat: repeat ;
	background-image: url(wyszukiwarka.jpg);}
TD.licznik {
	background-repeat: repeat ;
	background-image: url(licznik.jpg);}
TD.sonda{
	background-repeat: repeat ;
	background-image: url(sonda.jpg);}





TABLE.galeria1 { text-align: left;
		vertical-align: top;
		border-width: 1;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border-style: solid;
		border-color: #aaaaaa;}


TD.galeria_zdjecie { text-align: left;
		border-width: 1;
		border-style: solid;
		border-color: #999999;
		vertical-align: middle;
		margin: 0 0 0 0;
		padding: 0 0 0 0;}


TD.galeria_opis { text-align: left;
		border-width: 1;
		border-style: solid;
		border-color: #0000ff;
		background-color: #bbbbbb;
		margin: 0 0 0 0;
		padding: 10 10 10 20;}



.s_opis, .s_cena {

}

.s_tytul{
         color:red;
}

a.s_tytul:link {
	color= red;

}

a.s_tytul:visited {
	color= green;

}

a.s_opis:link {
	color= red;

}

a.s_opis:visited {
	color= red;

}

TABLE.ta3 {
border: none;
width: 170px;
height: 220px;
margin: 0;
padding: 0;
}


TD.ta3g {
height: 22px;
padding: 2 5 0 5;
background-image: url(ta3g.jpg);
background-position: right;
}

TD.ta3g P {
font-weight: bold;
color:#41488b;
}

TD.ta3s {
height: 180px;
border-width: 0 0 1 0;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;
margin: 0;
padding: 2 5 0 5;
background-image: url(ta3s.jpg);
background-repeat: repeat ;

}




TABLE.ta1 {
border: none;
width: 100%;
height: 220px;
margin: 0;
padding: 0;
}


TD.ta1g {
height: 22px;
border-width: 1 2 2 1 ;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;
background-color: #999999;
margin: 0;
padding: 2 5 0 5;
}

TD.ta1s {
border-width: 0 1 2 1;
border-style: solid;
border-top-color: #0000ff;
border-right-color: #41488b;
border-bottom-color: #41488b;
border-left-color: #0000ff;
background-color: #cccccc;
margin: 0;
padding: 2 5 0 5;
}