/*===============================================*/
/* OGOLNE */
/*===============================================*/

#media {
	height:100%;
	width:auto;
	padding:10px;
	background: url("/img/multimedia/media_tlo.gif") repeat-x top #353535;
	text-align:left;
}

#media h1 {
 	font: 20px Georgia,Tahoma,Arial;
 	font-style: normal;
 	font-weight: bold;
 	color:#ffffff;
	text-decoration: none;
 	letter-spacing: 0px; 
	padding: 0px;
	margin: 0px;	
	text-align:left;
}
    
#media h2 {
 	font: 14px Georgia,Tahoma,Arial;
 	font-style: normal;
 	font-weight: normal;
 	color:#ffffff;
	text-decoration: none;
 	letter-spacing: 0px; 
	padding: 0px;
	margin: 0px;
	text-align:left;	
}    

/* MENU GLOWNE*/
#media_meni {margin:10px 0 10px 0px; width:auto; border-bottom:1px solid #464646;}
#media_meni div.act { float:left; padding: 0; margin: 0; height: 40px; overflow: hidden; background: transparent; } 
#media_meni div.noact { float:left; padding: 0px; margin: 0; height: 40px; overflow: hidden; background: url("/img/multimedia/menu_on.gif") #7e7e7e repeat-x top left; } 
#media_meni div.clear { clear: both; } 
#media_meni h3 { font-family: Georgia,Tahoma,Arial; color: #fff; font-size:14px; font-weight: bold; line-height:40px; padding: 0 10px 0 10px; text-transform:uppercase;}
#media_meni a { font-family: Georgia,Tahoma,Arial; text-decoration:none; height:40px; line-height:40px; padding: 10px 10px 16px 10px; color: #6d6d6d; font-size:14px; font-weight:bold; background: transparent;text-transform:uppercase;}
#media_meni a:hover, #media_meni a:active { background: url("/img/multimedia/menu_on.gif") #7e7e7e repeat-x top left; color:#fff; text-decoration: none;}

/* MENU SUB*/
#media_submeni {margin:10px 0 10px 0px; width:auto;  border-bottom:1px solid #464646; }
#media_submeni div.act { float:left; padding: 0; margin: 0; height: 30px; overflow: hidden; background: transparent; } 
#media_submeni div.noact { float:left; padding: 0px; margin: 0; height: 30px; overflow: hidden; background: url("/img/multimedia/submenu_on.gif") #7e7e7e repeat-x top left; } 
#media_submeni div.clear { clear: both; } 
#media_submeni h3 { font-family: Georgia,Tahoma,Arial; color: #fff; font-size:11px; font-weight: bold; line-height:30px; padding: 0 8px 0 8px;}
#media_submeni a { font-family: Georgia,Tahoma,Arial; text-decoration:none; height:30px; line-height:30px; padding: 6px 8px 16px 6px; color: #6d6d6d; font-size:11px; font-weight:bold; background: transparent;}
#media_submeni a:hover, #media_meni a:active { background: url("/img/multimedia/submenu_on.gif") #7e7e7e repeat-x top left; color:#fff; text-decoration: none;}

/* MENU PODZIAL STRON */
#media #meni_strony { min-height:25px; position: relative; margin: 15px 0px 25px 0px; float:right; background:transparent;border:0;}
#media #meni_strony div.act {  background: transparent; float:left; padding: 0px 1px 0px 1px; margin: 0px 2px 0px 2px;  height: 20px; width:auto; border:0; overflow: hidden; } 
#media #meni_strony div.noact { background: transparent; float:left; padding: 1px 1px 0px 1px; margin: 0px 2px 0px 2px;  height: 20px; width:auto; border:0; overflow: hidden; } 
#media #meni_strony div.clear { clear: both; } 
#media #meni_strony div h1 { color: #ffffff; font-size:9px; font-weight:normal; height:14px; line-height:14px; padding: 3px 5px 0px 5px; background:#525252; }
#media #meni_strony div h2 { color: #ffffff; font-size:9px; font-weight:normal; height:14px; line-height:14px; padding: 3px 5px 0px 5px; }
#media #meni_strony a { text-decoration:none; height:20px; line-height:20px; padding: 3px 5px 3px 5px; color: #ffffff; font-size:9px; font-weight:normal;}
#media #meni_strony a:hover, #meni_strony a:active {background:#525252; color: #ffffff; text-decoration: none;}

