/*
	Autor: Grzegorz Jaworek
	E-mail: grzegorz.jaworek@gmail.com
	www: http://gjaworek.pl 
	Tel.: +48 696 818 300
*/
@charset "UTF-8";

/*Common

------------------------------------------------------------------------- */
* { margin:0;padding:0;}
img { border: 0 }
a, button, object{ text-decoration: none; outline: none; color: #8f8f8f;}
a:hover { text-decoration: underline; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.submit { cursor: pointer;}
input, .text, table, td, th, select, option, textarea, label {font: 11px "Times New Roman",Tahoma,Arial,Helvetica,sans-serif; color: #8f8f8f;}
label, table, input, textarea, select, option { font: 12px "Times New Roman",Tahoma,Arial,Helvetica,sans-serif; color: #8f8f8f; }
input.text { width: 150px; padding: 3px 5px; border: 1px solid #8f8f8f; color: #8f8f8f; width: 280px; background: #ececec;}	
textarea { padding: 2px 0 2px 5px; border: 1px solid #8f8f8f; color: #8f8f8f; background: #ececec; width: 96%; overflow: auto;}
form p { margin: 5px 0;}
form label { display: block; margin: 0 0 5px;}
form .submit { float: right; margin: 10px 6px 0 0; height: 25px; width: 63px; font-size: 0px; text-indent: -9999px; overflow: hidden; color: #fff; background: url(../images/btn-send.gif) 0 0 no-repeat; border: 0;}
form .submit:hover { background-position: 0 -25px; }


/*Fonts

------------------------------------------------------------------------- */
p { font-size: 12px; line-height: 16px; font-weight: normal; margin: 0 0 12px; color: #333;}  
p a { text-decoration: underline; color: #036736; font-weight: bold; }
p a:hover { text-decoration: none; }
p .block { float: right; padding: 4px 10px; width: 130px; background: #af0900; color: #fff; margin: 7px 0 3px;}
blockquote { float: right; padding: 4px 10px; width: 130px; background: #af0900; color: #fff; margin: 7px 0 3px; display: inline;}  
h1 { font-size: 24px; line-height: 30px; font-weight: bold; margin: 0 0 10px; color: #333;}  
h1 a { color: #333;}  
h2 { font-size: 24px; line-height: 30px; font-weight: normal; margin: 10px 0; color: #530110; text-indent: -2px;} 
h2 a { color: #530110;}   
h3 { font-size: 14px; line-height: 24px; font-weight: normal; margin: 0 0 12px; color: #036736;}  
h3 a { color: #036736;}  
h4 { font-size: 12px; line-height: 16px; font-weight: bold; margin: 12px 0; color: #686868; }
h4 a { color: #686868;}  
ul, ol { font-size: 12px; line-height: 16px; font-weight: normal; margin: 0 0 10px 10px; color: #333;}  
li { font-size: 12px; line-height: 16px; font-weight: normal; margin: 0 0 0 10px; color: #333;}  
small { font-size: 9px; line-height: 10px; font-weight: normal; margin: 0; color: #b2b2b2;} 
	  
/*Layout

------------------------------------------------------------------------- */
body { background: url(../images/bg.jpg) 0 0 repeat; font: 12px "Times New Roman",Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #686868;}

#top, #content , #footer{ width: 949px; margin: 0 auto; padding: 0 15px 0 29px; clear: both;}
.inner { height: 100%; width: 100%; position: relative; }

/* Top

------------------------------------------------------------------------- */
#top { height: 321px; background: url(../images/bgt.jpg) 0 0 no-repeat;}
#top h1 { width: 47px; height: 491px; float: left; position: absolute; top: 0; left: -77px; z-index: -1; background: url(../images/bsnawojowa.jpg) 0 0 no-repeat; font-size: 0px; text-indent: -9999px; overflow: hidden; color: #97a391; }
#menu { position: absolute; width: 100%; top: 241px; left: 0; float: left; height: 39px; overflow: hidden; text-align: center;}
#menu li { float: left; height: 39px; font: 20px/39px "Times New Roman"; color: #fff; width: 24%; padding: 0 0 0 1%; margin: 0; background: url(../images/bgm.jpg) 0 0 no-repeat;  }
#menu li:first-child { width: 18%; padding-left: 7%; background: none;}
#menu li a {color: #fff; text-decoration: none; float: left; width: 100%;} 
#menu li a:hover, #menu li.current_page_item a, #menu li.current_page_parent a {color: #00ff81; text-decoration: none; background: url(../images/bgh.jpg) 50% 95% no-repeat; }
#top-bar { position: absolute; width: 100%; top: 286px; height: 33px; line-height: 33px; overflow: hidden; text-align: center; font-size: 11px;}
#top-bar .fl { padding: 0 0 0 25px; color: #000;}
#searchform { float: right; width: 274px;} 
#searchform .submit { margin: 0 10px 0 0; background-image: url(../images/btn-search.gif);}
#searchform .text { width: 180px; padding: 5px; float: left; height: 14px; line-height: 14px;}


/* Content

------------------------------------------------------------------------- */
#content { background: url(../images/bgc.png) 0 0 repeat-y;}
.content { float: right; display: inline; width: 610px; margin: 10px 30px 10px 0;}
.sidebar { float: left; display: inline; width: 285px; margin: 10px 0 10px 10px; min-height: 550px; padding: 0 0 140px; background: url(../images/bgs.jpg) 0 100% no-repeat; position: relative; }
.sidebar h2 { height: 63px; background: url(../images/bswnawojowej.jpg) 0 0 no-repeat; margin: 0; padding: 0; font-size: 0px; text-indent: -9999px; overflow: hidden; color: #fff;}
.sidebar h3{ width: 193px; height: 51px; position: absolute; bottom: 83px; right: 17px; background: url(../images/gwarancja.png) 0 0 no-repeat; margin: 0; padding: 0; font-size: 0px; text-indent: -9999px; overflow: hidden; color: #fff;}
img.lead { margin: 25px 0 0 25px;}
#sidemenu { float: left; width: 240px; margin: 40px 0 0 17px; display: inline;}
#sidemenu li { float: left; width: 100%; clear: both; padding: 0 0 20px; margin: 20px 0 0; background: url(../images/bg-sidemenu.gif) 50% 100% no-repeat; font: 14px/17px "Times New Roman"; color: #333;}
#sidemenu li a {color: #333; text-decoration: none; float: left; width: 100%; background: url(../images/arr.gif) 100% 50% no-repeat;} 
#sidemenu li a:hover, #sidemenu li.current_page_item a, #sidemenu li.current_page_parent a  { text-decoration: underline; }

#submenu { float: right; margin: 0; padding: 0; display: inline;}
#submenu li { float: left;  padding: 0 5px 0 7px; margin: 10px 0; background: url(../images/bg-submenu.gif) 0 50% no-repeat; font: 17px/20px "Times New Roman"; color: #333;}
#submenu li:first-child { background: none;}
#submenu li a {color: #333; text-decoration: none; float: left; } 
#submenu li a:hover, #submenu li.current_page_item a { text-decoration: underline; }

.entry { float: right; width: 384px; text-align: justify;}
.page .entry { display: inline; margin-right: 20px;}
.post .entry { width: 474px;}
.page-thumb { float: left; width: 178px; margin: 3px 0 0;}
.post-thumb { float: left; width: 118px; margin: 3px 0 0; border: 1px solid #026635;}
.post-thumb img, .page-thumb img { float: left; width: 100%; }

.post-head { background: #f5f5f5 url(../images/bg-post.jpg) 0 0 repeat-x; line-height: 24px; color: #036736; margin: 0 0 15px; padding: 0;}
.post-head .fr { width: 130px; text-align: right;}
.post-head h3 { margin: 0; width: 460px;}
.post-footer { background: #f5f5f5 url(../images/bg-post.jpg) 0 0 repeat-x; font-size: 14px; line-height: 24px; color: #036736; margin: 35px 0 15px; padding: 0;}
.post-footer .fr { color: #686868; font-style: italic; text-decoration: underline;}
.post-footer .fr:hover { text-decoration: none;}

.post-list { float: left; width: 100%; clear: both; margin: -20px 0 0; padding: 0 0 20px;}
.post-list li { float: left; width: 100%; clear: both; margin: 20px 0 0; padding: 0;}
.post-list .entry { width: 474px;}
.post-list .more { color: #036736; font-size: 13px; float: right; text-decoration: underline;}
.post-list .more:hover { text-decoration: none;}
.post-list-head { border-bottom: 1px solid #000; line-height: 24px; color: #036736; margin: 0 0 15px; padding: 0;}
.post-list-head h3 { margin: 0; width: 460px;}

.wp-pagenavi-wrap {float: right; margin: 0 0 10px; padding: 0; display: inline; background: url(../images/bg-navi.gif) 100% 0 no-repeat; position: relative;}
.wp-pagenavi {float: left; margin: 0; padding: 0 10px; background: url(../images/bg-navi.gif) 0 -22px no-repeat; height: 22px; line-height: 22px; overflow: hidden; }
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { background: url(../images/navi.gif) 0 0 no-repeat; font-size: 0px; text-indent: -9999px; overflow: hidden; color: #fff; height: 22px; width: 13px;}
.wp-pagenavi .previouspostslink { float: left; margin: 0 25px 0 0; background-position: 0 7px; }
.wp-pagenavi .previouspostslink:hover { background-position: 0 -43px; }
.wp-pagenavi .nextpostslink { float: right; margin: 0 0 0 25px; background-position: 100% 7px;}
.wp-pagenavi .nextpostslink:hover { background-position: 100% -43px; }
.wp-pagenavi .page, .wp-pagenavi .current { height: 22px; float: left; font-size: 13px; color: #6c6c6c; padding: 0 5px; margin: 0 2px;}
.wp-pagenavi .page:hover, .wp-pagenavi .current {color: #036736;}

.navigation {float: right; margin: 0 0 10px; width: 100%; padding: 0; display: inline; position: relative;}
.navigation a {background: url(../images/navi.gif) 0 0 no-repeat; line-height: 17px;}
.navigation a:hover { color: #292929; text-decoration: none; }
.navigation .prev { float: left; text-align: left; width: 48%; }
.navigation .prev a { float: left; padding-left: 20px; background-position: 0 4px; }
.navigation .prev a:hover { background-position: 0 -46px; }
.navigation .next a { float: right; padding-right: 20px; background-position: 100% 4px; }
.navigation .next a:hover { background-position: 100% -46px; }

#comments { margin: 20px 0 0;}
#submit { margin: 10px 16px 0 0; background-image: url(../images/btn-comment.gif);}

/* Footer 

------------------------------------------------------------------------- */
#footer { height: 73px; background: url(../images/bgf.png) 0 0 no-repeat; overflow: hidden;}
#footer .fr { font-weight: bold; margin: 22px 25px 0;}
#footer p { float: left; line-height: 19px; width: 500px;}
#footer p span { float: left; clear: both; padding: 0 0 0 82px; width: 418px;	overflow: hidden; height: 19px;}
#footer p span.l1 { text-indent: 12px;}
#footer p span.l2 { text-indent: 6px;}
#footer p span.l3 { text-indent: 0px;}

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.hide { display: none; }