/*
Theme Name: 	Fundacja Niechciane i Zapomniane
Description: 	Template dedykowany dla FNiZ
Version: 		1.0
Author: 		Concepts.pl
Author URI: 	http://concepts.pl
Tags: 			fniz
*/


/* =Reset default browser CSS.
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
del { text-decoration: line-through; color: #bbb; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }


/* =Fontface
-------------------------------------------------------------- */

@font-face {
    font-family: 'noticia';
    src: url('fonts/noticiatext-regular-webfont.eot');
    src: url('fonts/noticiatext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/noticiatext-regular-webfont.woff') format('woff'),
         url('fonts/noticiatext-regular-webfont.ttf') format('truetype'),
         url('fonts/noticiatext-regular-webfont.svg#noticiaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'noticia';
    src: url('fonts/noticiatext-italic-webfont.eot');
    src: url('fonts/noticiatext-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/noticiatext-italic-webfont.woff') format('woff'),
         url('fonts/noticiatext-italic-webfont.ttf') format('truetype'),
         url('fonts/noticiatext-italic-webfont.svg#noticiaitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'noticia';
    src: url('fonts/noticiatext-bold-webfont.eot');
    src: url('fonts/noticiatext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/noticiatext-bold-webfont.woff') format('woff'),
         url('fonts/noticiatext-bold-webfont.ttf') format('truetype'),
         url('fonts/noticiatext-bold-webfont.svg#noticiabold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'noticia';
    src: url('fonts/noticiatext-bolditalic-webfont.eot');
    src: url('fonts/noticiatext-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/noticiatext-bolditalic-webfont.woff') format('woff'),
         url('fonts/noticiatext-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/noticiatext-bolditalic-webfont.svg#noticiabolditalic') format('svg');
    font-weight: bold;
    font-style: italic;
}


/* =Global Elements
-------------------------------------------------------------- */

body {
	background: url(images/bg.png) repeat #b7db0c;
	overflow-x: hidden;
	overflow-y: scroll;
}

.wrapper {
	margin: 0 auto;
	width: 1000px;
	padding: 0;
}

#outer-wrapper {
	margin: 0 auto;
	background: url(images/left-area.png) no-repeat 0px 270px;
	width: 1266px;
	padding: 0px;
	overflow: hidden;
}

#top-bar {
	background: url(images/top-bar.png) repeat-x transparent;
	width: 100%;
	height: 7px;
	z-index: 1;
	position: absolute;
}

input#s {
	width: 165px;
	height: 16px;
	border: 2px solid #b7db0c;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 8px 5px 12px;
	font: 13px noticia, 'Trebuchet MS', Georgia;
	color: #7c7c7c;
	font-style: italic;
	opacity: 0.8;
}

input#searchsubmit {
	display: inline-block;
	width: 37px;
	height: 30px;
	cursor: pointer;
	background: url(images/search-btn.png) no-repeat -2px 0px transparent;
	border: 2px solid #b7db0c;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	vertical-align: top;
}

input#searchsubmit:hover { background-position: -2px -26px; border: 2px solid #222; }


/* Buttony */

.button {
	height: 20px;
	padding: 2px 15px 2px 15px;
	background: url(images/button-bg.png) repeat-x center top;
	font: 14px noticia, 'Trebuchet MS', Georgia;
	text-align: center;
}

.button-double {
	display: inline-block;
	height: 44px;
	padding: 5px 5px 3px 10px;
	background: url(images/button-double-bg.png) repeat-x center top;
	font: 19px noticia, 'Trebuchet MS', Georgia;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
}

.button, .button-double {
	display: inline-block;
	border: 2px solid #8ca70d;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 1px 2px #777;
	text-shadow: 1px 1px 0px #222;
	color: #b7db0c !important; 
	text-decoration: none !important;
}

.button-double small {
	font: 13px noticia, 'Trebuchet MS', Georgia;
	font-style: italic;
	color: #fff;
	text-transform: none;
	display: block;
}

.btnicon { width: 100%; height: 36px; padding-left: 45px; }

.iinfo { background: url(images/double-icons.png) no-repeat 0px 0px; }
.iheart { background: url(images/double-icons.png) no-repeat 0px -36px; }

