@media (min-width: 280px) and (max-width: 320px) {
	/**
	* @version 
	* @author Aparecido celso <Celsojrbr@gmail.com>
	*/

	* {
		margin: 0;
		padding: 0;
	}

	img{
		border: 1px;
	}

	body{
	background: #FFFFFF;
	font: 30% "Noto Sans", Arial, Helvetica, sans-serif;
	margin:0px;
	width:320px;
	font-size: 10px;
	}
	
	h1 {
    font-size: 2em;
    margin: 0.67em 0;
	}

	h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
	}

	h3 {
	font-size: 1.17em;
	margin: 1em 0;
	}

	h4 {
	font-size: 1em;
	margin: 1.33em 0;
	}

	h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
	}

	h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
	}
	
	
	ul ,
	il{
		padding: 0 0 0 0px;
		list-style: none;
		list-style-image: none;
	}
	
	div,
	audio,
	canvas,
	video {
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
		
	/**
	 * 1. Correct font size not being inherited in all browsers.
	 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
	 *    and Chrome.
	 * 3. Improve appearance and consistency in all browsers.
	 */

	button,
	input,
	select,
	textarea {
		font-size: 100%; /* 1 */
		margin: 0; /* 2 */
		vertical-align: baseline; /* 3 */
		*vertical-align: middle; /* 3 */
	}

	/**
	 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
	 * the UA stylesheet.
	 */

	button,
	input {
		line-height: normal;
	}

	/**
	 * Address inconsistent `text-transform` inheritance for `button` and `select`.
	 * All other form control elements do not inherit `text-transform` values.
	 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
	 * Correct `select` style inheritance in Firefox 4+ and Opera.
	 */

	button,
	select {
		text-transform: none;
	}

	/**
	 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
	 *    and `video` controls.
	 * 2. Correct inability to style clickable `input` types in iOS.
	 * 3. Improve usability and consistency of cursor style between image-type
	 *    `input` and others.
	 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
	 *    Known issue: inner spacing remains in IE 6.
	 */

	button,
	html input[type="button"], /* 1 */
	input[type="reset"],
	input[type="submit"] {
		-webkit-appearance: button; /* 2 */
		cursor: pointer; /* 3 */
		*overflow: visible;  /* 4 */
	}

	/**
	 * Re-set default cursor for disabled elements.
	 */

	button[disabled],
	html input[disabled] {
		cursor: default;
	}

	/**
	 * 1. Address box sizing set to content-box in IE 8/9.
	 * 2. Remove excess padding in IE 8/9.
	 * 3. Remove excess padding in IE 7.
	 *    Known issue: excess padding remains in IE 6.
	 */

	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box; /* 1 */
		padding: 0; /* 2 */
		*height: 13px; /* 3 */
		*width: 13px; /* 3 */
	}

	/**
	 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
	 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
	 *    (include `-moz` to future-proof).
	 */

	input[type="search"] {
		-webkit-appearance: textfield; /* 1 */
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box; /* 2 */
		box-sizing: content-box;
	}

	/**
	 * Remove inner padding and search cancel button in Safari 5 and Chrome
	 * on OS X.
	 */

	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	/**
	 * Remove inner padding and border in Firefox 3+.
	 */

	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	/**
	 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
	 * 2. Improve readability and alignment in all browsers.
	 */

	textarea {
		overflow: auto; /* 1 */
		vertical-align: top; /* 2 */
	}

	/*Retira cantos arredondados em formulários do iOS*/
	input[type="text"],
	input[type="submit"],
	textarea {
	  -webkit-appearance: none;
	  -webkit-border-radius: 0;
	}
	
		/**/
	#cabecalho{
		display:none;
		visibility:none;
	}
	
	
	/**/
	#MenuCabecalho{
		display:block;
		background: rgb(169,207,70);
		height:96px;
		width:320px;
		position:relative;
	}
	
	#MenuCabecalho .userPhoto{
		width: 96px;
		height: 96px;
		float:right;

	}
	#menuMobile{
		float:right;
	}
	
	.logo{
		width:135px;
		margin-top:20px;
	}
	
	.ShowDoc{
		position:absolute;
		top:96px;
		width:100%;
		background: #d1d2d4;
		z-index:15;
	}
	
	.HiddenDoc{
		display:none;
		
	}
	
	.dataInit{
		display:none;
		z-index:15;
	}
	
	.dataConsolid .leftCont .lateral{
		width:100% !important;
		
	}
	
	.iconButton{
		float: left;
	}
	
	#databasecursos{
		margin: 15px;
		width: 290px;
	}
	
	#updateDate{
		/*display:none;*/
	}
	
	#rodape{
		width:320px;
	}
	
	#rodape .informacoes{
		margin-left: 15px !important;
	}
	
	#Menucontroler2{
		right:0px;
		width: 320px;
	}
	
	.dataConsolid .leftCont .lateral{
		display:none;
	}
	
	.cordefunco{
		display:none;
	}
	
	.meuscursos .imagemcursos{
		width:290px;
		height:290px;
	}
	
	#databasecursos .titulo{
		margin:0em;
		font-size:2.5em;
	}
	
	.quizzin-question{
		width:290px;
	}
	
	#Menucontroler{
		
	}
	
	#boderPadro{
		width:290px;
		margin:15px;
		padding:0px !important;
	}
	
	#boderPadro .form-padrao .bloco .tel{
		width:100% !important;
	}
	
	#boderPadro .form-padrao .bloco .cel{
		width:100% !important;
		margin:0px !important;
	}
	
	#boderPadro .form-padrao .bloco{
		width:100%;
		font-size:18px;
	}
	#boderPadro .form-padrao{
		padding:0px !important;
	}
	select{
		width:100%;
		font-size:18px;
	}
	#boderPadro .form-padrao h1{
		padding:0px !important;
		margin: 0px;
	}
	
	input, select, textarea{
		width:100%;
	}
	input, select, textarea{
		font-family: Arial;
		color:#404040;
		font-size:1.8em;
	}
	
	.quizzin-question .confimation{
		top: 32%;
		right: 0px;
	}
	form{
		width:100%;
		margin:auto;
	}
	.caixalogin{
		width:290PX;
		margin:auto;
		left: 15px;
		
	}
	#conteudo{
		width:100%;
	}
	.caixalogin{
		width:290PX;
		margin:auto;
		left: 15px;
		
	}
	#conteudo{
		width:100%;
	}
	
	.buttonLoginCadastro{
		font-size:1.8em;
	}
	
	#boderPadro #cadastarusuarios .bloco .cx-texto{
		font-size:1.0em !important;
	}
	
	#boderPadro #cadastarusuarios .bloco input[type="submit"]{
		font-size:1.0em !important;
	}
	#boderPadro #cadastarusuarios .bloco select{
		font-size:1.0em !important;
	}
	
	#boderPadro #cadastarusuarios{
		width:100% !important;
		/*margin-left:10px !important;*/
		
	}
	
	#IframeControlerWidth{
		width:100% !important;
		height:160px !important;
	}
	
	#databasecursos .subtitulo{
		font-size: 2.0em !important;
	}
	
	#conteudo #titulo #classeTitulo{
		margin-left: 20px !important;
	}
	
}