@charset "utf-8";
/*
Theme Name: DS 3
Theme URI: http://dostepneszkoly.pl
Author: DostepneSzkoly.pl
Author URI: http://dostepneszkoly.pl
Description: Szablon DostepneSzkoly.pl 01_1_2 jest dedykowany szkołą. Jest zgodny ze standardem WCAG 2.0, który jest wymaganym przez rozporządzenie Rady Ministrów o Krajowych Ramach Interoperacyjności z dnia 12 kwietnia 201
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ds
Tags: WCAG

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

DostepneSzkoly.pl 02_1 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. and PAD2 01_2 http://pad.widzialni.org/wordpress
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Posts and pages
# Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Fonts size
# Skip links
# Header
# Sidebar
# Content
# Crumbpath
# Search
# Footer
# Widgets
# Slider
--------------------------------------------------------------*/

@import url("css/normalize.css");
@import url("css/fonts.css");

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #606060;
	font-size: 0.813em;
	line-height: 1.5;
	font-family: 'ptSansRegular';
}

h1,
h2,
h3,
h4,
h5,
h6 { clear: both; font-weight: normal; }

h2 { font-size:2em; }
h3 { font-size:1.667em; }
h4 { font-size:1.500em; }
h5 { font-size:1.333em; margin: 15px 0;}
h6 { font-size:1.167em; margin: 10px 0;}

p {	/* margin-bottom: 1.5em;*/ }

