/* 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  */

TABLE.ws_strona {height: 780px;}
TD.ws_gora {height: 264px; }
TD.ws_menu_gorne {height: 0 px;}
TD.ws_lewy_tlo {height: 460px;}
TD.ws_lewy {height: 34px;}
TD.ws_gora2 {height: 0 px;}
TD.ws_glowny {height: 460px; }
TD.ws_prawy_tlo {height: 460px; }
TD.ws_prawy {height: 100px; }
TD.ws_dol { height: 160px;}



/*  określenie tła strony i suwaków */
body {
background-color:#14a500; margin: 0 0 0 0;
scrollbar-track-color:#20a400; /* tło */
scrollbar-face-color: #187800; /* suwak */

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

td {
color: white;
}

TD.ws_nowebody{
background-image: url(body.jpg);
background-repeat: repeat-x;
}


/* 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: 5 5 5 5;
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= 130px;
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: #b0bce0;	text-decoration:none;}
a:visited {color: #286ca9; text-decoration:none;}
a:active {color: #286ca9; text-decoration:none;}
a:hover {color: #000000; text-decoration:none;}


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

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

/* 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: 12pt; color: #ffffff; padding: 0pt; }

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

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

TD P {
font-size: 12px; color: #ffffff;
}



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




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


.m_menu { font-family: Arial; padding: 0 0 0 0; }
a.m_menu:link { color: #a8e4c0; font-weight:bold;text-decoration: none}
a.m_menu:visited { color:#10a800; font-weight:bold;text-decoration: none}
a.m_menu:active { color:#d87818; font-weight:bold; text-decoration: none}
a.m_menu:hover { color: #ffffff; 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 10; font-weight:bold;}
a.m_podmenu:link { color: #000000; text-decoration: none}
a.m_podmenu:visited { color:#10a800; text-decoration: none}
a.m_podmenu:active { color:#d87818; text-decoration: none}
a.m_podmenu:hover { color:#ffffff;  text-decoration: none}


/* Definicja nieformatowanych tabeli */








/* 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;
margin: 0px;

}

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 {

}


TD.ws_gora2 {
}

TD.ws_glowny {
margin: 0px;
}

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


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_gora2 {
background-repeat: no-repeat ;
background-image: url(ws_gora2.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 ;
}




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



*/

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

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


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









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

TABLE.strona {height: 1010px;}
TD.gora {height: 160px; }
TD.menu_gorne {height: 0 px;}
TD.lewy_tlo {height: 460px;}
TD.lewy {height: 100px;}
TD.gora2 {height: 50 px;}
TD.glowny {height: 460px; }
TD.prawy_tlo {height: 460px; }
TD.prawy {height: 100px; }
TD.dol { height: 160px;}




TABLE.strona {width: 780px;}
TD.gora {width: 780px; }
TD.menu_gorne {width: 0 px;}
TD.lewy_tlo {width: 180px;}
TD.lewy {width: 180px;}
TD.lewy_dol {width: 140px;}
TD.gora2 {width: 0 px;}
TD.glowny {width: 420px; }
TD.prawy_tlo {width: 180px; }
TD.prawy {width: 180px; }
TD.prawy_dol {width: 140px;}
TD.dol { width: 780px;}


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 35 }

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 {
}











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

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


TD.lewy_tlo {
background-image: url(lewy_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.lewy {
background-image: url(lewy.jpg);
}

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

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

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

TD.prawy_tlo {

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


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


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




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);}




*/


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

TD.podmenu {
	padding: 0 0 0 10;
}



.galeria_belka { text-align: center;
		color: white;
		font-size: 14px;
		font-weight: bold;
		padding: 10 10 10 10;}

.galeria_tekst { text-align: left;
		color: white;
		font-size: 14px;
		font-weight: bold;
		padding: 20 10 10 10;}

.galeria_tabela { text-align: left;
		vertical-align: top;
		border-width: 0;
		margin: 0 0 0 0;
		padding-left: 10px;
		border-style: solid;
		border-color: red;
		}


.galeria_zdjecie { text-align: left;
		border-width: 1;
		border-style: solid;
		border-color: red;
		vertical-align: top;
		margin: 0 0 0 0;
		padding: 10 10 0 10;}


.galeria_opis { text-align: left;
		font-size: 11px;
		color: white;
		border-width: 0;
		border-style: solid;
		border-color: #0000ff;
		margin: 0 0 0 0;
		padding: 3 3 3 3;}





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;
}