@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	box-sizing:border-box;
	font-family:Verdana, Geneva, sans-serif;
	}
body{
	width:100%;
}

header{
	height:115px;
	width:100%;
	position:fixed;

	}
.header_top	{
	height:60px;
	background-color:#000;
	color:#FFF;
	font-size:15px;
	text-align:center;
	padding:5px;
	}

.header_bottom	{
	height:120px;
	background:#FFF;
	padding:20px;
}
.logo{
	color:#E4E4E4;
	font-size:30px;
	line-height:60px;
	padding:0 60px;
	font-weight:bold;
	}
.header_bottom ul{
	float:right;
	margin-right:30px;
	}
.header_bottom ul li{
	display:inline-block;
	line-height:60px;
	margin:0 7px;
}
.header_bottom ul li a{
	color:#FFF;
	font-size:17px;
	padding:7px 13px;
	border-radius:3px;

}
a.active,a:hover{
	background:#1b9bff;
	transition:.5s;
	}
.checkbtn{
	color:white;
	font-size:30px;
	line-height:60px;
	float:right;
	margin-right:60px;
	padding:14px;
	display:none;
	
	}
#check{
	display:none;}
.top_dnd{
	display:flex;
	overflow:none;
	justify-content:space-around;
	height:440px;
	padding:15px;
	margin-left:50px;
	margin-right:50px;
	}
.top_dnd .apli_flayer{
	background-color:#FFF;
	display:flex;
	width:300px;
	margin-right:8px;	
	margin-left:15px;
	padding:15px;
	margin-top:5px;
	height:380px;
	align-items:center;

	border-radius:7px ;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.6);
	}
	
.publicidad_local{
	height:270px;
	width:250px;
	background-color:#0080FF;
	float:right;
	bottom:0;

	}
footer{
	
	height:70px;
	width:100%;
	position:fixed;
	bottom:0px;
	background-color:#FFF;
	z-index:100;

	}
main{
	display:flex;
	justify-content:space-between;
	flex-direction:column;
	width:100%;
	padding-top:115px;
}
.main_banner{
	width:100%;
	margin:auto;
	margin-top:70px;
	position:relative;
	overflow:hidden;
	}
.slider{
	display:flex;
	height:700px;	
	width:400%;
	}
.slider_seccion{
	width:100%;
	}
.slider_img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	}
.slider__btn{
	position:absolute;
	width:40px;
	height:40px;
	background:rgba(255,255,255,0.7);
	top:50%;
	transform:translateY(-50%);
	font-size:30px;
	font-weight:bold;
	font-family:monospace;
	text-align:center;
	border-radius:50%;
	cursor:pointer;
		}
.slider__btn:hover{
	background:#FFF;
	}
.sldbtn_right{
	right:10px;
	}
.sldbtn_left{
	left:10px;
	}
.tdigita{
	height:30px;
	border:1px solid #0080FF;
	border-radius:5px;
	padding:5px;
	margin:5px;
	}
.misaplicaciones{
	margin-top:60px;
	margin-left:60px;
	margin-right:60px;
	margin-bottom:60px;
	width:90%;
	height:450px;
	background-color:#EFEFEF;

	}
.soluciones{
	height:75%;
	display:flex;
	justify-content:space-around;
	flex-direction:row;
	margin-left:10px;
	margin-right:10px;
	margin-top:35px;
}
.separador{
	height:2px;
	border:none;
	width:82%;
	margin-left:60px;
	margin-right:60px;
	background-color:#FFF;
	margin-top:-15px;
	position:absolute;
	border-radius:1px;
	}
.solucion{
	height:300px;
	width:24%;
	}
