@charset "utf-8";
@font-face
{
	font-family: 'gotham-light';
	src: url('gotham-light.eot');
	src: url('gotham-light.eot?#iefix') format('embedded-opentype'), url('gotham-light.woff') format('woff'), url('gotham-light.ttf') format('truetype'), url('gotham-light.svg#gotham-light') format('svg');
	font-weight: normal;
	font-style: normal;
}

body
{
	margin: 0;
	background-color: #ffffff;
	background-position: top;
	font-family: arial;
	font-size: 9pt;
	font-weight: 100;
	line-height: 15pt;
	overflow-x: hidden;
}

/*- - - - - - - - - - - - - -*/

#caly_blok
{		
	min-width: 480px;
	max-width: 100%;
	border: 0px #000000 solid;
	margin: 0 4px;
	text-align: left;
}

#naglowek
{
	border: 0px #ff0000 solid;
}

#tester 
{
	display: none;
}

#layer_warning
 {
	position: relative;
	margin: 4px auto;
	width: 980px;
	height: 42px;
	z-index: 0;
	text-align: right;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	line-height: 42px;
	background-image: url('../../images/web/warning.png');
}

#layer_header
 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 89px;
	color: #ffffff;
	overflow: hidden;
	border: 0px #000000 solid;
}

#layer_header_logo
 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 494px;
	height: 75px;
	background-image: url('../../images/web/logo_filmy_dokumentalne.jpg');
	background-repeat: no-repeat;
	cursor: pointer;
}

#layer_header_image
 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 486px;
	height: 75px;
	background-image: url('../../images/web/logo_filmy_dokumentalne_header.jpg');
}

#layer_header_menubar
{
	position: absolute;
	z-index: 0;
	top: 60px;
	right: 0;
	background-color: #268be3; 
	font-family: gotham-light; 
	font-size: 16pt; 
	line-height: 22pt;
	text-align: right;
}

#layer_header_menubar_input
{
	font-family: gotham-light; 
	font-size: 16pt; 
	line-height: 22pt;
	width: 107px;
	height: 17px; 
	padding: 2px; 
	margin: 4px 0 0 0; 
	border: 0;
}

#layer_media
{
	position: relative;
	
	margin: 0;
	padding: 0;
	border: 0px #268be3 solid;
	background-color: #000000;
	vertical-align: top;
	text-align: center;
}

#layer_footer
 {
	clear: both;
	width: 100%;
	background-color: #268be3;
	font-family: gotham-light; 
	font-size: 16pt; 
	line-height: 22pt;
	text-align: center;
	color: #ffffff;
	margin: 8px 0 0 0;
	
}

/*- - - - - - - - - - - - - -*/

input[type="text"]
{
	width: 50%;
	padding: 2px 4px 2px 4px;
	margin: 4px 2px 0 2px;
	font-size: 9pt; 
	font-weight: 100;
	line-height: 15pt;
	border: 1px #0066cc solid;
	border-radius: 2px;
	background-color: #f2f4f3;
}

input[type="password"]
{
	width: 50%;
	padding: 2px 4px 2px 4px;
	margin: 4px 2px 0 2px;
	font-size: 9pt; 
	font-weight: 100;
	line-height: 15pt;
	border: 1px #0066cc solid;
	border-radius: 2px;
	background-color: #f2f4f3;
}

input[type="button"]
{
	width: auto;
	min-width: 80px;
	padding: 2px 2px 2px 2px;
	margin: 4px 2px 0 2px;
	font-size: 9pt; 
	font-weight: 100;
	line-height: 15pt;
	border: 1px #0066cc solid;
	border-radius: 2px;
	background-color: #f2f4f3;
}

input[type="submit"]
{
	width: auto;
	min-width: 80px;
	padding: 2px 2px 2px 2px;
	margin: 4px 2px 0 2px;
	font-size: 9pt; 
	font-weight: 100;
	line-height: 15pt;
	border: 1px #0066cc solid;
	border-radius: 2px;
	background-color: #f2f4f3;
}

textarea 
{
	width: 50%;
	padding: 2px 4px 2px 4px;
	margin: 4px 2px 0 2px;
	font-family: arial;
	font-size: 9pt; 
	font-weight: 100;
	line-height: 15pt;
	border: 1px #0066cc solid;
	border-radius: 2px;
	background-color: #f2f4f3;
}

select {font-size: 11px; margin: 4px 0 0 0; height: 19px; vertical-align: top;}


/* HEADER + CONTENT= = = = */

