/* GLOBAL STYLES */
	body {
		position: absolute;
		min-width: 380px;
		min-height: 100%;
		max-width: 100%;
		width: 100%;
		font-family: 'helvetica', 'Lato', sans-serif;
		font-size: 13px;
		background: white;		
	}

	.disableSelect,
	[data-select="disabled"],
	[data-select="false"] {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		o-user-select: none;
		user-select: none;
	}
	
	.working {
		cursor: wait !important;
	}
	.working #container,
	.working #content>.inner,
	.working #Modal,
	.working #sidemenu {
		pointer-events: none;
	}

	.nice-shadow {
		box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 
			0 2px 9px 1px rgba(0, 0, 0, 0.12), 
			0 4px 2px -2px rgba(0, 0, 0, 0.2);
	}

	.animated {
		visibility: visible !important;
	}

	.invisible {
		visibility: hidden;
	}

	.fullScreen {
		min-width: 100%;
	}

	.img-center {
		position: relative;
		top: 50%;
		left: 50%;

		transform: translate(-50%, -50%);
	}

	.capitalize {
		text-transform: capitalize;
	}

	.slick-slide {
		outline: none;
	}

	.progress {
		position: absolute;
		width: 97%;
		top: 50%;
		left: 50%;
		margin: 0;
		z-index: 1;
		
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
/* END GLOBAL */


/* LOADER */
	#loader {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #c61130;
		opacity: 0;
		z-index: -1;
		min-width: 100%;
		min-height: 100%;

		transition: all 500ms;
	}
	#loader .loader {
		position: fixed;
		left: 50%;
		top: 50%;
	}
	#loader h2 {
		position: fixed;
		left: 51.8%;
		top: 50%;
		margin-top: 50px;
		transform: translate(-50%, -50%);
		color: white;
		font-size: 20px;
		font-family: monospace;
	}

	body.loading {
		overflow-y: hidden;
	}
	body.loading #loader {
		opacity: 1;	
		z-index: 1000;
	}
/* END LOADER */


