@charset "utf-8";
/* CSS Document */
body{
background-image:url(grafika/podklad_witryny.jpg);
background-repeat:repeat;
background-color:#a7c1ce;
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
}


.tabela_wpisywania{
	width:700px;
	margin-left:10px;
}

.wiersz_tabeli{
vertical-align:top;
}


.kolumna_lewa{
	width: 200px;
	text-align:right;
	padding-right:10px;
	padding-top:15px;
}

.kolumna_srodkowa{
	width: 320px;
	text-align:left;
	padding-right:10px;
	padding-top:10px;
	
}


.kolumna_prawa{
	width:*;
	margin:0px;
	padding-right:10px;
	padding-top:15px;
}



.kolumna_sekcji{
width:520px;
border:none;
border-bottom:#666666 2px dotted;
font-weight:bold;
margin:0px;
margin-top:20px;
margin-bottom:20px;
}

.formularz{
display:inline;
margin:0px;
}


.pole_input{
	width:295px;
	border:#000066 1px solid;
	color:#00008B;
}


.pole_select{
	width:100px;
	border:#000066 1px solid;
	color:#00008B;
}


.pole_select_duze{
	width:300px;
	border:#000066 1px solid;
	color:#00008B;
}




.pole_textarea{
	width:295px;
	height:100px;
	border:#000066 1px solid;
	color:#00008B;
}

.pole_kod_pocztowy_01{
	width:30px;
	float:left;
	border:#000066 1px solid;
	color:#00008B;
}

.pole_kod_pocztowy_02{
	width:50px; 
	clear:both;
	border:#000066 1px solid;
	color:#00008B;
}


.pole_przycisk_radio_tak{
	width:10px;
	margin-right:20px;
	border:#000066 1px solid;

}

.pole_przycisk_radio_nie{
width:10px;
}


.przycisk_zatwierdz{
width:80px;
height:26px;
background-image:url(grafika/przycisk_nieaktywny_zatwierdz.jpg);
}


.przycisk_wyczysc{
width:80px;
height:26px;
}


.przycisk_uniwersalny{
background-color:#859da7;
border:1px #5a7a87 solid;
color:#49626c;
font-weight:bold;
}


.przycisk_dodawania_uniwersalny{
background-color:#FF0000;
border:1px #5a7a87 solid;
color:#FFFFFF;
font-weight:bold;
}

.przycisk_przezroczysty{
display:inline;
color:#49626c;
font-weight:bold;
background-color:transparent;
border:none;
cursor:pointer;
position:relative;
top:2px;
float:left;
}


.przycisk_uniwersalny_strona_lewa{
width:26px; height:30px; background-image:url(grafika/przycisk_uniwersalny_lewa.jpg); background-position:top; background-repeat:no-repeat;  float:left;
}

.przycisk_uniwersalny_srodek{
width:250px; height:30px; background-image:url(grafika/przycisk_uniwersalny_srodek.jpg); background-position:top; background-repeat:repeat-x; float:left;text-align:center;
}


.przycisk_uniwersalny_strona_prawa{
width:22px; height:30px; background-image:url(grafika/przycisk_uniwersalny_prawa.jpg); background-position:top; background-repeat:no-repeat; float:right;
}




.pole_daty_dzien{
	width:30px;
	border:#000066 1px solid;
	color:#00008B;
}


.pole_daty_miesiac{
	width:30px;
	border:#000066 1px solid;
	color:#00008B;
}


.pole_daty_rok{
	width:50px;
	border:#000066 1px solid;
	color:#00008B;
}


.pole_wieku_dni{
	width:95px;
	border:#000066 1px solid;
	color:#00008B;
}


.pole_wieku_miesiace{
	width:95px;
	border:#000066 1px solid;
	color:#00008B;
}


.pole_wieku_lata{
	width:95px;
	border:#000066 1px solid;
	color:#00008B;
}

.pole_objasnienia{
font-size:80%;
display:inline;
margin:0px;
}


.tabela_wiek_zwierzecia{
width:100%;
}

.wiersz_tabela_wiek_zwierzecia{
text-align:left;
vertical-align:top;
}

.kolumna_1_wiek_zwierzecia{
width:100px;
}

.kolumna_2_wiek_zwierzecia{
width:100px;
}

.kolumna_3_wiek_zwierzecia{
width:100px;
}

.komunikat_bledu{
margin:0px;
color:#FF0000;
text-align:left;
}


.pole_obowiazkowe_wyroznienie{
display:inline;
margin:0px;
font-weight:bold;
color:#000000;
}



.pole_obowiazkowe_objasnienie{
display:inline;
margin:0px;
font-size:70%;
font-weight:normal;
color:#000000;
}



