/*------------- general -------------*/
* {margin:0; padding:0;}
body
{
	font-size: 10pt; font-family: Tahoma, sans-serif; line-height:1.333em;
	margin-left: auto; margin-right: auto; margin-top: 0; 
	width: 790px; padding: 0; color: black; background-color: #eaeaea;
	
}
#wrapper {width: 750px; background: url(../img_front/bg_outer.png) top left repeat-y; padding-left: 20px; padding-right: 20px;}

a{text-decoration: none;}
a:hover {text-decoration: underline;}
p {text-align: justify; margin-bottom: 5px;}
img {border: none; }
ul {margin-top: 10px; margin-bottom: 10px;}

h2 {font-size: 1.4em; margin-top: 0.4em; margin-bottom: 1em; clear: both; }
h3 {font-size: 1.2em; margin-top: 0.7em; margin-bottom: 0.6em;}
h4 {font-size: 1.1em; margin-top: 0.4em; margin-bottom: 0.4em;}
h5 {font-size: 1em; margin-top: 0.35em; margin-bottom: 0.35em; font-weight: bold;}

input {border-width: 1px;}

/*------------- header -------------*/
#header 
{
	background: url(../img_front/logo.png) top left no-repeat; 
	height:122px; width: 750px; padding-top:0px; float: left;
}

#logo {float: left; display: block; width: 300px; height: 110px;}
#wybor_jezyka {float: left; margin-left: 15px; margin-top: 2px;}
#wybor_jezyka img {margin-left: 5px;}
.flaga_gray {filter:alpha(opacity=40); -moz-opacity:0.4; opacity: 0.4; zoom: 1;}

#infopanel 
{
	padding: 0 10px; margin: 0 0 3px 0; width: 730px;
	clear: left; background-color: #c3c3c3; color: #6a6a6a; 
	font-weight: bold; font-size: 11px; vertical-align: middle;
}
#infopanel a {font-weight: normal;}
#infopanel img {vertical-align: middle; margin: 0 0 0 6px;}

/*------------- menu strefy -------------*/
#strefy 
{
	display: inline-block; text-align: left; padding: 0; margin: 0 10px 0 0; width: 110px; 
}
#strefy ul {list-style-type: none;}
#strefy a
{
	display: block; text-decoration: none; font-weight: bold; 
	color: #1A1A99; height: 18px; line-height: 2em; padding-left: 10px;
}

#strefy_button {cursor: pointer;}

#strefy_lista 
{
	width: 110px; display: none; position: absolute; margin: 0; padding: 0; z-index: 3; 
	border-left: 1px solid #6a6a6a; border-right: 1px solid #6a6a6a;
}
#strefy_lista li {height: 18px; width: 110px; background-color: #c3c3c3; border-bottom: 1px solid #6a6a6a;}
#strefy_lista li a {height: 18px; font-size: 1em; color: #6a6a6a;}
#strefy_lista li:hover {background-color: #d7d7d7;} 
#strefy_lista li .sfhover {background-color: #d7d7d7;}

/*------------- menu left -------------*/
#col_left {width: 150px; float: left;}
#col_right {width: 150px; float: left;}
.menu_button 
{
	font-size: 13px; font-weight: bold; padding: 8px 0 8px 36px; 
	background: url(../img_front/menu_header.gif) top left no-repeat; color: white; 
}