/* CUSTOM ELEMENTS */
	/* flex-box */
		.flex-container {
			display: -webkit-flex;
			display: -moz-flex;
			display: flex;
		
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			flex-direction: row;

			-webkit-flex-wrap: nowrap;
			-moz-flex-wrap: nowrap;
			flex-wrap: nowrap;

			-webkit-justify-content: flex-start;
			-moz-justify-content: flex-start;
			justify-content: flex-start;

			-webkit-align-items: stretch;
			-moz-align-items: stretch;
			align-items: stretch;

			-webkit-align-content: stretch;
			-moz-align-content: stretch;
			align-content: stretch;
		}

		/* flex-direction */
			.flex-container[data-direction='row-inverse'] {
				-webkit-flex-direction: row-inverse;
				-moz-flex-direction: row-inverse;
				flex-direction: row-inverse;
			}
			.flex-container[data-direction='column'] {
				-webkit-flex-direction: column;
				-moz-flex-direction: column;
				flex-direction: column;
			}
			.flex-container[data-direction='column-inverse'] {
				-webkit-flex-direction: column-inverse;
				-moz-flex-direction: column-inverse;
				flex-direction: column-inverse;
			}

		/* flex-wrap */
			.flex-container[data-wrap='wrap'] {
				-webkit-flex-wrap: wrap;
				-moz-flex-wrap: wrap;
				flex-wrap: wrap;
			}
			.flex-container[data-wrap='wrap-inverse'] {
				-webkit-flex-wrap: wrap-inverse;
				-moz-flex-wrap: wrap-inverse;
				flex-wrap: wrap-inverse;
			}

		/* justify-content */
			.flex-container[data-justify-content='flex-end'] { 
				-webkit-justify-content: flex-end;
				-moz-justify-content: flex-end;
				justify-content: flex-end;
			}
			.flex-container[data-justify-content='center'] { 
				-webkit-justify-content: center;
				-moz-justify-content: center;
				justify-content: center;
			}
			.flex-container[data-justify-content='space-between'] { 
				-webkit-justify-content: space-between;
				-moz-justify-content: space-between;
				justify-content: space-between;
			}
			.flex-container[data-justify-content='space-around'] { 
				-webkit-justify-content: space-around;
				-moz-justify-content: space-around;
				justify-content: space-around;
			}

		/* align-items */
			.flex-container[data-align-items='flex-start'] {
				-webkit-align-items: flex-start;
				-moz-align-items: flex-start;				
				align-items: flex-start;
			 }
			.flex-container[data-align-items='flex-end'] {
				-webkit-align-items: flex-end;
				-moz-align-items: flex-end;
				align-items: flex-end;
			 }
			 .flex-container[data-align-items='center'] {
				-webkit-align-items: center;
				-moz-align-items: center;
				align-items: center;
			 }
			 .flex-container[data-align-items='baseline'] {
				-webkit-align-items: baseline;
				-moz-align-items: baseline;
				align-items: baseline;
			 }

		/* align-content */
			.flex-container[data-align-content='flex-start'] {
				-webkit-align-content: flex-start;
				-moz-align-content: flex-start;
				align-content: flex-start;
			}
			.flex-container[data-align-content='flex-end'] {
				-webkit-align-content: flex-end;
				-moz-align-content: flex-end;
				align-content: flex-end;
			}
			.flex-container[data-align-content='center'] {
				-webkit-align-content: center;
				-moz-align-content: center;
				align-content: center;
			}
			.flex-container[data-align-content='space-between'] {
				-webkit-align-content: space-between;
				-moz-align-content: space-between;
				align-content: space-between;
			}
			.flex-container[data-align-content='space-around'] {
				-webkit-align-content: space-around;-webkit;
				-moz-align-content: space-around;
				align-content: space-around;
			}	

	textarea { resize: none }
	a:hover, a:focus {
		color: initial !important;
		border: none !important;
		text-decoration: none !important;
	}
	/* .customBtn */
		.customBtn {
			position: relative;
			display: inline-block;
			border-radius: 3px;
			border: 1px solid black;
			cursor: pointer;
			background-color: #4F6D2B;
			color: white;
			padding: 3px 15px 3px 24px;
			box-shadow: 0 0 0 transparent;
			transition: background-color 200ms ease-in, border-color 200ms, color 300ms ease-in-out;
			min-height: 30px;
			white-space: nowrap;	
			text-decoration: none;
		}
		.customBtn::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 5px;
			font-family: 'Glyphicons Halflings';
			font-size: 16px;

			transform: translateY(-50%);
		}

		.customBtn.era::before { content: "\e250"; }
		.customBtn.era {
			background-color: #e86223;
			border-color: #e86223;
		}
		.customBtn.era:hover {
			background-color: #e86223;
			border-color: #e86223;
		}

		.customBtn.construccion::before { content: "\e250"; }
		.customBtn.construccion {
			background-color: #444041;
			border-color: #444041;
		}
		.customBtn.construccion:hover {
			background-color: #444041;
			border-color: #444041;
		}

		.customBtn.bosques::before { content: "\e250"; }
		.customBtn.bosques {
			background-color: #e34225;
			border-color: #e34225;
		}
		.customBtn.bosques:hover {
			background-color: #e34225;
			border-color: #e34225;
		}

		.customBtn.deesa::before { content: "\e250"; }
		.customBtn.deesa {
			background-color: #c1cf00;
			border-color: #c1cf00;
		}
		.customBtn.deesa:hover {
			background-color: #c1cf00;
			border-color: #c1cf00;
		}
/* END CUSTOM ELEMENTS */


/* BOOTSTRAP CUSTOMIZATION */
	.modal-header {
		background: #c61130;
		box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 
			0 2px 9px 1px rgba(0, 0, 0, 0.12), 
			0 4px 2px -2px rgba(0, 0, 0, 0.2);
	}
	.modal-title {
		color: white;
		font-weight: 800;
	}

	.modal-footer {
		background: #252525;
	}

	.btn-primary { 
		background:  #c61130;
		border-color: #c61130;
	}
	.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus{
		background:  #c61130;
		border-color: #c61130;
	}
	.btn-primary:focus, .btn-primary.focus, .btn-primary:hover{
		background:  #c61130;
		border-color: #c61130;
	}
