/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 959px) {
	/**
	header {
		display: none;
	}*/
	nav+* {
		position: relative;
	}
	
	#loginmodal {width:90%;}
	p.login-remember {margin-left:0em ! important;}

	.w960p {width:100%}
	
	#menu {
		height: auto;
		width: 100%;
		display:block;
		padding:0;
	}

	/** #menu ul.sub-menu {opacity:1;width:100%;z-index:1;position: relative;} */ /** display sub-menu */ 
	#menu ul.sub-menu {width:100%;}
	#menu li,.sub-menu li {
		display: block;
		width: 100%;
		float: none;
		background-color: #456F7F;

	}

	/* Theming opened nav */
	nav ul {
		/* maximum height */
		max-height: 25em;
		/* translate with hardware acceleration */
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition: max-height .4s;
		transition: max-height .4s;
		will-change: max-height;
		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
	}
	nav a {
		display: block;
		padding: 1.2rem;
		text-decoration: none;
		border-bottom:1px solid #ccc;
		width: 100%;
		text-align: center;
	}
	nav a:hover,nav a:focus,nav a:active {
		background: #eee;
	}

	/* Theming closed nav */
	nav.is-closed ul {
		max-height: 0;
		overflow: hidden;
	}

	/* Global styling nav button */
	nav>button {
		display: block;
		position: absolute;
		top: 1rem;
		right: 1rem;
		z-index: 1;
		height: 3.5rem;
		width: 3.5rem;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, right top, from(#333),
			to(#333)), -webkit-gradient(linear, left top, right top, from(#333),
			to(#333)), -webkit-gradient(linear, left top, right top, from(#333),
			to(#333));
		background-image: -webkit-linear-gradient(left, #333, #333),
			-webkit-linear-gradient(left, #333, #333),
			-webkit-linear-gradient(left, #333, #333);
		background-image: linear-gradient(to right, #333, #333),
			linear-gradient(to right, #333, #333),
			linear-gradient(to right, #333, #333);
		background-position: center top, center, center bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 3.5rem .9rem;
		background-size: 3.5rem .9rem;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-webkit-transition: .2s;
		transition: .2s;
	}

	/*  Removing Firefox's dotted outline on button */
	nav>button::-moz-focus-inner {
		border: 0;
	}

	/* Theming opened nav button */
	nav:not (.is-closed ) >button {
		-webkit-transform: rotate(180deg) translateZ(0);
		transform: rotate(180deg) translateZ(0);
		background-position: center, center, center;
	}

	/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
	}

	/** homepage */
	.section_home div.line,.section_home div.mod {width:100%;}
	.onenews {text-align:center;}
	.onenews img.left {float:none;}
	.w70 {width:100%;text-align: center;margin:0 auto;}
	img.left {float:none}

	#main {
		float: none;
		width: 100%;
		margin-top: 1.3em;
		padding:0.5em;
		text-align:left;
	}
	aside {
		float: none;
		width:100% !important;
		padding: 1.5%;
		margin: 12px 0.5%;
	}
	#printer, .switchnav {float:none;width:100%;}
	#printer a, .switchnav a {width:100%;display:block;text-align: center;}
	#footer ul {border:0;}
		
	#contactform label, #loginmodal label {text-align:left;}
	.textfield, .shorttextfield, textarea, .tinytextfield,textarea#body {
		width:100% ! important;
	}
	.label-leftmargin { margin-left: 1em !important;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/