/*
Theme Name: KOED WL
Version: 1.0
*/

/*
zieleń koed: #a4be55
fundacyjny pomarańcz z logo: e77817
zieleń WL: #083F4D;
groszkowy WL: 9bbb2b
groszkowy ciemny: 6a7f1d
pomarancz z linków: 
*/

body {
margin: 0px;
font-family: 'arial', sans-serif;
font-size: 14px;
background-image: url('images/topbgh2.jpg');
background-position: top left; /* default position */
background-repeat: repeat-x;
}

img {
border: 0;
}

a {
	-webkit-transition: all 0.3s ease;
	-moz-transition:  all 0.3s ease;
	-o-transition:  all 0.3s ease;
	-ms-transition:  all 0.3s ease;
	transition:  all 0.3s ease;

color: #6a7f1d;
text-decoration: none;
}



* {
	margin: 0;
	outline: 0px;
}
html, body {
	height: 100%;
}

.wrapper {
    /*background-color: white;*/
    background-image: url('images/topbg2.jpg');
    background-repeat: no-repeat;
    background-position: top center;

    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */
}

.push {
	padding-top: 60px;
	height: 200px; /* .push must be the same height as .footer */
}

.footer {
	height: 170px; /* .push must be the same height as .footer */
	padding-top: 30px;
	color: #333;
	font-size: 11px;
	line-height: 15px;
/*	background: #e9e9e9;*/
	background: #111;
	background: #083F4D;
color: white;
}

.footer .kol {
width: 300px;
padding-right: 20px;
float: left;
}

.footer p {
padding-bottom: 15px;
}

.footer a {
	color:  white;
	text-decoration: underline;
}

.logoswrap {
top: 215px;
position: absolute;
}

.logoswrap .controlsr {
position: absolute;
font-size: 12px;
line-height: 12px;
color: #aaa;
text-transform: uppercase;
top: -42px;
right: 0px;
}

.logoswrap .controlsr a {
text-decoration: none;
border: #ccc solid 1px;
border-top: none;
background: #083F4D;
background: #f0f0f0;
display: block;
padding-top: 17px;
padding-bottom: 6px;
padding-left: 15px;
padding-right: 15px;

-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
color: black;
}

.logoswrap .controlsr a:hover {
background: #6a7f1d;
background: white;
color: #083F4D;
}


.logoswrap .controls {
position: absolute;
font-size: 12px;
line-height: 12px;
color: #aaa;
text-transform: uppercase;
top: -25px;
left: 19px;
}

.logoswrap .controls a {
text-decoration: none;
font-family: arial;
position: relative;
top: -1px;
font-weight: bold;
color: #083F4D;
}

.logoswrap .controls a:hover {
color: black;
}


.logos {
width: 960px;
margin: 0 auto;
height: 100px;
overflow: hidden;
position: relative;
}


.logos .pojemnik {
position: relative;
}



.logos a {
display: block;
width: 100px;
height: 100px;
display: table-cell;
vertical-align: middle;
padding-left: 19px;
padding-right: 18px;
text-align: center;
}

.logos a div {
width: 100px;
}

.logos a img {
position: relative;
}

.fontface {
font-family: 'TechnicznaPomocRoundRegular', Arial, sans-serif;
font-weight: normal;
}

.top {
/*background-image: url('images/topbgh2.jpg');
background-repeat: repeat-x;
background-position: bottom;*/
height: 194px;
position: relative;
}

/*.top .in {
background-image: url('images/topbg2.jpg');
background-repeat: no-repeat;
background-position: top center;
height: 400px;
}*/


.top2 {
background-image: url('images/topbgh2.jpg');
background-repeat: repeat-x;
background-position: top;
position: relative;
}

.top2 .in {
background-image: url('images/topbg2.jpg');
background-repeat: no-repeat;
background-position: top center;
}

.top2 .pagetop {
        height: 172px;
}


.logo {
padding-top: 30px;
float: left;
}

.logo img {
display: block;
}

.logo a:hover img {
opacity: 0.9;
}