.menu_left {padding: 2px 5px; font-size: 11px; font-weight: bold; color: #6A6A6A;}
.menu_left ul 
{
	list-style-type: none; margin: 0 0 10px 0; clear: left;
	border-left: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; 
}
.menu_left li {background-color: #E3E3E3; border-bottom: 2px solid #F5F5F3; clear: left;}
.menu_left li a {line-height: 1.3em; color: #6A6A6A;}
.menu_left li a:hover {text-decoration: none; color: #685783;}
.menu_left li img {margin-left: 10px;}

.menu_level1 
{
	margin-left: 5px; padding: 1px 0; display: inline-block;
	background: url(../img_front/menu_arrow.gif) center left no-repeat;
}
.menu_level2 
{
	margin-left: 15px; padding: 0 0 1px 0; display: inline-block;
	background: url(../img_front/menu_arrow2.gif) center left no-repeat; 
}
.menu_level1 a, .menu_level2 a {margin-left: 15px; display: inline-block;}

.menu_ico {margin: 1px 7px 0 7px; float: left;}
.menu_flag {margin: 4px 7px 0 7px; float: left;}

.menu_left form 
{
	background-color: #F2F2F2; padding: 12px 4px; margin: 0 0 10px 0;
	border-left: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; 
}
.btn {color: white; background-color: #685783; margin-left: 5px; border-style: solid; padding: 0 3px;}
input {border: 1px solid #D8D8D8;}

.reklama_menu 
{
	padding: 10px 0; background-color: #F2F2F2; 
	border-left: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8; 
}
.reklama {text-align: center; vertical-align: middle;}

/*------------- content ---------------*/
#content {float: left; width: 436px; padding: 2px 5px; margin-left: 2px; margin-right: 2px;}
#content a {color: #6A6A6A;}

.top_button 
{
	background: url(../img_front/content_header.gif) top left no-repeat; color: white;
	font-size: 13px; padding: 8px 0 8px 40px; font-weight: bold; clear: left;
}

.transmisja {margin: 5px 0 15px 0; font-size: 11px;}
.transm_head {background-color: #D8D8D8; line-height: 1.8em; padding-left: 10px; margin-top: 3px;}
.transm_kanal {background-color: #EBEBEB; line-height: 1.5em; border-bottom: 3px solid #D8D8D8;}
.transm_kanal a {color: #6A6A6A;}
.nazwa_kanalu {width: 150px; padding: 2px 0 1px 0; margin-left: 10px; float: left;}
.linki_kanalu {width: 260px; padding: 2px 0 1px 5px; float: left;}
.transmisja img {vertical-align: middle; padding-bottom: 3px; padding-right: 5px;}
.lnk_ico  {vertical-align: middle; padding-top: 1px; margin-right: 3px;}
.live {color: yellow; text-decoration: blink;}

.film {margin: 5px 0 10px 0; font-size: 11px;}
.film_head {background-color: #D8D8D8; line-height: 1.8em; padding-left: 10px; margin-top: 3px; font-weight: bold;}
.film_head a {color: #6A6A6A;}
.film_row {background-color: #EBEBEB; line-height: 1.5em; border-bottom: 3px solid #D8D8D8; padding-left: 33px;}
.film img {vertical-align: middle; padding-bottom: 3px; padding-right: 5px;}
.film_dzien {color: #685783;}

.frm_name {display: inline-block; width: 120px; margin-bottom: 3px;}
#embed_example {border: 2px solid gray;}
.movie_embed {text-align: center;}
.plik a {margin-right: 5px;}
#strona_stat 
{
	padding: 10px; background-color: #F2F2F2; 
	border-left: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; border-right: 1px solid #D8D8D8;
}

.stronicow {margin: 10px; text-align: center;}

/*------------- stopka ---------------*/
#stopka 
{
	font-family: arial; color: #6A6A6A; font-size: 12px;
	padding: 5px 0; margin-top: 20px; background: url(../img_front/footer_bg.png) top left repeat-x;
	clear: left; width: 100%; height: 93px;
}
#stopka a {text-decoration:none; color: #6A6A6A;}
#stopka a:hover {text-decoration:underline;}
#stopka_copyright {width: 400px; display: inline-block; padding: 0 0 5px 10px;}
#stopka_menu {width: 330px; text-align: right; display: inline-block; padding: 3px 10px 5px 0;}
#powered {margin: -21px 5px 0 610px; }
#powered a {font-weight: bold;}