#tabla_filter{
	display: none;
}
html{width:100%;
	height: 100%;}
.as{display: none;}
body{
	width:100%;
	height: 100%;
	font-family: "Times New Roman", Georgia, Serif;
	display: block;
	margin: auto;
	background-image: url(../imagen/PNG/LABIM-WEB_Hexagonos-Derechos.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/*#contenido{
	width: 100%;
	margin-bottom: 5%;
}*/

#content{
	margin-top: 4%;
}

#line{
	width:78%; 
	position: absolute;
	margin-left: 11%;
	background-color:blue;
	display: none;
}

.prin{
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 130%;
}

.cont_form{
	width: 240px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.btn{
	border-style: none;
	background-repeat: no-repeat;
}

#btn_results{
	width: 25%;
}

#parrafo{
	width: 95%;
	height: 15%;
}

p{
	text-align: justify;
}

.cont{
	margin-left: 8%;
}

#sub{
	margin-top: 5%;
}

.Closer{
	text-align: right;
}

#art1{
	
	height: 6%;
	margin-top: 2%;
	margin-left: 25%;
	margin-bottom: 5%;
	padding-top: 2%;
	background-color: #47A3FF;
}

.bar{
	float: left;
	padding-left: 2%;
	padding-right: 10%;
}

#art1 img{
	padding-left: 5%; 
}

#art1 a{
	color: #FFF;
}

#forms{
	height: auto;
	position: relative;
	/*background-color: #fff;*/
	clear: right;
}



.fechas{
	float: left;
	width: 35%;
	text-align: left;
}


.check{
	width:1%;
	float:left;
	padding-top:1%;
	padding-right: 1%;
}

.pass{
	width: 15%;
}

.dataTables_wrapper thead{
	background-color: #ccccff;
}

.Enc, .Enc_Text, .btn_log, #menu, .enc_bar{
	font-family: "Arial";
	font-weight: bold;
}

#img_slogan{
	background-image: url(../imagen/PNG/franja.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

#img_slogan2{

	background-repeat: no-repeat;
	background-size: 100% 100%;
}

@media(min-width: 1000px){
	#img_logoG{
		width: 18%;
		float: left;
	}

	#img_slogan{
		padding: 2%;
		margin-top: 0%;
		margin-left: 20%;
	}

	
	#img_slogan2{
		padding: 2%;
		margin-top: 0%;
		margin-left: 20%;
	}
	
	
	#img_slogan img{
		width: 45%;
		margin: 4% 0;
		margin-left: 44%;
	}

	#inicio{
		width: 50%;
		float: left;
		margin-left: 20%;
		border-radius: 22px;
		background-image: url(../imagen/PNG/back_form.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		margin-top: 3%;
	}

	#central{
		width: 80%;
		margin-left: 10%;
	}

	

	.btn{
		width: 15%;
		height: 40px;
		background-size: 100% 100%;
	}

	.btn_log{
		width: 25%;
		display: block;
		margin:auto;
		margin-bottom: 2%;
		margin-top: 3%;
		margin-left: 70%;
		border-radius: 10px;
		padding: 1%;
		font-size: 16px;
		color: #000;
		background-image: url(../imagen/PNG/btn_log.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-attachment: 
	}

	.Txt_log{
		width: 93%;
		display: block;
		margin: auto;
	}

	.Enc_Text{
		width: 100%;
		margin-top: 2%;
		margin-bottom: 1%;
		font-size: 22px;
		margin-left: 5%;
		color:#fff;
	}
	#menu{
		display: block !important;
		float: left;
		text-align: right;
		margin-top: 3%;
	}

	.info{
		width: 30%;
	}
	#menu li{
		padding:2% 9% 5% 0%;
	}

	#menu a{
		color: #000;
		text-decoration: none;
	}

	#menu a{
		font-size: 25px;
	}
	#nos{
		background-image: url(../imagen/PNG/line_top.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 110%;
	}
	#hor{
		background-image: url(../imagen/PNG/line.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 110%;
	}
	#con{
		background-image: url(../imagen/PNG/line_bottom.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 110%;
	}

	
	#form{
		width: 100%;
		display: block;
		margin: auto;
		border-radius: 5px;
	}

	.Enc{
		font-size: 25px;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.enc_bar{
		font-size: 150%;
		text-align: left;
		line-height: 110%;
		float: left;
		margin-top: 5%;
	}

	.bar_enlistar{
		width: 100%;
		margin-top: -10%;
	}

	#art1{
		border-radius: 15px;
		box-shadow: 4px 4px 15px black;
	}

	#art1 a{
		font-size: 16px;	
	}

	#forms{
		box-shadow: 4px 4px 10px black;
		border-radius: 8px;
		padding: 23px;
		width: 85%;
		height: 20%;
		display: block;
		margin: auto;
		background-image: url(../imagen/PNG/fondo.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;

	}

	#forms input{
		margin:10px 0px;
		color:#000;
	}

	#tabla{
		width: 100%;
		font-size: 13px;
		display: block;
		margin: auto;
	}

	#tabla_paginate, #tabla_info{
		font-size: 13px;
	}

	#date{
		color: #000;
	}

	.date{
		color: #0066ff;
	}

	.doc{
		width:4%;
	}

	.pac, .med{
		width: 70% !important;
		border-left: solid 3px #fff; 
		letter-spacing: 1pt;
	}

	.date, #date{
		width: 14% !important;
		text-align: center;
		border-left: solid 3px #fff; 
	}

	.res{
		width: 10% !important;
		text-align: center;
		border-left: solid 3px #fff;
	}

	.res img{
		width: 20%;
	}

	#enc{
		color: #0066cc;
		margin-top: -3%;
		margin-left: 10%;
	}

	#nmbP{
		width: 50%;
	}

	#tabla_length{
		font-size: 11px;
	}

	#resultados{
		width: 100%;
		display: block;
		margin: auto;
		margin-bottom: 6%;
	}

	.Img_search{
		width: 5%;
		margin-top: -1%;
		margin-left: 5%;
		float: left;
	}

	.Closer{
		margin-top: -1%;
		width: 100%;
		margin-bottom: 1%;
	}

	.Resultados_pac{
		width: 70%;
	}
}