/* END BOOTSTRAP CUSTOMIZATION */


/* TEXT STYLES */
	[data-text-style="negritas"] {
		color: black !important;
		text-shadow: 0 0 0 black !important;
	}

	[data-font-size="+5"] {
		font-size: 105% !important;
	}
	[data-font-size="+10"] {
		font-size: 110% !important;
	}
	[data-font-size="+15"] {
		font-size: 115% !important;
	}
	[data-font-size="+20"] {
		font-size: 120% !important;
	}
	[data-font-size="+25"] {
		font-size: 125% !important;
	}	

	[data-remove-margin="true"] {
		margin: 0 !important;
	}
/* END TEXT STYLES */

/* COLORS */
	[data-color="primario"] { color: #c61130 !important; } /* rgb(198,17,48) */
	[data-color="rojo"] { color: #c61130 !important; }
	[data-color="amarillo"] { color: #f7d988 !important; } /* rgb(247, 217, 136) */
	[data-color="gris"] { color: #797f7f !important; } /* rgb(121, 127, 127) */
	[data-color="white"] { color: #fff !important; }
	[data-color="cafe"] { color: #51020d !important; }	/* rgb(81, 2, 13) */
	[data-color="negro"] { color: #252525 !important; } /* rgb(37, 37, 37) */


	[data-bg-color="primario"] { background-color: #c61130 !important; }
	[data-bg-color="rojo"] { background-color: #c61130 !important; }
	[data-bg-color="amarillo"] { background-color: #f7d988 !important; }
	[data-bg-color="cafe"] { background-color: #51020d !important; }
	[data-bg-color="negro"] { background-color: #252525 !important; }
/* END COLORS */


/* NOTIFICATIONS */
	.ns-box-inner {
		font-size: 1.2em;
		font-weight: 700;
	}
	.ns-close::before, .ns-close::after { background-color: white !important }

	.ns-type-notice {
		background-color: #3b97e0 !important;
	}
	.ns-type-success {
		background-color: #252525 !important;
	}
	.ns-type-warning {
		background-color: #e27f00 !important;
	}
	.ns-type-error {
		background-color: #e24e35 !important;
	}
/* END NOTIFICATIONS */


#content {
	width: 100%;
	height: 100%;
}

#content > .inner {
	position: relative;
	width: 90%;
	height: 100%;
	margin: 0 auto;
}

#content .header {
	height: 100px;
	width: 400px;
	margin-top: 10px;
}

#content .header .logo {
	height: 88px;
	width: 220px;
	background-color: #e5e5e3;
}
#content .header .logo h1 {
	position: relative;
	font-weight: 900;
	font-size: 45px;
	color: #545454;
	padding-left: 48px;
}
#content .header .logo h1:after, #content .header .logo h1:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	top: 15px;
	left: 0;
}

#content .header .logo h1:after { background-color: #9bbd20 }
#content .header .logo h1:before { background-color: #e86223; left: 25px; }

#content .menu {
	width: 100%;
}
#content .menu > div {
	width: 100%;	
}
#content .menu .desarrollo {
	position: relative;
	height: 200px;
	width: 48%;	
	min-width: 350px;
	margin: 10px 0;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#content .menu .desarrollo .capa {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.5);
	z-index: 0;
	top: 0;
	left: 0;
}
#content .menu .desarrollo > .inner {
	position: absolute;
	z-index: 2;
	width: 80%;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

#content .menu .desarrollo .img-container {
	width: 250px;
}

.desarrollo.era {
	background-image: url( '../images/era_fondo.jpg' );
}
.desarrollo.construccion {
	background-image: url( '../images/constructora_fondo.jpg' );
}
.desarrollo.bosques {
	background-image: url( '../images/bosques_fondo.jpg' );
}
.desarrollo.deesa {
	background-image: url( '../images/deesa_fondo.jpg' );
}

@media (max-width: 800px) {
	#content .menu .desarrollo { width: 100% }
}