.button:hover, .button-double:hover {
	background-position: center bottom;
	color: #222 !important;
	text-shadow: 1px 1px 0px #c5e10e;
}

.button-double:hover > small { color: #222 !important; }


/* Text elements */

strong { font-weight: bold; }
cite, em, i { font-style: italic; }
blockquote { font-style: italic; }
a:link { color: #0066cc; }
a:visited { color: #743399; }
a:active, a:hover { color: #ff4b33; }


/* Floats */

.left { float: left; }
.alignleft { float: left; margin-right: 10px; }
.right { float: right; }
.alignright { float: right; margin-left: 10px; }

.separate { height: 1px; width: 100%; background: #ddd; }
.separate-mini { height: 1px; width: 90%; background: #ddd; margin: -15px 0 5px 0; }


/* Global soft hover effect */

#logo:hover, 
#logo:active,
#footer-logos:hover,
#content-fill .entry-thumbnail:hover,
#content-fill #lower li:hover, 
#content-fill #lower-2 .thumb:hover, 
#content-fill #lower-3 .thumb:hover,
#sub-fill .entry-image:hover,
.adopcje-thumbnail:hover,
#sub-fill #lower .thumb:hover,
#content-fill .entry-content img:hover,
#dt-button:hover, 
#adopcje-button:hover,
#sub-fill #sidebar li .thumb:hover,
#sub-fill #sidebar .sub-polecaja:hover,
#sub-fill .entry-thumbnail:hover,
.program-pit:hover
{
	opacity: 0.75;
}


/* Sprites & files */

.sp-plec { background: url(images/sprites.png) no-repeat 7px 4px !important; }
.sp-rasa { background: url(images/sprites.png) no-repeat 7px -25px !important; }
.sp-rozmiar { background: url(images/sprites.png) no-repeat 7px -55px !important; }
.sp-rokur { background: url(images/sprites.png) no-repeat 7px -85px !important; }
.sp-kont { background: url(images/sprites.png) no-repeat 7px -115px !important; }
.sp-wo { background: url(images/sprites.png) no-repeat 7px -144px !important; }
.sp-mail { background: url(images/sprites.png) no-repeat 7px -253px !important; }

.doc-file { background: url(images/file-doc.png) no-repeat 0px 0px; }
.pdf-file { background: url(images/file-pdf.png) no-repeat 0px 0px; }

.doc-file, .pdf-file { padding: 0 0 0 25px; display: block; }
#sub-fill .entry-content a.doc-file, a.pdf-file { text-transform: uppercase; font-size: 14px; font-weight: bold !important; }


/* Grayscale b/w pictures */

.grayscale {
    filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}


/* De-styled pictures */

.destyle {
	box-shadow: none !important; 
	border: 0px none; 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	box-shadow: 0px 0px 0px #fff !important;
}

/* Na potrzebby 1% */

.orange { color: #ec6e00 !important; }
.lessmargin { margin-top: -10px !important; line-height: 35px !important; }


/* =Header
-------------------------------------------------------------- */

#top-area {
	background: url(images/top-area.png) no-repeat transparent;
	width: 265px;
	height: 43px;
	display: block;
	margin-left: 440px;
	padding: 170px 0 0 315px;
}

#logo {
	background: url(images/logo.png) no-repeat 0px 0px transparent;
	display: block;
	width: 470px;
	height: 203px;
	position: relative;
	margin-left: 20px;
	z-index: 10;
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1; 
	position: relative;
	float: left;
}


/* =Homepage & selective sub-content styles
-------------------------------------------------------------- */

#slider {
	display: block;
	width: 728px;
	height: 320px;
	margin-left: 10px;
	float: left;
}

#home-paper {
	background: url(images/home-paper.png) no-repeat 0px 0px;
	width: 230px;
	height: 305px;
	margin: 0 auto;
	padding: 13px 5px 7px 20px;
	overflow: hidden;
	position: relative;
	float: right;
	font: 19px noticia, 'Trebuchet MS', Georgia;
	font-weight: bold;
	color: #222;
	line-height: 23px;
}

.platnosci {
	background: url(images/platnosci.png) no-repeat 0px 0px;
	width: 157px;
	height: 17px;
	margin: 15px 0 0 22px;
}

.paypal { height: 56px; width: 208px; transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; opacity: 0; background: url(images/darowizna-paypal.png) no-repeat center bottom; }
input.paypal { outline: none !important; -webkit-appearance: none !important; border: 0 none !important; text-indent: -500px;}
input.paypal:hover { opacity: 1; cursor: pointer; }

#home-paper .button { width: 170px; margin-top: 15px; }
#home-paper .button-double { width: 190px; margin-top: 10px; }

#home-paper .krs { font-size: 20px; line-height: 15px; }
#home-paper .krs b { color: #91b81e; font-weight: bold; }
#home-paper .konto { font-size: 11px; }
#home-paper .konto b { color: #91b81e; font-weight: bold; }

.program-pit {
	background: url(images/program-pit.png) no-repeat 0px 0px;
	width: 211px;
	height: 162px;
	display: block;
	margin: 0;
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1; 
}


/* Slider */

.preload[style] { background: 0 none !important; }

.lof-navigator-wapper {
	position: absolute !important;
	right: 0px !important;
	top: 10px !important;
	height: 25px !important;
}

.lof-navigator-outer[style] { height: 25px !important; width: 170px !important; }

ul.lof-navigator[style] { width: 170px !important; }

.lof-navigator li[style] { 
	background: url(images/pagination.png) no-repeat 0px 0px;
	width: 22px !important; 
	height: 22px !important;
	margin-left: 5px;
	float: right;
}
.lof-navigator .active[style] { background: url(images/pagination.png) no-repeat -22px 0px; }
.lof-navigator li:hover[style] { background: url(images/pagination.png) no-repeat -44px 0px; }
.lof-navigator .active:hover[style] { background: url(images/pagination.png) no-repeat -22px 0px; }

#content {
	background: url(images/bg-paper.png) no-repeat 0px 0px;
	width: 1005px;
	height: 795px;
	padding: 33px 0 0 22px;
	position: relative;
	margin-top: -92px;
	z-index: 10;
}

#content-fill { 
	background: url(images/bg-paper.jpg) no-repeat 0px 0px; 
	width: 946px;
	height: 728px;
	padding: 59px 0 0 18px;
	margin: 0;
}

#content-fill h1 {
	font: 22px noticia, 'Trebuchet MS', Georgia;
	line-height: 22px;
	font-weight: bold;
	color: #91b81e;
}

