/* BACKGROUND COLORS ===================================================================================*/
.grau { background: #1f1f1f; } .weich { background: #f2f2f2; } .grun { background: green; } .rot { background: red; }

/* COLORS ==============================================================================================*/
.blanco { color: white; } .gris { color: #1f1f1f; } .verde { color: #67ac47;}

.vcenter { position: relative; top: 50%; transform: translateY(-50%); }

.bgDark { background: #1f1f1f;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.bgLight { background: #F2F2F2;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.ovflhid { overflow: hidden; }

.parallaxBg { position: absolute; height: 100%; width: 100%; }

/* TITLE SERVICE*/
.title { font-size: 30px; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; }

.full { width: 100%; min-height: 100vh; }

	.holder { height: 100vh; }

		#logo { max-width: 90px; margin-bottom: 28px; display: inline-block; }

		#tronik { margin-left: 20px; display: inline-block; }

		.shadow { margin-top: 30px; }


/* NAV BAR ===========================================================================================*/

nav {  }

.navRight {  } .navLeft {  }

	.navHolder {  }

	.nhLeft > .circleBtn { float: left; }
	.nhRight > .circleBtn { float: right; }

		.circleBtn { width: 50px; height: 50px; margin-top: 10px; border-radius: 50%; clear: both; box-shadow: 0 0 5px rgba(50,50,50,.5); background: #67ac47; }
			
			.cb-sv {  } .cb-ac {  } .cb-rc {  }
			.cb-nw {  } .cb-avs {  } .cb-ct {  }

.surveillance , .access , .radioCommunications , .networking , .audioAndVideo { cursor: hand; cursor: pointer; }

/* NAV BAR ===========================================================================================*/


/* SERVICES ==========================================================================================*/
ul { padding-left: 15px; }
li { list-style-type: none; margin-top: 3px; }


/* FOOTER ============================================================================================*/

#footer { min-height: 150px; border-top: 2px solid #FFF; border-bottom: 2px solid #67ac47; }
	
	#pie { margin-top: 24px; }

		#pie img { margin-top: 20px; }

		#pie p { margin-top: 12px; }


/* FOOTER ============================================================================================*/