@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}



[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;



}

.fondoPie{

	width: 100%;
	bottom: 0px;
	background: rgba(205,205,205,1.00);
	color:#000;
	/*min-height: 500px;*/
	position: relative;
}

.tope{

	position: absolute;
	bottom: 0%;
	text-align: center;
	padding-bottom: 1.5%;

}



.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;
	bottom: -101%;


}

.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%;
		text-align: center;

	}



	

	.espacioImagen{
		background-size: inherit;
	}



	.lineaMenus,.abajo{
		position: relative;
	}





	.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;
		min-height: 300px;
		overflow: hidden;


	}


	.seccion1{
		
		padding: 1.5%;
		min-height:300px;
		overflow: hidden;
		font-size: 90%;
		margin-top: 0%;



	}

	.seccion1 .img-responsive{
		margin: auto ;
	}




	.conoce h3{
		font-size: 90%;

	}



	.abajo h3{
		font-size: 150%;

	}


	.ajusteImagenes{

		margin-left: 30%;
	}




}




@media screen and (min-width: 668px) {



	.ajusteImagenes{

		margin-left: 17%;
	}



	.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;
		min-height: 500px;
		overflow: hidden;


	}


	.seccion1{
		
		padding: 1.5%;
		
		min-height: 500px;



	}

	.seccion1 a:hover{

		text-decoration: none;
	}
	
	
}





@media screen and (max-width: 1198px) {

	.ajusteImagenes{

		margin-left: 20%;
	}
	
	.menuMio{
		
		visibility: collapse;
		
	}
	
}