@media(max-width: 999px) and (min-width: 640px){
	#menu{
		display: block !important;
		float: left;
		text-align: right;
		margin-top: 3%;
	}
	#menu li{
		padding:2% 9% 5% 0%;
	}

	#menu a{
		color: #000;
		text-decoration: none;
	}

	#menu a{
		font-size: 25px;
	}
	#nos{
		background-image: url(../imagen/PNG/line_top.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 110%;
	}
	#hor{
		background-image: url(../imagen/PNG/line.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 110%;
	}
	#con{
		background-image: url(../imagen/PNG/line_bottom.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 110%;
	}
	#img_logoG{
		width: 18%;
		float: left;
	}

	#img_slogan{
		width: 80%;
		padding: 2%;
		margin-top: 0%;
		margin-left: 20%;
	}

	#img_slogan img{
		width: 45%;
		margin: 4% 0;
		margin-left: 44%;
	}

	
	#inicio{
		width: 50%;
		float: left;
		border-radius: 22px;
		background-image: url(../imagen/PNG/back_form.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		margin-left: 10%;
	}

	#central{
		width: 85%;
		display: block;
		margin: auto;
	}

	
	.btn{
		width: 20%;
		height: 40px;
		background-size: 100% 100%;
		display: inline-block;
		margin: auto;
	}

	.btn_log{
		width: 25%;
		display: block;
		margin:auto;
		margin-bottom: 2%;
		margin-top: 3%;
		margin-left: 70%;
		border-radius: 10px;
		padding: 1%;
		font-size: 16px;
		color: #000;
		background-image: url(../imagen/PNG/btn_log.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-attachment: 
	}

	#Parr_med{
		width: 95%;
	}

	.info{
		width: 30%;
	}
	
	.Txt_log{
		width: 93%;
		display: block;
		margin: auto;
	}

	.Enc_Text{
		width: 100%;
		margin-top: 2%;
		margin-bottom: 1%;
		font-size: 14px;
		margin-left: 5%;
		color:#fff;
	}

	#form{
		width: 100%;
		display: block;
		margin: auto;
		border-radius: 5px;



	}

	#art1{
		border-radius: 9px;
		box-shadow: 2px 2px 8px black;
	}

	.bar_enlistar{
		width: 100%;
		margin-top: -16%;
	}

	#form{
		width: 100%;
		display: block;
		margin: auto;
		border-radius: 5px;
	}

	.Enc{
		font-size: 25px;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.enc_bar{
		font-size: 150%;
		text-align: left;
		line-height: 110%;
		float: left;
		margin-top: 5%;
	}

	#forms{
		box-shadow: 2px 1px 5px black;
		border-radius: 10px;
		font-size: 12px;
		width: 100%;
		display: block;
		margin-top: 6%;
		background-image: url(../imagen/PNG/fondo.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 23px;
	}

	#forms input{
		margin:5px 0px;
		color:#000;
	}

	#tabla{
		width: 100%;
		font-size: 13px;
		display: block;
		margin: auto;
	}

	#tabla_paginate, #tabla_info{
		font-size: 11px;
		float: left;
	}

	#date{
		color: #000;
	}

	.doc{
		width:4%;
	}

	.pac, .med{
		width: 70% !important;
		border-left: solid 3px #fff; 
		letter-spacing: 1pt;
	}

	.date, #date{
		width: 14% !important;
		text-align: center;
		border-left: solid 3px #fff; 
	}

	#date{
		color: #000;
	}

	.date{
		color: #0066ff;
	}

	.res{
		width: 10% !important;
		text-align: center;
		border-left: solid 3px #fff;
	}

	.res img{
		width: 20%;
	}

	#enc{
		color: #0066cc;
		margin-top: -5%;
		margin-bottom: 0%;
		margin-left: 10%;
		font-size: 20px;
	}

	.Closer{
		margin-top: 2%;
		margin-bottom: 2%;
	}

	.Resultados_pac{
		width: 70%;
	}

	#nmbP{
		width: 50%
	}

	#tabla_length{
		font-size: 11px;
	}

	#resultados{
		width: 100%;
		margin-bottom: -3%;
		margin-top: -3%;
	}

	#Parr_med{
		text-align: left;
	}

	.Img_search{
		width: 6%;
		margin-top: -1%;
		margin-left: 5%;
		float: left;
	}
}

