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


@font-face {
	font-family: Lato-Light;
	src: url(../fuentes/Lato-Light.ttf)
}
@font-face {
	font-family: Lato-Heavy;
	src: url(../fuentes/Lato-Heavy.ttf)
}
@font-face {
	font-family: Lato-Bold;
	src: url(../fuentes/Lato-Bold.ttf)
}
.lato {
	font-family: 'Lato-Heavy';
}
.latoLigth {
	font-family: 'Lato-Light';
}
.latoBold {
	font-family: 'Lato-Bold';
}

.text-justify{
	text-align: justify;
}

body{
	font-family: 'Lato-Light', Arial, Helvetica, sans-serif;
}

[canvas=container], [off-canvas] {
	padding: 0px;
}
[off-canvas] {
	background-color: rgba(144,144,144,1.00);
	color: rgba(76,76,76,1.00);
}
.js-toggle-left-slidebar:hover {
	color: rgba(255,106,3,1.00);
}
li {
	list-style: none;
	margin-top: 5%;
	font-size: 110%;
	color: rgba(248,243,243,1.00);
	border-bottom: 1px solid #fff;
	padding-bottom: 3.5%;
}
li a {
	color: #fff;
}
li a:hover {
	text-decoration: none;
	color: #fff;
}
.btn {
	border: 1px solid #ccc;
	border-radius: 9px 9px 9px 9px;
}
.float {
	width: 100%;
	float: left;
	clear: both;
}
.fijo {
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 9999999999;
	background: rgba(251,251,251,0.90);
	padding-bottom: 1.5%;
}
.contenedor {
	position: relative;
}
.espacioImagen {
	overflow: hidden;
	height: 770px;
	background: url(imagenes/164850435-opt.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: 0, 0;
}
.espacioImagenPosicionamiento {
	overflow: hidden;
	height: 550px;
	background: url(imagenes/seo1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: 0, 0;
}
.cabecero {
	position: absolute;
	top: 102px;
	left: -3px;
}
.cabecero2 {
	position: absolute;
	top: 70px;
	left: 0px;
	width: 100%;
}
.cabeceroCRM {
	position: absolute;
	top: 200px;
	left: 250px;
	width: 97%;
	padding: 1.5%;
}
.iconosSecciones {
	position: absolute;
	top: 820px;
	min-height: 50px;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	z-index: 999;
	background: rgba(255,255,255,0.90);
}
.pulsadores {
	text-align: center;
	font-size: 110%;
}
.linea {
	border-bottom: 1px solid #ccc;
}
.contenido {
	min-height: 1200px;
	position: absolute;
	top: 961px;
}

.lineaDerecha {
	border-right: 1px solid #ccc;
}
.lineaIzquierda {
	border-left: 1px solid #ccc;
}
.cristal {
	background-color: rgba(6,25,76,0.60);
	width: 100%;
	float: left;
	clear: both;
	color: #fff;
	height: 100%;
	position: absolute;
}
.cristalCRM {
	background-color: rgba(217,217,217,0.00);
	width: 100%;
	float: left;
	clear: both;
	color: #fff;
	height: 100%;
	position: absolute;
}
.m1 {
	margin-top: 1.5%;
}
.m3 {
	margin-top: 11%;
}
.m2 {
	margin-top: 7%;
}
.detalle {
	width: 100%;
	min-height: 100%;
	position: absolute;
	left: 0%;
	background: rgba(255,255,255,1.00);
	z-index: 998;
	top: 0px;
	overflow: hidden;
}
.cerrar {
	width: 5%;
	background: rgba(122,122,122,0.10);
	color: #000;
	position: absolute;
	right: 0px;
	border-left: 3px solid #ccc;
	z-index: 999;
	top: 61px;
	min-height: 100%;
}
.seccion1 {
	padding: 1.5%;
	min-height: 500px;
	position: relative;
}
.seccion1 a:hover {
	text-decoration: none;
}
.abajo {
	position: absolute;
	bottom: 7%;
	width: 94%;
	float: left;
	clear: both;
}
.textoDetalle {
	position: absolute;
	right: 0%;
	min-height: 500px;
	top: 300px;
}
.textoAbajo {
	width: 95%;
	top: 700px;
	background: rgba(135,131,131,0.10);
}
.iconos {
	/**background: rgba(245,83,2,1.00); **/
	height: 80px;
	overflow: hidden;
}
.menus {
	padding: 1%;
	min-height: 68px;
	background: rgba(255,255,255,0.90);
	position: absolute;
	top: 0px;
	font-size: 130%;
	z-index: 999;
}
.telefono {
	font-size: 130%;
}
.email {
	font-size: 63%;
}
/*.lineaMenus {
	position: absolute;
	    top: 0%;
	display: none;
	}*/
	.fondo2 {
		overflow: hidden;
		height: 500px;
		width: 100%;
		background: url(imagenes/equipoDeTrabajo.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	.cristal2 {
		background-color: rgba(6,25,76,0.60);
		width: 100%;
		float: left;
		clear: both;
		color: #fff;
		height: 100%;
		position: absolute;
	}
	.m2 {
		margin-top: 3%;
	}
	.m2Y {
		margin-top: 5%;
	}
	.fondoGris {
		background: rgba(102,102,102,1.00);
		color: #fff;
		position: relative;
		overflow: hidden;
		min-height: 500px;
	}
	.fondoGrisClaro {
		color: #000;
		position: relative;
		overflow: hidden;
		min-height: 700px;
	}
	.imagenPosicion {
		position: absolute;
		right: 0px;
		top: 20%;
	}
	.tituloPosicionamiento {
		position: absolute;
		top: 0px;
		min-height: 10%;
	}
	.bajolo {
		padding-top: 1%;
	}
	.b1 {
		width: 100%;
		float: left;
		clear: both;
		min-height: 400px;
	}
	.relative {
		position: relative;
	}
	.imagenSistemas {
		float: left;
		clear: both;
		width: 100%;
	}

	@media screen and (max-width: 667px) and (min-width: 300px) {
		.bajolo {
			padding-top: 0%;
		}
		.espacioImagenCRM {
			overflow: hidden;
			height: 200px;
			position: relative;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment: fixed;
			background-position: 0, 0;
			margin-top: 11%;
		}
		.lineaMenusPadre {
			position: relative;
			overflow: hidden;
			/*height: 500px;*/
		}
		.seccion1 {
			padding: 1.5%;
			min-height: 300px;
			overflow: hidden;
			font-size: 90%;
			margin-top: 0%;
		}
		.conoce h3 {
			font-size: 90%;
		}
		.abajo h3 {
			font-size: 150%;
		}
	}

	@media screen and (min-width: 668px) {
		.btnMio {
			float: right;
			clear: none;
			width: auto;
			margin-left: 1.5%;
			text-align: right;
		}
		.btnMio a {
			font-size: 113%;
			color: rgba(93,93,93,1.00);
			padding-bottom: 1.5%;
		}
		.btnMio a:hover {
			text-decoration: none;
			color: rgba(0,0,0,1.00);
		}
		.btnMioClientes {
			float: right;
			clear: none;
			width: auto;
			margin-left: 1.5%;
			text-align: right;
		}
		.btnMioClientes a {
			font-size: 113%;
			color: rgba(233,107,1,1.00);
			text-align: right;
		}
		.btnSeleccionado {
			float: right;
			clear: none;
			width: auto;
			margin-left: 1.5%;
			text-align: right;
			font-size: 113%;
			color: rgba(0,0,0,1.00);
		}
		.menuMio {
			padding-left: 15%;
			width: 90.9%;
			margin-top: 1%;
		}
		.espacioImagenCRM {
			overflow: hidden;
			height: 770px;
			position: relative;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment: fixed;
			background-position: 0, 0;
		}
		.lineaMenusPadre {
			position: relative;
			overflow: hidden;
			/*height: 500px;*/
		}
		.seccion1 {
			padding: 1.5%;
			min-height: 500px;
		}
		.seccion1 a:hover {
			text-decoration: none;
		}
	}
/*@media screen and (min-width: 300px) {
	.lineaMenusPadre {min-height: 1150px;}
}

@media screen and (min-width: 350px) {
	.lineaMenusPadre {min-height: 1300px;}
}

@media screen and (min-width: 400px) {
	.lineaMenusPadre {min-height: 1400px;}
}

@media screen and (min-width: 450px) {
	.lineaMenusPadre {min-height: 1500px;}
}

@media screen and (min-width: 500px) {
	.lineaMenusPadre {min-height: 1700px;}
}

@media screen and (min-width: 550px) {
	.lineaMenusPadre {min-height: 1800px;}
}

@media screen and (min-width: 768px) {
	.lineaMenusPadre {min-height: 500px;}
	}*/



	@media screen and (max-width: 1198px) {
		.menuMio {
			visibility: collapse;
		}
	}