#content-fill h2 a {
	font: 15px noticia, 'Trebuchet MS', Georgia;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	color: #222;
}

.entry-meta { margin: -25px 0 25px; height: 30px; }

.entry-meta ul li {
	float: left;
	margin-right: 20px;
}

.post-date { background-position: 8px -283px !important; }
.post-author { background-position: 8px -403px !important; }
.post-category { background-position: 8px -313px !important; }

#content-fill .entry-content, #sub-fill .entry-content {
	font: 12px noticia, 'Trebuchet MS', Georgia;
	color: #636363;
}

.entry-content img {
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #777;
	transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1;
}

#content-fill .entry-title {
	white-space: nowrap;
	overflow: hidden;
}

#sub-fill .entry-title {
	line-height: 20px;
	padding: 0;
}

#sub-fill .entry-title a {
	font: 15px noticia, 'Trebuchet MS', Georgia;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	color: #222 !important;
}

#content-fill .posted-on, #sub-fill .posted-on {
	background: url(images/sprites.png) no-repeat -2px -289px;
	padding: 0 0 0 18px;
	font: 12px noticia, 'Trebuchet MS', Georgia;
	color: #959595;
}

#content-fill .entry-thumbnail, #sub-fill .entry-thumbnail {
	display: block;
	width: 106px;
	height: 63px;
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #777;
	float: left;
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1;
	background-position: center center !important;
}

#content-fill #news {
	width: 550px;
	float: left;
}

#content-fill #news .button { 
	margin: 10px 0 0 -20px; 
	position:relative;
}

#content-fill article {
	height: 90px;
	width: 550px;
	display: block;
	overflow: hidden;
	margin: 10px 0 0 0;
}

#content-fill article header, #content-fill #news .entry-content, #sub-fill article header {
	float: left;
	width: 420px;
	margin: 0 0 0 20px;
}

