@charset "utf-8";
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
ol, ul, li {list-style-type: none}

* {margin: 0; padding: 0;}
body {font-size: 100%; font-family: Arial; color: #3c3c3c; background: #f2f6f8 url(images/pasek.png) repeat-y center}
a {color: #156e9b; text-decoration: none}
p {padding: 15px 0; line-height: 1.5em}
strong {font-weight: 700}

h1 {font-size: 2em; font-weight: normal}
h1 a {color: #3c3c3c}
h2 {font-size: 1.6em; font-weight: 700}
h2 a {color: #3c3c3c}
h2#comments_heading {margin: 20px 0 0}
h3.prawa_naglowek {font-size: 1.2em; font-weight: 700; margin-bottom: 15px;}
h3.prawa_home {font-size: 1.3em; font-weight: 500; margin-bottom: 15px; color: #cc0000;}
h3 a {color: #3c3c3c}
h4{font-size: 1em; font-weight: bold; color: #333333; margin-bottom: 3px}

.ramka {}

#naglowek {background: #f2f6f8 url(images/tlo.jpg) no-repeat top center}

#gora {width:960px; margin: auto; position: relative;}

#menu{float:left; list-style-type: none; margin: 28px 0px 0px 340px; margin-bottom: 33px; background: url(images/linia_pionowa.png) left center no-repeat}
#menu li{
	float:left;
	background: url(images/linia_pionowa.png) right center no-repeat;
}
#menu li a:link, #menu li a:active, #menu li a:visited{
	display:block;
	width:100px;
	padding:4px 20px;
	text-decoration: none;
	line-height: 20px;
	outline: none;
	text-align:left;
	font-size: 18px;
	color: #666;
}
#menu li a:hover, #menu li.selected a,
#menu li.current_page_item a 
{
	color:#4495ec;
}
span.menu_opis {
	font-size:11px; 
	padding:0px 20px;
	color:#989797
}

#logo {position:absolute; left: 10px; top: 20px;}

#slide 
{
	clear: both;
	height: 300px;
	width: 960px;
	
}

#glowny {margin: auto; width: 910px; padding: 25px; font-size: .875em;}

#lewa {float: left; width: 570px; margin-bottom: 40px;}
#lewa h2 {font-size: 1.5em;}
#lewa ul{width: 380px; display:block;  }
#lewa ul li{font:14px/28px Arial; background:url(images/ptaszek.gif) 12px 9px no-repeat; padding:0 0 0 40px;}
#lewa ul span{ background:url(images/kropka.gif) repeat-x 0 100%; height:28px; display:block;}
.box_lewy {width: 270px; float: left;}
.box_prawy {width: 270px; float: right;}
.box_centralny {width: 560px; float: left;}
.box_lewy h3, .box_prawy h3, .box_centralny h3 {height: 38px; padding-top: 10px; padding-left: 54px; font-size: 1.4em; font-weight: normal; color: #cc0000}
.box_lewy h3, .box_centralny h3 {background:url(images/gratis.png) no-repeat}
.box_prawy h3 {background:url(images/egoldap-wkrotce.png) no-repeat}
.box_lewy p, .box_prawy p, .box_centralny p {font-size: .9em; line-height: normal; margin: 0; padding: 5px 0px 5px 20px; background:url(images/ptaszek.gif) 2px 8px no-repeat;}

#prawa {float: right; width: 300px; margin-bottom: 40px;}
.realizacje {margin-bottom: 30px; list-style: none;}
.realizacje li {background: #e5ecf0; cursor: pointer; height: 85px; padding: 4px; margin-bottom: 1px}
.realizacje li:hover {background: #c9dce6;}
.realizacje img {border: 2px solid white; float: left; margin-right: 8px}
.realizacje a {color:#333}
.realizacje p {font-size: .8em; line-height: normal; padding: 0}

#facebook {font-size: 12px; color: #555555; border: 1px solid #c5d4dc; background: #e5ecf0; padding: 0 10px 18px 10px; margin: 0px; min-height: 40px}
#f_l {float: left; padding: 10px 2px 8px 2px; margin: 0px}
#f_p {float: left; padding: 8px 10px 10px 10px; margin: 0px}
#f_p p {padding: 0; margin: 0}

#formularz {font-size: 12px; color: #555555; border: 1px solid #c5d4dc; margin: 0 0 30px; padding: 10px; background: #e5ecf0;}

form {margin: 0px}
form p{padding: 5px 0}

#zapytanie p { padding: 5px 0}

.dane {color: #555555; font-style: italic; background: #fff; border: 1px solid #c5d4dc; padding: 2px; 
-moz-border-radius: 5px;
border-radius: 6px 5px;
-khtml-border-radius: 5px;
-icab-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
}
.dane:hover {border: 1px solid #6fadce}
.dane:focus {border: 1px solid #6fadce; background: #ffffdb}

fieldset {padding: 10px 20px;}

#przycisk1 , #przycisk2 {padding: 2px; cursor: pointer;}
#przycisk2 {text-decoration: line-throughtype}
#portfolio ul li {background-image: url("images/ptaszek12.gif");}

#wiadomosci {clear:both; padding: 25px 25px 25px 25px; width: 910px; margin: 0 auto; font-size: .7em; background:url(images/linia_pozioma.png) repeat-x top; position: relative}
#wiadomosci_lewy
{
	width: 443px;
	float: left;
}

#wiadomosci_prawy
{
	width: 443px;
	float: right;
}

#stopka {clear:both; padding: 0px 25px 0px 25px; width: 910px; margin: auto; font-size: .7em; background:url(images/linia_pozioma.png) repeat-x top; position: relative}
#copy 
{
	width: 700px;
	float: left;
}

#menu_dolne
{
	width: 210px;
	float: right;
}

#menu_dolne p
{
	
	float: right;
}

#menu_dolne a, #menu_dolne a:hover, #menu_dolne a:visited
{
	color: #777;
}

#stat 
{
	width: 910px;
	float: right;
}
#stat  img {float: left; margin: 0px 0px 10px 35px;}

.linia_pozioma {background:url(images/linia_pozioma.png) repeat-x; height:2px; margin: 20px 0; clear: both}





.odstep {padding: 30px 0px 0px 0px}

.obraz {background:url(images/kropka.gif) repeat-x ; margin-top: 20px; padding-top: 10px;}
.obraz img {float: left; margin: 0px 20px 0px 0px}
.obraz h2 {font-size: 1.4em; font-weight: 700; color: #1c4254}
.obraz h3 {font-size: 1.2em; font-weight: 700; color: #1c4254}




/* Formatowanie RSS */

.temat a {FONT-WEIGHT: bold; font-family: Arial; FONT-SIZE: 12px; color: blue; TEXT-DECORATION: underline}
.temat a:hover {FONT-WEIGHT: bold; font-family: Arial; FONT-SIZE: 12px; color: blue; TEXT-DECORATION: underline}
.temat a:visited {FONT-WEIGHT: bold; font-family: Arial; FONT-SIZE: 12px; color: blue; TEXT-DECORATION: underline}

.wiadomosc 
{
BACKGROUND-COLOR: #e5ecf0; 
PADDING: 5px; 
MARGIN: 3px;
BORDER: #cccccc 1px solid;
text-align: left;
color: #333333;
}

.data
{
	font-size: 10px;
	color: grey;
}