/*--------------dla ciekawskich----------------------*/
/* Obecna wersja tego css jest niezbyt czysta i przejrzysta, niemniej jednak "się waliduje"
Z czasem poprawię może..*/
/*----------------------------reset domyślych ustawień--------------------------*/
body {
	padding: 0
}
ul, li, dd, dt, dl {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	border: 0;
}
a:link, a:hover, a:visited {
	text-decoration: none;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}
html {
	/* zawsze widoczny pasek przewijania, strona nie skacze */
	height: 100%;
	margin-bottom: 1px
}
html, body {
	color: black;
	background: #ffffff url("obrazy/new") ;
	font-size: medium;
	font-family: verdana, sans-serif;
	margin: 1px auto;
	}
	
/*--------------------------blokowanie ie6--------------------------------------*/
#ie6 {
	width: 518px;
	height: 218px;
	background: url(obrazy/ie6war.png) no-repeat;
}


/*------------------------główny pojemnik, cała strona ID= "all"------------------------*/
#all {
	width: 900px;
	position: relative;
	margin:  auto;
	background: #ffffff;
	
} 

/*---------------------------------------------ID= "top"-------------------------------------------*/
#top {
	background-color: #ffffff;
	background-image: url(obrazy/nowetango/header.png); 
	background-repeat: no-repeat;
	height: 150px;
}
#top a:link, #top a:hover, #top a:visited  {
	display: block;
	width: 900px;
	height: 150px;
	font-size: 0px;
}
/*------------------------------------------------- menu nawigacyjne ID= "menu" ------------------------------------- */

#menuwrap {
	float: left;
	background:  url("obrazy/nowetango/menu_gora_tlo.png") no-repeat top;
	
	
	}
#menu {
	width: ;
	height: ;
	float: left;
	background: url("obrazy/nowetango/menu_dul_tlo.png") no-repeat bottom; 
	margin-top: 15px;


	
}

#menu ul {
	margin-bottom: 12px;

	}
	

	
#menu ul a:link,
#menu ul a:visited {

	padding-left: 25px;
	display: block;
	width: 195px;
	height: 30px;
	color: #2e3436;
	background:  url("obrazy/nowetango/menu_element_tlo.png") no-repeat; 
	text-align: left;
	font-size: 18px;
	line-height: 30px;

	
}
#menu ul a:hover,
#menu ul a:focus {
	
	color: #eeeeec;
		
}
#menu ul a.aktywne_menu,
#menu ul a#aktywnemenu {
	
	color: #eeeeec;
	background: url("obrazy/nowetango/menu_element_tlo_activ.png") no-repeat;
	
}	
/*-------------------------------------------------- literki, wyszukiwarka i info ID= "szukajka" ------------------------------*/

#szukajka {
	float: right;
	width: 640px;
	background: #ffffff;
	margin-bottom: 5px;
}

/*-------------------------------------------------- menu z literkami ID= "literki" ------------------------------*/
#literki {
	height: 50px; 
	

	font-size: 24px;
	font-family: "andale mono", monospace;
	background: url("obrazy/nowetango/literki_ramka.png");
}
#literki ul {
	margin: auto;
	height: 30px;
	width: 624px;
}
#literki ul li {
	float: left;
	width: 24px;
	height: 40px;
	line-height: 55px;
	
}
#literki ul a:link,
#literki ul a:visited {
	display: block;
	width: 24px;
	height: 40px;
	color: #2e3436;
	text-align: center;
	
}
#literki ul a:hover,
#literki ul a:focus {
	display: block;
	width: 24px;
	height: 40px;
	color: #eeeeec;
	text-align: center;
	
}
#literki ul a.aktywna_litera,
#literki ul a#aktywnalitera {
	display: block;
	width: 23px;
	height: 40px;
	color: #eeeeec;
	text-align: center;
	background:	 url("obrazy/nowetango/prostokat_przy_literkach.png") no-repeat  ;
}
/*---------------------------------------- wyszukiwarka ID= "wyszukiwarka" ---------------------------------------*/
#indeksutf {
	float: right;
	width: 360px;
	height: 230px;
	margin-top: 10px;
	padding: 0;
	background: url("obrazy/nowetango/wyszukiwarka_tlo.png") ;
	
	text-align: center;
}	

#indeksutf input.text {
	margin-top: 10px;
	width: 330px;
	font-size: 18px;
}

#indeksutf select {
	width: 93%;
	margin: 2px 0 2px 0;
	color: #2e3436;
	background: #eeeeec;
	font-size: 11px;
	font-family: verdana, sans-serif;
}