.solucion_top {
	height:160px;
	width:100%;
	background-color:#F2F2F2;
}
.solucion_bottom {
	height:160px;
	width:100%;
	background-color:#FFF;
	border:1px solid #0080FF;}
.misaplicaciones:before{
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	border-right:9px solid transparent;
	border-left:9px solid transparent;
	border-bottom:10px solid #FFF;
	left:90px;
	margin-top:45px;
	margin-left:42%;
	}

.contenido{
	width:100%;
	background-color:#FCFCFC;
	display:flex;
	justify-content:center;
	flex-direction:column;}
.aplicacion{
	display:flex;
	flex-direction:row;
	margin-top:20px;
	height:270px;}
.acceso{
	width:380px;
	height:200px;
	background-color:#FFF;
	border-radius:7px;
	padding:5px;}
.acceso input[type=text]{
	width:95%;
	border:2px solid #aaa;
	border-radius:4px;
	margin:8px 0;
	outline:none;
	padding:8px;
	box-sizing:border-box;
	transition:.3s;
	}
.input_icon input[type=text]{
	padding-left:40px;
	}
.input_icon{
	position:relative;}
.input_icon i{
	position:absolute;
	left:0;
	top:8px;
	padding:9px 8px;
}
.acceso input[type=text]:focus{
	border-color:dodgerBlue;
	box-shadow:0 0 8px 0 dodgerBlue;
}
.det_aplicacion{
	width:400px;
	height:200px;
	background-color:#FFF;
	border-radius:7px;
	padding:5px;
	margin-left:10px;
	}
.tablero{
	width:100%;
	background-color:#FCFCFC;
	display:flex;
	flex-direction:column;
	margin-bottom:20px;
	}
.tit_tablero{

	height:22px;
	color:#0080FF;
	height:60px;
	font-size:20px;
	margin-bottom:10px;
	text-align:center;
	padding-top:15px;
	padding-left:70px;
	padding-right:70px;
	font-weight:bold;

}

.det_tablero {
	width:100%;
	display:flex;
	flex-direction:column;
}
.publicidad{
	background-color:#F0F0F0;
	width:16%;
	}
.noti_dnd{
	/*display:flex;*/
	display:none;
	flex-direction:column;
	}

.noti_detalle{
	background-color:#FFF;
	padding: 5px;
	padding-bottom:30px;
  	display: grid;
 	width: 90%;
 
  	grid-template-columns: repeat(4, 1fr);
  	grid-gap: 22px;
	margin-left:60px;
	margin-right:60px;
	/*background:#FCFCFC;	
	display:flex;
	flex-direction:row;
	margin-right:60px;
	justify-content:space-around;*/
	}
.info_noti{
	width:24%;
	min-width:283px;
	height:180px;
	border-radius:5px;
	border:1px solid #FFECF5;
	margin-bottom:10px;
	margin-top:10px;
	/*box-shadow:0 0 5px 0 rgba(0,0,0,0.4);*/
	}
.quienes_somos{
	padding:10px;
	text-align:center;
	color:#5C5C5C;
	padding:10px;
	/*display:flex;*/
	display:none;
	flex-direction:column;
	width:100%;
}
.det_nosotros{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	height:200px;
	margin-right:60px;
	margin-left:60px;
	}
.cuadro_nosotros{
	width:30%;
	position:relative;
	height:300px;
	padding-top:20px;

	}
.tit_nosotros{
	position:absolute;
	text-align:center;
	z-index:1;
	top:35px;
	color:#FFF;
	width:100%;
	}
.detalle_nosotros{
	width:100%;
	min-width:340px;
	background-color:#FFF;
	border-radius:7px;
	margin-top:25px;
	padding:37px;
	height:130px;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.4);
	}
.detalle_nosotros:before{
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	margin:auto;
	border-right:45px solid transparent;
	border-left:45px solid transparent;
	border-bottom:40px solid #0080FF;
	left:135px;
	  }
.detalle_nosotros:after{
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	margin:auto;
	border-right:45px solid transparent;
	border-left:45px solid transparent;
	border-top:40px solid #0080FF;
	left:135px;
	}
.seccion_form {
	width:95%;
	height:auto;
	background:#FFF;
	margin-bottom:15px;
	}
.seccion_title{
	width:100%;
	background-color:#06F;
	font-size:18px;
	color:#FFF;
	padding:3px;
	text-align:center;
	font-weight:bold;
	}
.detalle_nosotros:before{
	top:5px;}
.detalle_nosotros:after{
	top:45px;}
.testimonios{
	display:none;
	text-align:center;
	width:90%;
	height:400px;
	overflow:hidden;
	margin:auto;
	margin-bottom:5px;
	}
.testimonio_top {
	font-weight:600;
	margin-top:10px;
	margin-bottom:10px;
	height:170px;
	}
.testimonio_top img{
	width:120px;
	height:120px;
	object-fit:cover;
	border-radius:100%;
	}
.testimonio_body {
	width:80%;
	height:180px;
	margin:auto;
	}
.testimonio_bottom {
	width:80%;
	height:50px;
	display:flex;
	justify-content:center;
	flex-direction:row;
	margin:auto;
	margin-bottom:5px;
	}
.testimonio_bottom img{
	height:40px;
	width:40px;
	display:flex;
	flex-direction:row;
	padding:5px;

	}
.slider_testimonio{
	display:flex;
	background-color:#f2f2f2;
	height:100%;
	width:100%;}
.detalle_testimonio{
	display:flex;
	flex-direction:column;
	justify-content:space-evenly;
	width:100%;
	height:90%;
	flex-shrink:0;
	}
.div_publicidad{
	display:none;}
footer{
/*	height:50px;
	background-color:#0080FF;
	display:flex;
	flex-direction:column;*/
}
.footer_top{
	/*display:flex;*/
	display:none;
	justify-content:space-evenly;
	flex-direction:row;}
@media (max-width:952px){
	.header_bottom label.logo{
		font-size:25px;
		padding-left:15px;
		}
	.header_bottom ul li a{
		font-size:14px;
		}
	}
@media (max-width:858px){
	.checkbtn{
		display:block;
		}
	.header_bottom ul{
		position:fixed;
		width:100%;
		height:100vh;
		background:#2c3e50;
		top:80px;
		left:-100%;
		text-align:center;
		transition: all .5s;
		}
	.header_bottom ul li{
		display:block;
		margin:50px 0;
		line-height:30px;
	}
	.header_bottom ul li a{
		font-size:20px;
	}
	a:hover,a.active{
		background:none;
		color:#0082e6;
		}
	#check:checked ~ ul{
		left:0;}
		
}