html, body {
width:100%;
height:100%;
font-family: Arial;
font-size:12px;
margin:0px;
background:url(img/bar.png) repeat-x #e5e5e4;
color:#333333;
}

img
{
border:0px;
}

h1
{
font-size:22px;
}

h2
{
font-size:16px;
}

#testowy
{
position:absolute;
top:0px;
left:0px;
}

.informuj
{
padding:10px;
border:solid 1px #2fa6dd;
color: #2fa6dd;
text-align:center;
font-size:17px;
}

#main_div
{
width:1000px;
height:auto !important;
height:100%;
min-height:100%;

margin:auto;
background:#f4f4f4;
position:relative;
}

#con_div
{

padding:10px;
}

#top_div
{
background:url(img/bar.png) repeat-x;
position:relative;
width:1000px;
height:127px;
margin:auto; 
}


#footer
{
background:#eee;
font-size:10px;
position:absolute;
width:inherit;
bottom:0px;
left:0px;
}

#litery_div
{
width:inherit;
height:28px;
position:absolute;
top:93px;
left:0px;
}

#litery_div .litera
{
display:block;
float:left;
font-size:21px;
color:white;
padding:0px 9px;
}

#litery_div .litera:hover
{
background:white;
border:solid 1px red;
color:red;
text-decoration:none;
}

#content_div
{
float:left;
width:800px;
}


a         {color:black; text-decoration:none;}
a:hover   {color:red; text-decoration:underline;}

.lista_piosenek
{
margin:0px;

padding:5px;
line-height:21px;
}

.clear
{
clear:both;
margin-bottom:10px;
}

.left
{
float:left;
margin-right:4px;
}

.tc
{
width:815px;
}

.tc td
{
vertical-align:top;
width:271px;
}

#logo_div
{
float:left;
margin-left:10px;
}

#wyszukiwarkaS
{
width:410px;
height:60px;
background:url(img/sbar.png) no-repeat;
position:absolute;
right:10px;
top:25px;
}

#szukajText, #szukajSubmit
{
float:left;
}

#szukajText input
{
position:absolute;
top:6px;
left:7px;
width:300px;
font-size:20px;
font-family:arial;
color:#a0a0a0;
border:solid 0px red;
background:#f4f4f4;
}

#szukajSubmit input
{
font-size:20px;
font-family:arial;
position:absolute;
top:0px;
right:0px;
}

#szukajWskazania
{
display:none;
position:absolute;
top:36px;
left:6px;
background:white;
border:solid 1px gray;
width:400px;
z-index:1000;
}

#szukajWskazania .wynik
{
font-size:14px;
cursor:pointer;
padding:4px;
color:gray;
}

.idz a, .idz
{
color:blue;
font-size:11px;
}

#szukajWskazania .wynik:hover
{
background:#efefef;
color:#333;
}

#zakladki_div
{

}

#zakladki_div .zakladka
{
float:left;
font-size:16px;
padding:5px 10px;
cursor:pointer;
border:solid 1px #424242;
border-bottom:0px;
margin-right:10px;
}

#zakladki_div .wybrana
{
font-weight:bold;
}

#zakladki_div .zakladka:hover
{
background:#dddddd;
}

.wynikItem
{
padding:4px;
color:gray;
margin-bottom:10px;
clear:both;
}

.wynikItem .header
{
margin-bottom:5px;
font-weight:bold;
}

.porcjowanie_maly, .porcjowanie_duzy
{
padding:5px;
border:solid 1px #2fabe4;
font-size:14px;
}

.porcjowanie_duzy
{
font-size:17px;
background: #2fabe4;
color:white;
}

.toolbox
{
z-index:100;
top:140px;
right:10px;
position:absolute;
}

.toolbox .ikony, .toolbox .box
{
margin-top:5px;
border:solid 1px #3399FF;
color:gray;
background:white;
padding:5px;
text-align:center;
}

.toolbox .box
{
display:none;
}

.toolbox .box table
{
	width:400px;
}

.toolbox .box td
{
	text-align:justify;
}

#trescPiosenki
{
font-family:arial; 
font-size:14px; 

}

#zoomBox input
{
border:solid 1px #3399FF;
height:24px;
}

#youtubeBox
{
width:425px;
}

#akordyFormularz
{
position:absolute;
top:420px;
right:10px;
width:400px;
background:white;
border:solid 1px green;
padding:5px;
z-index:200;
}

.aski td
{
text-align:center;
}

.polecane
{
	margin-top:10px;
	height:260px;
	overflow:hidden;
}

.pol2
{
	height:auto;
}

.polecane .kolumna
{
float:left;
width:260px;
margin-left:4px;
}

.polecane span, .czyznasz
{
display:block;
border-bottom:2px solid #3399FF;
padding:3px;
font-size:20px;
color:#3399FF;
}

.akordForm
{
	position:relative;
	border:solid 2px gray;
	padding:20px;
}

.akordForm tr
{
	
}

td.akord
{
	width:100px;
	height:30px;
	border-bottom:solid 1px black;
	
	padding:0px;
	margin:0px;
}

td.akord .ak
{
	position:relative;
	width:inherit;
	height:inherit;
}

td.akord span
{
	position:absolute;
	bottom:-6px;
	left:-10px;
}

td.akord .ch
{
	position:absolute;
	bottom:-10px;
	left:40px;
}

.piosenka_akordy
{
width:140px;
float:right;
margin-top:10px;
}

.piosenka_akordy .label
{
	font-size:14px;
}