/*
Theme Name: Fundacja Pozytywnych Zmian V2
Theme URI: http://pozytywnezmiany.org/
Description: Fundacja Pozytywnych Zmian V2. 
Author: 2b2.pl
Author URI: http://blankthemes.com/
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: white, custom-header, custom-background, custom-menu, threaded-comments, microformats

*/


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none ; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
html { height:100%;} 
body { height:auto;}

/* #Basic Styles
================================================== */
@font-face{
	 
	font-family: 'Comfortaa';
    src: url('images/Comfortaa_Thin.eot');
    src: url('images/Comfortaa_Thin.eot#iefix') format('embedded-opentype'),
         url('images/Comfortaa_Thin.woff') format('woff'),
         url('images/Comfortaa_Thin.ttf') format('truetype'),
         url('images/Comfortaa_Thin.svg') format('svg');
 
	
} 



body {
		background: #fff;
		font: 16px/24px 'Comfortaa', Verdana, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		position:relative;
		text-rendering: optimizelegibility;
		line-height: 1.618em;
 }

 
.clear{
	clear:both;
}
 
a{		color:#232323; 
		text-decoration: none; 
		}

a:hover{
		
		text-decoration:none; 
		color:#ff0000;
		font-weight:bold;
		
		} 

.post   a:hover{ 
		background-color:#FFBFBF;
		color:#444;
		/*border-bottom: 1px dotted #BF7070;*/
		font-weight:normal;
}

.post h4 a:hover{
	font-weight:bold;

}	 
		
		
h1, h2, h3 {
	color: #3f3f3f;
	font-family: 'Comfortaa', sans-serif;
	font-weight:lighter;
	text-rendering: optimizelegibility;
	font-size: 1.53em;
}

h4{
	color: #3f3f3f;
	font-family: 'Comfortaa', sans-serif;
	font-weight:bold;
	text-rendering: optimizelegibility;
	font-size: 1.2em;
	

}

h5{


	color: #3f3f3f;
	font-family: 'Comfortaa', sans-serif;
	font-weight:lighter;
	text-rendering: optimizelegibility;
	font-size: 0.9em;
	

}


h6{

	color: #3f3f3f;
	font-family: Comfortaa, sans-serif;
	font-weight:lighter;
	text-rendering: optimizelegibility;
	font-size: 0.8em;
	

}




.backgr{ 
		
		background: url("images/brzeg.jpg") right repeat-y;
	

 }
 
 
.backg{ 
		
		background: url("images/brzeg.jpg") left repeat-y;
	

 } 
 
input{
	border: solid 0px #fff ;

}

.the-content ul{
	margin:  13px 0 13px 13px;

}


.the-content ul li{
	list-style-type:disc;
	list-style-position:inside;
	padding-left: 1em ;
    text-indent: -1em ;
	


}
.the-content b{
	font-weight:bold;

}
.the-content strong{
	font-weight:bold;
}


.post-meta{
	
	font-size: 0.8em;
	
}

/* #Layout 
================================================== */

/*reponsiv poprawka*/


@media only screen and (max-width: 1280px){
	.post {
			width: 520px !important; 
			margin-right: 150px !important;
			
	
	
	}

	.content{ 
	
	margin-left: 45px !important;}
	
	#widgety1, #widgety2, #widgety3 {

	margin-left:20px !important;

	}


}

@media only screen and (max-width: 1024px){
	.post {
			width: 420px !important; 
			margin-right: 200px !important;
			
	
	
	}

	.content{ 
	
	margin-left: 30px !important;}

	#widgety1, #widgety2, #widgety3 {

	margin-left:10px !important;

	}
	
	
}


/*reponsiv koniec*/



.pasek{
		background: url("http://pozytywnezmiany.org/wp-content/themes/pozytywnezmiany/images/pasektop.png") repeat-x;
		width:100%;
		position:fixed;
		z-index:100;
		height: 10px;
		display:block;
		
	}
	