@media (max-width: 639px){
	
	#img_logoG{
		width: 18%;
		float: left;
	}

	#img_slogan{
		width: 80%;
		padding: 2%;
		margin-top: 0%;
		margin-left: 20%;
	}

	#img_slogan img{
		width: 45%;
		margin: 4% 0;
		margin-left: 44%;
	}

	
	#inicio{
		width: 80%;
		float: left;
		margin-left: 10%;
		border-radius: 22px;
		background-image: url(../imagen/PNG/back_form.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	#central{
		width: 100%;
	}

	

	.btn{
		width: 20%;
		height: 40px;
		background-size: 100% 100%;
		display: inline-block;
		margin: auto;
	}

	.btn_log{
		width: 25%;
		display: block;
		margin:auto;
		margin-bottom: 2%;
		margin-top: 3%;
		margin-left: 70%;
		border-radius: 10px;
		padding: 1%;
		font-size: 16px;
		color: #000;
		background-image: url(../imagen/PNG/btn_log.png);
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-attachment: 
	}

	#Parr_med{
		width: 95%;
	}

	.info{
		width: 30%;
	}
	
	.Txt_log{
		width: 93%;
		margin-left: 4%;
	}

	.Enc_Text{
		width: 100%;
		margin-top: 2%;
		margin-bottom: 1%;
		font-size: 14px;
		margin-left: 10%;
		color:#fff;
	}
	
	#form{
		width: 100%;
		display: block;
		margin: auto;
		border-radius: 5px;
	}
	
	#forms input{
		margin:5px 0px;
		color:#000;
	}
	
	.bar_enlistar{
		width: 100%;
		margin-top: -11%;
	}

	.Enc{
		font-size: 25px;
		margin-left: 2%;
		margin-bottom: 2%;
	}

	.enc_bar{
		font-size: 90%;
		text-align: left;
		line-height: 110%;
		float: left;
		margin-top: 5%;
	}

	#forms{
		box-shadow: 4px 2px 10px black;
		border-radius: 5px;
		width: 100%;
		display: block;
		margin: auto;
		margin-bottom: 5%;
		background-image: url(../imagen/PNG/fondo.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		padding: 23px;
	}

	#menu{
		float: left;
		width: 90%;
		color: #0099CC;
		margin: 0% 5%;
		border-radius: 12px;
		position: absolute;
		margin-top: -15%;
	}

	#menu li{
		width: 25%;
		margin-top: 9px;
		float: left;
		margin-left: 8%;
	}

	#menu a{
		color: #000;
	    width: 110%;
		text-decoration: none;
	}
	
	.doc{
		width:100px;
	}

	#resultados{
		width: 100%;
		float: right;
		margin: auto;
	}

	#contenido{
		width: 85% !important;
	}
	.info{
		width: 100%;
	}

	#tabla{
		width: 100%;
		font-size: 13px;
		display: block;
		margin: auto;
	}

	#tabla_paginate, #tabla_info{
		font-size: 11px;
		float: left;
	}

	#date{
		color: #000;
	}

	.doc{
		width:4%;
	}

	.pac{
		width: 70% !important;
		border-left: solid 3px #fff; 
	}

	.date{
		width: 20% !important;
		color: #0066ff;
	}

	.res{
		width: 10% !important;
		text-align: center;
		border-left: solid 3px #fff;
	}

	.res img{
		width: 20%;
	}

	#enc{
		color: #0066cc;
		margin-top: -9%;
		margin-bottom: -2%;
		font-size: 14px;
	}

	#nmbP{
		width: 100%;
	}

	#tabla_length{
		font-size: 11px;
	}

	#resultados{
		width: 100%;
		margin-bottom: 2%;
	}

	#Parr_med{
		text-align: left;
	}

	.Img_search{
		width: 6%;
		margin-top: -1%;
		margin-left: 5%;
		float: left;
	}

	.Closer{
		margin-top: 2%;
		font-size: 12px;
	}

}