#sub-fill article header { width: 520px; }

#content-fill article header, #content-fill #news .entry-content a, #sub-fill .entry-content a {
	color: #222;
	text-decoration: none;
}

#sub-fill .entry-content, #sub-fill .entry-content a { margin: 8px 0 0 0; font-size: 14px; font-weight: normal !important; }

.readmore { float: right; font-weight: bold; }
#sub-fill .entry-content a:hover { text-decoration: none; color: #222; }

#content-fill #stream {
	height: 368px;
	left: -2px;
	overflow: hidden;
	position: relative;
	top: -2px;
	width: 384px;
	z-index: 10;
	float: right;
}

#content-fill #stream iframe {
	left: -5px;
	position: relative;
	top: -1px;
}

#content-fill #lower {
	clear: both;
	width: 100%;
	padding: 46px 0 0 0;
}

#content-fill #lower-1 {
	width: 490px;
	float: left;
}

#content-fill #lower-1 .button { margin: 15px 0 0 154px; }

#content-fill #lower-2 {
	width: 176px;
	float: left;
	text-align: center;
	margin: 0 50px 0 20px;
	font: 15px noticia, 'Trebuchet MS', Georgia;
	font-style: italic;
}

#content-fill #lower-2 h1 { text-align: left; }

#content-fill #lower li .thumb, #content-fill #lower-2 .thumb, #content-fill #lower-3 .thumb, #sub-fill #sidebar .sub-polecaja {
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #777;
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1;
}

#content-fill #lower-2 .thumb {
	width: 168px;
	height: 107px;
	margin: 12px 0 10px;
}

#content-fill #lower-2 .button { clear: both; margin: 10px 0 0 0; }

#content-fill #lower-3 { width: 200px; float: left; }

#content-fill #lower-3 .thumb { margin-top: 10px; }

#content-fill #lower-3 .lower-3-js, #sub-fill #sidebar .sub-polecaja {
	width: 180px;
	height: 180px;
	display: block;
	overflow: hidden;
}

#sub-fill #sidebar .sub-polecaja { margin: 10px 0 10px 15px; }

#content-fill #lower ul {
	list-style: none;
	margin: 15px 0 0 0;
	display: block;
}

#content-fill #lower li {
	float: left;
	height: 160px;
	margin-right: 30px;
	text-align: center;
	font: 15px noticia, 'Trebuchet MS', Georgia;
	font-style: italic;
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1;
}

#content-fill #lower li .thumb {
	width: 128px;
	height: 128px;
	margin-bottom: 10px;
}

#content-fill #lower li a {
	margin: 0px; 
	display: block; 
	width: 100%; 
	height: 100%;
}

#content-fill #lower a {
	color: #222;
	text-decoration: none;
}

#content-fill #lower a:hover { text-decoration: underline; }

#buttony-home {
	width: 1000px;
	height: 142px;
	position: relative;
	z-index: 20;
	clear: both;
	top: -15px;
}

#button-adopcje:hover, #button-dt:hover , #button-wolontariat:hover , #button-przyjaciele:hover  {
	opacity: 0;
}

#button-adopcje, #button-dt, #button-wolontariat, #button-przyjaciele {
	width: 247px;
	height: 142px;
	display: block;
	cursor: pointer;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	opacity: 1;
}

#button-adopcje-hover, #button-dt-hover, #button-wolontariat-hover, #button-przyjaciele-hover {
	width: 247px; 
	height: 142px;
	float: left;
	margin-left: 3px;
}

#button-adopcje { background: url(images/button-adopcje.png) no-repeat top center; }
#button-dt { background: url(images/button-dt.png) no-repeat top center; }
#button-wolontariat { background: url(images/button-wolontariat.png) no-repeat top center; }
#button-przyjaciele { background: url(images/button-przyjaciele.png) no-repeat top center; }

#button-adopcje-hover { background: url(images/button-adopcje.png) no-repeat bottom center; }
#button-dt-hover { background: url(images/button-dt.png) no-repeat bottom center; }
#button-wolontariat-hover { background: url(images/button-wolontariat.png) no-repeat bottom center; }
#button-przyjaciele-hover { background: url(images/button-przyjaciele.png) no-repeat bottom center; }


