/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #Page Styles
================================================== */

body { font-family: Georgia; font-size: 12px; font-style: italic; line-height: 18px; background: #100B0C}
header { height: 433px; background: #100b0c url(../images/bg-header.jpg) no-repeat top center;  }
h1 { cursor: pointer; width: 348px; height: 246px; background: url(../images/logo.png) no-repeat top center; font-size: 0}
header h5 { color: #bebdbd; font-size: 14px; width: 250px; margin-left: 115px; line-height: 21px; margin-top: -5px}
nav#main { height: 70px; background: #fff url(../images/bg-menu.png) repeat-x; }
nav#main a { color: #fff; font-style: normal; font-size: 15px; text-decoration: none; margin: 21px 0px; display: block; float: left; padding: 4px 13px;}
nav#main a:hover { color: #dd6161;}
nav#main a.active { background: #550d0d; border-radius: 20px}
section#content { background: url(../images/bg-content.png); padding:35px 0; }
h3 { font-size: 23px; }
section#content div.column p { padding-right: 25px;}
div#map-canvas { height: 260px; border: 6px solid #ccc; box-shadow: 0 1px 0px rgba(0,0,0,0.6) }
footer { background: #100b0c; padding: 30px 0; color: #53494b;}
nav#footer { width: 45%; float: left; }
nav#footer a { color: #53494b; margin-right: 5px}
footer p { text-align: right; float: right; width: 30%}
.highlight { background-color: yellow }
form#search { background: rgba(255,255,255,0.5); border: 1px solid #ccc; border-radius: 5px; padding: 20px; box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
form#search p { margin: 0}
form#search input#search-text { width: 168px;margin-bottom: 5px}
form#search input#search-submit { margin-bottom: 5px}
div.wlasciwosc div, div.wlasciwosc h2 { padding-left: 30px}
div.wlasciwosc h2 { margin-bottom: 30px}
ol { margin: 30px 0; }
ol li { padding: 10px 0; border-bottom: 1px solid #ccc; list-style-position: inside;}
ol li a { font-size: 16px; text-decoration: none; padding-left: 5px }

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/