#indeksutf input.button {
	width: 100px;
	margin-left: 5px;
	margin-right: 5px;
}
/*--------------------------------------------- informacja o wyszukiwaniu ID= "info" ---------------------------------*/
#info {
	display: block;
	width: 260px;
	height: 230px;
	color: #eeeeec;
	font-size: 11px;
	font-family: verdana, sans-serif;
	text-align: center;
	background:  url("obrazy/nowetango/info_tlo.png");
}
#info p {
	padding: 10px;
	
}
#info p span {
	font-weight: bold;
	font-size: 14px;
	text-align: justify;
}
/*----------------------------------------------- linki pod menu ID= "linki" ------------------------------------------*/
#linki {
	clear: left;
	float: left;
	width: 207px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#linki ul li {
	float: right;
	width: 180px;
	height: 100px;
	margin: 10px auto 0 auto;
		
}

#gimp a:link,
#gimp a:hover,
#gimp a:visited,
#gimp a:focus {
	display: block;
	width: 180px;
	height: 100px;
	background:  url(obrazy/gimp_org.png);
}
#gimpuj a:link,
#gimpuj a:hover,
#gimpuj a:visited,
#gimpuj a:focus {
	display: block;
	width: 180px;
	height: 100px;
	background:  url(obrazy/forum.png); 
}
#pobier a:link,
#pobier a:hover,
#pobier a:visited,
#pobier a:focus {
	display: none;
	width: 180px;
	height: 100px;
	background:  ;
}


	
.pobieral {
	color: #cc0000;
	}
/*------------------------------------------------------------- treść właściwa ID= "tresc" ----------------------------------*/

/* strony z wypisanymi hasłami po polsku i angielsku, pamiętać o paragrafach  */
/* strony z opisem haseł*/


#miejsce {
	float: right;
	width: 640px;
	
	margin-bottom: 10px;
	
}
#miejsce a:link,
#miejsce a:visited {
	color: #4e9a06;	
	border-bottom: thin dashed #4e9a06;
}
#miejsce a:hover,
#miejsce a:focus {
	color: #4e9a06;
	border-bottom: thin solid #4e9a06;
}
#miejsce dl {
	width: 640px;
	background: url("obrazy/nowetango/dul.png") no-repeat bottom;
}
#miejsce dt {
	color: #2e3436;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	font-family: verdana, sans-serif;
	background: #ffffff url("obrazy/nowetango/gura.png") no-repeat top;
}
#miejsce dd {
	width: 640px;
	height: 30px;
	padding-bottom: 5px;
	color: #4e9a06;
	text-align: center;
	font-size: 14px;
	line-height: 28px;
	font-family: verdana, sans-serif;
}
#miejsce dl dd.dwacztery {
	width: 640px;
	height: 30px;
	background: url("obrazy/class24.png")no-repeat right;
	
	
}
/*---------------------------------------- strony z listą na literę -----------------------------------------*/


#spis {
	float: right;
	width: 640px;
	margin-bottom: 20px;
}
#spis p {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	font-family: verdana, sans-serif;
	color: #4e9a06;
}
#angielskie,
#polskie {
	display: block;
	height: 40px; 	
	color: #2e3436;
	background:#ffffff url("obrazy/nowetango/gura_wazka.png") no-repeat  top;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
	font-family: verdana, sans-serif;
}


#ang,
#pl {
	width: 315px;
	float: left;
	background: url("obrazy/nowetango/dul_wazki.png") bottom; 
	margin-bottom: 20px; 
	padding-bottom: 10px;
}	


#pl {
	width: 315px;
	float: right;
	margin-bottom: 20px;
}


#ang li,
#pl li {
	color: #4e9a06;
	font-size: 12px;	
	font-family: verdana, sans-serif;
	padding: 2px 8px;
	margin: 4px;
}


#ang a:link,
#ang a:visited,
#pl a:link,
#pl a:visited {
	display: block;
	color: #4e9a06; 
}
#ang a:hover,
#ang a:focus,
#pl a:hover,
#pl a:focus {
	display: block;
	color: #cc0000;	
}	


/*---------------------------------------------------------- obrazki ----------------------------------*/


#tresc img {
	float: right;
	margin: 10px auto;
	padding-top: 20px;
	border-top: thick dotted #729fcf;
}

