/*  #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: 20px;
	line-height: 22px;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 17px;
	line-height: 20px;
}

h5 {
	margin: 20px 0 15px 0;
}
h6 {
	font-size: 27px;
	line-height: 30px;
	margin: 30px 0 10px 0;
	padding: 0;
}
body {
	font-size:14px;
	line-height:20px;
	background-image: url('img/background320.jpg');
	background-position:50% 0;
}
#face-slider{
	display:none
}
#container {
	width: 320px;
}

#top {
	width:320px;
	height:102px;
}

#top #mainLink {
	top:18px;
	left:0;
	width:145px;
	height:43px;
}

#top #topRow {
	padding-top:15px;
	width:auto;
	right:105px;
	height:26px;
	border:none
}

#top #topRow .infoBox {
	display:none
}

#top #topRow #langBox a {
	padding-left:36px;
}

#top #topRow #langBox a span {
	display:none
}

	#top #mainMenu { position:absolute; width:65px; top:13px !important; right:0; left:auto !important; padding:0; }
			#top #mainMenu #menu-icon { display:inline-block; width: 65px; height: 62px; background: #a67038 url('img/icoMenu.png') center no-repeat; }
				#top #mainMenu a:hover#menu-icon { background-color:#b17a41; }		
				#top #mainMenu nav ul, #menuBox #rightMenu nav:active ul { display: none; background:#a67038; position: absolute; padding: 15px 0 12px !important; right: 0; top: 62px; width: 230px; z-index:1001; }
			#top #mainMenu ul li { text-align: right; padding: 10px 0 !important; margin: 0; width:215px; list-style:none; display:inline; float:left;  border:none !important }
				#top #mainMenu ul li a { display: inline; float: left; width:100%; font-size: 20px; font-weight:600; color: #fff !important; padding:0; }
					#top #mainMenu ul li a.current { background:none !important; color: #fffaad; }
				#top #mainMenu ul li a:hover { color: #fff29d !important; }
				#top #mainMenu nav:hover ul { display: block; }
					#top #mainMenu ul li a:hover span { border:none }


#topmapSpace {
	width:320px;
	height:170px;
}


#content {
	width:100%;
	padding-bottom:50px;
}

#mainLeft {
	width:100%;
	overflow:hidden;
	margin-bottom:50px;
}

#mainRight {
	width:100%;
	overflow:hidden;
}
#battlefield {
	background:url('img/battlefieldIco.png') 100% 0 no-repeat;
	margin-top:40px;
}

#battlefield #right {
	display:none
}

#additional {
	width:100%;
	padding-bottom:50px;
}

#additional ul li {
	margin-bottom:20px;
}
#additional ul li a {
	width:160px;
	height:40px;
	font-size:17px;
	padding-top:100px;
	background-position:-15px 10px;
}

#additional ul li a:hover {
	background-position:-213px 10px;
}



#footer {
	width:320px;
	height:78px;
}

	.bottomMenu { display:none; }

			.bottomMenu ul li a { font-weight:400; font-size:12px; color:#6f675e; font-family:'Roboto Slab';  }
#footer #copyright {display:none }
#footer #addres { position:absolute; top:0; left:0; width:100%; text-align:center }
#footer #contact { position:absolute; top:33px; left:0; width:100%; text-align:center }


		
		


/* SUBPAGES */
#contactLeft, #contactBox { width: 100%; }
#contactBox { margin-top:35px }
#formLeft { width: 100% }
#formRight { width: 100% }
		.contentForm input.text, .contentForm select, .contentForm textarea { width:96% }
		.contentForm .row input.text { padding:5px }
		.contentForm .row label { text-align:left; margin-bottom:5px; }


div.defaultIntro {margin:0 0 35px 0; width:320px;  }
	div.defaultIntro:nth-child(4n) { margin:0 0 35px 0  }
	div.defaultIntro .newsPic img { width:320px; }	
	span.separatorSpecial:nth-of-type(4n+4) { display:none; }	
	
	

.whereWrapper .whereMenu { position:relative; display:block; float:left; width:100%; }
.whereWrapper .wherePic { margin:20px 0; }
	.whereWrapper .wherePic img { width:320px }
.whereWrapper #description { width:100% }
	#defaultGalleryWrapper .miniatureWrapper { margin: 0 0 15px 0 }
	#defaultGalleryWrapper .miniatureWrapper:nth-child(6n+6) { margin: 0 0 15px 0 }
		#defaultGalleryWrapper .miniatureWrapper img { width:320px }
	
.fluid-wrapper {
    height: 0;
    margin-bottom: 40px;
    padding-bottom: 80%;
    position: relative;
}	

/*Boxed Intro Block styles */

.boxIntro { margin-bottom: 15px; margin-right:0; width:320px; }
		.boxIntro:first-child { margin-bottom: 15px; margin-right:0; width:320px; }
	.boxIntro .newsPic { height:163px; margin-bottom: 7px; background-position:0 35%; }
		.boxIntro:first-child .newsPic { height:200px; background-position:0 35%; }

}