/* =Subpage
-------------------------------------------------------------- */

#sub {
	background: url(images/bg-paper-sub.png) repeat-y 0px 0px;
	width: 996px;
	padding: 0 0 0 17px;
	position: relative;
	z-index: 4;
	margin-left: -5px;
	
}

#sub-fill { 
	background: url(images/bg-paper-sub.jpg) repeat-y 0px 0px; 
	width: 917px;
	padding: 0 30px 0 30px;
	margin: 0;
}

#sub-content {
	width: 675px;
	float: left;
}

#sub-content-full {
	width: 915px;
	float: left;
}

#sub-bottom {
	background: url(images/bg-sub-bottom.png) no-repeat 0px 0px;
	width: 1000px;
	height: 77px;
	position: relative;
	z-index: 10;
}

#sub-fill h1 {
	font: 30px noticia, 'Trebuchet MS', Georgia;
	line-height: 38px;
	font-weight: bold;
	color: #91b81e;
}

#sub-fill h2 {
	font: 23px noticia, 'Trebuchet MS', Georgia;
	line-height: 38px;
	font-weight: bold;
	color: #91b81e;
	padding: 15px 0 0;
}

#sub-fill h3 {
	font: 19px noticia, 'Trebuchet MS', Georgia;
	line-height: 38px;
	font-weight: bold;
	color: #222;
}

#sub-fill h4 {
	font: 17px noticia, 'Trebuchet MS', Georgia;
	line-height: 25px;
	font-weight: bold;
	color: #222;
	text-transform: uppercase;
	margin: 10px 0 0 0;
}

#sub-fill p {
	font: 15px noticia, 'Trebuchet MS', Georgia;
	color: #636363;
	line-height: 23px;
	padding: 10px 0 0;
	text-align: justify;
	word-wrap: break-word;
}

#sub-fill ul { margin: 10px 0 0 0; }

#sub-fill li {
	font: 15px noticia, 'Trebuchet MS', Georgia;
	color: #636363;
	line-height: 29px;
	padding: 0 0 0 32px;
	background: url(images/sprites.png) no-repeat 8px -434px;
}

#sub-fill a { color: #91b81e; font-weight: bold; text-decoration: none; }
#sub-fill a:hover { color: #5a7c00; text-decoration: underline; }

#sub-fill b, #sub-fill strong { color: #222; font-weight: bold; }

#sub-fill .entry-image, #sub-fill .entry-image-list, #sub-fill .entry-smaller-list {
	display: block;
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #777;
	float: left;
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1;
	position: relative;
}

#sub-fill .entry-image-list { margin: 10px 7px 0 7px; }
#sub-fill .entry-smaller-list { margin: 10px 4px 0 4px; }

#sub-fill .entry-image-list:hover, #sub-fill .entry-smaller-list:hover { border: 2px solid #91b81e !important; }

#sub-fill .entry-image-list:hover > .adopcje-info { opacity: 1; }
#sub-fill .entry-smaller-list:hover > .adopcje-info-smaller { opacity: 1; }

blockquote {
	border-left: 9px solid #91b81e;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 5px 0 0 18px;
	padding-left: 16px;
}

.breadcrumbs {
	font: 14px noticia, 'Trebuchet MS', Georgia;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 8px 8px;
	margin: 0 0 30px 0;
}


/* =Adopcje
-------------------------------------------------------------- */

#adopcje-gallery {
	float: left;
	width: 310px;
}

#adopcje-content {
	float: right;
	width: 350px;
}

#dt-button, #adopcje-button { display: block; height: 32px; width: 272px; background: url(images/adopcje-dt.png) no-repeat 0px 0px; margin: 5px 0 5px; opacity: 1; transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out;  -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; }
#adopcje-button { background: url(images/adopcje-dt.png) no-repeat 0px -41px; }

.dt-badge, .adopcje-badge { position: absolute; top: 208px; display: block; height: 51px; width: 138px; background: url(images/adopcje-dt.png) no-repeat -130px -94px; margin: 5px 0 5px; opacity: 1; transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out;  -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; }
.dt-badge { background: url(images/adopcje-dt.png) no-repeat -12px -80px; width: 93px; top: 155px; }

