/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */

@media only screen and (min-width: 100px) and (max-width: 679px)  {
body {
    font-size: 14px;
    line-height: 20px;
}
h1 {
	font-size: 23px;
	line-height: 25px;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 23px;
	line-height: 25px;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 17px;
	line-height: 20px;
}


#container {
	width:320px;
}

#top {
	width:320px;
	height:146px;
	background-size:cover;
}

#mainMenu {
    bottom: 0px;
    height: 62px;
    right: 0;
	left:auto;
}

	#mainMenu nav { margin: 0; width:100%; position:relative }
		#mainMenu #menu-icon { display:inline-block; width: 65px; height: 62px; background: #309f41 url('img/icoMenu.png') center no-repeat; float:right; }
			#mainMenu a:hover#menu-icon { background-color:#309f41; }		
			#mainMenu nav ul { display: none; background:#309f41; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; position: absolute; padding: 15px 0 12px !important; right: -1px; top: 62px; width: 235px; z-index:1001; }
			#mainMenu ul li { text-align: right; padding: 11px 0; margin: 0; width:212px; list-style:none; display:inline; float:left; border:none }
				#mainMenu ul li a { display: inline; float: left; width:100%; font-size: 21px; font-weight:600; color: #fff; padding:0 ; border:none;}
					#mainMenu ul li a.current { background:none !important; color: #fffaad; }
				#mainMenu ul li a:hover { color: #fffaad; background:none }
				#mainMenu nav:hover ul { display: block; }
				#mainMenu ul li:last-child { float:left; }
	
	
#content {
    margin-top:0;
    width: 320px;
}

#opis {
    padding-right:0;
	background:none;
	margin-top:10px;
}

.mainRow {
    margin-bottom: 25px;
}

#logos img { max-width:100px; max-height:100px; margin-right:22px;  }

#gallery .miniatureWrapper a img {
    width: 159px;
}


#footer {
    height: auto;
    padding-top: 55px;;
    width: 320px;
	font-size:12px;
	text-transform:none
}
#footer #copyright { margin:0 }
#contactBox { width:100% }
	.contentForm fieldset { padding: 25px 50px 8px; }
#contactLeft { width: 100%; }	

.mainIntro { width:317px; margin: 10px 11px 15px; }
	.mainIntro .newsPic { height: 204px; width: 317px; }


#defaultGalleryWrapper .miniatureWrapper a img { width:213px }

#subLeft {
    width: 100%;
}

#subRight {
    width: 100%;
	margin-top:25px;
}	

.mainIntro { width:330px; margin: 10px 0 15px; }
	.mainIntro .newsPic { height: 204px; width: 320px; }
		
#contactBox { width:100% }
		.contentForm fieldset { padding: 20px 0 8px; }
		.contentForm .row label { font-size:13px; width:110px }
		.contentForm input.text, .contentForm select, .contentForm textarea { width:135px }
		.footerLefend { font-size:11px; float:left; display:inline }
#contactLeft { width: 100%; }	

.fluid-wrapper {
    margin-bottom: 30px;
    padding-bottom: 110%;
}	
}