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

/* ================================================================
generales
================================================================ */
* {
	margin:0;
	outline: none;
}
html, body {
	background-color: rgb(255, 255, 255) !important;
	height: 100%;
	min-height: 675px;
}
a, a:link, a:visited, a:active {
	text-decoration: none; color: rgb(0, 0, 0);
}
img {
	border: 0;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.clear {
	clear:both;
}
.content {
	margin-top: 138px !important;
}

/* ================================================================
header
================================================================ */
#menu {
	width: 100%;
	height: 138px;
	max-width: 100%;
	position: fixed;
	top: 0px;
	z-index: 2;
	background: url(/assets/img/menu/background.jpg) no-repeat center center;
	background-size: cover;
	font-family: 'Roboto Condensed', sans-serif;
}
#menu .logo {
	width: 205px;
	height: 55px;
	margin-top: 40px;
	background: url(/assets/img/menu/logo.png) no-repeat center center;
	background-size: cover;
	display: block;
}
#menu .sombra {
	width: 100%;
	height: 50px;
	background: url(/assets/img/menu/sombra.png) no-repeat center center;
	background-size: cover;
	margin-top: 138px;
}
#menu .servicio {
	width: 15%;
	float: left;
	margin-top: 45px;
}
#menu .servicio p {
	font-size: 13px;
	line-height: 14px;
	color: rgb(162, 162, 162);
	padding-left: 35px;
	margin-top: -7px;
}
#menu .servicio img {
	width: 90px;
	height: 25px;
}
#menu .links {
	margin-top: 45px;
}
#menu .link {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 17px;
	float: right;
	color: rgb(162, 162, 162);
}
#menu a:hover, #menu a:hover p {
	color: rgb(255, 255, 255) !important;
}

/* ================================================================
home
================================================================ */
#home {
	width: 100%;
	height: 660px;
	background: url(/assets/img/home/background.jpg) no-repeat center center;
	background-size: cover;
}
#home .logo {
	width: 400px;
	height: 110px;
	margin: 90px auto 0px auto;
	background: url(/assets/img/home/logo.png) no-repeat center center;
	background-size: cover;
}

#home p {
	width: 35%;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-align: center;
	padding: 20px 0px;
	border-top: 1px solid rgb(0, 0, 0);
	margin: 30px auto 0px auto;
}

/* ================================================================
botones de pánico
================================================================ */
#bp {
	width: 100%;
	height: 940px;
	background: url(/assets/img/bp/background.jpg) no-repeat center center;
	background-size: cover;
	color: rgb(255, 255, 255);
}
#bp .four.columns {
	padding: 0 2%;
}
#bp .logo {
	width: 215px;
	height: 48px;
	margin: 50px auto 0px auto;
	background: url(/assets/img/bp/logo.png) no-repeat center center;
	background-size: cover;
}
#bp h1 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 25px;
	text-align: center;
	padding: 20px 0px;
	border-top: 1px solid rgb(255, 255, 255);
	margin: 20px auto 0px auto;
}
#bp p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 10px;
}
#bp ul {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 600;
	padding: 0px;
	padding-start: 0px;
	-moz-padding-start: 0px;
	-webkit-padding-start: 0px;
}
#bp li {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 22px;
	margin: 0px 0px 0px 20px;
}

/* ================================================================
gps
================================================================ */
#gps {
	width: 100%;
	height: 955px;
	background: url(/assets/img/gps/background.jpg) no-repeat center center;
	background-size: cover;
}
#gps .four.columns {
	padding: 0 2%;
}
#gps .logo {
	width: 215px;
	height: 48px;
	margin: 50px auto 0px auto;
	background: url(/assets/img/gps/logo.png) no-repeat center center;
	background-size: cover;
}
#gps h1 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 25px;
	text-align: center;
	padding: 20px 0px;
	border-top: 1px solid rgb(0, 0, 0);
	margin: 20px auto 0px auto;
}
#gps p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
}
#gps .descripcion {
	padding-top: 50px;
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
}
#gps .descripcion p {
	font-size: 12px;
	color: rgb(255, 255, 255);
}
#gps .descripcion span {
	font-style: normal;
	font-weight: bold;
	display: block;
}
#gps .descripcion span:before {
	content: "•";
	padding-right: 7px;
}

/* ================================================================
seguridad urbana
================================================================ */
#su {
	width: 100%;
	height: 660px;
	background: url(/assets/img/su/background.jpg) no-repeat center center;
	background-size: cover;
	color: rgb(255, 255, 255);
}
#su .four.columns {
	padding: 0 2%;
}
#su .logo {
	width: 215px;
	height: 48px;
	margin: 50px auto 0px auto;
	background: url(/assets/img/su/logo.png) no-repeat center center;
	background-size: cover;
}
#su h1 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 25px;
	text-align: center;
	padding: 20px 0px;
	border-top: 1px solid rgb(255, 255, 255);
	margin: 20px auto 0px auto;
}
#su p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 20px;
}

