body{height: 100%; font-family: "Roboto Condensed", "Open Sans", Helvetica, sans-serif; background: #fff;}
html{height: 100%;}



.main_image{ background: url('../../gminamielnikglowna/images/bug8.jpg') no-repeat;  background-position: center 30%; position:absolute; width:100%; height:240px; z-index:1; left: 0; top: 0;}
#header {display: block; position: relative; margin: 0 auto;}
.header0{height: 200px; margin: 0 auto; }


#logo img{width: 100px}
#napis_logo{text-shadow: 2px 1px 1px #111; font-weight: 300; color: #fff; font-size: 36px; float: left; margin-left: 50px; margin-top:55px;}
#top{ height: 40px; }
#top_logosy{ float: right; margin-right: 15px}
#top_logosy img {height:35px;}

#top_logosy li a{padding: 1px 5px; background:none; margin: 0; border: none;}
#top_logosy li {padding: 0; border: none;}

#logotyp{ }
#logo{float: left;}

#search{ float: right; margin-right:25px;}
#search label {margin-right: 14px; font-size: 120%; color:white;}
#search button{margin-left: 16px;}

#font-resize{float: right;  position: fixed; right: 10px; top: 85px; z-index: 20; text-align: center; font-weight: 300;}
#font-resize a{color: white;}
#font-normal{font-size: 14px; padding-bottom: 3px;}
#font-big{font-size: 18px; padding-bottom: 7px;}
#font-bigger{font-size: 22px; padding-bottom: 5px;}

#normal-contrast{margin: 5px 0;}
#normal-contrast a{color: black; background: white;  padding: 1px 6px; font-size: 14px;}
#high-contrast{margin: 2px 0; }
#high-contrast a{color: yellow; background: black; border: 1px solid yellow; padding: 1px 5px; font-size: 14px;}

#font-resize-background{background-color: rgba(0,0,0,0.5); position: fixed; width: 50px; height: 150px; right: -8px; top: 75px; z-index: 10; border-radius: 12px;}

.image-no-shadow{
	box-shadow: none;
}

.select-menu{
	display: none;
}

.tabela th, .tabela td {
	padding: 10px;
	border: 1px solid #555;
}

.tabela{
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #555;
}

.menu-border{background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 1%, rgba(0,0,0,0.8) 56%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0.8)), color-stop(56%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 56%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 56%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 56%,rgba(0,0,0,0.8) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.5) 1%,rgba(0,0,0,0.5) 56%,rgba(0,0,0,0.8) 100%); /* W3C */
	width: 100%;
        margin-bottom: 15px;
        
}
.menu { margin-bottom: 0; border: none;}
.menu ul { text-align:center; }
.menu li {  }


.menu.container .menu li a { font-weight: 100; padding: 25px 18px; color:white; text-shadow: 1px 1px #000; text-decoration: none; font-size:130%;} 
.menu.container .menu li a:hover, #menu li.active a {font-size:130%; text-shadow: 1px 1px #000; border-radius:0}


.menu li a:hover, #menu li.active a{
	background: -moz-linear-gradient(top, rgba(232,103,0,0.76) 0%, rgba(232,103,0,0.76) 1%, rgba(204,92,1,0.86) 66%, rgba(190,86,1,0.86) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,103,0,0.76)), color-stop(1%,rgba(232,103,0,0.76)), color-stop(66%,rgba(204,92,1,0.86)), color-stop(100%,rgba(190,86,1,0.86))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(232,103,0,0.76) 0%,rgba(232,103,0,0.76) 1%,rgba(204,92,1,0.86) 66%,rgba(190,86,1,0.86) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(232,103,0,0.76) 0%,rgba(232,103,0,0.76) 1%,rgba(204,92,1,0.86) 66%,rgba(190,86,1,0.86) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(232,103,0,0.76) 0%,rgba(232,103,0,0.76) 1%,rgba(204,92,1,0.86) 66%,rgba(190,86,1,0.86) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(232,103,0,0.76) 0%,rgba(232,103,0,0.76) 1%,rgba(204,92,1,0.86) 66%,rgba(190,86,1,0.86) 100%); /* W3C */
	
	color: #FFFFFF; text-decoration: none; font-weight: 100; 
	}

.menu li a:focus, #menu li.active a{
	background: -moz-linear-gradient(top, rgba(232,103,0,0.76) 0%, rgba(232,103,0,0.76) 1%, rgba(204,92,1,0.86) 66%, rgba(190,86,1,0.86) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,103,0,0.76)), color-stop(1%,rgba(232,103,0,0.76)), color-stop(66%,rgba(204,92,1,0.86)), color-stop(100%,rgba(190,86,1,0.86))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(232,103,0,0.76) 0%,rgba(232,103,0,0.76) 1%,rgba(204,92,1,0.86) 66%,rgba(190,86,1,0.86) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(232,103,0,0.76) 0%,rgba(232,103,0,0.76) 1%,rgba(204,92,1,0.86) 66%,rgba(190,86,1,0.86) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(232,103,0,0.76) 0%,rgba(232,103,0,0.76) 1%,rgba(204,92,1,0.86) 66%,rgba(190,86,1,0.86) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(232,103,0,0.76) 0%,rgba(232,103,0,0.76) 1%,rgba(204,92,1,0.86) 66%,rgba(190,86,1,0.86) 100%); /* W3C */
	
	color: #FFFFFF; text-decoration: none; font-weight: 100; 
	}