dfn,
cite,
em,
i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre {
	background: #fff;
	font-family: Courier, monospace;
	font-size: 0.9375em;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375em;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big { font-size: 125%; }

b, strong { font-weight: normal;  font-family: 'ptSansBold'; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body { background:#f2f2f2; }

blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }

blockquote { padding:5px 0 5px 30px; border-top:3px solid #ddd; border-bottom:3px solid #ddd; margin:10px 0 10px 20px; color:#000; font-size:1.09em; background: url("images/icoQuote.png") 0 20px no-repeat;}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul,
ol { margin: 0 0 1.5em 3em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul,
li > ol { margin-bottom: 0;	margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { 
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table { margin: 0 0 1.5em; width: 100%; }
table th { font-weight:normal; font-family: 'ptSansBold';}

#systemMode {width: 1px; height: 1px; background: url("images/transparent.png"); position: absolute; left: -9000em; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { border:2px solid #5a5a5a; background:#5a5a5a; color:#fff; text-shadow: 0 1px 0 #5a5a5a; font-size:0.929em; text-decoration: none; text-transform: uppercase; padding:8px 20px 9px 20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { color:#fff; background-color:#afb0bb;  border:2px solid #afb0bb;}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {color:#fff; background-color:#afb0bb;  border:2px solid #afb0bb;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select {
	font-size:1em; 
	color: #5a5a5a;
	border: 2px solid #666;
	transition: background-color 0.2s ease 0s, border-color 0.2s ease 0s, outline 0.5s ease 0s;	
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	color: #5a5a5a;
	border-color: #afb0bb;
	box-shadow: 0 0 2px #afb0bb; -moz-box-shadow: 0 0 2px #afb0bb; -webkit-box-shadow: 0 0 2px #afb0bb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/


a,
a:visited { color:#646dd2; transition: background-color 0.2s ease 0s, color 0.2s ease 0s; }
a:focus { outline: thin dotted;	background:#595fa2;	color:#fff;	text-decoration:none; }
a:hover:active { outline:none; }

a.newWindow { background-image: url("images/icoNewWndw.png"); background-repeat:no-repeat; background-position:right 6px; padding-right:15px; margin-right:5px; }
a.newWindow:focus { background-image: url("images/icoNewWndw.png"); background-repeat:no-repeat; background-position:right -14px; }

a.more-link,
a.more-link:visited { display:block; width:90px; text-align:center; background:#fff; color:#5a5a5a; text-decoration:none; padding:5px 20px 6px; border:1px solid #5a5a5a; margin: 0 auto; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
a.more-link:hover, 
a.more-link:focus { color:#afb0bb; border-color:#afb0bb;}
a.more-link:focus { box-shadow: 0 0 2px #afb0bb; -moz-box-shadow: 0 0 2px #afb0bb; -webkit-box-shadow: 0 0 2px #afb0bb; outline: none}
a.more-link:hover:active {outline: none}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	width:765px;
	clear: both;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align:right;
	background:#fff;		padding-bottom: 9px;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}

.main-navigation li {
	display:inline-block;
	position: relative;
	margin:0;
	padding:0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding:7px 15px;
	margin:0;
	color:#525252;
	text-transform:uppercase;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;		
}


.main-navigation li.hover a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a  {
	background:#595fa2;
	outline:none;
	color:#fff;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 33px;
	left: -999em;
	z-index: 99999;
	padding:0 0 5px 0;
	background:#595fa2;
	width: 190px;
	margin:0;	
	text-align:left;
	-moz-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.2);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;			
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
	padding:5px 0;
}

.main-navigation ul ul a {
	background:url('images/icoTopSubMenu.png') no-repeat 0 11px !important;
	text-transform:none;
}

.main-navigation ul ul a:focus,
.main-navigation ul ul a:hover {
	border:none;
	background-color:#afb0bb !important;
}

.main-navigation ul ul li {
	display:block;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {

}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
.main-navigation ul li.hover > ul {
	left:0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul,
.main-navigation ul ul li.hover > ul {
	left: 100%;
}

.main-navigation ul li:last-child:hover ul li:hover > ul,
.main-navigation ul li:last-child:hover ul li.focus > ul,
.main-navigation ul li:last-child:hover ul li.hover > ul,
.main-navigation ul li.hover:last-child ul li:hover > ul,
.main-navigation ul li.hover:last-child ul li.focus > ul,
.main-navigation ul li.hover:last-child ul li.hover > ul {
	left: auto;
	right:100%;
}

/* Small menu. */
.menu-toggle { padding:13px 20px 14px; height:50px; display:inline-block;}
.menu-toggle,
.main-navigation.toggled ul { display: block; }

.nav-links { clear:both; margin:15px 0; padding:0; list-style:none; min-height:30px; }
.nav-links li { margin:0; padding:0; display:inline-block; }

.nav-links ul.page-numbers { margin:0; padding:0; text-align: center; }
.page-numbers span,
.page-numbers a,
.page-numbers a:visited { font-size:0.929em; background:#5a5a5a; color:#fff; text-shadow: 0 1px 0 #5a5a5a; text-decoration: none; display:inline-block; padding: 5px 12px 6px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.page-numbers a:focus,
.page-numbers a:hover {  color:#fff; background-color:#afb0bb;  box-shadow: 0 0 2px #afb0bb; -moz-box-shadow: 0 0 2px #afb0bb; -webkit-box-shadow: 0 0 2px #afb0bb; }
.dots { background:#5a5a5a !important; } 
.current { color:#fff; background-color:#afb0bb; }

.nav-previous a,
.nav-previous a:visited,
.nav-next a,
.nav-next a:visited { background:#5a5a5a; color:#fff; text-shadow: 0 1px 0 #5a5a5a; text-decoration:none; display:inline-block;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.nav-previous a,
.nav-previous a:visited { background-image:url("images/btnPrev.png"); background-repeat:no-repeat; background-position: 15px 12px; padding:8px 20px 9px 40px; }

.nav-next a,
.nav-next a:visited { background-image:url("images/btnNext.png"); background-repeat:no-repeat; background-position: 92% 12px; padding:8px 40px 9px 20px; }

.nav-previous a:focus,
.nav-previous a:hover,
.nav-next a:focus,
.nav-next a:hover {  color:#fff; background-color:#afb0bb;  box-shadow: 0 0 2px #afb0bb; -moz-box-shadow: 0 0 2px #afb0bb; -webkit-box-shadow: 0 0 2px #afb0bb; }

.nav-previous a:focus,
.nav-previous a:hover { background-position: 15px -99px; }

.nav-next a:focus,
.nav-next a:hover { background-position: 92% -99px; }

.subpage-numbers { margin:0; padding:0; }
.subpage-numbers a,
.subpage-numbers a:visited { background:#5a5a5a; color:#fff; text-shadow: 0 1px 0 #5a5a5a; text-decoration: none; display:block; padding: 4px 12px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.subpage-numbers a:focus,
.subpage-numbers a:hover { color:#fff; background-color:#afb0bb; box-shadow: 0 0 2px #afb0bb; -moz-box-shadow: 0 0 2px #afb0bb; -webkit-box-shadow: 0 0 2px #afb0bb;  }
.subpage-numbers li { display:inline-block; padding: 5px 12px; } 

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	left:-10000px;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
}

.clear,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
h2.entry-title,
h2.page-title { color:#5a5a5a; font-size:2.143em; line-height:1em; text-align:center; padding:40px 25px 20px; margin:0; }

h2.index-news { padding:40px 25px; position:relative; }

h3.entry-title { color:#5a5a5a; font-size:1.571em; margin:0 0 15px 0; clear:none; }

h2.index-news .left { display:block; position:absolute; left:300px; top:55px; width:67px; height:5px; background:url('images/bgHead.png') no-repeat 0 0;}
h2.index-news .right { display:block; position:absolute; right:300px; top:55px; width:67px; height:5px; background:url('images/bgHead.png') no-repeat 0 0;}

.taxonomy-description { padding:0 25px; }

.sticky { display: block; }

.hentry { margin: 0 0 50px; }

.entry-thumbnail { float:left; width:190px; height:190px; overflow:hidden; position:relative; margin:10px 30px 20px 0; -moz-border-radius:9000px; border-radius:9000px; border-radius:9000px; -moz-box-shadow:0 0 10px rgba(0,0,0, 0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0, 0.2); box-shadow:0 0 10px rgba(0,0,0, 0.2); }
.entry-thumbnail a { display:block; width:100%; height:100%; }
.entry-thumbnail img { width:100%; height:100%; }
.entry-thumbnail a span { display:block; position:absolute;  left:-9000em; top:0 ;}
.entry-thumbnail a:hover span,
.entry-thumbnail a:focus span { left:75px; top:75px; }

.entry-content a.gallery-link { display: inline-block; outline: 2px solid transparent; margin: 10px;  }
.entry-content a.gallery-link img {border: none; outline: none; display: block; border-radius:9000px; }
.entry-content a.gallery-link .gallery-link-wrapper {background:#666; padding:2px; border: none; overflow: hidden; outline: 2px solid transparent; position: relative; border-radius:9000px; }
.entry-content a.gallery-link:hover .gallery-link-wrapper,
.entry-content a.gallery-link:focus .gallery-link-wrapper {outline: 2px solid #afb0bb}


.thumbnail-bg  {  }
.thumbnail-ico { }
.entry-meta { margin:10px 10px 30px 0; padding-bottom:30px; text-align:center; background:url('images/bgHead.png') no-repeat center bottom;}
.entry-meta p { margin:0;}

.posted-on { margin-right:15px; padding-right:14px; border-right:1px solid #999; }
.entry-footer { clear:both;  }
.entry-footer ul { margin:15px 0 0 0; padding:15px 15px 15px 20px; list-style:none; }
.entry-footer li { margin:0 15px 0 0; padding:0 14px 0 0; border-right:1px solid #999; display:inline-block;}
.entry-footer li:last-child { border:none; }
.entry-footer a,
.entry-footer a:focus:hover  { text-decoration:none; }
.entry-footer a:hover { text-decoration:underline; }

.updated:not(.published) { display: none; }

.single .byline,
.group-blog .byline { display: inline; }

.page-content,
.entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both;	margin: 0 0 1.5em; }

.index-article { width:190px; min-height:350px; position:relative; margin:0 65px 40px 0 !important; float:left; }
.index-article:nth-child(5n+1) { clear:left; }
.index-article:nth-child(4n+1) { margin-right:0 !important; }
.index-article .entry-thumbnail { float:none; margin:0; }
.index-article p { margin:10px 15px; }
.index-article h3.entry-title { font-size:1.385em; text-align:center; margin:15px 0 10px; padding:0 0 10px 0; background:url('images/bgHead.png') no-repeat center bottom; font-family: 'ptSansBold'; }
.index-article h3.entry-title a { display:block; color:#595fa2; text-decoration:none; -moz-text-shadow:0 1px 0 #fff; -webkit-text-shadow:0 1px 0 #fff; text-shadow:0 1px 0 #fff; }
.index-article h3.entry-title a:hover { color:#000; }
.index-article h3.entry-title a:focus { outline:2px solid #afb0bb; background:none; }
.index-article .entry-meta { margin:0; color:#fff; background:#5a5a5a; position:absolute; top:0; left:0; font-family: 'ptSansBold'; text-transform:uppercase; padding:16px 15px; width:70px; height:70px; text-align:center; line-height: 1em; -moz-border-radius:9000px; -webkit-border-radius:9000px; border-radius:9000px; -moz-text-shadow: 0 1px 1px #000; -webkit-text-shadow: 0 1px 1px #000; text-shadow: 0 1px 1px #000;}
.index-article .entry-meta p { margin:0; }
.index-article .entry-meta .month { display:block; }
.index-article .entry-meta .year { display:block; font-family: 'ptSansRegular'; font-size:0.923em; }

.index-article .posted-on { padding:0; margin:0; border:none; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area h3 { font-size: 1.571em;}

.comment-respond { padding:10px 30px 20px; background:#fff; clear:both; margin:0 0 20px; }
.comment-respond label {  font-family: 'ptSansBold'; font-size:1.143em; padding:0 0 10px; display:block;}
.comment-respond input,
.comment-respond textarea { width:100%; font-size:1.143em; }

.required { font-size:1.5em; color:#afb0bb;  font-family: 'ptSansBold'; }

.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

.comment-list { list-style: none; margin: 0 0 50px 0; padding:0; }

.comment-list .reply { margin-top: 25px; }

.comment-list article,
.comment-list .pingback,
.comment-list .trackback { background: url('images/postLine.png') repeat-x top; margin-bottom:25px; padding-top: 25px;}

.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child { border-top: 0; }

.comment-author { position: relative; padding:0 0 10px 0; font-size: 1.5em;}
.comment-author .avatar { border: 1px solid rgba(0, 0, 0, 0.1); padding: 2px; position: absolute; top: 0; left: 0; }
.comment-author .fn { font-weight:normal; font-family: 'ptSansBold'; }

.comment-metadata a { text-decoration: none; }

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata { padding-left: 85px; }

.comment-edit-link { margin-left: 10px; }

.comment-content { -webkit-hyphens: auto; -moz-hyphens:auto;  -ms-hyphens:auto; hyphens:auto;  word-wrap: break-word; }

.comment-content ul,
.comment-content ol { margin: 0 0 25px 25px; }

.comment-content li > ul,
.comment-content li > ol { margin-bottom: 0; }

.comment-content > :last-child { margin-bottom: 0; }

.comment-list .children {  list-style:none; margin-left: 15px; }

.comment-reply-title small a { float: right; }

.comment-navigation .nav-next,
.comment-navigation .nav-previous {	display: inline-block; }

.comment-navigation .nav-previous a { margin-right: 10px; }

#comment-nav-above { margin-top: 36px; 	margin-bottom: 0; }

.comment-reply-link,
.comment-reply-link:visited,
#cancel-comment-reply-link,
#cancel-comment-reply-link:visited{ display:inline-block; text-align:center; background:#fff; color:#5a5a5a; text-decoration:none; padding:5px 20px 6px; border:1px solid #5a5a5a; margin:0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.comment-reply-link:focus,
.comment-reply-link:hover,
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:hover {   color:#afb0bb; background:#fff; border-color:#afb0bb;  box-shadow: 0 0 2px #afb0bb; -moz-box-shadow: 0 0 2px #afb0bb; -webkit-box-shadow: 0 0 2px #afb0bb; outline:none; }


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# Font size
--------------------------------------------------------------*/
#font-wrapper { width:230px; padding:8px 0 8px 10px; position:absolute; top:5px; right:0; font-size:0.857em; line-height: 1em; border-bottom:1px solid #e6e6e6; }
#font-wrapper p { margin:0; float:left; }
#fonts ul {margin:0 0 0 15px; padding:0; list-style:none; display:inline-block; ;}
#fonts ul li { float:left; margin:0 5px 0 0; }
#fonts a, 
#fonts a:visited, 
#fonts a:active { display: inline-block; padding:0 2px; line-height:1em; }
#fonts a:hover {background: none; }
#fonts a:focus {background-color: #f1f1f1; outline:2px solid #afb0bb; }
.font-list { margin:0 0 0 15px; padding:0; float:left;}
#font-wrapper .font-list p { margin-top:2px; }
.font-contrast img { vertical-align:middle;}
#fonts p span { margin:3px 5px 0 0; display:inline-block; float:left;}

/*--------------------------------------------------------------
# Skip links
--------------------------------------------------------------*/
#skip-links { margin: 0; padding: 0; position: absolute; top: 0; list-style: none;}
#skip-links a {display: inline; left: -9000em; padding:5px 10px 7px 10px; font-size: 1em; position: absolute; text-decoration: none; z-index: 10000; width: 250px; text-align: center} 
#skip-links a:hover, 
#skip-links a:focus, 
#skip-links a:active {background: #afb0bb; border: 2px solid #000; color: #fff; left: 0; top: 0; position: absolute; font-weight: normal; outline:none;}
.goto-top { display:none; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header-wrapper { background:#fff;}
#logo { max-width:200px; margin-right:20px; display:inline-block; vertical-align:middle; float:left; }
.site-title { font-weight:normal; display:inline-block; line-height:1.09em; width:250px; margin:0; }
.site-title a { text-decoration:none; color:#afb0bb; }
.site-title a:focus { color:#fff; }
.site-title a:active { color:#afb0bb; background:none; }
.site-header { min-height:110px; position:relative; width:980px; margin:0 auto;}
.site-branding { padding:20px 0; width: 220px; float:left; position:relative; z-index:1; }
.site-description { margin:0; }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#sidebar { width:100%; margin:0; background:#fff;  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
#sidebar ul { list-style:none; margin: 0; padding: 0; }
#sidebar ul li { margin:0 0 1px 0; padding:0; position: relative; }
#sidebar ul li a { display:block; color:#525252;  padding:6px 10px 6px 30px; text-decoration:none; background:url('images/icoWidgetMenu.png') no-repeat 10px 10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }

#sidebar ul li a:hover,
#sidebar ul li a:focus { color:#fff; background:url('images/icoTopSubMenu.png') no-repeat 10px 10px #afb0bb; }

#sidebar ul ul { margin-left:15px; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#page { }
#content-wrapper { width:980px; margin:0 auto; position:relative; z-index:10; }
#content { width:100%; margin:0; }

#content table {border-collapse: collapse; border: 1px solid #afb0bb;}
#content table th {font-weight:normal; font-family: 'ptSansBold'; font-size:1.143em; padding: 8px 10px 6px 10px; background: #afb0bb; color: #fff}
#content table td {padding: 5px; border: 1px solid #afb0bb;}

.content-area { padding:0 20px; }
.index-page { padding:0; }

/*--------------------------------------------------------------
# Crumbpath
--------------------------------------------------------------*/
#crumbpath-wrapper { background:#fff; border-top:1px solid #f1f1f1; clear:both; -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position:relative; z-index:2}
#crumbpath { padding:20px; width:980px; margin:0 auto }
#crumbpath p { display:inline-block; margin:0 10px 0 0}
#crumbpath ol { list-style:none; margin:0; padding:0; display:inline-block; }
#crumbpath ol li { display:inline-block; margin:0 5px; padding:0}
#crumbpath ol li:first-child { margin-left:0; }
#crumbpath ol li::after { content: "/"; margin:0 0 0 10px;}
#crumbpath ol li:last-child::after { content: ""; }
#crumbpath ol li a { text-decoration:none;  }

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
.search-toggle { display:none; }
.search-toggle a { display:block; height:50px; width:50px; }
.search-toggle a:focus { outline:2px solid #5a5a5a; }
#search-wrapper { position:absolute; top:5px; left:0; right:300px; } 
.search-form { background:#f5f5f5; border:1px solid #e0e0e0; width:180px; float:right; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.search-form label { float:left; }
.search-form input[type="search"] { border:1px solid transparent; background:#f5f5f5; color:#444; width:130px; margin:4px 0 3px 10px; font-size: 0.857em; border-radius:5px; }
.search-form input[type="search"]:focus {  box-shadow: 0 0 2px #afb0bb; -moz-box-shadow: 0 0 2px #afb0bb; -webkit-box-shadow: 0 0 2px #afb0bb; background:#fff; }
.search-form .search-submit { float:right; margin:8px 6px 0 0; }
.search-form .search-submit:focus { outline:2px solid #afb0bb; }
.search-form .search-submit:hover:focus { outline:none; }

.page-content .search-form { width:100%; margin-bottom:30px; float:none; }
.page-content .search-form label { width:90%; }
.page-content .search-form input[type="search"] { width:98%; font-size:1.25em; }
.page-content .search-form input[type="search"]:focus { border:1px solid #afb0bb; }
.page-content .search-form .search-submit { margin:12px 10px; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#colophon { min-height:50px; position:relative; }
.site-info { width:100%; margin:0 auto; }

#logosPAD { width:980px; height:40px; margin:0 auto;}
#logosPAD .padWrap { list-style:none; width:980px; margin:0 auto; }
#logosPAD ul { margin:0; padding:10px 0 0 0; list-style:none; width:340px;  float:left }
#logosPAD ul li { margin:0 10px 0 0; padding:0; display:inline-block; }
#logosPAD ul li a:focus { outline:2px solid #afb0bb; background:none; }
#logosPAD .padWrap p { float:left;}
#logosPAD .padWrap p span {  font-family: 'ptSansBold'; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area { width:980px; margin:0 auto; padding:40px 0 20px }
.widget { margin: 0 0 1.5em; position:relative;  width:210px; display:inline-block; vertical-align:top; margin: 0 40px 40px 0; }
.widget:nth-child(4n) { margin-right: 0 !important; }

.widget h2 { margin:0 0 20px 0; padding:8px 0 20px;  font-size:1.385em; line-height: 1.143em; background:url('images/bgHead.png') no-repeat center bottom; text-align:center; }
.widget a { color: #525252; }
.widget a:hover { text-decoration:underline; }
.widget a:focus { background:#595fa2; color:#fff; text-decoration:none; }

.widget .textwidget { padding:0 10px; }

/* Text widget */
.widget_text {  }

/* Calendar widget  */
.widget_calendar h2 {  margin:0; }
.widget_calendar table {  width:90%; margin-left:5%; }
.widget_calendar caption { text-transform:uppercase; padding:5px; font-size:0.9em;}
.widget_calendar th { text-align:center; background:#595fa2; color:#fff; padding:5px 3px 0; -moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none; }
.widget_calendar td { text-align:center; padding:3px 0; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;  }
.widget_calendar tr td:first-child { border-left:none; }
.widget_calendar tr td:last-child { border-right:none; }
.widget_calendar tfoot td { border:none; }
.widget_calendar td a { display:block; color:#fff; background:#595fa2; padding:3px 0; width:100%; text-decoration:none;}
.widget_calendar td a:hover {text-decoration:none; }
.widget_calendar td a:focus { background:#fff; color:#afb0bb; outline:2px solid #afb0bb; }

/* Tag widget  */
.widget_tag_cloud h2 {   }
.widget_tag_cloud .tagcloud { padding:0 10px; }

/* Make sure select elements fit in widgets. */
.widget select { width: 100%; border:2px solid #afb0bb; padding:5px; }
.widget select:focus { border-color:#525252; box-shadow:0 0 2px #afb0bb; }

/* Search widget. */
.widget_search .search-form { width:210px; float:none; }
.widget_search .search-form label { float:left; }
.widget_search .search-form input[type="search"] { width:140px; margin:4px 0 4px 10px;}

/* Pages widget */ 
.widget_pages h2,
.widget_nav_menu h2 {  }

/* Categories widget */ 
.widget_categories h2 { }
#sidebar .widget_categories ul li a { display: inline-block; }

/* Archive widget */ 
.widget_archive h2 { }

/* Widget RSS */
.widget_rss h2 { }
#sidebar .widget_rss ul { margin-top:20px; }
.rss-date { margin:0 0 10px 30px;  display:block; color:#afb0bb;} 
.rssSummary { margin:0 0 20px 30px; font-size:0.9em;}

/* Widget Recent comments */
.widget_recent_comments h2 { }
#sidebar .widget_recent_comments ul li a { background-image:none; text-decoration:underline; }
#sidebar .widget_recent_comments ul li a:focus,
#sidebar .widget_recent_comments ul li a:hover { text-decoration:none; }

/* Widgets in content */
.page-content .widget { width:auto; display:block; margin: 0 0 40px 0; color:#525252;  -moz-text-shadow:none; -webkit-text-shadow:none; text-shadow:none;}
.page-content .widget h2 { background:none; color:#5a5a5a; text-shadow:none; padding:5px 0; margin:0;  font-size: 2em; }

.page-content .widget ul { list-style:none; margin:0 0 0 15px; padding:0; }
.page-content .widget ul li { margin:5px 0; padding:0 0 2px 15px; background:url('images/icoWidgetMenu.png') no-repeat 0 5px;}
.page-content .widget ul li a { text-transform:none; padding:2px 5px; color:#afb0bb; }
.page-content .widget ul li a:hover,
.page-content .widget ul li a:focus { color:#fff; background:#595fa2; text-decoration:none;}


/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
#slider-wrapper { clear:both; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover; background-color:#fff; overflow:hidden; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); }
#slider { width:980px; margin:0 auto; height:440px; text-align:left;  position:relative;  }
#slider img { }
#slider .slider-text { text-align:left; max-width:480px; padding:20px 30px; min-height:100px; position:absolute; bottom:20px; left:20px; background:#323232; color:#fff; box-shadow:0 0 5px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.7); opacity:0.9; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#slider h2 { font-size:2.000em; line-height:1em; margin:0; padding:0; display:inline-block; }
#slider p { line-height:1.286em; margin:0; font-size:0.929em; padding:20px 80px 20px 0; display:block; }

#slider a.more-link,
#slider a.more-link:visited { background:#323232; color:#fff; border-color:#fff; position:absolute; bottom:10px; right:10px; float:none; padding:3px 10px 4px}
#slider a.more-link:hover, 
#slider a.more-link:focus { background:#fff; color:#afb0bb; text-shadow:none;  box-shadow: 0 0 2px #fff; -moz-box-shadow: 0 0 2px #fff; -webkit-box-shadow: 0 0 2px #fff;}