body {
	margin: 20px;
	padding: 0;
	background: #769edb;
}

body, th, td, input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3C3934;
}

h1, h2, h3 {
	color: #3C3934;
}

h1 {
	letter-spacing: -1px;
	font-size: 2em;
}

h2 {
   font-size: 1.2em; 
}

h3 {
	font-size: 1em;
}

input, textarea, select {
	color: #000000;
}

a {
	color: #3A570F;
}

a:hover {
	text-decoration: none;
}



#sidebar {

	float: right;

	width: 241px;
}

#page {
padding-right: 0px;
margin-right: 0px;
width: calc(100% - 250px);
}


#polecamy {
	margin-bottom: 10px;
	background: #746E64 url(images/lewy-s.jpg) repeat-y;
}

#polecamy h3, #polecamy p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
}

#polecamy h3 {
	padding-top: 30px;
	background: url(images/lewy-g.jpg) no-repeat;
}

#polecamy p {
	padding-bottom: 30px;
	background: url(images/lewy-d1.jpg) no-repeat left bottom;
}

#polecamy a {
	text-decoration: none;
	color: #FFFFFF;
}




#polec {
	margin-bottom: 10px;
	background: #746E64 url(images/lewy-s.jpg) repeat-y;
}

#polec h3, #polec p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: normal;
	color: #FFFFFF;
}

#polec h3 {
	padding-top: 30px;
	background: url(images/lewy-g.jpg) no-repeat;
}

#polec p {
	padding-bottom: 30px;
	background: url(images/lewy-d1.jpg) no-repeat left bottom;
}

#polec a {
	text-decoration: none;
	color: #FFFFFF;
}


#menu {
	background: #746E64 url(images/lewy-s.jpg) repeat-y;
		margin-bottom: 10px;
}

#menu-top {
	height: 20px;
	background: url(images/lewy-g.jpg) no-repeat;
}

#menu * {
	color: #FFFFFF;
}

#menu ul {
	margin: 0;
	padding: 0 20px 100px 20px;
	background: url(images/lewy-d.jpg) no-repeat left bottom;
	list-style: none;
}

#menu li {
}

#menu li ul {
	padding: 0 0 20px 6px;
	background: none;
	line-height: 180%;
}

#menu li li {
	padding-left: 12px;
	background: url(images/li.gif) no-repeat left center;
}

#menu h2 {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.2em;
}


#search {
	height: 100px;
	background: url(images/baner-s.jpg) repeat-x;
}

#search form {
	height: 100px;
	margin: 0;
	padding: 0;

	background: url(images/baner.jpg) no-repeat;

}

#search h2{	
   color: #FFFFFF;
	height: 50px;
	margin-top: -60px;
	margin-left: 180px;	
}

#search div {
	height: 95px;
	margin: 0;
	padding: 41px 20px 0 0;
	background: url(images/baner-p.jpg) no-repeat right top;
	border: none;
	text-align: right;
}



#content {

}

#content h1, #content h2 {
	font-weight: normal;
	margin-top: 0;
}

.pagetitle {
	margin: 0 0 10px 0;
	padding-top: 27px;
}

.post {
	margin-bottom: 10px;
	background: #CECCCA url(images/p.gif) repeat-y right top;
}

.title {
	margin: 0;
	padding: 0 20px;
}

.byline {
	margin: 0 20px;
	border-top: 2px solid #3C3934;
}

.entry {
	padding: 20px 20px 0 20px;
	user-select:none;
  -moz-user-select:none; 
  -webkit-user-select:none; 
  -ms-user-select:none;
}

.wpis {
	padding: 20px 20px 0 20px;
}

.meta {
	margin: 0;
	padding: 0 20px;
}


.ct {
}

.ct .l {
	background: url(images/lg.gif) no-repeat;
}

.ct .r {
	height: 15px;
	background: url(images/pg.gif) no-repeat right top;
}

.cb {
	background: url(images/d.gif) repeat-x left bottom;
}

.cb .l {
	background: url(images/ld.gif) no-repeat left bottom;
}

.cb .r {
	height: 15px;
	background: url(images/pd.gif) no-repeat right bottom;
}


#footer {
	clear: both;
	padding-top: 10px;
	font-size: smaller;
}

#footer p {
	margin: 0;
}

.button1 {
	position:relative;
	left:450px;
	top:-22px;
	width:30px;
	height:15px;
}

#block {display: none;}
#block1 {display: none;}

/* 404 */
.error-404-page h2 {
  font-size: 160px;
  font-weight: bold;
  color: #b3b3b3;
  text-align: center;
}


      
.zerogrid{ width: 100%; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; block1; height: 0; clear: both; visibility: hidden; }



.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4 {float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:100%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}



@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{width:100%;}
}

@media only screen and (max-width: 767px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-2{width:50%;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-2{width:50%;}
}

@media only screen and (max-width: 619px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4{width:100%;}
}
   
   
@media all and (max-width:767px) {

#page {
          float:left;
          width:auto;
          margin-right:0px;
          font-size:1.1em;
        }
    
#sidebar {
	float:none;
   width:auto;
   margin:15px;
   font-size:1.6em;
}   

#menu {
float:left;
width: 241px;
margin-left:15px;
}

#polecamy {
float: left;
width: 241px;
margin-left:15px;
}

#polec {
float: left;
width: 241px;
margin-left:15px;
}

#footer {
	font-size: 1.4em;
} 

.entry {
  font-size:2em;
  cursor: pointer;
}

.wpis {
	font-size:2em;
  cursor: pointer;
}

#menu li li {
	line-height: 260%;
}

      }