/* BOXY */
.media_box1 { border:1px solid #424242; background: url("/img/multimedia/media_box1.gif") #353535 repeat-x top; padding: 20px 10px 10px 10px; }
.media_box2 { border:1px solid #424242; background: url("/img/multimedia/media_box2.gif") #363636 bottom left repeat-x; padding: 10px 10px 10px 10px; }

/* LINIE */
.media_linia1 {  padding:0px; margin:20px 0px 20px 0px;line-height:2px; font-size:0px; height:2px;width:100%; background: url("media_line1.gif") repeat-x top left;	overflow: hidden; }
.media_linia2 {  padding:0px; margin:10px 0px 10px 0px;line-height:2px; font-size:0px; height:2px;width:100%; background: url("media_line1.gif") repeat-x top left;	overflow: hidden; }
.media_linia3 {  padding:0px; margin:0px 3px 0px 3px;line-height:0; font-size:0px; height:40px;width:2px; background: url("media_line2.gif") repeat-y top left;	overflow: hidden; }

/* TIPS */
.tip { background: #000000;	filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; padding:2px; border:1px solid #ffffff; width: 220px;z-index:1000;position:absolute; }
.tip-title {color:#ffffff; font: 11px Tahoma; padding: 5px;}
.tip-text {color:#000000; font: 0px Tahoma; padding: 0px;filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;}

/*===============================================*/
/* DOWNLOAD */
/*===============================================*/

ul#download {
	padding: 0px;
	margin: 0;
	list-style:none;
}

ul#download li {
	padding: 0px;
	border: 0px solid #ffffff;
	margin: 10px 0px 0px 10px;
	background:#000000;
	text-align:center;
	width:auto;
  float: left; /*IE 7 */
  display: block !important;
  display: inline; /* IE*/
}

ul#download li div {
	font: 12px Georgia,Tahoma,Arial;
	font-style: normal; 
	font-weight: normal; 
	color:#ffffff; 
	text-decoration:none; 
	line-height: 24px;  
	letter-spacing:0px; 	
}

ul#download li div.big {
	font: 18px Georgia,Tahoma,Arial;
	font-style: normal; 
	font-weight: normal; 
	color:#ffffff; 
	text-decoration:none; 
	line-height: 24px;  
	letter-spacing:0px; 
}

#download h1 {
	font: 16px Georgia,Tahoma,Arial;
	font-style: normal; 
	font-weight: normal; 
	color:#ffffff; 
	text-decoration:none; 
	line-height: 18px;  
	letter-spacing:0px; 
}

/*===============================================*/
/* VIDEO */
/*===============================================*/

ul#video {
	padding: 0px;
	margin: 0;
	list-style:none;
}

ul#video li {
	padding: 0px;
	border: 0px solid #ffffff;
	margin: 10px 0px 0px 10px;
	background:#000000;
	text-align:center;
	width:32%;
  float: left; /*IE 7 */
  display: block !important;
  display: inline; /* IE*/
}

.video_obrazek_wrapper {
	float:left;
	overflow: hidden;
	position:relative;
	display:block;
	padding: 10px; 
	margin: 0px;
	background:#000000;
	height: 70px;
	width: 70px;		
}

.video_obrazek {
	position:absolute;
	width:10000px;top:0;left:0;z-index:0;
}

.video_ikonka {
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}

.video_ikonka_ramka {
	padding:3px;
	border-right:1px solid #1f1f1f;
	border-top:1px solid #1f1f1f;
	text-align:center;
	background: url("/img/multimedia/media_transparent.png") repeat;
}

.video_info {
	float:left;
	margin-left:5px;
	overflow: hidden;
	width:135px;
	height:100px;
	text-align:left;
	position:relative;
	display:block;	
}

.video_dalej {
	background: url("/img/multimedia/media_button_wiecej.png") top left no-repeat;
	cursor: pointer;
	width:119px;
	height: 44px;
	position:absolute;
	bottom:0;left:0;z-index:1;
	display: block;
	text-indent: -3000em;
	margin: 0px 5px 0px 0px;	
}

.video_info a {
	font: 12px Georgia,Tahoma,Arial;
	font-style: normal; 
	font-weight: normal; 
	color:#ffffff; 
	text-decoration:none; 
	line-height: 13px;  
	letter-spacing:0px; 
	text-align: justify;
}


#video_player {
	float:left;
	overflow: hidden;
	width:67%;
	text-align:left;
	position:relative;
	display:block;
	background:#000000;	
}

#video_opis {
	float:right;
	overflow: hidden;
	width:32%;
	text-align:left;
	position:relative;
	display:block;
	font: 12px Georgia,Tahoma,Arial;
	font-style: normal; 
	font-weight: normal; 
	color:#909090; 
	text-decoration:none; 
	line-height: 24px;  
	letter-spacing:0px; 
	text-align: left;	
}

#video_opis h1 {
	font: 26px Georgia,Tahoma,Arial;
	font-style: normal; 
	font-weight: normal; 
	color:#ffffff; 
	text-decoration:none; 
	line-height: 28px;  
	letter-spacing:0px; 
	text-align: left;
}

