body{
	background:url(../images/bg.gif) repeat-x top #fff;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px auto auto auto;
	color:#514c48;
}
a{
	text-decoration:none;
	color:#D86200;
}
span{
	color:#FF9900;
}
a,
a:active,
a.active{
    outline:0;
    color:#0D1077; 
	font-weight:bold;
}
h1{
	font-size:18px;
	color:#514c48;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px 0 5px 0;
	margin:0px;
}
#main_ctnr{
	width:70%;
	height:auto;
	margin:auto;
	padding:0px;
	position:relative;
}
.btn-frm{
	min-width:70px;
	width:auto;
	height:40px; 
	background-color:darkblue;
	margin:5px; 
	padding:5px 10px;  
	display:inline; 
	border-radius:5px; 
	cursor:pointer;
	color:white;
	font-weight:bold;
	font-size:16px;
}
.btn-frm:hover,
.btn-frm:disabled,
.btn-frm:focus{
	color:#ffffff;
	background-color:#48ACCA;
	border-color:#4B4DA6;
}
.rg-pgs{
	float:left;
	width:55%;
	margin-left:7%;
	border:1px solid black;
	border-radius:10px; 
	margin-top:20px;
	padding-top:10px;
}
.rg-pgs h2{
	margin-left:5%; 
	height:7px;
	text-align:left;
}
.rg-pgs input[type=date]{
	font-size:16px;
	height:35px;
	display:inline-block;
	background-color:lightblue;
	border-radius:5px;
	padding:0px 5px;
	width:3000px; max-width:89%;	
}
.dv-ini label, .rg-pgs label{
	margin:10px 0px 5px 5%; 
	float:left;
	font-size:14px;
	font-weight:bold;
}
.dv-ini input, .rg-pgs input{
	font-size:16px;
	height:35px;
	display:inline-block;
	background-color:lightblue;
	border-radius:5px;
	width:90%;
	padding:0px 5px;
}
.dv-ini input[type=checkbox]{
	height:auto;
	display:inline-block;
	background-color:lightblue;
	border-radius:5px;
	width:auto;
}
.dv-ini select, .rg-pgs select{
	font-size:16px;
	height:40px;
	display:inline-block;
	background-color:lightblue;
	border-radius:5px;
	width:92%;
}
.dv-pwd{
	width:92%;
	background-color:lightblue;
	border:1px solid black;
	border-radius:5px;
	height:auto;
	border-spacing:0px;
	margin:0px auto;
}
.dv-pwd input{
	font-size:16px;
	height:35px;
	display:inline-block;
	background-color:lightblue;
	border-radius:5px;
	width:75%;
	border:0px;
	outline:none;
	padding:0px 5px;
}
.dv-pwd img{
	width:25px;
	height:25px;
	display:inline-block;
	cursor:pointer;
	content:url('../images/eye_icon.png');
	float:right;
	margin:5px;
}
.loader{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9999;
	background:url('../images/pageloader.gif') 50% 50% no-repeat rgb(249,249,249);
	opacity:0.8;
}
#header{
	width:677px;
	height:62px;
	margin:auto;
}
.logo{
	padding:15px 0 0 70px;
}
.menu img.icon{
	 float:right;
	 display:inline-block;
	 height:36px;
	 width:38px;
	 padding-top:5px;
	 cursor:pointer;
 }	 