.logo{	
		margin:34px 0 89px 0;
		width:100%;
		text-align:center;
		
	

}
.logo img {
		padding-bottom: 20px;
		-webkit-box-shadow: 0px 10px 10px -13px  rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 10px -13px rgba(0,0,0,0.75);
	    box-shadow: 0px 10px 10px -13px rgba(0,0,0,0.75);
}


/*formularz*/

form{
	margin:0px auto 0 0em;
}	

.wysija-submit {
        
        -moz-box-shadow:inset 0px 1px 0px -27px #ffe0b5;
        -webkit-box-shadow:inset 0px 1px 0px -27px #ffe0b5;
        box-shadow:inset 0px 1px 0px -27px #ffe0b5;
        
        background-color:#FF6600;
        
        display:inline-block;
        color:#ffffff;
        font-family:'Comfortaa',Trebuchet MS;
        font-size:17px;
        
        padding:6px 11px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #8f7f24;
		margin-top: 0px;
		width: 187px;
    }
.wysija-submit:hover {
        
        background-color:#f89306;
    }
.wysija-submit:active {
        position:relative;
        top:1px;
    }

.wysija-input{

		width: 187px; 
		height: 34px; 
		padding: 6px 0px 6px 6px;
		margin-top: 15px;
		font: 0.9em 'Comfortaa', Verdana, Arial, sans-serif;
		background-color:#F3F3F3;
}



.formErrorContent{

	left: -190px; 
	top: 110px;
	border: solid 0px !important ;
	width: 165px !important;

}
	
/*formularz koniec*/
	
#widgety1, #widgety2, #widgety3 {
		
		float:left;
		/*background-color: #e0e0e0;*/
		min-height: 300px;
		width:15em;
		margin:25px auto 0 35px;
}


.side-title{
		margin-bottom:20px;

}

#widgety1 {
	margin-top:62px;


}

/* kolumny */

#container3 {
    float:left;
    min-width:1230px;
    /*background:green;*/
    overflow:hidden;
    position:relative;
	
}
#container2 {
    float:left;
	min-width:1320x;
    /*width:100%;*/
    /*background:yellow;*/
    position:relative;
    right:20%;
	webkit-box-shadow: 6px 0px 9px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 0px 9px -7px rgba(0,0,0,0.75);
	box-shadow: 6px 0px 9px -7px rgba(0,0,0,0.75);
}
#container1 {
    float:left;
	min-width:1230px;
    /*width:100%;*/
    /*background:red;*/
    position:relative;
    right:67%;
	webkit-box-shadow: 6px 0px 9px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 0px 9px -7px rgba(0,0,0,0.75);
	box-shadow: 6px 0px 9px -7px rgba(0,0,0,0.75);
}
#col1 {
    float:left;
    width:13%;
    position:relative;
    left:87%;
    overflow:hidden;
}
#col2 {
    float:left;
    width:67%;
    position:relative;
    left:87%;
    overflow:hidden;
}
#col3 {
    float:left;
    width:20%;
    position:relative;
    left:87%;
    overflow:hidden;
}

#foot1{
	
	float:left;
	width: 90%;
	text-align:center;
	padding: 20px 0;
	
	
}


/* #Menu
================================================== */


#menu {
	display: block;
	float: left;
	margin: 90px auto 0 auto;
	width: 90%;
	text-align: center;
	


}

#menu li {
	height:123px;
	position: relative;
	margin-bottom:21px;
	padding:0 0px 0 0;
	text-align:center;
}


#menu ul li a{
	padding: 100px  0 0 0 ;
	text-align:center;
	display:block;
	font-family: Comfortaa, sans-serif;
	font-size:1em;
	
}


#menu ul li:nth-child(1) {
	background:url('images/batik1.png') no-repeat ;
	background-position:center top; 
}
	