#sub-fill .adopcje-name {	
	width: 261px;
	height: 50px;
	background: url(images/adopcje-name.png) no-repeat;
	margin: 254px 0 0 0;
	padding: 10px 10px 6px 14px;
	text-align: center;
}

#sub-fill h2.adopcje-name, a.adopcje-info .bld {
	font: 20px noticia, 'Trebuchet MS', Georgia;
	color: #fff;
	font-style: italic;
}

a.adopcje-info .bld, a.adopcje-info .moreinfo {
	color: #fff;
	font-style: normal;
	text-shadow: none;
}

a.adopcje-info { text-decoration: none !important; }

.adopcje-info, .adopcje-info-smaller { 
	width: 253px; 
	height: 260px;
	padding: 20px 16px 20px 16px;
	display: block; 
	background: url(images/adopcje-info.png) repeat;
	position: absolute; 
	top: 0;
	opacity: 0;
	transition: opacity 0.5s ease-in-out; 
	-moz-transition: opacity 0.5s ease-in-out; 
	-webkit-transition: opacity 0.5s ease-in-out; 
	-o-transition: opacity 0.5s ease-in-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

#sub-fill .adopcje-info a:hover, #sub-fill .adopcje-info-smaller a:hover { text-decoration: none !important; }

.adopcje-info-smaller { width: 108px; height: 100px; }

#sub-fill .adopcje-info p { color: #fff; font: 14px noticia, 'Trebuchet MS', Georgia; }

#sub-fill .adopcje-info-smaller p { display: none; }

#sub-fill .adopcje-info-smaller .bld { color: #fff; font: 17px noticia, 'Trebuchet MS', Georgia; font-weight: bold; display: block; position: relative; top: 40px; width: 100%; text-align: center; }

#adopcje-content .bld, #adopcje-gallery .bld { color: #222; font-weight: bold; }

#sub-fill .brak-opiekuna { line-height: 20px; margin-top: 8px; }

.adopcje-thumbnail {
	width: 88px;
	height: 88px;
	display: block;
	overflow: hidden;
	margin: 10px 8px 0 3px;
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #777;
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1;
	background-repeat: no-repeat;
	background-position: center center; 
	background-size: cover;
}

#adopcje-like { margin-top: 20px; }

.gallery-icon { height: 95px; }
#gallery-1 img, #gallery-2 img, #gallery-3 img , #gallery-4 img , #gallery-5 img { border: 0 none !important; }
#gallery-1, #gallery-2, #gallery-3, #gallery-4, #gallery-5 { width: 100%; }
#gallery-1 .gallery-item, #gallery-2 .gallery-item, #gallery-3 .gallery-item, #gallery-4 .gallery-item, #gallery-5 .gallery-item {float: left; margin: 0 2px 0 6px; }


/* Sub mini-galeria */

#sub-fill #lower {
	clear: both;
	width: 100%;
	padding: 0;
	height: 240px;
	font: 15px noticia, 'Trebuchet MS', Georgia;
	font-style: italic;
}

#sub-fill #lower .thumb, #sub-fill #sidebar li .thumb {
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 5px #777;
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1;
	width: 128px;
	height: 128px;
	margin-bottom: 10px;
}

#sub-fill #sidebar li .thumb {
	width: 180px;
	height: 180px;
	margin: 10px 0 10px 15px;
}

#sub-fill #sidebar li p {
	font: 15px noticia, 'Trebuchet MS', Georgia;
	font-style: italic;
	color: #222;
	font-weight: normal;
	margin: 0 0 10px 0; padding: 0 10px 0 0;
	text-align: center;
}

#sub-fill #lower ul {
	list-style: none;
	margin: 15px 0 0 0;
	display: block;
}

#sub-fill #lower li {
	float: left;
	height: 160px;
	margin: 0 20px 25px 0;
	padding: 0;
	text-align: center;
	font: 15px noticia, 'Trebuchet MS', Georgia;
	font-style: italic;
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1;
	background: none;
}

#sub-fill #lower li a, #sidebar #lower li a {
	margin: 0px;
	display: block; 
	width: 100%; 
	height: 100%;
}

#sub-fill #lower a, #sidebar #lower a {
	color: #222;
	font-weight: normal;
	text-decoration: none;
}

