/***********************************************/
/*  CSS FILE                                   */
/*  styl_yunnan.css                            */
/*  UPDATE 2005 03 17 - 12:00                  */
/*  All rights reserved !!!                    */
/*  Author : Jedrzej Schmeidel (Yunnan)        */
/*  WWW : www.yunnan.tk                        */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	width: 900px;
	margin: 0px;
	padding: 20px;
/*	background-color: #555555;*/
	background-image: url('images/tlox.jpg');
	border: 0px outset #BBBBBB;
	background-attachment: fixed;
}

h1{
	margin: 20px;
	padding: 0px;
}

h2{
	margin: 0px;
	padding: 0px;
}

ul{
	clear: both;
}

dl{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	font-family: Arial;
}

dt{
	font-weight: bold;
}

dd{
	margin-left: 10px;
}	

table{
	border: 0px solid #888888;
}

td{
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	text-align: center;
}

table.wyniki tr td{
	width: 100px;
}

a{
	margin: 0px;
	padding: 0px;
	color: #333333;
}

a:link, a:visited{
	color: #333333;
	text-decoration: none;
}

a:hover{
	color: #000000;
	text-decoration: none;
}

a:active{
	color: #999999;
}

img{
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

input, textarea, select{
	padding: 2px;
	border: 2px inset #FFFF00;
	margin: 2px;
	background-color: #FFFFFF;
	vertical-align: middle;
	white-space: pre;
}

input:focus, textarea:focus, select:focus{
	padding: 2px;
	border: 2px inset #FF00FF;
	margin: 2px;
	background-color: #FFFFFF;
}

input[type=submit]{
	padding: 2px;
	border: 2px outset #0000FF;
	margin: 2px;
	background-color: #EEEEEE;
}

input[type=submit]:hover{
	border: 2px outset #FF0000;
	background-color: #DDDDDD;
}

input[type=submit]:active{
	border: 2px inset #00FF00;
	background-color: #DDDDDD;
}

input.ksiega_button{
	height: 110px;
	width: 110px;
}

code{
	line-height: 140%;
	padding: 0px;
	margin: 0px;
	border: 2px inset #00FFFF;
	background-color: #EEEEEE;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#gora{
	width: 900px; /* IE nie umie odczytac szerokosci z BODY, IE TO GOWNO !!! */
/*	height: 100px;*/
	clear: both;
	padding: 0px;
	margin: 0px;
	border-bottom: 2px solid #BBBBBB;
	border-top: 2px solid #BBBBBB;
/*	background-image: url(images/tlox.jpg);
	background-attachment: fixed;
	background-color: rgb(197,204,211);*/
/*	background-color: #8A98A7;*/
	text-align: center;
}

#lewa{
	float: left;
	clear: left;
	width: 198px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	border-right: 2px solid #888888;
/*	background-color: rgb(220,224,229);
	background-image: url(images/tlox.jpg);
	background-attachment: fixed;*/
/*	font-variant: small-caps;*/
}

#srodek{
	clear: none;
	float: left;
	width: 500px;
	padding: 10px;
	margin: 0px;
/*	border: 0px solid #DDDDDD;
	background-image: url(images/tlox.jpg);
	background-attachment: fixed;*/
}

#prawa{
	float: right;
	clear: right;
	width: 170px;
/*	height: 100%;*/
	padding-left: 5px;
	margin: 10px 0px 10px 0px;
	border-left: 2px solid #888888;
/*	background-image: url(images/tlox.jpg);
	background-attachment: fixed;
	background-color: rgb(220,224,229);*/
/*	font-variant: small-caps;*/
}

#dol{
	width: 900px; /* IE nie umie odczytac szerokosci z BODY, IE TO GOWNO !!! */
/*	height: 100px;*/
	clear: both;
	padding: 0px;
	margin: 0px;
	border-top: 2px solid #BBBBBB;
	border-bottom: 2px solid #BBBBBB;
/*	background-image: url(images/tlox.jpg);
	background-attachment: fixed;
	background-color: rgb(197,204,211);*/
	text-align: center;
}

/************ Lewa MENU ***************/

#lewa p{ 
	padding: 0px;
	margin: 0px;
	font-size: 140%;
}

#lewa > div{
	clear: both;
	padding: 0px;
	margin: 5px;
	border-left: 2px solid #999999;
	border-top: 2px solid #999999;
}

#lewa div p{ 
	padding-left: 25px;
	margin-left: 0px;
	font-weight: bold;
	font-size: 110%;
	font-family: Arial;
	color: #333333;
}

#lewa ul{
	list-style-type: none;
	padding: 5px;
	margin: 0px;
}

#lewa li{
	padding-bottom: 10px;
	margin: 0px;
	display: block;
/*	border-bottom: 0px solid #000000;*/
/*	display: inline;*/
}

#lewa a{
	display: block;
	padding: 0px;
	margin: 0px;
	border: 2px solid rgb(101,102,104);
	font-family: Arial;
	background-color: rgb(163,174,186);
	background-image: url(images/tlox1.jpg);
	background-attachment: fixed;
	background-position: top left;
	color: #555555;
	font-weight: bold;
}

#lewa a > .kwadrat{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-color: rgb(138,152,167);
	float: left;
}

#lewa a:link{
	border: 2px solid rgb(101,102,104);
}

#lewa a:hover{
	border: 2px solid rgb(169,172,175);
	background-color: rgb(196,203,211);
	color: #666666;
}

#lewa a:hover > .kwadrat{
	background-color: rgb(167,177,189);
/*	display: inline;*/
}

#lewa a:active{
	border: 2px solid rgb(169,172,175);
	background-color: rgb(192,195,198);
	color: #999999;
}

#lewa a:active > .kwadrat{
	background-color: rgb(159,161,163);
/*	display: inline;*/
}

.menulicz img{
	padding: 0px;
	margin: 0px;
}

.menulicz ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	font-size: 70%;
}

/************ Srodek ***************/

#srodek p:first-letter{
	font-size: 150%
}

#srodek a, #srodek a:link{
	text-decoration: underline;
}


#srodek img{
	margin-left: 20px;
}

/************ Prawa ***************/

#prawa p{ 
	padding: 0px 0px 0px 25px;
	margin: 0px;
	font-weight: bold;
	font-size: 110%;
	font-family: Arial;
	color: #333333;
	border-top: 2px solid #999999;
}

/************ Dol ***************/

#dol img{
	vertical-align: middle;
}

#dol p{
	margin: 10px 0px 10px 0px;
}

#gora img{
	float: left;
}

.pasek{
	width: 900px;
	height: 20px;
	background-image: url(images/tlox1.jpg);
	background-attachment: fixed;
	background-color: rgb(156,168,180);
}

.kwadrat{
	width: 20px;
	height: 20px;
	background-color: rgb(138,152,167);
	float: left;
}

.publ1{
	font-weight: bold;
	font-variant: small-caps;
}

.publ2{
	font-style: italic;
}

.publ3{
	font-weight: bold;
}