@charset "utf-8";
/* CSS Document */
div.fb-like {
	position: absolute;
	top: 129px;
	left: 900px;
}
* {padding:0; margin:0}
body{ background:url(img/bg2.jpg) top repeat-x #000000; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:12px;  color:#787878; outline:none}

.baner {background:url(img/cien.png) bottom center no-repeat;  width:100%; height:314px; margin:0 auto}
.img {background:url(img/baner3.jpg); width:950px; height:314px; margin:0  auto; }
h1 a{ background:url(img/logo.png) no-repeat; text-indent:-2000px; width:473px; height:310px; position:absolute; margin:33px 0 0 230px; z-index:3}
h3 {
	margin: 20px 0;
	color: maroon;
}

.content { width:988px; margin:0 auto; margin-top:-12px; background:url(img/bg_content2.png) repeat-y; }


/*----------menu poziome start---------------*/
.menus {width:100%; min-width:988px; height:87px; background:url(img/bg_menu.png) repeat-x}
.centermenu{float:left;    width:100%;     overflow:hidden;    position:relative; z-index:2; padding-top:1px; background:url(img/menu_bg.gif) center no-repeat; height:74px   }
.centermenu ul {clear:left;float:left; list-style:none;margin:0;padding:0;position:relative;left:49%;text-align:center;  } 
.centermenu ul li {display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;}

.menus ul li a:link,.menus ul li a:visited {text-decoration: none;display: block;height:71px; width:188px;padding: 0;color:#c0a808;line-height:80px; font-size:16px; font-family:Arial, Helvetica, sans-serif; background-image: url(img/bg_menu_a_n.jpg); background-repeat:no-repeat; background-position:bottom center; margin-top:1px}

.menus ul li.first a:link, .menus ul li.first a:visited {text-decoration: none;display: block;height:72px; width:170px;padding: 0;color:#c0a808;background:none !important; background-color:#333}


.centermenu li { height:72px}
.centermenu ul li a:hover {color:#ffffff;background-image: url(img/bg_menu_a.jpg); background-repeat:no-repeat; background-position: center;}

.centermenu ul li.first a:hover {color:#ffffff;background-image: url(img/bg_menu_a_first.jpg) !important; background-repeat:no-repeat; background-position:bottom center;}
/*----------menu poziome koniec---------------*/

.lewa_kolumna { width:171px;   margin-left:19px; padding:0; float:left}
.lewa_kolumna ul li {margin:0; padding:0; list-style:none}
.lewa_kolumna ul li a{display:block; background:url(img/bg_menu_poziome.png); padding:13px 20px; color:#8b8b8b; text-decoration:none; border-bottom:1px solid #000; width:130px;  } 
.lewa_kolumna ul li a.active{display:block; background:url(img/bg_menu_poziome_active.png); }
.lewa_kolumna ul li a:hover{display:block; background:url(img/bg_menu_poziome_hover.png);  color:#ffffff; text-decoration:none;  }
.lewa_kolumna img { margin-top:2px}


.srodkowa_kolumna { width:560px; height:100%;  float:left}

.prawa_kolumna {height:100%; float:left; width:218px; color:#c6c6c6; }
.prawa_kolumna h3{display:block; background:#300000; padding:13px 20px; color:#8b8b8b; text-decoration:none; font-size:16px} 
.prawa_kolumna .news { font-size:11px; padding:10px}
.prawa_kolumna .news_bg {background:url(img/news_bg.png) center bottom no-repeat}
.prawa_kolumna .news h4  {color:#cbcbcb; text-decoration:none; font-size:16px; margin:10px 0; display:block}
.date {color:#787878}
a.more { background-color:#750000; padding:5px 0; color:#ff5454; text-decoration:none; clear:both; margin-top:15px; display:block; width:65px; font-size:11px; text-align:center}
a.more:hover { text-decoration:underline}

.tresc {clear:both; width:560px;  padding-top:20px}
.tresc ul {margin: 20px 40px;
font-size: 14px;
line-height: 20px;
color: maroon;

	
}
.bott {position:absolute; bottom:0;  width:100%; background: #111;filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; font-weight:bold}
.bott p {color:#f9c815;}
.adres {position:absolute; top:30px; margin-left:720px;z-index: 10; text-align:right; font-size:16px; color:#823b18}
.adres strong{color:#b1410a}
.cien {background:url(img/nadzdjeciem.png) ; width:169px; height:419px; position:absolute; margin:0 0 0 0 ;}

.stopka {background:url(img/stopka.png) top no-repeat; height:50px; width:100%; clear:both; text-align:center; font-size:10px; color:#884d00}
.stopka p {padding-top:20px}

.art {margin:20px 20px 0 20px; padding-bottom:20px;}
.obrazek {float:left; border:2px solid #d31616; margin-right:20px}
.art h2 { color:maroon; font-size:18px; margin:0 0 15px 0} 
.art p { color:#000000; font-size:12px; line-height:140%}
.art a{color:maroon; text-decoration:underline}
.art a:hover{color:white; text-decoration:none; background: maroon;padding: 0 2px;}
.date {color:#787878 !important}

.clear {clear:both}

/* Forms
------------------------------------------------------------------------------- */
form {
	width: 360px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

form label,
form p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first,
form label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

form label.second,
form label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
form label.state { width: 60px; }

form label.first input,
form label.city input,
form label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

form label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.zip,
form label.zip input {
	float: left;
	width: 80px;
}
form label.zip { clear: none; }

form label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

form label input {
	float: left;
	width: 310px;
	padding: 0;
}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox,
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3,
form input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

form label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;
}
form textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}