.menu.container ul {float: right;}        
.menu.container ul li a {}
        
        
.wrapper-light{background: #fff; margin: 38px auto; }
.wrapper-light h2{font-style: left;}
.wrapper-light-content{float: left; margin-top:55px;}



.text img{box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.5); padding: 2px; }  /* display:block;} !!!!!!!!!!!!!!!!!*/ 
.text{font-weight: 300; text-align: left; font-size: 111%;}
.text h2 {margin-left: 0px; text-align: left; font-size: 170%;}
.text h2 a, .text h1 a{color:#002b00;}

.text h1 {font-size: 32.5px;}

.wrapper-dark{background: #002b00; width: 100%; padding-bottom:30px;}
.wrapper-dark-content {margin: 0 auto;}
.wrapper-dark h2{ color: #f5f5dc; font-style: left; padding-top: 15px;}

.image-dark{ float: left; text-align: center; }
.image-dark img {box-shadow:0 0 5px 1px rgba(255, 255, 255, 0.5); padding: 2px; margin-left:-30px; } 

.contact-content {color: #f5f5dc;}



.menu-light {border: none}
.menu-light ul { margin: 25px auto 25px; width: 80%;}
.menu-light li { display: block; margin: 4px; padding: 0; }
.menu-light li a {margin: 0px 2px; padding: 14px 32px ; display:block; font-size:117%; } 
.menu-light li a:hover, #menu li.active a{ font-size:117%; margin: 0px 2px; padding: 14px 32px ; }

.menu-light li a {
	background: #002b00; /* Old browsers */
	background: -moz-linear-gradient(top, #002b00 97%, #000600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(97%,#002b00), color-stop(100%,#000600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #002b00 97%,#000600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #002b00 97%,#000600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #002b00 97%,#000600 100%); /* IE10+ */
	background: linear-gradient(to bottom, #002b00 97%,#000600 100%); /* W3C */
	
	
	color: #FFFFFF; text-decoration: none; text-shadow: 1px 1px #000;	font-weight: 100;
	
	} 

.menu-light li a:hover, #menu li.active a{
	background: rgb(232,103,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(232,103,0,1) 0%, rgba(190,86,1,1) 65%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,103,0,1)), color-stop(65%,rgba(190,86,1,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(232,103,0,1) 0%,rgba(190,86,1,1) 65%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(232,103,0,1) 0%,rgba(190,86,1,1) 65%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(232,103,0,1) 0%,rgba(190,86,1,1) 65%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(232,103,0,1) 0%,rgba(190,86,1,1) 65%); /* W3C */
	
	
	color: #FFFFFF; text-decoration: none; font-weight: 100;
	
}
	
	
/* media queries */


@media (max-width: 1199px){
	#logotyp{margin-left:0;}
	#napis_logo{margin-left: 5px;}
	#top{float: right;}
	.menu ul{}
}

@media (max-width: 979px){
	
	#napis_logo{margin-left: 2px; margin-top: 0; font-size: 28px;}
	#logo {margin-left:25px;}
	#logotyp{width:200px; margin-left: 40px; margin-top: 30px;}
	#top{width: 450px;}
	.header0{height: 280px}
	.main_image{height:320px;}
	.menu ul{margin-left: 0;}
	.image-dark{float: none; margin-bottom: 40px; margin-left: auto; margin-right: auto;}
	.contact-content .image-dark{float: left;}
        .menu.container .menu li a {font-size:120%; padding: 20px 12px; }
}


@media (max-width: 767px){
	#logotyp{margin: 0 auto; height: 180px;}
	#top{margin: 0 auto; width: 400px; float: none; padding-left: 20px;}
	#search{float: none; margin: 0 auto; text-align: center;}
	#top_logosy{float: none; text-align: center;}
	#logo{text-align: center; float: none; margin-left: 0;}
	#napis_logo{float: none; text-align: center;}
	.menu li a{padding: 12px 25px; font-size: 106% !important;}
	.menu li a:hover, #menu li.active a{padding: 12px 25px; font-size: 15px;}
	.menu-light li a:hover, #menu li.active a{text-align: center;}
	.menu-light li a{text-align: center;}
	.header0{height: 290px}
	.main_image{height:380px;}
	.image-dark img{margin-left: 0;}
	.contact-content {margin-left: 20px; text-align: center;}
	.wrapper-light-content{margin-top: 5px;}
	.contact-content .image-dark{float: none;}
}

@media (max-width: 690px){
	.header0{height: 350px}
	.main_image{height:460px;}
	#top{width: 100%;}
	
}

@media (max-width: 525px) {
	.image-dark img{width: 90%; margin: 40px auto;}

}


	
