@charset "utf-8";

/*******************************************************/
/********************** CSS RESET **********************/
/*******************************************************/
* { 
	margin: 0;
	padding: 0;
	font-size: 100%;
}
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*******************************************************/
/******************* STYLE GLOBALNE *******************/
/*******************************************************/

a { cursor: pointer; font-weight: bold;}
a:link { color: #2F3132; text-decoration: none; }
a:visited { color: #202836; text-decoration: none; }
a:hover { color: #00607C; text-decoration: none; }
a:active { color: #2F3132; }

* { 
	font-family: 'Arial CE', Arial, Helvetica, sans-serif ;
}

body	{
	background-color: #00607c;
	background-image: url(images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #2F3132;
	font-size: 12px;
	line-height: 1.4em;	
	}

h1, h2, h3, h4	{ 
	font-weight: normal; 
	color: #005580; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}
h1	{ font-size: 24px; margin: 5px 0;}
h2	{ font-size: 15px; 
	line-height: 1.2em;}
h2.big {font-size: 24px; margin: 5px 0;}
h3 	{ font-size: 13px; font-style: italic;}
h4 	{ font-size: 13px; font-style: italic; font-weight: bold; text-align: right;}


/*******************************************************/
/******************* STYLE SZABLONU ******************/
/*******************************************************/

#calosc {
	width: 100%;
	height: 100%;
	text-align: center;
	}
	
#srodkujacy {
	width: 980px;
	height: auto;
	margin: 0 auto;
	background-color: transparent;
	text-align: justify;
	}
	
	
	#top {
		width: 980px;
		height: 160px;
		background: #fff;
		}
	
		#logo {
			width: 210px; 
			float: left;
			padding: 30px 0 0 30px;
			}
			#logo a {
				display: block;
				width: 210px;
				height: 96px;
				text-decoration: none;
				background: url(images/logo.jpg) no-repeat center top;
				}
		
		#cytat {
			width: 650px;
			float: right;
			}
			#cytat h3 {
				line-height: 1.3em; 
				font-size: 14px;
				margin-top: 44px; 
				padding-right: 30px;
				color: #005580;
				font-family: 'Times New Roman', Georgia, serif;
				text-align: right;
				}

	#middle {
		width: 980px;
		display: table;
		background-color: #fff;
		background-image: url(images/bg-middle.gif);
		background-repeat: repeat-y;
		background-position: top center;
		}
		
		#middle-top {height: 2px; margin:0; padding:0; line-height: 1px; font-size: 1px;}
		
		#menu-left {
			width: 200px;
			/*padding-top: 75px;*/
			padding-top: 24px;
			padding-bottom: 15px;
			display: table-cell;
			float: left;
			vertical-align: top;
			}
			#menu-left ul {
				text-align: left;
				}
			#menu-left ul li {
				height: 18px;
				margin-bottom: 15px;
				}
			#menu-left ul li a {
				display: block;
				height: 23px;
				padding: 0 24px;
				vertical-align: top;
				background-image: url(images/bg-menu.gif);
				background-repeat: no-repeat;
				background-position: bottom left;
				line-height: 18px;
				color: #404040;
				text-decoration: none;
				font-weight: bold;
				}
				
			#menu-left ul li a.active {
				background-image: url(images/bg-menu-active.gif);
				color: #005580;
				}
			
			#menu-left ul li a:hover {
				background-image: url(images/bg-menu-on.gif);
				color: #005580;
				}
				
			.map-left {position: relative; bottom: 0px; vertical-align: bottom; display: table-cell; float: left;}
			.map-left img {vertical-align: bottom;}
				
			#left-box {
				padding: 10px 0 10px 10px;
				float: left;
				width: 570px;
				height: 65px;
				margin: 5px 0 5px -216px;
				background-color: #fff;
				
					font-size: 13px; 
					font-style: italic;
					line-height: 1.3em; 
					color: #008080;
					font-family: 'Times New Roman', Georgia, serif;
					text-align: left;
					}
			
		.content-box {
			width: 720px;
			padding: 30px;
			display: table-cell;
			float: right;
			vertical-align: top;
			text-align: justify; 
			padding-bottom: 50px;
			}
			.main {text-align: left; }
			.content-box ul {}
			
			.content-box a.read-less {float: right; color: #005580}
			.content-box a.read-less:hover {color: #999999}
			
			.content-box h3 {font-weight: bold; line-height: 1.5em;}
			.content-box a.read-more {text-decoration: none; color: #404040;}
			.content-box h3 a.read-more{font-weight: bold; text-decoration: none; color: #005580; }
			.content-box a.read-more:hover {color: #999999;}
			.content-box h4 {clear: both;}
			.content-box p.line {border-top: 1px #008080 solid;}
			.map-right {float: right; padding-top: 10px;}
			
			.disclaimer {font-size: 11px; line-height: 1.2em;}
			
			#contact-form {float: right;}
	
	.homepage {line-height: 1.8em; background: #fff url(images/bg-map.jpg) no-repeat center top;}
	
	#tag {width: 720px; position: relative; float: right; margin-top: -60px;}
	
	#footer {
		width: 920px;
		height: 40px;
		padding: 20px 30px;
		background-image: url(images/bg-footer.png);
		background-repeat: repeat;
		font-size: 11px;
		text-align: right;
		color: #404040;
		}
	
	
.left {text-align: left;}
.right {text-align: right;}