@charset "utf-8";
/* CSS Document */


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.spacer:after {
	content: "";
}

/*GRID*/

.section {
	position:relative;
	padding-right:20px;
	padding-left:20px;
	display:block;
}

.section .row {
	margin-bottom:20px;
}

.section .row:last-of-type {
	margin-bottom:0px;
}

/* linhas */
.row {
	position:relative;
	display:table;
	max-width:100%;
	margin:0 auto;
	width:100%;
}

.row:before,
.row:after {
	content:"";
	display:table;
}

.row:after {
	clear:both;
}

.col {
	position:relative;
	display:table-cell;
	float:left;
}

.col:last-of-type {
	margin-right:0px;
}

/* 1 coluna */
.span-1-1  {
	width:100%;	
}

/* 2 colunas */
.span-1-2  {
	width:48.5%;
}

/* 3 colunas */
.span-1-3 {
	width:33.33333%;
}

.span-2-3 {
	width:66.66666%;
}

/* 4 colunas */
.span-1-4 {
	width:25%;
}

.span-2-4  {
	width:49%;
}

.span-3-4  {
	width:74.5%;
}


/* 5 colunas */
.span-1-5 {
	width:20%;
}

.span-2-5  {
	width:38.8%;
}

.span-3-5  {
	width:59.2%;
}

.span-4-5  {
	width:79.6%;
}



/* 8 colunas */
.span-1-8 {
	width:10.75%;
}

.span-2-8  {
	width:23.5%;
}

.span-3-8  {
	width:36.25%;
}

.span-4-8  {
	width:47%;
}

.span-5-8  {
	width:61.75%;
}

.span-6-8  {
	width:74.5%;
}

.span-7-8  {
	width:87.25%;
}



/* 6 colunas */
.span-1-6 {
	width:15%;
}

.span-2-6  {
	width:32%;
}

.span-3-6  {
	width:49%;
}

.span-4-6  {
	width:66%;
}

.span-5-6  {
	width:83%;
}

/* 12 colunas */
.span-1-12 {
	width:6.5%;
}

.span-11-12 {
	width:91.5%;
}


/* ------------- TEXTS --------------- */

.valign-middle {
	vertical-align:middle;
}

.halign-center {
	text-align:center;
}

.halign-right {
	text-align:right;
}

.halign-right > * {
	
}


/* ------------- ELEMENTS --------------- */
.clear {
	clear:both;
}

nav ul li {
	margin:0;
	display:inline;
	float:left;
	margin-right:4px;
}

nav ul li:last-of-type {
	margin-right:0px;
	border-right:none;
}

nav ul:after {
	content:"";
	display:table;
	clear:both;
}

.mob-show {
	display:none;
}


@media only screen and (max-width: 760px) {
	.col:not(.mob-col){
		width:100%;
		min-width:320px;
	}

	.mob-col > .col {
		position:relative;
		display:table-cell;
		float:left;
		min-width: 0px;
	}

	.spacer {
		display: none;
	}
	
	nav ul {
		display:none;
	}	
	
	nav select {
		display:block;
	}
	
	.mob-halign-center {
		text-align:center !important;
		margin-left:0;
		margin-right:0;
	}
	
	.mob-halign-center > * {
		text-align:center !important;
	}
	
	.mob-show {
		display:block;
	}
	
	.mob-hide {
		display:none;
	}

	.colspace .col {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 1601px) {
	* {
	  zoom: 110%
	}
}