body {font-family:'SourceSansPro', Helvetica, Arial, sans-serif;}

input[type="text"], input[type="password"] {padding:0.5em 0.7em; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
input[type="submit"], input[type="button"], .button {padding:0.5em 0.7em; background:#eb3925; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

h1 {letter-spacing:-1px; line-height:1; color:#afafaf;}
h2 {font-size:1.65em; letter-spacing:-1px; line-height:1;}
h3 {font-size:1.25em; letter-spacing:-0.5px; line-height:1;}
p {line-height:1.5; letter-spacing:-0.1px;}

#logo {display:inline-block; margin-top:2.3em;}
#header_right span {display:inline-block; float:right; margin-top:3em; font-size:1.5em; font-weight:bold; color:#d1d1d1; text-align:right; text-transform:uppercase;}
#header_right img {float:right; margin:1.2em 0 0 1em;}

#menu {margin:0; padding:0; list-style-type:none; text-transform:uppercase;}
#menu li {display:inline-block; padding:0;}
#menu li a {display:block; float:left; margin:0.5em 1.4em 0.3em 0; font-size:1.05em; font-weight:bold; color:#fff;}

#menu2 {margin:0 3em 0 0; padding:2em; background:#f4f4f4; list-style-type:none;}
#menu2 li a {font-weight:bold;}
#menu2 li ul {margin:0.3em 0; padding:0 0 0 2em; list-style-type:square; color:#999;}
#menu2 li ul li a {font-weight:normal; color:#444;}

#menu3 {margin:0 3em 0 0; padding:2em; background:#f4f4f4; list-style-type:none;}
#menu3 li {margin:0.5em 0;}
#menu3 li a {font-weight:bold; color:#444}

#baner {background:#1356a3 url(../img/baner.jpg) center center no-repeat;}
#baner .row div {color:#fff; font-size:2.3em; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-0.3px;}
#baner .row img {float:right;}
#baner .row span {margin-top:1.5em; clear:both; float:right; font-size:0.6em; text-align:right;}

#baner2 {background:#1356a3; color:#fff; font-weight:bold;}
#baner2 .row div {padding:1em 0; font-size:1.5em;}

#content {padding-top:3em; padding-bottom:3em;}
#content h1 {margin-bottom:1em; font-size:1.8em;}
#content #podpis {font-size:0.7em; color:#888;}

#news {margin-left:1.5em;padding:2em; background:#f4f4f4;}
#news span {display:block; font-size:2em; font-weight:bold;}
#news a {display:inline-block; clear:both; padding:2em 0 0 0; font-weight:bold; color:#1355a2; font-size:0.9em;}
#news p, .news p {font-size:0.9em;}
#news a.more {padding:0.3em 0.5em; color:#fff; background:#1355a2;}
.news a {display:inline-block; clear:both; padding:1em 0 0.3em 0; font-weight:bold; color:#1355a2; font-size:1.2em;}
.news span {display:block; clear:both; font-size:0.8em; color:#888;}

#description, #imageauthor {display:inline-block; font-size:0.8em; color:#888;}
#description {float:left;}
#imageauthor {float:right;}
.clear {width:100%; height:1px; clear:both; padding:0.1em;}

footer {border-top:1px solid #ddd;}
footer .row {padding-top:1.5em; padding-bottom:1.5em; color:#999;}
footer .row div {font-size:0.85em;}
footer ul {float:right; margin:0; padding:0; list-style-type:none;}
footer ul li {display:inline-block; padding:0;}
footer ul li a {display:block; float:left; margin:0 0.5em; color:#999;}

#pagination {margin:1.5em 0 ; padding:0; text-align:center;}
#pagination ul {margin:0; padding:0 !important; list-style-type:none;}
#pagination li {display:inline-block;}
#pagination li a {display:block; width:35px; height:35px; margin:0 2px; padding:6px 10px; color:#444; font-weight:bold;}
#pagination a.active, #pagination a.active:hover {background:#26ade1; color:#fff;}
#pagination a:active, #pagination a:hover {background:#f9f9f9; text-decoration:none;}
#pagination #paginfirst, #pagination #paginprev, #pagination #paginnext, #pagination #paginlast {color:#666;}
#pagination #paginfirst:hover, #pagination #paginprev:hover, #pagination #paginnext:hover, #pagination #paginlast:hover {background:#f9f9f9;}

/* Style for resolution up to 1024px */
@media only screen and (max-width:64em) {
	#logo {margin-top:1.5em;}
	#header_right span {margin-top:3em; font-size:1.2em;}
	#header_right img {width:30%; margin-top:3.5em;}
	#menu {font-size:0.9em;}
	#baner .row div {font-size:2.1em;}
	footer .row div {font-size:0.8em;}
	footer ul li a {margin:0 0.3em;}
}

/* Style for resolution up to 768px */
@media only screen and (max-width:48em) {
	#logo {margin-bottom:1.5em;}
	#header_right img {display:none}
	#menu {float:none; margin:0 auto; text-align:center;}
	#baner .row div {font-size:2em;}
	#news {margin-left:0; margin-top:2em;}
	footer ul {float:none; text-align:center;}
}

/* Style for resolution up to 480px */
@media only screen and (max-width:30em) {

}

/* Style for resolution up to 320px */
@media only screen and (max-width:20em) {

}

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

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