/* Este CSS controla os layout columns padrões para uso em TPL. 
Não  modifique este arquivo */

/* ---------- Wrapper ---------- */

.lfr-grid {
	border-collapse: collapse;
	width: 100%;
}

.lfr-grid .lfr-column {
	padding: 5px;
}

/* ---------- Largura das Colunas ---------- */

.lfr-grid.dragging .lfr-column {
	height: 100px;
	min-height: 100px;
}

.lfr-column.ten {
	width: 10%;
}

.lfr-column.twenty {
	width: 20%;
}

.lfr-column.thirty {
	width: 30%;
}

.lfr-column.forty {
	width: 40%;
}

.lfr-column.fifty {
	width: 50%;
}

.lfr-column.sixty {
	width: 60%;
}

.lfr-column.seventy {
	width: 70%;
}

.lfr-column.eighty {
	width: 80%;
}

.lfr-column.ninety {
	width: 90%;
}

/* ---------- 1 coluna ---------- */

.columns-1 #column-1, .columns-max #column-1 {
	clear: both;
	display: table;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

/* ---------- 2 colunas ---------- */

.columns-2 #column-1 {
	padding-left: 0;
}

.columns-2 #column-2 {
	padding-right: 0;
}

/* ---------- 3 colunas ---------- */

.columns-3 #column-1 {
	padding-left: 0;
}

.columns-3 #column-2 {
}

.columns-3 #column-3 {
	padding-right: 0;
}

/* ---------- 1/2/1 ---------- */

.columns-1-2-1 #column-1, .columns-1-2-1 #column-4 {
	padding-left: 0;
	padding-right: 0;
}

.columns-1-2-1 #column-2 {
	padding-left: 0;
}

.columns-1-2-1 #column-3 {
	padding-right: 0;
}

/* ---------- 2/2 ---------- */

.columns-2-2 #column-1, .columns-2-2 #column-2 {
	padding-left: 0;
}

.columns-2-2 #column-4 {
	padding-right: 0;
}

/* ---------- Freeform (Layout livre) ---------- */

.freeform .lfr-column {
	position: relative;
}

.columns-2-2 #column-4 {
	padding-right: 0;
}
/* --------------------------------------------- */
/*              TPLs em DIV                      */
/* --------------------------------------------- */

#div-container-tpl .lfr-grid {
	padding:0px;
}

#div-container-tpl .lfr-column {
	padding:0px;
	float:left;
}

#div-container-tpl .lfr-grid.dragging .lfr-column {
	border: 1px solid #001017;
	margin:-1px;
	border-collapse:none;
	height: 100%;
	min-height: 100px;
}

/* ------- 1 coluna -------------*/

#div-container-tpl #column-1-full { 
	width:100%; 
	float:left;
}

/* ------- 2 colunas ou 3 -------------*/

#div-container-tpl .div-thirty-adjust { /*-- para column 30% --*/
	width:29%; 
	margin-left:1%;
}

#div-container-tpl .div-seventy-adjust { /*-- para column 70% --*/
	width:69%; 
	margin-left:1%;
}

#div-container-tpl .div-fifty-adjust { /*-- para column 50% --*/
	width:49%; 
	margin-left:1%;
}

#div-container-tpl .div-sixty-adjust { /*-- para column 60% --*/
	width:58%; 
	margin-left:1%;
	margin-right:1%;
}

#div-container-tpl .lfr-grid.dragging #column-2, #div-container-tpl .lfr-grid.dragging #column-3 {
	margin-left:0%;
	min-height:100px;
}