@media (min-width: 321px) and (max-width: 480px) {
	/**
	* @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:480px;
	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:480px;
		position:relative;
	}
	
	#MenuCabecalho .userPhoto{
		width: 96px;
		height: 96px;
		float:right;
	
	}
	#menuMobile{
		float:right;
	}
	
	.logo{
		width:180px;
		margin-top:10px;
		margin-left: 50px;
		
	}
	
	.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: 0px;
		width: 450px;
	}
	
	#updateDate{
		/*display:none;*/
		margin:auto;
		width:450px;
		padding: 0px 15px;
	}
	
	#rodape{
		width:480px;
	}
	
	#rodape .informacoes{
		margin-left: 15px !important;
	}
	
	#Menucontroler2{
		right:0px;
		width: 480px;
	}
	
	.dataConsolid .leftCont .lateral{
		display:none;
	}
	
	.cordefunco{
		display:none;
	}
	
	.meuscursos .imagemcursos{
		width:185px;
		height:185px;
	}
	
	#databasecursos .titulo{
		margin:0em;
		font-size:3.5em;
		margin-top:30px;
	}
	
	.quizzin-question{
		width:450px;
	}
	
	#Menucontroler{
		
	}
	
	#boderPadro{
		width:460px;
		/*margin:15px;*/
		padding:0px !important;
	}
	
	.telaLogin{
		width:100% !important;
		font-size: 1.6em;
	}
	
	#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%;
	}
	
	.quizzin-question .confimation{
		top: 32%;
		right: 0px;
	}
	form{
		width:100%;
		margin:auto;
	}
	.caixalogin{
		width:80%;
		margin:auto;
		left: 15px;
	}
	
	#conteudo{
		width:100%;
	}
	
	.buttonLoginCadastro{
		font-size:1.8em;
	}
	
	#boderPadro #cadastarusuarios{
		width:100% !important;
		margin-left:15px !important;
	}
	
	#IframeControlerWidth{
		width:100% !important;
		height:260px !important;
	}
	#databasecursos .subtitulo{
		font-size: 2.5em !important;
	}
	
	#conteudo #titulo #classeTitulo{
		margin-left: 15px !important;
	}
	
	
	/*---loginvaliation.php---*/
	.caixalogin{
		left:12% !important;
	}
	
	.logarconta{
		min-height: 1500px !important; /*1000px*/
	} 
	input, select, textarea{
		font-size:4em;
		width:96% !important; /*210%*/
	}
	.labelForm{
		font-size:4em !important;
	}
	
	.button, input[type="submit"], button, .toggle-title{
		font-size:6em !important;
	}
	
	input, select, textarea{
		font-size:2.5em;
	}
	
	.button, input[type="submit"], button, .toggle-title{
	font-size:3em !important;
	}
	
	
	/*---SolicitarCertificado.php---*/
	.dataConsolid{
		min-height: 1200px !important;
	}
	
	#databasecursos .textoexplicacao{
	font-size: 3.6em !important;
	}
	
	/*---Area do Aluno---*/
	/*-Inputs de Codigo de Curso-*/
	#especialform  .inputext{
		font-size: 1.5em !important; /*1.3*/
		left: 50px !important;
	}
	
	#especialform  .buttomconfirmation{
	font-size: 1.5em !important; /*1.3*/
	left: 172px !important; /*50px*/
	margin-top:20px;
	}
	
	.meuscursos{
		height: 242px !important; /*250*/
	}
	
	/*---Tamanho de Fonte Titulo dos Codigos Dos Filmes---*/
	.meuscursos .titulocursos{
		font-size: 3em !important;
	}
	
	/*--Titulo dos Cursos--*/
	#codcursos1{
	font-size: 2.5em !important;
	}
	#loginh1{
	font-size: 115px !important;
	width: 600px !important;
	}
	
	/*index.php*/
	/*data termino para os cursos*/
	#dttermino{
    top: 25px !important;
    width: 600px !important;
    font-size: 25px !important;
    float: left;
    left: 0px !important;
	}
	
	/*orientacao.php*/
	/*botão de enviar*/
	#btnentrartst{
		width: 60% !important;
		height: 100px !important;
		font-size:30px !important;
	}
	
	/*input radio*/
	#orientradio{
		width: 20px !important;
		font-size: 160px !important;
	}
	
	/*tamaho de texto*/
	#testebeta{
		width: auto;
		font-size: 120%; /*30px*/
		margin-right: 10px;
	}
	/*Tamanho de fonte e margin do titutlo*/
	.negrito{
		margin-right:50px !important;
		font-size:;
	}
	#formtst{
		width: 45% !important;
	}
	
	.answer_label input[type="radio"]{
		width: 20px !important;
		height: 45px !important;
	}
	
	#question-1 span{
	position: relative !important;
	display: block;
	width:90% !important;
	font-size: 20px !important;
	}
	
	#question-2 span{
	position: relative !important;
	display: block;
	width:90% !important;
	font-size: 20px !important;
	}
	
	#question-3 span{
	position: relative !important;
	display: block;
	width:90% !important;
	font-size: 20px !important;
	}
	
	#sentaechora{
	width: 80% !important;
	margin-right:10px !important;
	}
	
		.dataInit .descricao{
		font-size: 2.5em !important;
	}
}