.nv-mn{
	font-size:18px;
	color:darkblue;
	padding:15px 0px 15px 0px; 
	background-color:lightblue;
	font-weight:bold;
}
.nv-mn a{
	padding:5px;
	font-weight:bold;
}
.nv-mn a:hover{
	color:#FF6600; 
	text-decoration:none;
}
.menu{
	border-radius:15px 15px 0px 0px;
	max-width:100%;
	background-color:darkblue;
	height:auto;
	padding:0px 5px;
}
.menu h1{
	font-size:24px;
	color:white;
	display:inline-block;
	padding:10px 0px 10px 40px;
}
#main_ctnt{
	width:auto;
	clear:both;
	background-color:#FFFFFF;
	height:auto;
	max-width:100%;
}
#safoln{
	width:550px;
	max-width:90%;
	margin:auto;
	padding:15px 0px 15px 0px;
	content:url("../images/safoln1.jpg");
}
#lgapp{
	max-width:90%;
	width:550px;
	content:url('../images/lgrep.png');
	margin:0 auto 10px auto;
	background-color:white;
}
#safoln2{
	width:550px;
	max-width:90%;
	margin:auto;
	padding:15px 0px 15px 0px;
	content:url("../images/safoln2.jpg");
}
.frmmdl{
	min-width:40%;
	max-width:60%; 
	position:fixed; 
	top:25%; 
	left:20%;
	background-color:lightblue;
	padding:20px;
	border-radius:20px;
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}
label.contact_form{
	width:200px;
	padding:0 0 5px 0;
	font-size:14px;
}
.cleardiv{
	clear:both;
	overflow:hidden;
	height:4px;
}
#footer{
	width:auto;
	clear:both;
	padding:15px 0 10px 0;
	text-align:center;
	color:black;
	font-size:11px;
	max-width:100%;
}
.pub02{
	width:80%;
	margin:auto;
}
.pub02 ul{
	list-style-type:none;
	padding:20px 0px 50px 0px;
}
.pub02 li{
	display:inline-block; 
	padding:10px 10px 0px 0px;
}
.bc-pgs{
	float:right;  
	width:30%;
	margin-right:0%;
	padding:70px 20px 0px 0px;
}
.dv-bco{
	float:left;
}
.pggle{
	width:80%;
	clear:both;
	margin:30px auto;
	max-width:100%;
}
img[src*='captcha.php']{
	width:auto;
	height:auto;
}
.dv-ini{
	border-radius:10px; 
	margin:20px auto; 
	padding-top:10px; 
	border:1px solid black; 
	width:60%;
}
.dv-ter{
	width:70%;
}
.dv-ter p{
	 padding:20px 40px;
	 font-size:14px;
	 text-align:justify;
}
#popup{
	z-index:10000; 
	position:fixed; 
	top:4%; 
	left:25%;
	width:270px;
	max-width:100%;
	max-height:100%;
	height:500px;
	display:none;
	padding:5px 35px 60px 30px; 
	border:5px solid black;
	border-radius:25px;
	background:url('../ayuda/fotos5-1.jpg');
	background-size:100% 100%;
	background-repeat:no-repeat;
	-ms-overflow-style:none;
	scrollbar-width:none;
	overflow-y:scroll;
}
#popup .texto{
	font-weight:bold;
	font-size:14px;
	text-align:justify;
	color:white;	
}
#popup::-webkit-scrollbar{
  display:none;
}
#popup nav{
	padding-left:5px;
	color:white;
	text-align:center;
}
#popup nav a{
	 padding:5px; 
	 color:white;
	 text-align:center;
}
#popup nav a:hover{
	color:red;
}
.div-user div{
	width:93%; 
	display:flex; 
	flex-wrap:nowrap;
}
.div-user div input{
	width:80%; 
	display:inline-block; 
	background-color:lightyellow;
}
.div-user div img{
	 border-radius:5px; 
	 margin-left:2px; 
	 cursor:pointer; 
	 height:38px; 
	 width:38px;
}
.chkbox input[type=checkbox]{
	transform:scale(1.5);
	margin-bottom:10px;
	vertical-align:top;
	display:inline-block;
	width:15px;
}
.dcto{
	font-size:18px; 
	margin:0px 3px 0px 3px; 
	background-color:white;
	color:darkblue;
}
@media(max-width:1024px){
	.dv-ini{
		width:80%;
	}
	#main_ctnr{
		width:90%;
	}
}
@media(max-width:767px){
	.dcto{
		font-size:20px;
	}
	#popup{
		top:0; left:0;
		width:80%;
		height:90%;
		display:none;
	}
	#popup .texto{
		font-size:16px;
		overflow-y:scroll;
	}
	#main_ctnr{
		width:100%;
		height:auto;
		margin:auto;
		padding:0px;
		position:relative;
		max-width:100%;
		overflow:hidden;
	}
	img[src*='captcha.php']{
		width:100px;
		height:auto;
	}
	.pub02{
		width:100%;
		margin:auto;
	}
	.pggle{
		width:90%;
		clear:both;
		margin:20px auto;
	}
	.h1-adm{
		font-size:22px;
	}
	.bc-pgs{
		float:none;
		margin:0; 
		width:95%;
		margin-left:7%;
		font-weight:bold !important;
		padding-top:20px;
	}
	.rg-pgs{
		float:none;
		clear:both;
		margin:20px auto;
		width:95%;
	}
	.rg-pgs select{
		border-radius:5px;
		height:48px !important;
		font-size:20px !important;
	}
	.rg-pgs input[type=date]{
		width:3000px; max-width:87%;	
	}
	input:not([type='checkbox']){
		height:40px !important;
		font-size:20px !important;
	}
	.div-user div img{
		height: 41px;
		width: 40px;
	}	
	.dv-bco{
		float:left;
		margin-left:15px;
	}
	.nv-mn{
		width:100%;
		padding:15px 0px 15px 0px;
		font-size:16px;
	}
	.solopc{
		display:none;
	}
	.dv-ini{
		width:95%;
	}
	.dv-ter{
		width:100%;
	}
	.frmmdl{
		width:80%;
		min-width:80%;
		max-width:80%;		
		top:15%; 
		left:5%;
	}
}