/* ------------------------------------------------ TŁO */

.bg {
background-repeat: repeat-x;
background-position: top;
}

.cien_branze {
background-repeat: no-repeat;
background-position: top;
}

/* ------------------------------------------------ MENU GŁÓWNE */

.menu_bg {
background-color: #0a244d;
}

ul.menu {
list-style: none;
margin: 0;
padding: 0;
float: left;
background-color: #0a244d;
}

ul.menu li {
list-style: none;
float: left;
}

li.menu a:link, li.menu a:visited {
display: block;
font-family: Verdana, Arial, Sans-serif;
font-size: 9pt;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
border-right: 1px solid #fff;
padding-left:6px;
padding-right:6px;
padding-top:10px;
padding-bottom:25px
}

li.menu2 a:link, li.menu2 a:visited {
display: block;
background-color: #ff0000;
font-family: Verdana, Arial, Sans-serif;
font-size: 9pt;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;border-right: 1px solid #fff;
padding-left:6px;
padding-right:6px;
padding-top:10px;
padding-bottom:25px
}

li.menu a:hover {
background-color: #4e688F;
font-family: Verdana, Arial, Sans-serif;
font-size: 9pt;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

li.menu2 a:hover {
background-color: #ff0000;
font-family: Verdana, Arial, Sans-serif;
font-size: 9pt;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

/* ------------------------------------------------ MENU TOP*/

a.menu_top {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #555555;
font-weight: normal;
line-height: 15px;
text-decoration: none;
}

a.menu_top:hover {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #555555;
font-weight: normal;
line-height: 15px;
text-decoration: underline;
}
/* ------------------------------------------------ TEKST */

.tekst {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #555555;
font-weight: normal;
line-height: 15px;
}

.klasa_prod {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 11pt;
color: #FF0000;
font-weight: bold;
line-height: 15px;
}

.red {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #FF0000;
font-weight: normal;
line-height: 15px;
}

.green {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: green;
font-weight: normal;
line-height: 15px;
}

.tekst_naglowek {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #555555;
text-decoration: none;
font-weight: bold;
}

.art_naglowek {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 11pt;
color: #555555;
text-decoration: none;
font-weight: bold;
}

h1 {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 11pt;
color: #555555;
text-decoration: none;
font-weight: bold;
margin: 0px;
padding: 0px;
}

/*
.slogan {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 10pt;
color: #fb5002;
text-decoration: none;
font-weight: bold;
}
*/

.slogan {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 15pt;
color: #4e688f;
text-decoration: none;
font-weight: normal;
}

.home_naglowek {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 15pt;
color: #222222;
text-decoration: none;
font-weight: normal;
}

.home_data {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #AAAAAA;
text-decoration: none;
font-weight: normal;
}

.home_cert {
color: #000000;
font-family: 'Arial';
font-style: italic;
font-size: 9px;
display: block;
line-height: 5px;
}

.foto_cert {
margin: 10px 15px;
float: left;
text-align: center;
}

.foto_cert img {
margin-bottom: 10px;
}

a.home_branze {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 9pt;
color: #4e688f;
font-weight: normal;
line-height: 15px;
text-decoration: none;
}

/* ------------------------------------------------ STOPKA */

.stopka {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #4e688f;
font-weight: normal;
line-height: 15px;
text-decoration: none;
}

a.stopka2 {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #fb5002;
font-weight: normal;
line-height: 15px;
text-decoration: none;
}

a.stopka2:hover {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #fb5002;
font-weight: normal;
line-height: 15px;
text-decoration: underline;
}

a.stopka {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #4e688f;
font-weight: normal;
line-height: 15px;
text-decoration: none;
}

a.stopka:hover {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #4e688f;
font-weight: normal;
line-height: 15px;
text-decoration: underline;
}

.podpis {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #AAAAAA;
font-weight: normal;
}

/* ------------------------------------------------ MOD */

.mod {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #AAAAAA;
text-decoration: none;
font-weight: normal;
}

a.mod {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #AAAAAA;
text-decoration: none;
font-weight: normal;
}

a.mod:hover {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 8pt;
color: #222222;
text-decoration: none;
font-weight: normal;
}

.mod_naglowek {
font-family: "Tahoma", Verdana, Arial, Sans-serif;
font-size: 11pt;
color: #4e688F;
text-decoration: none;
font-weight: bold;
}

.mod_kreski {
border-bottom: 1px solid #F0F0F0;
}

/* ------------------------------------------------ OBRAMOWANIE */

.ramka1 {
border-left:1px solid #F0F0F0;
border-right:1px solid #F0F0F0;
}

.ramka2 {
border-bottom: 1px solid #F0F0F0;
}

.ramka3 {
border-top: 1px solid #F0F0F0;
}

/* ------------------------------------------------ WYPUNKTOWANIE */

ul.lista {
	list-style-type: none;
	display: block;
	margin: 10px 0px 10px 0px;
	padding: 0;
}

ul.lista li {
	background: url('index/pics/lista.gif') no-repeat left;
	padding: 3px 5px 3px 15px
}
ul.lista2 {
	list-style-type: none;
	display: block;
	padding: 3px 0 3px 0;
}

ul.lista2 li {
	background: url('index/pics/lista.gif') no-repeat left;
	background-position: 0px 8px;
	padding:3px 0px 0px 13px;
	text-align: justify;

/* ------------------------------------------------ ELEMENTY */

.button {
border: 1px solid #a5acb2;
background-color: #FFFFFF;
padding: 3px;
}

.td_bg {
background-color: #F0F0F0;
}

/* player container */
div.player {
	height:375px;
	width:500px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}

/* play button */
div.player img {
	margin-top:159px;
}

/* info area */
div.player div.info {
	height:40px;
	background:#000 url(/img/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
    margin-top:90px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:18px;
	border-top:1px solid #ccc;
	
}

#playlist {
	height:450px;
	width:200px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:5px;
	float:left;
}

/* playlist entry */
#playlist a {
	display:block;
	width:165px;
	height:108px;
	padding:7px;
	background-color:#fff;
	border:1px solid #ccc;
	font:11px "bitstream vera sans", "lucida grande",verdana;
	text-decoration:none;
	margin-top:17px;
	color:#666;
}

/* different states of a playlist entry */
#playlist a:hover {
	background-color:#ffc;		
}

#playlist a.progress {
	background-color:#efefef;	
}

#playlist a.playing {
	border:1px solid #666;
	background-color:#ffc;	
}

#playlist a.paused {
	border:1px solid #666;
	background-color:#ffc;	
}

/* elements inside playlist entry */
#playlist a img {
	border:0;	
	margin-right:5px;
}

#playlist a strong {
	color:blue;		
	padding-bottom:5px;
}