#sub-fill #lower a:hover, #sidebar #lower a:hover {
	text-decoration: underline;
}


/* =Sidebar
-------------------------------------------------------------- */

#sidebar {
	width: 215px;
	float: right;
	padding: 20px 0 0 0;
}

#sidebar h1 {
	font: 20px noticia, 'Trebuchet MS', Georgia;
	line-height: 25px;
	font-weight: bold;
	color: #91b81e; 
}

#sidebar li {
	list-style-type: none;
	background: none;
	border-bottom: 2px dotted #acacac;
	margin: 0 0 10px 0;
	padding: 0;
}

#sidebar li li {
	list-style-type: none;
	background: none;
	margin: 0 0 8px 0;
	line-height: 20px;
	font: 15px noticia, 'Trebuchet MS', Georgia;
	color: #636363;
	padding: 0 0 8px 32px;
	background: url(images/sprites.png) no-repeat 8px -434px;
	border-bottom: 1px solid #cdcdcd;
}

#sidebar li li > li:last-child { border: 0 none !important; }



/* =Navigation
-------------------------------------------------------------- */

#nav {
	display: block;
	height: 52px;
	width: 1005px;
	font: 16px noticia, 'Trebuchet MS', Georgia;
	font-weight: bold;
	border: 1px solid #0c0d0e;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background: url(images/nav-li.png) repeat-x;
}

#nav a { color: #fff; text-shadow: 1px 1px 0px #060606; }

#nav b { text-transform: uppercase; color: #a3db0c; }

#nav b:hover, #nav b:active { color: #a3db0c !important; }

#nav a:hover, #nav a:active { color: #a3db0c; }

#nav ul { list-style: none; margin: 0; display: inline; }

#nav li { 
	float: left;
	height: 52px;
	border-right: 1px solid #363636;
	padding: 0px 11px 0 8px;
	background: url(images/nav-li.png) repeat-x;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

ul#nav > li:last-child { border: 0 none; }

#nav li:hover { background-position: center bottom; }
#nav li:hover > a { color: #ccc !important; }

nav a:visited,nav a:link { color:#aaa; display:block; line-height:38px; padding:0 10px; text-decoration:none; }
nav ul li:hover > ul { display:block; }

#menu-menu-glowne {
	list-style: none;
	font-weight: bold;
	float: left;
	width: 100%;
	position: relative;
	z-index: 5;
}

#menu-menu-glowne li {
	float: left;
	position: relative;
}

#menu-menu-glowne a {
	display: block;
	padding: 7px 5px 0px 4px;
	color: #fff;
	text-decoration: none;
	height: 100%;
	width: 100%;
}

#menu-menu-glowne a:hover{
	color: #fff;
	text-decoration: underline;
}

#menu-menu-glowne .first { 
	background: url(images/home-icon.png) no-repeat 22px 17px;
	text-indent: -6000px;
	width: 48px;
	padding: 0px 10px 0 0;
	(-bracket-:hack; padding: 0px 14px 0px 4px; );
}
@media screen and (max-device-width: 640px) {
#menu-menu-glowne .first { padding: 0px 4px 0px 4px; }
}
#menu-menu-glowne .first:hover {
	background: url(images/home-hover.png) no-repeat 0px 0px;	
	-webkit-border-top-left-radius: 16px;
	-webkit-border-bottom-left-radius: 16px;
	-moz-border-radius-topleft: 16px;
	-moz-border-radius-bottomleft: 16px;
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
}

#menu-menu-glowne .last { border-right: none; width: 79px;}

#menu-menu-glowne .last, #menu-menu-glowne .last:hover { 	
	-webkit-border-top-right-radius: 16px;
	-webkit-border-bottom-right-radius: 16px;
	-moz-border-radius-topright: 16px;
	-moz-border-radius-bottomright: 16px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

#menu-menu-glowne ul{
	background: #fff; 
	background: rgba(255,255,255,100);
	list-style: none;
	position: absolute;
	display: none;
	margin-top: -7px;
	left: 0px;
	padding-bottom: 15px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#menu-menu-glowne ul li{
	padding-top: 1px;
	color: #222;
	float: none;
	font-size: 14px;
	border: none;
}