#video_opis h2 {
	font: 18px Georgia,Tahoma,Arial;
	font-style: normal; 
	font-weight: normal; 
	color:#ffffff; 
	text-decoration:none; 
	line-height: 20px;  
	letter-spacing:0px; 
	text-align: left;
}


/*===============================================*/
/* GALERIA */
/*===============================================*/


/* OBRAZEK DUZY */

.foto { padding: 0px; border:0px;}
.foto_m { padding: 1px; border:1px solid #000000; vertical-align:top;}


#media_obrazek_wrapper { 
	position: relative;
	overflow: hidden;
	display: block; 
	padding: 10px; 
	margin: 0px;
	background: #000000;
	height: 500px;
	width: 760px;	
	z-index:0; 
}

#media_obrazek_overlay { 
	position: relative;
	overflow: hidden;
	display: block; 
	height: 500px;
	width: 750px;
	padding: 0px; 
	margin: 0px;	 
	background: #000000;
	z-index:0;
}

#media_obrazek { 
	position:absolute;
	width:10000px;top:0;left:0;z-index:0;
}


/* OPCJE */

#media_opcje { 
	position: relative; 
	overflow: hidden;
	width: 760px; 
	height: 20px; 
	padding: 10px 10px 10px 10px; 
	margin: 15px 0px 1px 0px;
	background: url("/img/multimedia/media_listwa1.gif") repeat-y center top #363636;
}


#media_pauza,#media_play,#media_resize,#media_next,#media_previous {
	cursor: pointer;
	width:23px;
	height: 23px;
	display: block;
	z-index: 10;
	text-indent: -3000em;
	margin: 0px 5px 0px 0px;
}

#media_play {
	background: url("/img/multimedia/media_button_play.png") top left no-repeat;
	float: right;
}

#media_pauza {
	background: url("/img/multimedia/media_button_pauza.png") top left no-repeat;
	float: right;
}

#media_resize {
	background: url("/img/multimedia/media_button_resize.png") top left no-repeat;
	float: right;
}

#media_next {
	background: url("/img/multimedia/media_button_next.png") top left no-repeat;
	float: left;
}

#media_previous {
	background: url("/img/multimedia/media_button_previous.png") top left no-repeat;
	float: left;
}

/* LABEL - NAZWA */

#media_label {
	height: auto;
	width: 100%;
	background: #000000;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	position: absolute;
	z-index:100;
	bottom:0px;
	padding:10px;
}

#media_txt {
	color: #ffffff;
	font: 9px Georgia,Tahoma,Arial;
	text-align: left;
}

#media_txt h1 a {
	font: 18px Georgia,Tahoma,Arial;
	font-style: normal; 
	font-weight: bold; 
	color:#ffffff; 
	text-decoration:none; 
	line-height: 19px;  
	letter-spacing:0px; 
	text-align:left;
}

#media_txt a {
	font: 9px Georgia,Tahoma,Arial;
	font-style: normal; 
	font-weight: normal; 
	color:#ffffff; 
	text-decoration:none; 
	line-height: 13px;  
	letter-spacing:0px; 
	text-align: justify;
}


/* OBRAZKI MALE */

#media_tumb { 
	position: relative; 
	overflow: hidden;
	width: 780px; 
	height: 122px; 
	padding: 10px 0px 10px 0px; 
	margin: 1px 0px 0px 0px;
	background: url("/img/multimedia/media_listwa2.gif") repeat-y center top #363636;
}

#media_tumb_wrapper { 
	position: relative; 
	overflow: hidden;
	width: 700px; 
	height: 122px; 
	padding: 0px; 
	margin: 0px;
}

#media_tumb_karuzela {
	position:absolute; 
	width:10000px;
	top:0;
	left:0;
	z-index:0;
}

#media_tumb_lewo, #media_tumb_prawo {
	cursor: pointer;
	width:33px;
	height: 122px;
	display: block;
	z-index: 10;
	text-indent: -3000em;
	margin-top: 10px;
}

#media_tumb_lewo {
	background: url("/img/multimedia/media_button_wstecz.png") top left no-repeat;
	float: left;
}
#media_tumb_prawo {
	background: url("/img/multimedia/media_button_dalej.png") top left no-repeat;
	float: right;
}

ul#media_male {
	padding: 0px;
	margin: 0;
	list-style:none;
}

ul#media_male li {
	padding: 0px;
	border: 0px solid #ffffff;
	margin: 0px;
	background:#000000;
	margin-left:5px;
	text-align:center;
	height:200px;
  float: left; /*IE 7 */
  display: block !important;
  display: inline; /* IE*/
}