.logo .tagline {
    padding: 1em 0;
    color: #404040;
    font-size: 1.1em;
}

.tmenu {
    float: right;
    width: 650px;
    padding-top: 75px;
    position: relative;
}

.tmenu .bip_logo {
    position:absolute;
    top: 10px;
    right: 0;
}

.tmenu .lang {
position: absolute;
top: 0px;
right: 0px;
font-size: 12px;
}

.tmenu .lang a {
text-transform: uppercase;
text-decoration: none;
border: #ccc solid 1px;
border-top: none;
background: #083F4D;
background: #f0f0f0;
display: block;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 15px;
padding-right: 15px;

-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
color: black;
}


.tmenu .lang a:hover {
background: white;
}

.tmenu .menu ul, .tmenu li {
margin: 0;
padding: 0;
list-style: none;
}

.tmenu ul.menu > li {
float: right;
position: relative;
}

.tmenu ul.menu > li > a {
	display: block;
	text-decoration: none;
	font-size: 16px;
	font-family: 'TechnicznaPomocRoundRegular', Arial, sans-serif;
	font-weight: normal;
	color: black;
	text-transform: uppercase;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

border-bottom: #ddd solid 1px;
}


.tmenu ul.menu > li > a:hover,
.tmenu ul.menu > li > a.hov {
	background: #083F4D;
	color: white;
	border-bottom: #f0f0f0 solid 1px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;

	
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.tmenu ul.menu > li .sub-menu {
display: none;
position: absolute;
top: 32px;
padding-top: 10px;
padding-bottom: 10px;
left: 10px;
z-index: 1001;
width: 260px;
background: black;
font-size: 12px;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
	background: #083F4D;	
}

.tmenu ul.menu > li .sub-menu li {

}

.tmenu ul.menu > li .sub-menu a {

display: block;
color: white;
text-decoration: none;
padding: 4px 15px 4px 15px;

	-webkit-transition: all 0.1s ease;
	-moz-transition:  all 0.1s ease;
	-o-transition:  all 0.1s ease;
	-ms-transition:  all 0.1s ease;
	transition:  all 0.1s ease;
}

.tmenu ul.menu > li .sub-menu a:hover {
	background: #083F4D;
	color: white;
	background: #404040;
}

.rounded {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.cl {
clear: both;
}

.wrap {
width: 960px;
margin: 0 auto;
}

.butony {
position: absolute;
top: 328px;
width: 960px;
}

.butony a {
float: left;
height: 137px;
}

.butony .b1 {
width: 236px;
background-image: url('images/butony_01.jpg');
}

.butony .b2 {
width: 244px;
background-image: url('images/butony_02.jpg');
}

.butony .b3 {
width: 236px;
background-image: url('images/butony_03.jpg');
}

.butony .b4 {
width: 244px;
background-image: url('images/butony_04.jpg');
}

.butony a div {
background-image: url('images/bhover.png');
background-position: bottom center;
background-repeat: no-repeat;
width: 100%;
height: 137px;
opacity: 0;
filter: alpha(opacity=0);
}

.content {
padding-top: 30px;
}

.contentin {

}


.more-link {
	background: #083F4D;
	color: white;
	text-decoration: none;
	font-family: 'TechnicznaPomocRoundRegular', Arial, sans-serif;
	font-weight: normal;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 5px;
}


.more-link:hover {
    background: #9bbb2b;
}

.postdata {
    display: block;
    color: #aaa;
    padding-top: 5px;
    font-size: 12px;
    line-height: 16px;
}

.postdata a {
    color: #888 !important;
}

.postdata a:hover {
    color:  #9bbb2b !important;
}

.podtop {
    background-image: url('images/podtop.jpg');
    background-position: left bottom; /* center; */
    background-repeat: no-repeat;
    min-height: 170px;
    padding-bottom: 12px;
    position: relative;
    margin-bottom: 40px;
}

.podtop .side {
	float: right;
	width: 198px;
	padding-right: 20px;
}

.podtop .side .linki {
text-align: center;
position: absolute;
bottom: 0px;
right: 0px;
width: 240px;
padding-bottom: 35px;
}

.podtop .side .linki a {

}

.podtop .side .linki a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}



.podtop .post {
padding-left: 80px;
width: 590px;
float: left;
}

.podtop .post p {
margin-bottom: 23px;
}

.podtop .post img {
display: none;
}

.podtop .storytitle {
margin: 0;
padding: 0;
font-size: 16px;

text-transform: uppercase;
padding-bottom: 20px;
}

.podtop .storytitle a {
color: black;
text-decoration: none;
}

.podtop .storytitle a:hover {
color: #9bbb2b;
border: none;

}

.podtop .storycontent {
font-size: 14px;
line-height: 140%;
text-align: justify;
}

.podtop .more-link {
font-size: 12px;
line-height: 18px;
padding: 2px 5px;
float: right;
}




.tblog {
padding-top: 30px;
width: 700px;
padding-right: 20px;
float: left;
}

.tblog .perm {
float: left;
width: 80px;
}

.tblog .perm a {
display: block;
font-size: 36px;
color: #9bbb2b;
text-decoration: none;
padding-left: 20px;
position: relative;
top: -3px;
border: none;
}


.tblog .perm a:hover {
color: black;
border: none;
}

.normalpost {
width: 700px;

margin-bottom: 30px;

}

.normalpost .storytitle {
font-size: 16px;
	font-family: 'TechnicznaPomocRoundRegular', Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 30px;
	float: right;
width: 620px;
border: none;

}

.normalpost p,
.normalpost ul,
.normalpost ol {
    margin-bottom: 1em;
}
.storycontent h3 {
    margin: 1.5em 0 1em 0;
}

.storycontent ul {
    /* Solves the ul-next-to-float problem */
    overflow: auto;
}

.normalpost .storytitle a {
color: black;
text-decoration: none;
border: none;

}

.normalpost .storytitle a:hover {
color: #9bbb2b;
border: none;

}

.normalpost .storycontent {
width: 590px;
	float: right;
font-size: 14px;
line-height: 140%;
border-bottom: #e0e0e0 dotted 1px;
padding-right: 30px;
text-align: justify;
}

.normalpost:last-child .storycontent {
border: 0;
}

.normalpost .more-link {
font-size: 12px;
line-height: 15px;
color: white;
border: none;
}

.normalpost .more-link:hover {

color: white;
}

.normalpost a {
color: #6a7f1d;

text-decoration: none;
}

.normalpost a:hover {
color: black;
border-bottom: black dotted 1px;
}

/* --- */


.singlepost {
width: 700px;
padding-right: 20px;
float: left;
padding-top: 40px;
}

.singlepost .storytitle {
font-size: 30px;
line-height: 36px;
	font-family: 'TechnicznaPomocRoundRegular', Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 30px;
	border: none;
}

.singlepost p,
.singlepost ul,
.singlepost ol {
    margin-bottom: 1em;
}

.singlepost .storytitle a {
color: #083F4D;
text-decoration: none;
border: none;

}

.singlepost .storytitle a:hover {
color: #9bbb2b;
border: none;

}

.singlepost .storycontent {
width: 660px;
font-size: 15px;
line-height: 140%;
text-align: justify;
}

.singlepost .more-link {
font-size: 12px;
line-height: 15px;
color: white;
border: none;
}

.singlepost .more-link:hover {

color: white;
}

.singlepost a {
color: #6a7f1d;
text-decoration: none;
}

.singlepost a:hover {
color: black;
border-bottom: black dotted 1px;
}

.sidebar {
float: right;
width: 240px;
text-align: left;
color: #aaa;
}

.content .sidebar {
padding-top: 27px;
}

.contentin .sidebar {
}

.sidebar .sidepost {
border: #ccc solid 1px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
padding: 20px;
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
background: #f5f5f5;
color: black;

}

.home .sidebar .sidepost {
background: white;
color: #555;
border: #f0f0f0 solid 1px ;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}




.sidebar .sidepost .title {
font-weight: bold;
margin-bottom: 0.5em;
}

.sidebar .head {
font-size: 16px;
text-transform: uppercase;
padding-bottom: 5px;
padding-top: 2px;
border: #ccc solid 1px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

height: 20px;
margin-bottom: 10px;
margin-top: 10px;
padding-left: 20px;
}

.sidebar .head ul,
.sidebar .head li {
list-style: none;
margin:0;
padding: 0;
display: inline;
}

.sidebar .head li a:after {
content: " +";

}

.home .sidebar .head {
border: #f0f0f0 solid 1px;
}

.sidebar .head a {
color: #aaa;
text-decoration: none;
}

.sidebar .head a:hover {
color: #9bbb2b;
}

/* klasa archiwum jest uzywana zarowno do archiwum, jak i do podstron */

.sidebar ul.archiwum, .sidebar .archiwum ul, .sidebar .widgets ul {
list-style: none;
padding: 0;
margin: 0;

border: #ccc solid 1px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

font-size: 14px;
line-height: 18px;
}

.sidebar .archiwum li, .sidebar .widgets li {
list-style: none;
padding: 0;
margin: 0;
border-bottom: #ccc solid 1px;
}

.sidebar .archiwum li.current_page_item, .sidebar .widgets li.current_page_item {
background: #f0f0f0; 
color: black;
}

.sidebar .archiwum li.current_page_item a, .sidebar .widgets li.current_page_item a {
color: #6a7f1d;
}

.sidebar .archiwum li:last-child, .sidebar .widgets li:last-child {
border: 0;
}

.sidebar .archiwumslider {
margin-bottom: 10px;
}

.sidebar .archiwum a, .sidebar .widgets a {
padding: 5px 20px 5px 20px;
color: #083F4D;	
text-decoration: none;
display: block;
}

.sidebar .archiwum a:hover, .sidebar .widgets a:hover {
background: #083F4D;
color: white;
}






.preload {
position: absolute;
height: 1px;
width: 1px;
top: -10000px;
}













.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	
}
.alignright {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}


.wp-paginate {padding:0; margin:0;
font-family: 'TechnicznaPomocRoundRegular', Arial, sans-serif;
font-weight: normal;
font-size: 16px;
padding-left: 90px;
}
.wp-paginate li {display:inline; list-style:none; text-align: center;}
.wp-paginate a {background: #6a7f1d;  color:white; margin-right:4px; padding:3px 12px; text-align:center; text-decoration:none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.wp-paginate a:hover, .wp-paginate a:active {background:#000; color:#fff;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#083F4D;  margin-right:4px; padding:3px 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}



img.fleft {
        float: left;
        margin-right: 1em;
}

.rollover {
	display: block;
}

.rollover:hover {
	background-position: 0 100%;
}


/* widget fix: move this to WL! */
#wl a {
	padding: 0;
}
#wl a:hover {
	background: transparent;
}


/* katalog kompetencji */

.kompetencje-body {
    text-align: left;
}
.kompetencje-body p {
    padding-bottom: 0;
}

.kompetencje h3,
.kompetencje-body h2,
.kompetencje-body h3,
.kompetencje-body h5 {
    margin-top: 1.5em;
    margin-bottom: .5em;
}

.kompetencje-body h4 {
    margin-top: 2em;
    margin-bottom: .5em;
    font-size: 1.1em;
}

form.kompetencje {
    font-size: .8em;
    margin-bottom: 4em;
}
form.kompetencje ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.kompetencje strong {
   display: inline-block;
    width: 12em;
}
.kompetencje .toggler {
    color: #083F4D;
    cursor: pointer;
    display: none;
}
.kompetencje-poziomy {
    display: inline;
}
.kompetencje-poziomy li {
    display: inline-block;
    width: 13em;
}
.kompetencje-kategorie {
}
.kompetencje-kompetencje li {
    margin-left: 2em;
}

blockquote {
    border-left: 1px solid #ccc;
    margin: 0 0 1em 1em;
    clear: left;
    padding: 1em 1em 0 1em;
}
.zielen {
    background: #a4be55 !important;
    padding: 10px;
    margin: 20px;	
}