.layer_header_menu_href			{text-decoration: none; font-weight: normal; cursor: pointer; padding: 0 0 0 8px;}
.layer_header_menu_href:visited	{text-decoration: none; color: #ffffff;}
.layer_header_menu_href:active	{text-decoration: none; color: #000000;}
.layer_header_menu_href:link 	{text-decoration: none; color: #ffffff;}
.layer_header_menu_href:hover 	{text-decoration: none; color: #000000;}

a.vote			{text-decoration: none; font-weight: bold; cursor: pointer;}
a.vote:visited	{text-decoration: none; color: #000000;}
a.vote:active	{text-decoration: none; color: #aa0000;}
a.vote:link 		{text-decoration: none; color: #000000;}
a.vote:hover 	{text-decoration: none; color: #aa0000;}

div.layer_bar
 {
	margin: 0px 0 0 0;
	padding: 0 0 0 8px; 
	background-color: #268be3; 
	font-family: gotham-light; 
	font-size: 16pt; 
	line-height: 22pt;
	color: #ffffff;
	clear: both;
	border: 0px #000000 solid;
}

div.layer_content
 {
	margin: 4px 0 0 0;
	overflow: hidden;
	clear: both;
	border: 0px #000000 solid;
	font-size: 14px;
}


/* THUMB = = = = = = = = = */

div.layer_main_thumbs
{
	float: left;
	width: 205px;
	height: 138px;
	cursor: pointer;
	overflow: hidden;
	margin: 0 4px 4px 0 0;
	border: 0px #0066cc solid; 
	border-top: 0;
	border-bottom: 0;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	z-index: 15; 
}
div.layer_main_icons_big
{
	float: left;
	width: 100px;
	height: 66px;
	cursor: pointer;
	overflow: hidden;
	margin: 0 4px 4px 0 0;
	border: 0px #0066cc solid; 
	border-top: 0;
	border-bottom: 0;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
	z-index: 15; 
}
div.layer_main_icons
{
	float: left;
	width: 83px;
	height: 55px;
	cursor: pointer;
	overflow: hidden;
	margin: 4px 4px 0 0;
	border: 0px #0066cc solid; 
	border-top: 0;
	border-bottom: 0;
	border-radius: 2px;
	
	z-index: 15; 
}

img.layer_main_thumbs	{width: 100%;}
img.layer_main_icons_big	{width: 100%;}
img.layer_main_icons		{width: 83px; height: 55px;}

a.layer_main_thumbs			{position: absolute; z-index: 15; bottom: 8px; left: 8px; padding: 4px 8px; font-family: gotham-light; font-size: 11pt; line-height: 13pt; background-image: url('../../images/web/bg_transparency_75.png'); border: 0px #060606 solid;}
a.layer_main_thumbs:visited	{color: #ffffff; text-decoration: none; }
a.layer_main_thumbs:active	{color: #ffff77; text-decoration: underline;}
a.layer_main_thumbs:link	{color: #ffffff; text-decoration: none; }
a.layer_main_thumbs:hover	{color: #ffff77; text-decoration: underline;}

a.layer_main_icons_big			{position: absolute; z-index: 15; bottom: 2px; left: 2px; padding: 2px 2px; font-family: gotham-light; font-size: 8pt; line-height: 9pt; background-image: url('../../images/web/bg_transparency_75.png'); border: 0px #060606 solid;}
a.layer_main_icons_big:visited	{color: #ffffff; text-decoration: none; }
a.layer_main_icons_big:active	{color: #ffff77; text-decoration: underline;}
a.layer_main_icons_big:link		{color: #ffffff; text-decoration: none; }
a.layer_main_icons_big:hover	{color: #ffff77; text-decoration: underline;}


/* TAG CLOUD = = = = = = = */

.tagcloud
{
	float: left;
	text-align: center;
}

a.tagcloud			{font-family: gotham-light; font-size: 13pt; font-weight: bold; line-height: 22pt; background-color: #cccccc; margin: 4px 4px 0 0; padding: 0 4px 0 4px;}
a.tagcloud:visited	{text-decoration: none; font-weight: bold; color: #000000;}
a.tagcloud:active 	{text-decoration: none; font-weight: bold; color: #ff0000;}
a.tagcloud:link 		{text-decoration: none; font-weight: bold; color: #000000;}
a.tagcloud:hover 	{text-decoration: none; font-weight: bold; color: #ff0000;}


/* RESPONSIV STYLE = = = = */

@media all and (max-width:769px)
{
	#caly_blok
	{
		font-size: 14px; /* czcionka na starcie strony */
		line-height: 22px;
	}
	
	#layer_header
	{
		height: 114px;
	}
	
	div.layer_main_thumbs
	{
		float: none;
		width: auto;
		margin: 0 8px 0 0;
		border: 1px #268be3 solid;
	}
	
	img.layer_main_thumbs
	{
		width: 10%;
		min-width: 64px;
	}
	
	a.layer_main_thumbs
	{
		left: 80px;
		text-align: right;
		right: 8px;
		font-size: 12pt;
		line-height: 13pt;
		border: 1px #268be3 solid;
	}
	
	#layer_media_roller
	{
		float: none;
		width: auto;
		margin: 0px;
		border: 0px #268be3 solid;
		/*overflow-y: scroll;*/
	}
	
	#layer_header_menubar_input
	{
		font-size: 16px; 
		line-height: 18px; 
	}
	
	#youtube_embed_player_embed
	{
		height: 700px;
	}
	
	#table_side_td
	{
		display: none;
	}
}

a			{color: #000000;}
a:visited	{color: #268be3; text-decoration: underline;}
a:active	{color: #000000; text-decoration: none;}
a:link		{color: #268be3; text-decoration: underline;}
a:hover		{color: #000000; text-decoration: none;}


/* = = = = = = = = = = = = */

.error
{
	color: #ff0000;
	font-weight: bold;
}