#menu ul li:nth-child(2) {
	background:url('images/batik2.png') no-repeat;
	background-position:center top; 
} 

	
#menu ul li:nth-child(3) {
	background:url('images/batik3.png') no-repeat;
	background-position:center top; 
}
	
#menu ul li:nth-child(4) {
	background:url('images/batik4.png') no-repeat;
	background-position:center top; 
}

	
#menu ul li:nth-child(5) {
	background:url('images/batik5.png') no-repeat;
	background-position:center top; 
}


#menu ul li:nth-child(6) {
	background:url('images/batik6.png') no-repeat;
	background-position:center top; 
}

#menu ul li:nth-child(7) {
	background:url('images/batik7.png') no-repeat;
	background-position:center top; 
}



.content{ 
	width: 900px;
	margin-left: 50px;
	
	
	
	}

.post {
		width: 650px;
		margin:0 0 89px 30px;
		float:left;
}

.post h3{
		margin-bottom: 20px;
		

	
}

.entry-thumb{ 
		float:left;
		width: 173px;
}

.paginacja{
		
		float:left;
		width: 100%;
		text-align:center;
}


.readmore{
	
	text-align:center;
	margin:20px ;}
	
.data{
	margin: 0 0 0 0;
	font-style:normal;
	font-size:0.9em;
	text-align:center;
}
.strona{
		margin:0 0 0 13.64%;

}
.title{ margin: 0 0 21px 0;}


.post_nawigacja{
		float:left;
		width:100%;
		text-align:center;
		margin-top: 50px;
		font-size:1em;
	

}

.paginacja{
		
		text-align:center;
		height:50px;
		
		
}

.navigation ul{ 
	
		width:600px;
		height:25px;
		margin-left: 193px;
		text-align:center;
}

.active{ 
	background-color:#e0e0e0;
	width:21px;
	
	
}

.navigation ul li{
	float:left;
	margin: 0 10px 0 10px;
}

.textwidget, .cycloneslider, .socialmedia-buttons {
		
	margin-top:30px;	

}

.blogroll li{

		margin: 15px 0 0 0;
}


/*działania*/

#dzial{
		
	height: 800px;
	width:800px;
	position: relative;
	background:url('images/dzialania_tlo.jpg') no-repeat;
	margin-left: 40px;

}

#dzial ul li {
		width: 150px;
		height: 150px;
		border-radius: 50%; /* top left, top right, bottom right, bottom left */
		border: 0px solid  ;
		position:absolute;
		
		
}
li.cat-item-15 {
		
		border-radius: 50%; /* top left, top right, bottom right, bottom left */
		border: 1px solid ;
		background-color:#ED2024;
		top:50px;
		left:70px;
		color:#fff;
}
li.cat-item-15:hover{
		-webkit-box-shadow: 0px 0px 13px rgba(237, 32, 36, 0.7);
		-moz-box-shadow:    0px 0px 13px rgba(237, 32, 36, 0.7);
		box-shadow:         0px 0px 13px rgba(237, 32, 36, 0.7);

}

li.cat-item-15 a{
		display:block;
		padding-top: 50px;
		padding-left: 20px; 
		padding-right: 20px;
		height: 100px; 
		width: 109px;
		text-align:center;
		color:#fff;
}


li.cat-item-10 {
		
		border-radius: 50%; /* top left, top right, bottom right, bottom left */
		border: 1px solid;
		background-color:#232021;
		top:30px;
		left: 310px;
		color:#fff;
}
li.cat-item-10:hover{
		-webkit-box-shadow: 0px 0px 13px rgba(35, 32, 33, 0.8);
		-moz-box-shadow:    0px 0px 13px rgba(35, 32, 33, 0.8);
		box-shadow:         0px 0px 13px rgba(35, 32, 33, 0.8);

}

li.cat-item-10 a{
		display:block;
		padding-top:50px;
		padding-left: 20px; 
		padding-right: 20px;
		height: 100px; 
		width: 109px;
		text-align:center;
		color:#fff;
}


