/*
 * Estilo CSS mobile das páginas do sistema
 *
 * @versao: 1.0.1
 * @sistema: Site - Systema Clinica
 *
 * @autor: Émerson Januário da Silva
 * @data: 27/12/2023
 */

/* Smartphone em modo retrato */
/*@media only screen and (max-width : 480px){*/
@media only screen and (max-device-width: 480px){
	#login{
		width:340px;
	}
	
	.login{
		width:290px;
		margin-top:60px;
	}
	.login form{
		width:290px;
	}
	.login form input{
		width:258px;
	}
	
	.banner{
		width:290px;
		height:100px;
		margin:20px 0;
	}
	.banner h1{
		font-size:30px;
		margin-top:15px;
	}
	.banner h3{
		display:none;
	}
	
	nav{
		position:absolute;
		width:350px;
		min-height:100px;
	}
	nav ul li{
		float:left;
		margin-right:20px;
	}
	nav li.margin-bottom{
		margin-bottom:0;
	}
	nav ul li.bordas{
		border-top:0;
	}
	
	header{
		width:320px;
		margin-top:278px;
		margin-left:0px;
	}
	header.margin-left{
		margin-left:0px;
	}
	header.home{
		margin-top:160px;
	}
	
	content{
		width:320px;
		margin-left:0px;
	}
	content.margin-left{
		margin-left:0px;
	}
	
	#box{
		width:138px;
		margin-right:0px;
		margin:10px 10px;
	}
	
	aside{
		position:absolute;
		width:350px;
		height:134px;
		top:158px;
		left:0px;
	}
	aside ul li{
		float:left;
		margin-right:20px;
	}
	
	a.botao{
		height:36px;
		margin:5px 8px;
	}
	
	content td.esconder{
		display:none;
	}
	
	form input{
		width:290px;
	}
	form select{
		width:320px;
	}
	form select.pequeno{
		width:142px;
	}
	form select.margin-right{
		margin-right:7px;
	}
}