/*
    Document   : styles
    Created on : 2009-12-26, 12:38:11
    Author     : Marcin Krykwinski
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0 none;margin:0;outline-style:none;outline-width:0;padding:0;}
body, html {margin: 0; padding: 0; font-family:Arial,Helvetica,sans-serif;}

html { font-size:12px; font-family:Arial,Helvetica,sans-serif; background: #FFF; }
body {font-size: 12px; }

@font-face {
	font-family: 'BVV';
	src: url('bvv-font.eot');
	src: local('☺'), url('bvv-font.woff') format('woff'), url('bvv-font.ttf') format('truetype'), url('bvv-font.svg#webfontOMnd1Doz') format('svg');
	font-weight: normal;
	font-style: normal;
}


a {text-decoration: none; color: #0033ff;}
a:hover {text-decoration: underline;}

.news_hidden { display:none; }
.news_show { display:block; }

.wrapper { margin: 0 auto; }
.content { width: 1000px; }
.bottom_div { width: 1000px; background: #FF7E00; float: left; margin: 0 auto; color: #FFF; font-weight: bold; font-size: 13px; height: 22px; margin-top: 20px; margin-bottom: 10px; text-align: center; padding-top: 4px; }
#logo   { width:1000px; height: 109px; background: url('../images/index/logo.png') no-repeat; }

.documentText ul li { list-style: none; }

#top_menu { width: 100%; margin-bottom: 40px; float: left; }
#top_menu ul {  display:inline; float:left; }
#top_menu ul li { list-style: none; float:left; width:124px; height:124px; border-right: 1px #FFF solid; text-align: center;}
#top_menu ul li .list_img { width:100%; background: url('../images/07b.png'); margin-top: -33px; height: 30px; position: relative; padding-top:7px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
#top_menu ul li .list_img:hover { background: url('../images/09b.png'); color: #FF7E00; cursor: pointer; }
#top_menu ul li .first {border-right: 1px #FFF solid;}
#top_menu ul li .last {border:none;}
#top_menu ul li:hover {  }
#top_menu a { color: #000; text-decoration: none;}
#top_menu a:hover {  color: #FF7E00; }

#main_content { float: left; width: 600px; }
#right_menu { float: left; width:190px;  margin-left: 10px; }
#left_menu { float: left; width:190px;  margin-right: 10px; }
.menu_right_bckg { background: #000; }
.menu_left_bckg { background: #FF7E00; }

.menu { width: 190px; margin-bottom: 10px; float:left; }
.menu_title { width:190px; height: 25px; }
.menu_title p { padding: 5px 0 0 10px; color: #FFF; text-transform: uppercase; font-size: 14px; font-weight: bold;}
.menu_title p a { color: #FFF; }
.menu_content { border: 1px solid #EEE; width:188px; }

.menu_content form ul { padding:3px; float:left; width:184px;}
.menu_content form ul li { list-style: none; background: none; margin-bottom: 5px; float:left;}
.menu_content form ul li label { font-size: 10px; display: block; float:left;}
.menu_content form ul li input { border: 1px solid #aaaaaa; font-size: 12px; width:150px; float:left; }
.menu_content form ul li #zaloguj_submit { width:80px; padding: 2px; float:left; }

.menu_content ul { padding: 5px 5px 5px 10px; }
.menu_content ul li { list-style:none; background:url(../images/index/menu_ls.gif) no-repeat 0px 3px; padding-left: 15px;}

.news h2 { font-size: 13px; padding: 0 5px 5px 0;  color:#FF6600;}
.news { width: 100%; padding-top: 10px; float:left; text-align: justify; }
.news img {  float:left; padding: 0 10px 5px 0; }
.news .news_expand {  float:right;  }

.article { width: 100%;  padding-top: 10px; float:left; text-align: justify; font-size: 12px; line-height: 17px;}
.article h2 { font-size: 12px; padding: 0 5px 5px 0; line-height: 10px; margin-bottom: 10px; color: red;}
.article h3 { font-size: 12px; padding: 0 5px 5px 0; line-height: 14px; margin-bottom: 10px;}
.article img {  float:left; padding: 0 15px 5px 0; }
.article_info {  font-size:10px;}

.commentaries { width: 100%; margin-top: 20px; float:left; }
.commentaries h2 { font-size: 14px; padding: 5px; line-height: 10px; margin-bottom: 10px; background: #FF7E00; color: #fff; width:100%;}
.commentaries p {margin-bottom: 10px; }
.comment h2 { background: none; color:#000;}
.comment { background: #fffcf8;  margin-bottom: 10px; float: left; width: 100%; border: 1px solid #EEE; padding: 5px; }
.comment_info {font-size:10px;}
.comment_text { text-align: justify; }

.add_comment { padding: 5px;  margin-bottom: 10px; float: left; width: 570px;}
.add_comment form ul { padding:3px; float:left;}
.add_comment form ul li { list-style: none; background: none; margin-bottom: 5px; float:left;}
.add_comment form ul li label { font-size: 10px; display: block; float:left;}
.add_comment form ul li input { border: 1px solid #aaaaaa; font-size: 12px; width: 550px; float:left; }
.add_comment form ul li #dodaj_submit { width:120px; padding: 2px; float:left; }

.flash_msg { width: 540px; margin:0 auto; background: #ffd4a2; border: 1px solid #f98602; padding: 4px; }

.standard_form form label {display: inline-block; padding-right: 5px; width: 120px;}
.standard_form form ul { }
.standard_form form ul li { list-style-position: outside; list-style-type: none; list-style-image: none; padding: 3px; }
.standard_form form fieldset { border: solid 1px #E1E1E1; padding:10px; }
.standard_form form legend { margin-left: 4px; }

.page div embed { margin-top: 15px; margin-bottom:15px; }
.page { margin-bottom: 15px; }

table tbody tr td ul {  margin-top:2px; margin-bottom:20px; }
table tbody tr td ul li { list-style-position: inside; margin-left:20px; margin-bottom:3px; }
table tbody tr td font { margin:2px  }


/* ************* COMMON ************* */

.left	{text-align: left;}
.center	{text-align: center;}
.right	{text-align: right;}
.clr	{
	clear: both;
	margin-top: -1px;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	line-height: 0;
	}
.clear {clear: both;}


sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
	}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
	}

.none 		{ display: none;}
.bold       { font-weight: bold; }
.italic     { font-style: italic; }
.nopadding  { padding: 0; }
.noindent   { margin-left: 0; padding-left: 0; }
.nobullet   { list-style: none; list-style-image: none; }
.small		{ font-size: 0.9em; }
.hide		{ visibility: hidden; }

.floatleft {
	float: left;
	margin: 0 10px 10px 0;
}

legend		{ position: relative; padding: 0; margin: 0; }
legend span	{ position: absolute; top: 0; left: 0; }

ul { list-style: none; }

.floatright {
	float: right;
	margin: 0 0 10px 10px;
}

.rgt {float: right;}
.lft {float: left;}

img.lft {margin: 0 15px 7px 0;}
img.rgt {margin: 0 0 7px 15px;}

.error {color: #c00; font-weight: bold;}
.error a {color: #b90000; font-weight: bold; text-decoration: underline; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

h1 {
	color: #373434;
	font-size: 30px;
	font-family: "BVV", Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -0.045em;
}
h2 {
	color: #e65d23;
	font-size: 21px;
	font-family: "BVV", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h3 {
	font-size: 16px;
	font-family: "BVV", Arial, Helvetica, sans-serif;
	font-weight: normal;
}