.przegladanie_tabela_glowna{
width:90%;
}

.przegladanie_kolumna_lewa{
width:60%;
}

.przegladanie_kolumna_prawa{
width:40%;
}


#kontener_tekstu{
width:430px;
}

#kontener_tekstu p{
width:100%;
clear:left;
margin:0px;
padding:0px;
padding-top:5px;
vertical-align:top;
}


#kontener_tekstu p label{
float:left;
width:200px;
text-align:right;
padding:0px;
padding-right:15px;
}

input.tekst{
color:#00008B;
background-color:#FFFFFF;
border:#000066 1px solid;
width:200px;
padding:2px;
padding-left:3px;
}





#kontener_tekstu_statystyki{
width:550px;
}

#kontener_tekstu_statystyki p{
width:100%;
clear:left;
margin:0px;
padding:0px;
padding-top:5px;
vertical-align:top;
}


#kontener_tekstu_statystyki p label{
float:left;
width:300px;
text-align:right;
padding:0px;
padding-right:15px;
}

input.tekst_statystyki{
color:#00008B;
background-color:#FFFFFF;
border:#000066 1px solid;
width:100px;
padding:2px;
padding-left:3px;
text-align:right;
font-weight:bold;
}





input.kod_pocztowy_01{
color:#00008B;
background-color:#FFFFFF;
border:#000066 1px solid;
width:25px;
padding:2px;
padding-left:3px;
}

input.kod_pocztowy_02{
color:#00008B;
background-color:#FFFFFF;
border:#000066 1px solid;
width:35px;
padding:2px;
padding-left:3px;
}


textarea.tekst{
color:#00008B;
background-color:#FFFFFF;
border:#000066 1px solid;
width:200px;
height:100px;
padding:2px;
padding-left:3px;
}


select.tekst{
color:#00008B;
background-color:#FFFFFF;
border:#000066 1px solid;
width:205px;
padding:2px;
padding-left:3px;
}


#kontener_fotki{
width:306px;
height:196px;
background-image:url(grafika/podklad_pod_fotke.jpg);
background-position:top left;
background-repeat:no-repeat;
}

/* STYLE ZWIAZANE Z TABELA SZCZEGOLOW */

.naglowek_strony_ze_szczegolami{
display:inline;
margin:0px;
margin-left:20px;
color:#49626c;
font-weight:bold;
}

.naglowek_pozycji_tabeli_szczegolow_szerokosc_bardzo_duza{
width:250px;
background-image:url(grafika/podklad_programu.jpg);
color:#000000;
border:1px #000033 solid;
padding:3px;
font-size:90%;
font-weight:bold;
}


.naglowek_pozycji_tabeli_szczegolow_szerokosc_duza{
width:140px;
background-image:url(grafika/podklad_programu.jpg);
color:#000000;
border:1px #000033 solid;
padding:3px;
font-size:90%;
font-weight:bold;
}


.naglowek_pozycji_tabeli_szczegolow_szerokosc_srednia{
width:110px;
background-image:url(grafika/podklad_programu.jpg);
color:#000000;
border:1px #000033 solid;
padding:3px;
font-size:90%;
font-weight:bold;
}


.naglowek_pozycji_tabeli_szczegolow_szerokosc_mala{
width:80px;
background-image:url(grafika/podklad_programu.jpg);
color:#000000;
border:1px #000033 solid;
padding:3px;
font-size:90%;
font-weight:bold;
}




.naglowek_pozycji_tabeli_szczegolow_szerokosc_bardzo_duza_02{
width:250px;
background-color:#CCCCCC;
color:#000000;
border:1px #000033 solid;
padding:3px;
font-size:90%;
font-weight:bold;
}


.naglowek_pozycji_tabeli_szczegolow_szerokosc_duza_02{
width:140px;
background-color:#CCCCCC;
color:#000000;
border:1px #000033 solid;
padding:3px;
font-size:90%;
font-weight:bold;
}


.naglowek_pozycji_tabeli_szczegolow_szerokosc_srednia_02{
width:110px;
background-color:#CCCCCC;
color:#000000;
border:1px #000033 solid;
padding:3px;
font-size:90%;
font-weight:bold;
}


.naglowek_pozycji_tabeli_szczegolow_szerokosc_mala_02{
width:80px;
background-color:#CCCCCC;
color:#000000;
border:1px #000033 solid;
padding:3px;
font-size:90%;
font-weight:bold;
}



.tresc_pozycji_tabeli_szczegolow{
background:#FFFFFF;
border:1px #000033 solid;
padding:3px;
font-size:90%;
}


.obramowanie{
border:#00008B 1px solid;
}