/*--------------------------------------------------strona z narzędziami-----------------------------*/
#filtry,
#toolslist {
	display: block;
	float: right;
	width: 640px;
	background:  url("obrazy/nowetango/gura_main.png") no-repeat top;
	margin-bottom: 20px;
	color: #2e3436;
	font-size: 16px;	
	font-family: verdana, sans-serif;
	text-align: center;
}
#toolslist p,
#filtry p {
	padding: 10px;	
}

#toolslist ul,
#filtry ul {
	width: 640px;
	padding-bottom: 10px;
	margin:  auto;
	background: #ffffff url("obrazy/nowetango/dul_szeroki.png") no-repeat bottom;
	
}
#toolslist dl,
#filtry dl {
	background: #ffffff url("obrazy/nowetango/dul_szeroki.png") no-repeat bottom; 
	margin:  auto;
	padding-bottom: 10px;
}
#toolslist dt,
#filtry dt {
	height: 30px;
	padding-top: 10px;	
	margin: auto;
	font-weight: bold;
	font-size: 18px;
	background: #ffffff url("obrazy/nowetango/gura_main.png") no-repeat top;
}	
#toolslist dd,
#filtry dd {
	padding-top: 5px;
	padding-bottom: 5px;
	margin:  auto;
	color: #ea1514;
}
#toolslist a:link,
#toolslist a:visited,
#filtry a:link,
#filtry a:visited {
	display: block;
	color: #4e9a06; 
}
#toolslist a:hover,
#toolslist a:focus,
#filtry a:hover,
#filtry a:focus {
	display: block;
	color: #cc0000;
}
/*-------------------------------------tryby warstw------------------------------------------*/

#trybywarstw {
	float: right;
	width: 640px;
	margin-bottom: 20px;
	background: #ffffff url("obrazy/nowetango/gura_main.png") no-repeat top;

		
}

#trybywrap {
	float: right;
	width: 640px;
	background: url("obrazy/nowetango/dul_main.png") no-repeat bottom;

		
}

#trybypl {
	float: left;
	text-align: right;
}

#trybyen {
	float: right;
	text-align: left;
}

#trybywarstw li {
	color: #4e9a06;
	width: 310px;	
}
#trybywarstw h3 {
	text-align: center;
	}


/*-------------------------------------filtry------------------------------------------*/

#render dd{
	font-weight: bold;
	
	width: 315px;
	height: 100%;
	padding-top: 5px;
	margin: auto;
	color: #373737;	
	background:  url("obrazy/nowetango/gura_wazka.png") no-repeat  top; 
}
#render ul{
	width: 315px;
	font-weight: normal;
	background: #fce94f url("obrazy/nowetango/dul_wazki.png") bottom;	
}
#render li{

	
}
/*-------------------------------------strona główna-----------------------------------*/
/*-------------------------------------kontakt------------------------------------------*/
/*----------------------------------ciekawe strony-------------------------------------*/
#wrap {
	float: right;
	width: 640px;
	background:  url("obrazy/nowetango/dul_main.png") no-repeat bottom;
}

#main,
#kontaktinfo,
#linkiinfo {
	float: right;
	width: 640px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #2e3436;
	background: #ffffff url("obrazy/nowetango/gura_main.png") no-repeat top;
}
#main p,
#kontaktinfo p,
#linkiinfo p,
#linkiciekawe {
	padding: 5px 15px;
}
#main a:link,
#main a:visited,
#kontaktinfo a:link,
#kontaktinfo a:visited,
#linkiinfo a:link,
#linkiinfo a:visited{
	color: #4e9a06;
	border-bottom: thin dashed;
}
#main a:hover,
#main a:focus,
#kontaktinfo a:hover,
#kontaktinfo a:focus,
#linkiinfo a:hover,
#linkiinfo a:focus {
	border-bottom: thin solid;
}

#linkiinfo li {
	padding-bottom: 5px;
}



/*------------------------------------------------stopka ID= "stopka" ---------------------------------------------*/
#stopka {
	clear: both;
	width: 400px;
	height: 85px;
	margin: auto;
	
}
#stopka ul {
	width: 400px;	
	height: 85px;
	
}
#stopka ul li {
	
	height: 55px;
	float: left;
	margin: 18px 20px auto 20px;
}

                  /*--------------------------ubuntu badge------------------------*/
 .badge {
background-image: url(obrazy/badge_black_25.png);
width:96px;
height:64px;
}
.badge:hover {
background-image: url(obrazy/badge_black.png);
}
.badge a {
display:block;
width:96px;
height:64px;
}
.badge a {
background-image: url(obrazy/badge_black_25.png);
display:block;
width:96px;
height:64px;
}
.badge a:hover {
background-image: url(obrazy/badge_black.png);
}