* {
margin: 0;
padding: 0;
}

body {
background: #223448 url(../images/header.png) repeat-x top;
font-family: "Verdana", sans-serif;
font-size: 14px;
color: #def;
}

.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 18px; /* 125% of the baseline */
}

p {
text-align: justify;
margin-bottom: 10px;
}

a {
text-decoration: none;
color: #40b4ea;
}

a:hover {
color: #def;

}

ul li {
margin: 5px 15px;
}


h1 {
padding: 0px 25px 10px;
font-size: 180%;
font-family: "Impact";
}

h2 {
padding: 5px 0 5px;
font-size: 110%;
color: #40b4ea;
}

strong {
padding: 5px 0 5px;
font-size: 110%;
color: #40b4ea;
}

.cleaner {
clear:both;
}

.center {
text-align: center;
margin: 20px 0;
}

#wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
}

	#header {
	height: 102px;
	}
		#header img{
		padding: 10px 20px 14px 5px;
		}

		#menu {
		padding-top: 38px;
		float: right;
		}
		
			#menu li{
			margin-left: 3px;
			display: inline;
			}
			
				#menu a{
				padding: 6px 5px;
				color: #fff;
				text-decoration: none;
				text-shadow: 1px 1px 0px #182533;
				}
				
					#menu a:hover{
					padding: 6px 4px;
					background: url(../images/hover.png) repeat-x #13202d;
					color: #000;
					text-shadow: 1px 1px 0px #ddd;
					border-radius: 4px;
					box-shadow: 0px 3px 4px #000;
					border: solid 2px #13202d;
					margin-left: -2px;
					}

	#main-content {
	background: url(../images/mcbg.jpg) top no-repeat;
	min-height: 650px;
	overflow: hidden;
	}
		

		

			
		#slajdy {
		background: url(../images/cien.png) no-repeat bottom;
		overflow: auto;
		height: 400px;
		}
		
		
		
		#newsy {
		margin: 10px auto;
		
		}
		
		
		#divider {
		padding-top: 20px;
		margin: 100px 0;
		background: url(../images/divider.jpg) top no-repeat;
		min-height: 30px;
		overflow: hidden;
		}
	
			#left-col {
			float:left;
			width: 550px
			}
				
				#left-col p {
				text-align: justify;
				}
				
				#left-col img {
				 margin: 1em;
				}
				
				#left-col .prawo {
				float: right;
				color: #40b4ea;
				padding: 5px;
				background: #243f5d;
				border-radius: 40px;
				margin: 5px 0;
				}
 			
			#right-col{
			float:right;
			width: 343px;
			}
				#right-col img{
				margin: 5px;
				border: solid 1px #13202d;
				border-radius: 10px;
				box-shadow: 0px 1px 2px #000;
				}
				
				
	#preview{
	position:absolute;
	border:1px solid #40b4ea;
	background:#121e2c;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	
	.preview{
	color: #adf;
	}
				
				
#footer {
border-top: solid 1px #3b536c;
background: #121e2c;
padding: 20px 20px 30px;
}

#footer p {
float: left;
margin-left: 80px;
font-size: 0.9em;
}

#footer ul {
float: right;
font-size: 0.75em;
margin-right: 100px;
}

#footer ul li {
display: inline;
padding: 0;
}

#footer a {
text-decoration: none;
color: #40b4ea;
}

#footer a:hover {
color: #def;
}

@media screen and (max-width: 980px) {
	body {
		padding-top: 0;
	}
	#wrapper {
		width: auto;
}
	#left-col {
    float: left;
		width: auto;
    max-width: 550px;
		padding: 1em;
}
	#header {
		height: auto;
    min-height: 102px;
}

	#menu {
	 padding: 1em;	
	}


	#menu li {
    margin: 6px 3px;
    display: inline;
}
	#menu a {
    padding: 1px 1px;
}
	#menu a:hover{
	padding: 1px 1px;
}
	#right-col {
    float: left;
	width: auto;
    max-width: 343px;
	padding: 0.5em;
}
#footer {
   height: auto;
}
#footer ul {
   visibility: hidden;
}
}


@media screen and (max-width: 340px) {
	img {
	 max-width: 200px;
  margin: auto;
	}
}	

.naglh1 {
text-transform:uppercase;
}



 .icontainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .icontainer {
        width: 100%
    }
}



.irow {
    margin-right: -15px;
    margin-left: -15px
}

.irow:after,
.irow:before {
    display: table;
    content: " "
}

.irow:after {
    clear: both
}

.icol-sm-6,
.icol-sm-4,
.icol-sm-8 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-sizing: border-box;
}

@media (min-width:768px) {
    .icol-sm-6 {
        float: left;
        width: 50%
    }
    .icol-sm-4 {
        float: left;
        width: 33.33333333%
    }
    .icol-sm-8 {
        float: left;
        width: 66.66666667%
    }
}


.irow img {
   width: 100%;
    margin:0px !important;
    margin-top:5px !important;
}

@media (max-width: 1200px) and (min-width: 993px) {

.valign {
   display: flex;
   align-items: center;
}
}
.dropdown {
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
}

.dropdown-content {
    display: none;
    margin: 0 !important;
    margin-left:8em !important;
    position: absolute;
    background:#223448;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

        .dropdown-content li {
            margin:0 !important;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.headerh1{
  text-align:center; 
  margin-bottom:15px;
}