/*Projekt i wykonanie itsystems.pl*/
/*Powered by wordpress engine*/

@charset "utf-8";

*{margin: 0; padding: 0;}
img{outline: none;}

body{
	width: 100%;
	height: 100%;
	font: normal 12px Tahoma, Geneva, sans-serif;
	color: #333;
	background: #e8e8e8 url(images/content_bg.png) 50% 0 repeat-y;}
/*divs*/
div#topheader{
    position: relative;
    margin: 0 auto 0 auto;
    width: 900px;
    height: 30px;
    background: #e8e8e8;}
/*-------------------------------------------------*/
div#searchfield{
	margin: 0 auto 0 auto;
	position: relative;
	width: 170px;
	height: 40px;
	background: transparent;}
#s{position: absolute;bottom: 10px;left: 0px;padding-left: 15px;width:131px;padding-top: 2px;height: 18px;border: none;background: #fff url(images/search_field.png) top left no-repeat;}
#searchsubmit{position: absolute;bottom: 10px;right: 0px;width:24px;height: 20px;border: none;background: #000 url(images/search_btn.png) top left no-repeat;}
/*-------------------------------------------------*/

div#header_top_line{
    margin: 0 auto 0 auto;
    width: 884px;
    height: 2px;
    background: #000;
    overflow: hidden;
    font-size: 0.1em;
    }

div#header{
    margin: 0 auto 0 auto;
    width: 920px;
    height: 296px;
    background: #e8e8e8 url(images/top_header.png) bottom left no-repeat;}

div#header_image{
    display: inline;
    float: left;
    width: 589px;
    height: 205px;
    background: #e8e8e8;
    overflow: hidden;}

#header_image img{border: 0;outline: 0;}

div#header_info{
    position: relative;
    display: inline;
    float: left;
    width: 314px;
    height: 296px;
    z-index: 10;
    background: #f0f0f0 url(images/header_wrapper.png) bottom left no-repeat;}

div#header_info_wrapper{
    width: 260px;
    height: 190px;
    padding: 20px 20px 0 20px;
    background: #f0f0f0;}

div#header_right{
    display: inline;
    float: left;
    width: 17px;
    height: 296px;
    background: transparent url(images/right_side.png) top left no-repeat;}


div#rss_icon{
    position: absolute;bottom: 0px;left: 0px;
    width: 76px;
    height: 91px;
    background: transparent;
    overflow: hidden;}

    #rss_icon img{border: none;outline: none;}

/*-------------------------------------------------*/
div#content{
    margin: 0 auto 0 auto;
    width: 900px;
    min-height: 200px;
    background: transparent;
    }

div#maincontent{
	margin: 0;
    float: left;
    padding-top: 15px;
    display: inline;
    width: 500px;
    min-height: 200px;
    background: transparent;}

div.post{
    width: 480px;
    min-height: 180px;
    background: transparent;
    margin: 0 auto 0 auto;}

