/* Encoding recomendado: UTF8 sem BOM */
/* Tablets! 	@media only screen and (max-width: 768px) {}	 */
/* Celulares! 	@media only screen and (max-width: 600px) {}	 */

/*                      */
/*   CONFIGURAÇÃO       */
/*      BÁSICA          */
/*                      */
* { box-sizing: border-box; }
body {
	background: #79ac2b;
	margin: 0; 
	font-family: "Fira Sans", Trebuchet, Helvetica, sans-serif; 
	color: #728259;
}
body>div{
	box-shadow: 5px 5px 25px 5px black;
	background: white;
	width: 1200px;
	max-width: 90%;
	margin: 2em auto
}
a:link, a:visited {
	color: #df7e00;
}
h1,h2,h3,h4,h5,h6 {
	text-align: center;
	color:#df7e00;
	margin: .8em 0;
}
img {
	max-width: 100%;
	display: block;
}
p {
	line-height: 150%;
	margin: .75em 0;
}
ul {
	margin: .6em 0;
	padding: 0 0 0 1em;
}
ul li {
	margin: .6em 0;
	padding: 0;
}

/*                      */
/*   LINHAS             */
/*                      */
[class*="linha-"] {	padding: 1px 0;}
[class*="linha-"] > div > a, [class*="linha-"] > div > a:link, [class*="linha-"] > div > a:visited {	text-decoration: none;}

.linha-1 { background-color: none; }
.linha-2 { background-color: none; }
.linha-3 { background-color: orange; color: #ffffff; }
[class*="linha-"]:after {   /* clearfix */
	content: "";
	clear: both;
	display: block;
}
@media only screen and (max-width: 600px) {				 
	[class*="linha-"] > div {
		width: 100%;
		margin: 0px auto;
	}	
}


/*                      */
/*   COLUNAS            */
/*                      */
/* colunas proporcionais com margem de 1.5% entre elas, tem que somar 12 */
.col-1 {width: 5.3%;}
.col-2 {width: 13%;} /* certo seria 13.6%? */
.col-3 {width: 22%;}
.col-4 {width: 30.3%;}
.col-5 {width: 38.6%;}
.col-6 {width: 47%;}
.col-7 {width: 55.3%;}
.col-8 {width: 63%;} /* certo seria 63.66%? */
.col-9 {width: 72%;}
.col-10 {width: 80.3%;}
.col-11 {width: 88.6%;}
.col-12 {width: 97%;}
[class*="col-"] {
	float: left;
	padding: 15px;
	border: none;
	margin: .5em 1.5%;
	text-overflow: hide;
}
@media only screen and (max-width: 600px) {				 
	[class*="col-"] {
	  width: 90%;
	  margin: .2em auto;
	  float: none;
	}
}


/*                      */
/*   CLASSES            */
/*                      */
.cabecalho { 
	max-width: 600px;
	margin: 0 auto;
	padding: 2em;
}@media only screen and (max-width: 768px) {	
	.cabecalho { 
		max-width: 100%;
		margin: 0 auto;
		padding: 1em;
}
}

.cabecalho2 { 	width: 100%; }
.center { text-align: center; }
.pontilhado { 
	border: 2px dashed #79ac2b;
	text-align: center;
	padding: 10px;
	font-weight: bold;
	margin: 1em;
}
.verde {	color:#79ac2b; }