/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
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, 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-size: 100%; font: 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;}
/* /css reset */


@font-face {
    font-family: 'latoregular';
    src: url('lato-reg-webfont.eot');
    src: url('lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-reg-webfont.woff') format('woff'),
         url('lato-reg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'latolight';
    src: url('lato-lig-webfont.eot');
    src: url('lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-lig-webfont.woff') format('woff'),
         url('lato-lig-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


body,html {
	font: normal 16px/19px "latoregular", Geneva, sans-serif;
	color: black;
	background: white ;
	text-align: left;
	margin: 0px;
        background: #f3f3f3 url("../images/back.jpg") top center no-repeat;
}

header + section{margin-top: 9px;}

section{float: left; width: 100%;}
.mid{width: 1024px; margin: 0 auto; position: relative;}

p{
	font: 14px/22px "latolight";
}

#top_head{float: left; width: 100%;}
#top{float: left; width: 100%;}
#top > img{float: right; margin-top: 38px;}
#logo{float: left; margin: 30px 0px 0px 5px;}
#ue{float: right; margin-top:38px;}

nav {
        width: 100%;
        float: left;
        margin-top: 25px;
        z-index: 1001;
        background: url("../images/menu.jpg") repeat-x;
}

nav ul ul {
	display: none;
        z-index: 1001;
}

	nav ul li:hover > ul {
		display: block;
	}

nav ul {
	padding: 0 10px;
	list-style: none;
	position: relative;
	display: inline-table;
      
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
              
	}
		nav ul li:hover {
			
		}
			nav ul li:hover a, nav ul li.active a  {
				color: #fff;
                            background:  url("../images/menu_mid.jpg") top center no-repeat;
			}
		
		nav ul li a {
			display: block; padding: 19px 16px 15px;
			color: white; text-decoration: none;
     
		}
			
		
	nav ul ul {
		background: #5b5b5b; border-radius: 0px; padding: 0;
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid grey;
			 position: relative;
		}
			nav ul ul li a {
				padding: 12px 40px;
				color: #fff;
                background-image: none !important;
			}	
				nav ul ul li a:hover {
					background: #4c4b4b;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}
    
    .block{
        width: 504px;
        height: 339px;
        float: left;
         overflow: hidden;
         margin-bottom: 13px;         
    }
    
    .block img{float: left;}    
    .block .tit{width: 90.5%; float: left; margin-top: -72px; position: relative; padding: 15px 5%; background: url("../images/back1.png");}
    .block .tit h1{width: 80%; float: left; color: white; font-size: 26px; }
    .block .tit h1 span{ font-size: 22px; line-height: 24px;}
    .block .tit a{background: url("../images/back2.jpg") repeat-x; float: right; color: white; padding: 6px 10px; font-size: 14px; border-radius: 3px; margin-top: 7px;}    
    
    .no-margin{margin-left: 0px !important; clear: left;}
    
    .block2{float: left; margin-left: 14.5px; margin-bottom: 13px;}
    .block2 a{position: relative; width: 245px; height: 223px; float: left;}
    .block2 a:hover{margin-top: -5px;}
    .block2 div{width: 229px; position: absolute; bottom: 0px; float: left;  height: 30px;  background: url("../images/back1.png");  padding: 10px 8px;}
    .block2 h1{width: 229px;  position: absolute; top: 50%; transform: translateY(-50%); line-height: 16px; font-size: 18px;  color: white; text-align: center;}
    
    .block3{width: 504px; min-height: 469px; margin-bottom: 13px; float: left; background: #22608c;}
    .block3 header, .block4 header{padding: 20px; color: white; font-size: 22px; position: relative; height: 40px;}
    .block3 header h1, .block4 header h1{position: absolute; top: 50%; transform: translateY(-50%);}
    .block3 p, .block4 p{}    
    /* usuwam min-height: 469px; z block 4 */
    .block4{width: 245px; min-height: 220px; margin-bottom: 13px; margin-left: 14.5px;  float: left; background: #22608c;}
    .block4.gr{background: #c62f37; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2MmYzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYzI5MzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #c62f37 0%, #ac2930 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c62f37), color-stop(100%,#ac2930)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c62f37 0%,#ac2930 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c62f37 0%,#ac2930 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c62f37 0%,#ac2930 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c62f37 0%,#ac2930 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62f37', endColorstr='#ac2930',GradientType=0 ); /* IE6-8 */
    }
	/*gornik */
    .block5{position: relative; /*absolute; top:823px;*/ margin-top: -247px; left: 504px; width: 245px; margin-bottom: 13px; margin-left: 14.5px;  float:left; background: #22608c;}
    .block5.gr{background: #c62f37; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2MmYzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYzI5MzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #c62f37 0%, #ac2930 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c62f37), color-stop(100%,#ac2930)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c62f37 0%,#ac2930 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c62f37 0%,#ac2930 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c62f37 0%,#ac2930 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c62f37 0%,#ac2930 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62f37', endColorstr='#ac2930',GradientType=0 ); /* IE6-8 */
    }
    .block5 .akt{margin-left: 2px;}
    .block5 header{padding: 20px; color: white; font-size: 22px; position: relative; height: 40px;}
    .block5 header h1, .block4 header h1{position: absolute; top: 50%; transform: translateY(-50%);}
    .min {min-height: 469px;}

    /* koniec gornik */
    .akt{float: left; padding: 0px 20px 20px 20px; width: 200px; margin-left: 10px; color: white; font-size: 14px;}
    .akt h3{font-size: 12px; color: white; float: left;}
    .akt h2{font-size: 18px; color: white; float: left; margin-bottom: 15px; text-transform: uppercase;}
    .akt .con{float: left; width: 100%; color: white; font-size: 14px; padding-bottom: 10px;}
    .akt img{padding: 14px 0px;}    
	.akt a{color: white;}
	.archiwum{padding: 10px 20px 30px 25px; float: left; color: white;}
    .block4 .akt{margin-left: 2px;}
    
    .content{width: 704px; float: left; background: white; min-height: 423px; padding: 20px 30px; margin-bottom: 13px;}
    .content .con{ float: left; padding: 0px 0px 20px;}
    .content header{float: left; padding: 20px 0px 30px;}    
    .content h1{font-size: 30px; color: #e2001a; line-height: 1.2;}    
    .content .con p{ float: left; margin: 0px 0px 10px 0px; font: 14px/22px "latoregular"; width: 100%;}    
    .content .con ul{ width: 100%; float: left; margin: 0px 0px 10px 0px; font: 14px/22px "latoregular";}    
    .content .con ul li{ list-style-type: disc; width: 90%; float: left; margin: 0px 0px 5px 20px; font: 14px/22px "latoregular";}    
    
    .gal{float: left; margin-left: 10px;}
    
    aside{float: left; width: 100%; margin: 10px 0px;}
    footer{float: left; width: 100%; padding: 10px 0px 20px;}
    footer .mid{ border-top: 1px solid #22608c; padding: 20px 0px; text-align: right; color: #b7b7b7; font-size: 14px;}
    footer .mid span{ float: right; display: inline;}
    footer .mid a{  color: #b7b7b7;  display: inline; float: right; margin-left: 10px; margin-right: 10px;}
    footer .mid a img{  float: right; margin-top: -3px; }
	
	#map{width: 704px; float: left; height: 400px;}
	
	.linki{float: left; width: 100%; padding: 10px 0px 20px; border-bottom: 1px solid #22608c; text-align: center; margin-bottom: 20px;}
	.linki a{color: black; text-decoration: none; padding: 0px 20px;}
	
	table.tabela {
	border-collapse: collapse;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	}
	.tabela tr:nth-child(odd){ background-color:#e3e3e3; }
	.tabela tr:nth-child(even){ background-color:#ffffff; }
	.tabela td{
	vertical-align:middle;
	text-align:left;
	padding:7px;
	font-weight:normal;
	color:#000000;
	}
	.tabela tr:first-child td{
	background:-o-linear-gradient(bottom, #2e6e9c 5%, #21608c 100%); 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2e6e9c), color-stop(1, #21608c) );
	background:-moz-linear-gradient( center top, #2e6e9c 5%, #21608c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e6e9c", endColorstr="#21608c"); 
	background: -o-linear-gradient(top,#2e6e9c,21608c);
	background-color:#2e6e9c;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	}
	
	.news{float: left; width: 100%; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid grey;}
	.news a{float: left; width: 100%; color: black; text-decoration: none;}
	.news a h2{font-size: 20px; padding: 10px 0px; color: #e2001a; text-transform: uppercase;}
	.news_big h2{font-size: 20px; padding: 10px 0px; color: #e2001a; text-transform: uppercase;}
	.news_big p{font: 14px/22px "latoregular"; color: black; padding-bottom: 10px;}