#menu-menu-glowne ul a{ white-space: nowrap; }

#menu-menu-glowne li:hover a { 
	color: #222;
	text-decoration: none;
	text-shadow: 1px 1px 0px #060606;
}
#menu-menu-glowne li:hover ul {
	display: block;
	box-shadow: 0px 0px 10px #777;
	background: url(images/dropdown-bg.png) repeat-x #fff !important;
	border: 1px solid #fff;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 5px 0 5px;
}

#menu-menu-glowne li:hover ul li {
	font-size: 13px;
	background: url(images/sprites.png) no-repeat 8px -368px;
	height: 40px;
	padding: 0;
	border-top: 1px solid #d1d1d1;
}

#menu-menu-glowne li:hover ul li:hover { background: url(images/sprites.png) no-repeat 8px -368px #4c4c4c; }

#menu-menu-glowne li:hover ul a { text-decoration: none; text-shadow: 1px 1px 0px #eee; padding: 2px 15px 0 30px; }

#menu-menu-glowne li:hover ul li a:hover { color: #a3db0c; text-shadow: 1px 1px 0px #222; }


/* =Footer
----------------------------------------------- */

#footer {
	background: url(images/footer-bg.png) repeat-x;
	color: #e3e3e3;
	font-style: normal;
	font-size: 14px;
	text-align: right;
	width: 100%;
	height: 200px;
	padding: 108px 0 0 41px;
	position: relative;
	margin-top: -120px;
	z-index: 3;
	min-width: 1000px;
}

.menu-footer { }
.menu-footer ul { 
	float: left; 
	width: 200px;
}

.last-footer ul { width: 210px !important; }

.menu-footer a { 
	color: #ddd !important; 
	text-decoration: none; 
	line-height: 27px;
	transition: font-weight 0.5s ease-in-out; 
	-moz-transition: font-weight 0.5s ease-in-out; 
	-webkit-transition: font-weight 0.5s ease-in-out; 
	-o-transition: font-weight 0.5s ease-in-out;
}
.menu-footer a:hover { 
	color: #fff !important; 
	text-decoration: underline;
}
.menu-footer li { 
	padding-left: 25px; 
	margin-right: 7px; 
	list-style: none;
	text-align: left;
	font: 15px noticia, 'Trebuchet MS', Georgia;
	color: #fff;
	background: url(images/sprites.png) no-repeat 3px -343px;
}

#footer-sub {
	font: 11px noticia, 'Trebuchet MS', Georgia;
	color: #959595;
	width: 400px;
	position: relative;
	margin: 30px 55px 0 0;
	display: block;
	float: right;
}

#footer-logos {
	transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-webkit-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	opacity: 1;
	margin-right: 70px;
}

#footer-sub a { color: #ddd; text-decoration: none; }
#footer-sub a:hover { color: #fff; text-decoration: underline; }


/* =Pagination
----------------------------------------------- */
.pagination-wrapper {
	position: relative; 
	left: 0;
	margin-top: 20px;
	display: block;
	height: 40px;
	border-top: 1px solid #ddd;
}

.wp-pagenavi {
	color: #717171;
	text-align: center;
	margin: 15px 0;
	font-weight: bold;
	font: 20px noticia, 'Trebuchet MS', Georgia;
	font-style: italic;
}

.wp-pagenavi a { color: #717171; }

.wp-pagenavi .pages { margin: 0 10px 0 0; }

.wp-pagenavi span, .wp-pagenavi a {	margin: 0 0 0 5px; }

.wp-pagenavi .current{ text-decoration: underline; }


/* HTML 5 addons
-------------------------------------------------------------- */

/* A message for users with JavaScript turned off */
noscript strong { display: block; font-size: 18px; line-height:1.5em; padding: 5px 0; background-color: #ccc; color: #a00; text-align: center; }

/* HTML5 elements need display: block */
header, nav, section, article, aside, figure, footer { display:block; }
footer { clear: both; width: 100%; }


/* =Fix for smaller screens
----------------------------------------------- */

@media (max-width: 1200px) {
#outer-wrapper {
	margin: 0 auto;
	width: 1000px;
	padding: 0px;
	overflow: hidden;
}
}