li.cat-item-9 {
		
		border-radius: 50%; /* top left, top right, bottom right, bottom left */
		border: 1px solid;
		background-color:#4270B6;
		top:110px;
		left:560px;
		color:#fff;
}
li.cat-item-9:hover{
		-webkit-box-shadow: 0px 0px 30px rgba(45, 148, 214, 0.7);
        -moz-box-shadow: 0px 0px 30px rgba(45, 148, 214, 0.7);
        box-shadow: 0px 0px 30px rgba(45, 148, 214, 0.7);

}

li.cat-item-9 a{
		display:block;
		padding-top: 50px; 
		padding-left: 20px; 
		padding-right: 20px;
		height: 100px; 
		width: 109px;
		text-align:center;
		color:#fff;
}



li.cat-item-12 {
		
		border-radius: 50%; /* top left, top right, bottom right, bottom left */
		border: 1px solid;
		background-color:#488A40;
		top:300px;
		left:80px;
		color:#fff;
}
li.cat-item-12:hover{
		-webkit-box-shadow: 0px 0px 13px rgba(72, 138, 64, 0.7);
		-moz-box-shadow:    0px 0px 13px rgba(72, 138, 64, 0.7);
		box-shadow:         0px 0px 13px rgba(72, 138, 64, 0.7);

}

li.cat-item-12 a{
		display:block;
		padding-top: 62px; 
		padding-left: 20px; 
		padding-right: 20px;
		height: 88px; 
		width: 109px;
		text-align:center;
		color:#fff;
}



li.cat-item-11 {
		
		border-radius: 50%; /* top left, top right, bottom right, bottom left */
		border: 1px solid;
		background-color:#285D9E;
		left: 350px; 
		top: 420px;
		color:#fff;
}
li.cat-item-11:hover{
		-webkit-box-shadow: 0px 0px 30px rgba(45, 148, 214, 0.7);
        -moz-box-shadow: 0px 0px 30px rgba(45, 148, 214, 0.7);
        box-shadow: 0px 0px 30px rgba(45, 148, 214, 0.7);

}

li.cat-item-11 a{
		display:block;
		padding-top: 62px; 
		padding-left: 20px; 
		padding-right: 20px;
		height: 88px; 
		width: 109px;
		text-align:center;
		color:#fff;
}


li.cat-item-14 {
		
		border-radius: 50%; /* top left, top right, bottom right, bottom left */
		border: 1px solid;
		background-color:#2E3033;
		left: 560px; 
		top: 310px;
		color:#fff;
}
li.cat-item-14:hover{
		-webkit-box-shadow: 0px 0px 13px rgba(35, 32, 33, 0.7);
		-moz-box-shadow:    0px 0px 13px rgba(35, 32, 33, 0.7);
		box-shadow:         0px 0px 13px rgba(35, 32, 33, 0.7);


}

li.cat-item-14 a{
		display:block;
		height: 108px; 
		width: 110px; 
		padding-top: 35px; 
		padding-left: 20px; 
		padding-right: 20px;
		text-align:center;
		color:#fff;
}
/* #Galeria
================================================== */
.ngg-description{
	display:none;

}

.ngg-albumtitle{
	width:420px;
	margin-left:230px;
	position:absolute;
	font-size:1.1em;
	
}

.ngg-albumtitle a{
	font-weight:100;
}

.ngg-album{
	height: auto;
	padding:0px !important;
	border: 0px solid !important;
	position:relative;
	margin-top:10px;
}

.ngg-album a img{
	margin:0px !important;
	padding:0px !important;
	
}	
.ngg-thumbnail{
	float: left;

}
.ngg-thumbnail a img{
	border: 0px solid !important;

}
.ngg-galleryoverview{
	width:720px;

}

/* #PROJEKTY - kategoria
================================================== */
.opis_projekt{margin: 30px 30px 30px 0px;}