/*************** STYLE OGÓLNE ***************/
html {
overflow-x: hidden;
overflow-y: scroll;
} 


img {
    border : none;
    margin  : 0px;
    padding : 0px;
}

img.hr {
  text-align : left;
  display : block;
}

img.topic {
  text-align : left;
  display : block;
  margin:5px 0 0 0;
  padding: 5px 0 0 0;
}

img.klip {
  margin:15px 5px 0 0;
  padding: 0px 0 0 0;
}


#tooltip {
    position:absolute;
    width:180px;
    margin:-20px 0 0 15px;
    padding : 5px;
    border:2px ridge #51290F;
    text-align:center;
    color:#6E3814;
    font:bold 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
    background-color:#EFD7B5;
}

div {
    margin  : 0px;
    border  : none;
    padding : 0px; 
}

body {
    font-family:"Trebuchet MS", "Verdana";
    background-color: black;
    margin  : 0px;
    padding : 0px; 
}

table {
text-align : justify;
font-size  : 10pt;
}

A:link {text-decoration: underline; color: #d8b379; font-family: Trebuchet MS;}
A:visited {text-decoration: underline; color: #d8b379; font-family: Trebuchet MS;}
A:active {text-decoration: underline; color: #d8b379; font-family: Trebuchet MS;}
A:hover {text-decoration: underline; color: #bb360b; font-family: Trebuchet MS;}




/*************** LAYOUT GORA***************/

#strona {
    padding         : 0px;
    width           : 900px;
    border          : 0px;
    margin          : 10px auto 0 auto;
    background-image: url('images/bajm_03.jpg');
}


#naglowek {
    margin-left     : auto;
  	margin-right    : auto;
    padding         : 0px;
    width           : 900px;
    height          : 387px;
    border          : 0px;
    background-image: url('images/bajm_anim.jpg');
}



#menu {
    margin-left     : auto;
  	margin-right    : auto;
    padding         : 0px;
    width           : 900px;
    height          : 62px;
    border          : 0px;
    background-image: url('images/bajm_01.jpg');
}



/*************** LAYOUT LEWA***************/

#lewa {
    padding          : 0px;
    margin         : 0px 20px 0px 40px;
    width           : 460px;
    border          : 0px;
    float           : left;
}


#lewa .img_lewa {
    float           : left;
    padding : 5px 6px 0px 6px;
}

#lewa .img_prawa {
    float           : right;
    padding : 5px 6px 0px 10px;
}

#lewa p {
    margin          : 0px;
    color           : #d8b379;
    font-size       : 10pt;
    text-align      : justify;
    padding : 5px 0px 10px 30px;
    
}

#lewa h2 {
    color           : #d8b379;
}

#lewa h3 {
    color           : #d8b379;
    text-align : center;
}

#lewa p.data {
    margin          : 0px;
    color           : #a13a0e;
    font-size       : 9pt;
    text-align      : left;
    padding : 5px 0px 0px 30px;
    font-weight: bold;
}


#lewa img {
   padding          : 0px;
}


#lewa ul { }

#lewa li {
   font-size : 10pt;
   margin  : 0px;
   padding  : 0px 0px 0px 17px;
   background-image: url("images/li.jpg");
   background-repeat :  no-repeat;
   background-position: 0 4px;
   list-style-type:none;
   color           : #d8b379;
}

#lewa li.muzyka {
background-image: url(none);
 list-style-type: decimal;
   margin  : 0px;
   padding  : 0px;
}

#lewa #songs_container {
	margin: 20px 0 0 10px;
	width:460px;
	color:#D8B379;
	}

#lewa .vote_button {
	border: 1px solid rgb(161, 58, 14); 
	background: rgb(216, 179, 121);
	margin: 10px 0 0 200px;
	width: 100px;}

#lewa .vote_link {
	margin: 0 0 0 180px;
	}
	
#lewa .vote_ocena {
	font-style: italic;
	color: #6F6868;
	}

/*************** LAYOUT PRAWA***************/


#prawa {
    padding          : 0px;
    margin         : 0px 30px 0 0;
    width           : 255px;
    border          : 0px;
    float           : right;
}



#prawa p {
    margin          : 0px;
    padding         : 10px 30px 0px 20px;
    color           : #d8b379;
    font-size       : 10pt;
    text-align      : justify;
}


#prawa ul {}

#prawa li {
   font-size : 10pt;
   margin  : 0px;
   padding  : 0px 0px 0px 17px;
   background-image: url("images/li.jpg");
   background-repeat :  no-repeat;
   background-position: 0 4px;
   list-style-type:none;
   color           : #d8b379;
}



/*************** LAYOUT STOPKA***************/
#stopka {
	  margin          : 0px;
	  padding         : 0px;
    border          : 0px;
    width           : 900px;
    height          : 137px;
    background-image: url('images/bajm_05.jpg');
    clear           : both;
}

#stopka p {
    padding         : 13px 10px 0px 0px;
    font-size       : 10pt; 
    text-align      : right;
    color           : #d8b379;
    margin          : 0 0 0 0;
}


#projekt  {
    font-size       : 10pt; 
    width           : 900px;
    height          : 35px;
	  margin          : 0 0 0 0;
	  padding         : 5px 0 0 0;
}

#projekt p {
    font-size       : 10pt; 
    text-align      : center;
    color           : #d8b379;
}

#stopka p span a {color:black;}