/*  #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;
}

#container {
	width: 320px;
}

#top {
	width:320px;
}

#top #topLeft, #top #topRight {
	display:none
}

#top #topLogo {
	width:70%;
	float:left;
	text-align:right;
	padding-top:10px;
}

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



.slideTitle { left: auto !important; right: 50px; top: 155px !important }
.slideButton { display:none !important  }
#newest { padding-top:0 }
img#arenyPic { margin:0 }
div.tabList { margin-bottom:4px !important ; }

a.mediaIntro { padding: 4px; width:30%; margin:0 }
.mediaPic { overflow:hidden }
a.mediaIntro .content { font-size:11px; line-height:14px }
a.mediaIntro:last-child { display:none }

#mainTop .col, #mainMiddle .col { margin-bottom:30px }
#mainTop .span_2_of_12 a.more { float:right }

.ui-tabs-nav {  width: 36%; }
.ui-tabs-panel { width: 58%; }

.ui-tabs-vertical .ui-tabs-nav li { background:none !important }
	.ui-tabs-vertical .ui-tabs-nav li a { line-height:15px }

#mainMiddle { background:none; margin-top:0  }
#mainMap { padding-bottom:265px; min-height:auto }
#mainMap a.more { top:auto; bottom: 45px }

#bottomRow { height:auto; padding: 0 20px 30px; }

#footer .col { 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; }	
	
#contactForm { margin-top:40px }

.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%; }

#addresses ul { margin:35px 0 0 0; padding:0 }
div.defaultIntro.filter { margin:0 0 20px }
}