/* ================================================================
seguridad integral
================================================================ */
#si {
	width: 100%;
	height: 660px;
	background: url(/assets/img/si/background.jpg) no-repeat center center;
	background-size: cover;
	color: rgb(255, 255, 255);
}
#si .four.columns {
	padding: 0 2%;
}
#si .logo {
	width: 215px;
	height: 48px;
	margin: 50px auto 0px auto;
	background: url(/assets/img/si/logo.png) no-repeat center center;
	background-size: cover;
}
#si h1 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 25px;
	text-align: center;
	padding: 20px 0px;
	border-top: 1px solid rgb(255, 255, 255);
	margin: 20px auto 0px auto;
}
#si p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 20px;
}

/* ================================================================
alarmas
================================================================ */
#al {
	width: 100%;
	height: 660px;
	background: url(/assets/img/al/background.jpg) no-repeat center center;
	background-size: cover;
	color: rgb(255, 255, 255);
}
#al .four.columns {
	padding: 0 2%;
}
#al .logo {
	width: 215px;
	height: 48px;
	margin: 50px auto 0px auto;
	background: url(/assets/img/al/logo.png) no-repeat center center;
	background-size: cover;
}
#al h1 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 25px;
	text-align: center;
	padding: 20px 0px;
	border-top: 1px solid rgb(255, 255, 255);
	margin: 20px auto 0px auto;
}
#al p {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 20px;
}
#al ul {
	padding: 0px;
	padding-start: 0px;
	-moz-padding-start: 0px;
	-webkit-padding-start: 0px;
}
#al li {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 0px 0px 5px 20px;
}

/* ================================================================
video vigilancia
================================================================ */
#vv {
	width: 100%;
	height: 660px;
	background: url(/assets/img/vv/background.jpg) no-repeat center center;
	background-size: cover;
}
#vv .four.columns {
	padding: 0 2%;
}
#vv .logo {
	width: 215px;
	height: 48px;
	margin: 50px auto 0px auto;
	background: url(/assets/img/vv/logo.png) no-repeat center center;
	background-size: cover;
}
#vv h1 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 23px;
	line-height: 25px;
	text-align: center;
	padding: 20px 0px;
	border-top: 1px solid rgb(0, 0, 0);
	margin: 20px auto 0px auto;
}
#vv ul {
	padding: 0px;
	padding-start: 0px;
	-moz-padding-start: 0px;
	-webkit-padding-start: 0px;
}
#vv li {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 0px 0px 20px 20px;
}

/* ================================================================
usuarios
================================================================ */
#usuarios {
	width: 100%;
	height: 660px;
	background: url(/assets/img/usuarios/background.jpg) no-repeat center center;
	background-size: cover;
}
#usuarios h1 {
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 25px;
	text-align: right;
	padding: 20px 0px 10px 0px;
	color: rgb(255, 255, 255);
	margin: 20px auto 0px auto;
}
#usuarios a {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 22px;
	float: right;
	text-align: right;
	color: rgb(162, 162, 162) !important;
	margin-right: 20px;
}
#usuarios a:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 25px;
	right: 3px;
	background: url(/assets/img/usuarios/flecha.png) no-repeat;
	background-size: cover;
}
#usuarios a:hover {
	color: rgb(255, 255, 255)!important;
}

/* ================================================================
footer
================================================================ */
#footer {
	height: 40%;
	max-height: 330px;
	background: rgb(0, 0, 0);
	color: rgb(164, 164, 164);
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
}
#footer .logo {
	width: 205px;
	height: 55px;
	margin-top: -25px;
	background: url(/assets/img/footer/logo.png) no-repeat;
	background-size: 95%;
	background-color: rgb(0, 0, 0);
}
#footer .linea {
	border-top: 1px dashed rgb(164, 164, 164);
	margin-top: 80px;
}
#footer .telefono {
	font-family: 'Fugaz One', cursive;
	font-size: 30px;
	text-align: right;
	background: rgb(0, 0, 0);
	margin-top: -25px;
	width: 380px;
	float: right;
}
#footer .legal {
	font-size: 11px;
	line-height: 17px;
	margin-top: 20px;
	color: rgb(100, 100, 100);
	text-align: justify;
}
#footer .legal a {
	color: rgb(100, 100, 100) !important;
}
#footer .copyright {
	font-size: 11px;
	color: rgb(164, 164, 164);
	margin-top: 10px;
}
#fiscal {
	width: 80px;
	float: right;
	margin-top: 10px;
}
#fiscal img {
	max-width: 100%;
}