div.post_bottom{
    width: 100%;
    height: 48px;
    background: transparent;
    border-bottom: 1px solid #c8c8c8;}


div#button_readmore{float: left;margin-left: 20px;margin-top: 14px;width: 115px;height: 24px;background: #fff url(images/button_readmore.png) top left no-repeat;}
#button_readmore a{padding-top: 4px;padding-bottom: 3px;display: block;width: 100%;text-align: center;color: #db1919;text-decoration: none;font-weight: bold;font-size: 12px;}
#button_readmore a:hover{color: #333;}
.comments{float: right;padding-right: 20px;width: 37px;height: 38px;background: #fff url(images/comments.png) top left no-repeat;}
.comments a{padding-top: 18px;padding-bottom: 3px;display: block;width: 100%;text-align: center;color: #db1919;text-decoration: none;font-weight: bold;font-size: 12px;}
.comments a:hover{color: #333;}

div#sidebar_right{
    float: left;
    display: inline;
    width: 200px;
    min-height: 200px;
    background: #e8e8e8;}

#sidebar_right ul li{list-style-type: none;}

div#sidebar_left{
    float: left;
    display: inline;
    width: 200px;
    min-height: 200px;
    background: #e8e8e8;}
    
#sidebar_left ul li{list-style-type: none;}    

.side_box_wrapper input{border: 1px solid #ccc;background: #fff;}
.side_box_wrapper submit{border: 1px solid #ccc;background: #e8e8e8;font: normal 11px Tahoma, Geneva, sans-serif;color: #000;margin: 0 auto 0 auto;}

.side_box_wrapper img{margin: 0 auto 0 auto;}
.sponsor{margin: 0 auto 0 auto;}

/*-------------------------------------------------------------------*/
div#footer{
    margin: 0 auto 0 auto;
    width: 500px;
    height: 210px;
    background: #fff url(images/footer_right.png) bottom right no-repeat;
    border-top: 5px solid #eee; 
    }

div#footer_container{width: 500px;height: 210px;background: transparent url(images/footer_left.png) bottom left no-repeat;margin: 0 auto 0 auto;}

div.footer_data{display: inline;padding: 5px;float: left;width: 240px;height:  190px;background: transparent;}
.footer_data p{font: normal 11px/15px Tahoma, Geneva, sans-serif;color: #333;}



div#bottom_info{
    margin: 0 auto 0 auto;
    padding-top: 2px;
    width: 502px;
    height: 20px;
    background: #e8e8e8;}

/*others*/
.post img{border: 3px solid #000;}

/*header*/

div.title{
    margin-top: 20px;
    min-height: 26px;
    padding-left: 20px;
    background: transparent url(images/title_arrow.png) 0px 0px no-repeat;
    position: relative;}

div.post_date{
    position: absolute;
    top: -6px;left: -60px;
    width:60px;
    height: 37px;
    background: #000 url(images/date_ticket.png) top left no-repeat;}

.post_date p.rok, .post_date p.dzien{color: #fff;text-align: center;font-family: Verdana, Helvetica, sans-serif;}
.post_date p.dzien{margin: 0 auto 0 auto;font-size: 11px;padding-top: 2px;padding-bottom: 2px;border-bottom: 1px solid #2476bc;width: 70%;}
.post_date p.rok{font-size: 14px;font-weight: bold;padding-top: 1px;}
span.data{color: #999;font-size: 10px;}


.title h2{font: normal 22px/26px Trebuchet "MS", Arial, Verdana;color: #2476bc;}
.title h2 a{color: #2476bc;text-decoration: none;}
.title h2 a:hover{color: #1d5f99;}

div#paginator{width: 490px;height: 40px;padding: 10px 0 0 10px;background: transparent;}

#paginator ul{float: right;}
#paginator ul li{display: inline;list-style-type: none;margin: 1px;padding: 0;}
#paginator ul li a{color: #333;text-decoration: none;font-weight: bold;background: #f0f0f0;padding: 2px 3px 2px 3px;border: 1px solid #ccc;}
#paginator ul li.current{color: #f00;font-weight: bold;background: #f0f0f0;padding: 2px 3px 2px 3px;border: 1px solid #ccc;}
#paginator ul li a:hover{color: #f00;}

/*p*/
#bottom_info p{text-align: right;font: normal 10px Tahoma, Geneva, sans-serif; color: #666;}
#bottom_info a{color: #2c8fe5;text-decoration: none;}
#bottom_info a:hover{color: #000;border-bottom: 1px dotted #333;}

div.author{width: 80%;height: 20px;padding: 0px 0px 20px 30px;}
.author p{font: normal 12px Tahoma, Geneva, sans-serif;color: #333;}
span.author{color: #bc2424;font-weight: bold;}

.post p{font: normal 12px/18px Tahoma, Geneva, sans-serif;color: #333;text-align: justify;}
.post a{color: #db1919;text-decoration: underline;font-weight: bold;}
.post a:hover{text-decoration: none;}

/*-----------------------------------------------------------------------------------*/
#header_info_wrapper p{font: normal 12px/18px Trebuchet "MS", Verdana, sans-serif; text-align: justify;}
#header_info_wrapper h2{
    font: normal 18px/18px Trebuchet "MS", Verdana, sans-serif;color: #2476bc;margin-bottom: 18px;
    padding: 18px 0 0 0;overflow: hidden;background: transparent url("images/titles/gok_witamy.png") top left no-repeat;
    height: 0px !important;height /**/: 18px;}

#header_info_wrapper ul{float: right;padding-top: 5px;}
#header_info_wrapper ul li{list-style-type: none;}
#header_info_wrapper ul li a{padding-left: 10px;color: #db1919;text-decoration: underline;font-weight: bold;background: transparent url(images/arrow.gif) 0.1em 0.4em no-repeat;}
#header_info_wrapper ul li a:hover{text-decoration: none;}
/*-----------------------------------------------------------------------------------*/

span.phatt{font-weight: bold;color: #666;}

div.clear{clear: both;}

/*Nawigacja*/

#nav_wrapper{margin: 0 auto 0 auto;width: 886px;height: 26px;overflow: hidden;background: #e8e8e8;}


#nav_wrapper ul{list-style:none;}
#nav_wrapper li{
      float: left;
	    display: inline;
      background: url("images/left_both.png") no-repeat left top;
      margin-left: 1px;
      padding: 0 0 0 5px;
      }
#nav_wrapper a{
      float: left;
      display: block;
      width: .1em;
      background: url("images/right_both.png") no-repeat right top;
      padding: 5px 18px 7px 15px;
      text-decoration: none;
      color: #333;
	  font-weight: bold;
      }
#nav_wrapper ul a {width: auto;}
    /*IE5-Mac \*/
#nav_wrapper a {float: none;}
    /* End IE5-Mac hack */

#nav_wrapper a:hover {
      color:#333;
      }

#nav_wrapper #current {
      background-position: 0 -38px;
      }

#nav_wrapper #current a {
      background-position: 100% -38px;
      color: #fff;font-weight:bold;
      }

#nav_wrapper li:hover,#nav_wrapper li:hover a {
      background-position: 0% -38px;
      color: #fff;
      }

#nav_wrapper li:hover a {
      background-position: 100% -38px;
      }

/*koniec nawigacjii*/
/*komentarze do poj wpisu*/

div#comments_container{
margin: 10px auto 0 auto;
padding-top: 10px;
width: 480px;
min-height: 20px;
background: #f4f4f4;
border: 1px solid #dbdbdb;
}

div.single_comment{margin: 10px 0 5px 0;width: 100%;min-height: 150px;background: transparent;}
div.user_info{margin-left: 20px;width: 80px;height: 120px;background: transparent;float: left;display: inline;}
.user_info p{text-align: center;}
span.userinfo_name{}
span.userinfo_date{font-size: 9px;color: #666;}
div.user_picture{margin-bottom: 5px;width: 80px;height: 80px;background: #000;overflow: hidden;}
div.comment_pointer{position: absolute;top: 0px;left: -30px;width: 31px;height: 68px;background: transparent url(images/pointer.png) 0 50% no-repeat;}
div.comment_wrapper{position: relative;padding: 10px;margin-left: 40px;width: 300px;min-height: 100px;background: #e9e9e9 url(images/dot.gif) top left repeat-y;float: left;display: inline;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;}
.comment_wrapper p{text-align: justify;font: normal 12px/18px Tahoma, Geneva, sans-serif; color: #666;}

div#addcomment_wrapper{
position: relative;
margin: 10px auto 20px auto;
padding-top: 20px;
width: 480px;
height: 298px;
background: #f4f4f4;
border: 1px solid #dbdbdb;
}

div.add_pointer{position: absolute;top: 0px;left: -30px;width: 31px;height: 99px;background: transparent url(images/add_pointer.png) 0 50% no-repeat;float: left;display: inline;}

div#addcomment_container{
float: left;display: inline;
padding-left: 1px;
margin-left: 40px;
position: relative;
width: 320px;
height: 150px;
background: #e9e9e9 url(images/dot.gif) top left repeat-y;
border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;}

div#addcomment_user{float: left;display: inline;width: 100px;height: 130px;border: 1px solid #000;}

#comment{padding: 5px;width: 310px;
height: 140px;overflow: auto;border: none;}

#author{margin: 5px 0 5px 0;padding: 5px;border: 1px solid #ccc;width: 311px;height: 20px;position: absolute;right: 18px;bottom: 100px;}
#email{margin: 5px 0 5px 0;padding: 5px;border: 1px solid #ccc;width: 311px;height: 20px;position: absolute;right: 18px;bottom: 60px;}

#email, #author, #comment{font: normal 12px Verdana, Helvetica, Sans-serif;color: #2476bc;}

#submit{border: 1px solid #ccc;width: 90px;height:30px;background: #fff;position: absolute;right: 18px;bottom: 24px;}

div.clear{clear: both;}


/*kategorie*/
div.side_box{width: 170px;min-height: 30px;background: #fff url(images/kategorie_bott_left.png) bottom left no-repeat;margin: 10px auto 0 auto;}
div.side_box_title{padding-left: 10px;width: 160px;height: 20px;background: #000 url(images/kategorie_grad2.png) top left no-repeat;}
.side_box_title h2{padding-top: 2px;font:bold 12px Tahoma, helvetica, sans-serif;color: #2476bc;}
div.side_box_rnd_bott{margin-top: 10px;width: 170px;height: 5px;background: transparent url(images/kategorie_bott_right.png) bottom right no-repeat;}
div.side_box_wrapper{width: 160px;min-height: 10px;background: #fff;padding: 5px;}
.side_box_wrapper p{text-align: justify;line-height: 15px;font-size: 11px;}
.side_box_wrapper a{color: #666;text-decoration: none;}
.side_box_wrapper a:hover{color: #000;}

/*headers*/
#komentarze{ font: normal 18px/18px Trebuchet "MS", Verdana, sans-serif;color: #2476bc;margin: 30px 0px 5px 20px;
    padding: 14px 0 0 0;overflow: hidden;background: transparent url("images/titles/komentarze.png") top left no-repeat;
    height: 0px !important;height /**/: 14px;}
    
#wypowiedz_sie{font: normal 18px/18px Trebuchet "MS", Verdana, sans-serif;color: #2476bc;margin: 40px 0px 5px 20px;
    padding: 17px 0 0 0;overflow: hidden;background: transparent url("images/titles/wypowiedz_sie.png") top left no-repeat;
    height: 0px !important;height /**/: 17px;}    

/*accordion*/
.gre-accordion-header{display: block;padding-left: 10px;color: #333;font-weight: bold;cursor: default; background: #f0f0f0 url(images/1px.gif) bottom left repeat-x;}

p.brak{text-align: center;color: #333;font: 18px/26px Trebuchet "MS", Verdana, Helvetica;}
div.comment_sep{width: 100%;height: 10px;background: transparent;clear: both;}

/*plugin 4avatar*/
.foravatars {float: right;}
.gre-wp-pagenavi{float: right;padding-right: 10px;padding-top: 10px;}
.gre-wp-pagenavi span.current{color: #f00;font-weight: bold;background: #f0f0f0;padding: 2px 3px 2px 3px;border: 1px solid #ccc;margin: 1px;}
.gre-wp-pagenavi a{color: #333;text-decoration: none;font-weight: bold;background: #f0f0f0;padding: 2px 3px 2px 3px;border: 1px solid #ccc;margin: 1px;}
.gre-wp-pagenavi a:hover{color: #f00;}

blockquote{margin: 20px auto 20px 60px;display: block;width: 400px;padding: 0 0 0 25px;background: transparent url(images/cite_front.png) top left no-repeat;}
blockquote p{background: transparent url(images/cite_back.png) bottom right no-repeat;display: inline;padding:0 25px 0 0;}

#topheader img{outline: none;border: none;}
#gok_logo{position: absolute;top: 20px;right: 30px;float: right;}