* { box-sizing: border-box; }
body {font-family:arial; font-size:120%;}
a { text-decoration: none; }
fieldset { border:solid 1px #ccc; border-radius:3px; }
legend { font-size:80%; }
select { font-size:120%; border:none;}

.table { display : table; }
.col { display: table-cell; }
.centralizado { text-align:center; }
.adireita { float: right; }
.aesquerda { float: left; }
.negrito { font-weight: bold; }
.linha-pontilhada { border-bottom:dotted 1px #aaa; }

.mt-10 { margin-top: 10px; }

.pd-2 { padding:2px; }
.pd-3 { padding:3px; }
.pd-5 { padding:5px; }
.pd-10 { padding:10px; }
.pd-15 { padding:15px; }

.fs-7 { font-size: 70%; }
.fs-8 { font-size: 80%; }
.fs-9 { font-size: 90%; }
.fs-10 { font-size: 100%; }
.fs-11 { font-size: 110%; }
.fs-12 { font-size: 120%; }
.fs-13 { font-size: 130%; }

.texto-vermelho { color:#ff0000; }

.campo-obrigatorio { color:#ff0000; font-weight:bold; }

.col-1	{width: 8.3%;}
.col-2	{width: 16.1%;}
.col-3	{width: 24.4%;}
.col-4	{width: 32.9%;}
.col-5	{width: 41.66%;}
.col-6	{width: 49.4%;}
.col-7	{width: 54.9%;}
.col-8	{width: 66.1%;}
.col-9	{width: 74.7%;}
.col-10 {width: 83%;}
.col-11 {width: 91.6%;}
.col-12 {width: 100%;}

[class*="col-"] 
	{
		float: left;
		padding: 15px;
	}
.row::after 
	{
		content: "";
		clear: both;
		display: table;
	}
input[type=number] { text-align: right; }
input[type=date],
input[type=number],	
input[type=password],
input[type=text],
input[type=email],
input[type=date],
select
	{
		width:100%;
		border: none;
		font-size:120%;
	}
input[type=date]:focus,
input[type=number]:focus,	
input[type=password]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=text]:focus
	{
		border-bottom: 1px #aaa solid;
	}
input[type=submit],
input[type=button] 
	{ 
		min-width:90px; 
		padding:5px; 
		background-color: #000; 
		color:#fff; 
		border:none; 
		border-radius:3px; 
	}
textarea { 
	width:100%;
	font-size:120%;
}


@media screen and (max-width: 320px) 
	{
		[class*="col-"] 
			{
				width:99%;
			}
		input[type=password],
		input[type=text],
		input[type=email],
		input[type=date],
		select
			{
				font-size:100%;
			}

	}

@media screen and (min-width: 321px) and (max-width: 480px) 
	{
		[class*="col-"] 
			{
				width:99%;
			}
		input[type=password],
		input[type=text],
		input[type=email],
		input[type=date],
		select
			{
				font-size:100%;
			}

	}

@media screen and (min-width: 481px) and (max-width: 768px) 
	{
		[class*="col-"] 
			{
				width:99%;
			}
		input[type=password],
		input[type=text],
		input[type=email],
		input[type=date],
		select
			{
				font-size:100%;
			}


	}

@media screen and (min-width: 769px) and (max-width: 1024px) 
	{
	}

@media screen and (min-width: 1025px) and (max-width: 1200px) 
	{
	}

@media screen and (min-width: 1201px) 
	{

	}