@charset "utf-8";

/*  Eric Meyer's Reset CSS 2.0 (20110126)
	http://meyerweb.com/eric/tools/css/reset/ */
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:100% 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 elements styles */
html, body { height: 100%; width: 100%; background-color: #EBEBEB; color: #333; font-size: 11.5pt; font-family: "Trebuchet MS", Helvetica, sans-serif; line-height: 1.5; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, b { color: #000; }
h1 { margin: .5em 0 1em; font-size: 2em; text-align: center; border-bottom: 1px solid #AAA; }
h2 { margin: 1em 0; font-size: 1.5em; }
ul { margin-left: 2em; list-style: disc; }
ul li ul { margin-left: 2em; list-style: circle; }
p { margin:	0.5em 0 0; }

/* Simple classes */
.block { display: block; }
.left { text-align: left; }
.right { text-align: right; }

/* Aside styles */
aside { background: #358F35; color: #FFF; text-align: center; line-height: 1.3; }
aside #logo #name { display: block; color: #00EA00; font-size: 1.375em; font-weight: 800; }
aside #logo a { display: block; padding: 0.75em 0 0.875em; color: #FFF; }
aside #logo a:hover { text-decoration: none; }
aside #logo a:hover > #name { color: #0F0; }
aside nav { background: #2F782F; }
aside nav ul { margin: 0; padding: 0; list-style: none; }
aside nav ul li a { display: block; padding: 1em 0; color: #FFF; border-bottom: 1px solid #358F35; }
aside nav ul li a:hover { color: #00EA00; text-decoration: none; }
aside #copyright { display: none; }

/* Container styles */
#container { padding: 0 3%; }
#container section { max-width: 1120px; margin: 0 auto; padding-bottom: 1.5em; border-bottom: 1px solid #BBB; }

/* Quotations styles */
#cytaty article { margin-bottom: 2em; }
#cytaty article:last-child { margin-bottom: 0; }
#cytaty .quotation { font-style: italic; }
#cytaty .source { text-align: center; }

/* Photo styles */
/*
.person { display: table; margin: 0 auto; line-height: 1.25; }
.person img { display: table-cell; border-radius: 50%; border: 2px solid #000; vertical-align: middle; }
.person p { display: table-cell; padding-left: 16px; text-align: center; vertical-align: middle; }
.person p span { display: block; font-weight: 800; font-size: 1.25em; } */

.center { text-align: center; }
.center p span { display: block; font-weight: 800; font-size: 1.25em; }
.photo { max-width: 100%; border: 2px solid #2F782F; border-radius: 12px; }


/* Responsive design for tablets */
@media screen and (min-width: 481px) { 
	body { font-size: 12pt; }

	aside #logo .block { display: inline; }
	aside #logo a { padding: 1em 0; }
	aside nav ul li { display: inline-block; }
	aside nav ul li a { padding: 1em .3em; }
}

/* Responsive design for laptops */
@media screen and (min-width: 992px) { 
	body { display: table; }

	aside { display: table-cell; width: 260px; vertical-align: top; background-color: #2F782F; }
	aside #logo { border-bottom: 2px solid #5A3; font-size: 0.875em; background-color: #358F35; }
	aside #logo .block { display: block; }
	aside nav ul li { display: block; }
	aside nav ul li a.active { color: #00EA00; border-color: #00EA00; }
	aside nav ul li a:hover { color: #0F0; text-decoration: none; border-color: #0F0; }
	aside #copyright { display: block; padding-top: .5em; font-size: 0.813em; }
	aside #copyright a { color: #00EA00; }
	aside #copyright a:hover { color: #0F0; }

	#container { display: table-cell; vertical-align: top; }
}