@import url('https://fonts.googleapis.com/css2?family=Ropa+Sans&display=swap');
body{margin:0px;padding:0px;font-family:Ropa Sans,Verdana,Trebuchet MS,Arial,sans-serif;background-color:var(--htmlbg);}



#mcntr{ margin: 0 auto;display:grid;grid-template-columns:250px auto; gap:10px;border:0px solid red;padding-top:0px;margin-top:0px;}
#mcntr .mleftmnu{display:inline;position:relative;border:0px  solid green;padding:10px;padding-top:0px;}
#mcntr .mrightmnu{display:inline;position:relative;border:0px  solid blue;}

.tow{margin:0px auto;text-align:center;border:0px  solid blue;}
.two{display: grid; grid-template-columns:150px auto;border:0px  solid red;}
.three{display:grid;position:relative;text-align:center;width:250px;position:relative;}
.four{float:right;position:relative;text-align:right;top: 0;}
.tdlog{float:right;width:98%;height:15px;padding:0px 15px 15px 5px;text-align:right;font-size:14px;border:0px solid green;}



.hdrwrapper{
  display:block;
  background-color:#E8E8E8;
  width:100%;
  height:60px;
  border:0px  solid red;	
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0; 
  z-index:45; 
}
.hlbox {
  float:left;padding:8px 5px 5px 15px;width:40px;
  border:0px  solid blue;
  
}
.hmbox {
  float:left;padding:15px 5px 5px 0px;width:250x;
		border:0px  solid red;font-size:30px;color:var(--themebg);transition:0.9s;
		
}
.hmhdnbox {
  float:left;padding:15px 5px 5px 0px;visibility:hidden;width:450px;
		border:0px solid red;font-size:30px;color:var(--themebg);transition:0.6s;
		
}
.hrbox {
  float:right;display:block;padding:20px 20px 5px 0px;width:200px;
		padding-left:5px;border:0px  solid yellow;text-align:right;
}

.mnuicon{fill: var(--themebg);display:block;cursor:pointer;}
.sticky {
  padding-top:15px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
}
.divhide {display:none;}
.divshow {display:block;}

-----------------------------------------


.wrapper1{
  display: grid;
  grid-template-columns:250px auto;height:100%;border:0px  solid red;	
}


.box {padding:0px 15px 15px 15px;position:sticky;top:0;left:0;background-color: #FFFFFF;border:0px  solid blue;}
.box2 {display:block;position:relative;background-color: #F7F7F7;padding:0px;padding-left:0px;}

.gcnt{z-index:1;display:flex;flex-grow:1;position:relative;width:100%;height:100%;background-color: #FFFFFF;}
.gcntlft{z-index:1;flex-grow:0;width:250px;margin-right:0px;height:100%;transition:0.9s;
padding:0px 15px 75px 15px;position:sticky;top:0;left:0;background-color: #FFFFFF;}
.gcntlft2{z-index:1;flex-grow:0;width:0px;margin-right:0px;height:100%;transition:0.9s;
padding:0px;background-color: #FFFFFF;visibility:hidden;}
.gcntrght{z-index:1;display:block;flex-grow:1;width:100%;background-color: #FEF7F7;border:0px  solid blue;}

.pageContainer{padding:25px 5px 5px 25px;display:block;position:relative;border:0px  solid red;}

.regList{ float:left;width:45%;display:block;padding:5px;border:0px solid #CF1914;margin-right:5px;margin-bottom:5px;}
.regList .regLeft{ float:left;display:inline;width:150px;position:relative;padding:12px 5px 5px 5px;border:0px solid green;margin-right:5px;font-size:18px;color:var(--lst1color);text-align:left;}
.regList .regRight{float:left;display:inline;width:300px;position:relative;padding:5px;padding-left:10px;border:0px solid blue;font-size:18px;color:var(--lst2color);text-align:left;}

.mcont{display:block;position:relative;font-size:18px;color:var(--lst1color);padding-bottom:50px;border:0px  solid blue;}
.mhlbox{z-index:51;padding:15px 5px 5px 0px;display:none;position:relative;border:0px  solid red;font-size:30px;color:var(--themebg);transition:0.9s;}
.msm{z-index:50;display:none;position:absolute;padding:0px;margin:0px;top:0;left:0;margin-top:50px;background-color: #FFFFFF;width:100%;}
.mhdbox{display:none;}
.black_overlay{
  margin:0;padding:0;
    display: none;
    position: absolute;
    top: 0;
    left: 0;                         
    width: 100%;                        
    height:100%;
    background-color: #525252;
    z-index:49;
    opacity: 0.8;
                 
  }
  
.affimga{ vertical-align:left;height:150px;box-shadow: 0 4px 8px 0 rgba(180, 180, 180, 0.5), 0 6px 20px 0 rgba(180, 180, 180, 0.7);margin-right:25px;margin-bottom:25px;}


.pllrList{ float:left;width:350px;display:grid;grid-template-columns:150px auto; gap:10px;padding:5px;border:0px solid #CF1914;margin-right:5px;margin-top:10px;margin-bottom:10px;}
.pllrList .pllrLeft{ float:left;display:inline;position:relative;padding:5px;border:0px solid #CF1914;margin-right:5px;}
.pllrList .pllrRight{ float:left;display:inline;position:relative;padding-top:5px;padding-left:10px;border:0px solid #CF1914;}

.lbox {	padding:25px 5px 5px 5px;display:block;position:relative;background-color:#E8E8E8;border:0px  solid blue;}
.rbox {	display:block;position:relative;padding:30px 15px 5px 5px;padding-left:25px;border:0px  solid yellow;background-color:#E8E8E8;}

.ftrwrapper{ float:left;width:100%;display:block;border:0px solid red;margin:15px 0px 15px 0px;}
.lbox{float:left;width:250px;position:relative;padding:12px 5px 5px 25px;border:0px solid green;margin-right:5px;font-size:18px;color:var(--lst1color);text-align:left;}
.rbox{float:right;position:relative;padding:5px;padding-left:10px;border:0px solid blue;font-size:18px;color:var(--lst2color);text-align:left;}
.mbox{margin:50px 5px 5px 10px;border:0px solid green;}


.fanc{float:right;text-decoration:none;cursor:pointer;background-color:#CDCDCD;color:var(--stitle);font-size:16px;border-radius:5px; padding:5px 10px 5px 10px;margin:5px 2px 5px 2px;}
.fanc:hover, .fanc:focus {text-decoration: none;background-color:var(--themebg);color:#FFFFFF;font-size:16px;}
.ldv{display:inline-block;width:600px;}
.normaltxt{ font-size:18px;color:var(--dname);padding:7px;letter-spacing:2.5px;line-height:150%;}
.tdwidth{ width:92%;}

.dmGovList{display:inline-block;width:98%;border:1px solid var(--stitle);text-align:left;background-color:var(--lst1bg);
  padding:10px 0px 10px 10px;border-radius:3px;margin-bottom:10px;}
.dmGovList .dmGovLeft{ float:left;position:relative;width:250px;border:0px solid red;margin-right:5px;}
.dmGovList .dmGovRight{ float:right;position:relative;width:50px;padding-right:10px;border:0px solid yellow;text-align:right;}
.dmGovList .dmGovCnth{ display:none;position:relative;padding-top:2px;border:0px solid yellow;text-align:left;transition:0.6s;}
.dmGovList .dmGovCnt{ display:block;position:relative;padding-top:2px;border:0px solid yellow;text-align:left;transition:0.6s;}

.dmNewsList{display:grid;grid-template-columns:300px auto; gap:10px;border:0px solid #CF1914;text-align:left;margin-top:10px;margin-bottom:10px;background-color:#FFFFFF;}
.dmNewsList .dmNewsLeft{ display:inline;position:relative;padding:5px;border:0px solid #CF1914;margin-right:5px;}
.dmNewsList .dmNewsRight{ display:inline;position:relative;padding-top:5px;padding-left:10px;border:0px solid #CF1914;}

.dmDocList{margin: 0 auto;display:grid;grid-template-columns:auto 25px ; gap:5px;border:1px solid var(--stitle);text-align:left;background-color:var(--lst1bg);
  border-radius:3px;padding:10px;margin:0px 15px 15px 0px;width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);width: calc(100% - 50px);
}
.dmDocList .dmDocLeft{ float:left;position:relative;padding:5px;border:0px solid red;margin-right:5px;cursor:pointer;}
.dmDocList .dmDocRight{ float:right;position:relative;padding:5px;padding-right:5px;border:0px solid yellow;text-align:right;cursor:pointer;}
.dmDocList .dmDoct{ display:inline-block;position:relative;width:100%;padding:10px 10px 10px 10px;border:0px solid yellow;text-align:left;}
.dmDocList .dmDoctHide{ display:none;position:relative;width:100%;padding-top:2px;border:0px solid yellow;text-align:left;}


.dmContList{display:inline-block;width:98%;border:0px solid var(--stitle);text-align:left;background-color:var(--lst1bg);
  padding:0px;margin-bottom:10px;}
.dmContList .dmContLeft{ float:left;position:relative;width:400px;border:0px solid red;margin-right:5px;}
.dmContList .dmContRight{ float:right;position:relative;width:500px;;padding:10px 10px 10px 10px;border:0px solid yellow;text-align:right;}



@media only screen and (max-width:1200px) 
{
  .gcntlft{z-index:1;flex-grow:1;width:250px;margin-right:0px;height:100%;transition:0.9s;padding:0px 15px 75px 15px;position:sticky;top:0;left:0;background-color: #FFFFFF;display:none;}
  .gcntlft2{z-index:1;flex-grow:1;width:0px;margin-right:0px;height:100%;transition:0.9s;padding:0px;background-color: #FFFFFF;visibility:hidden;display:none;}
  .hmbox {display:none;}
  .hlbox{display:none;}
  .hrbox {display:none;}
  .hmhdnbox {float:left;padding:15px 5px 5px 0px;width:380px;border:0px  solid red;font-size:30px;color:var(--themebg);transition:0.6s;visibility:visible;}
	.mhlbox{float:left;padding:8px 5px 5px 15px;display:block;width:40px;border:0px  solid blue;}
  .pageContainer{width:95%;display:block;padding:25px 5px 5px 25px;position:relative;border:0px  solid red;}
  .mcont{width:100%;display:block;position:relative;font-size:18px;color:var(--lst1color);padding-bottom:50px;border:0px solid blue;}
  .regList{ float:left;width:95%;display:block;padding:5px;border:0px solid #CF1914;margin-right:5px;margin-bottom:5px;}
  .regList .regLeft{ float:left;display:inline;width:150px;position:relative;padding:12px 5px 5px 5px;border:0px solid green;margin-right:5px;font-size:18px;color:var(--lst1color);text-align:left;}
  .regList .regRight{float:left;display:inline;width:300px;position:relative;padding:5px;padding-left:0px;border:0px solid blue;font-size:18px;color:var(--lst2color);text-align:left;}
  .ldv{display:inline-block;width:90%;}

  
  
}

.hcntr{ margin: 0 auto;display:grid;grid-template-columns:auto 300px; gap:10px;border:0px solid red;padding-top:0px;margin-top:0px;}
.hcntr .hlft{display:inline;position:relative;border:0px  solid green;padding:10px 10px 10px 10px;}
.hcntr .hrgt{display:inline;position:relative;border:0px  solid blue;background-color:#FBEAEA;}
@media only screen and (max-width:800px) 
{

  .hcntr{ margin: 0 auto;display:block;border:0px solid red;padding-top:0px;margin-top:0px;}
  .hcntr .hlft{display:block;position:relative;border:0px  solid green;padding:10px 10px 10px 10px;}
  .hcntr .hrgt{display:none;position:relative;border:0px  solid blue;background-color:#FBEAEA;}
  .pllrList{ float:left;width:98%;display:grid;grid-template-columns:150px auto; gap:10px;padding:5px;border:0px solid #CF1914;margin-right:5px;margin-top:10px;margin-bottom:10px;}
  .pllrList .pllrLeft{ float:left;display:inline;position:relative;padding:5px;border:0px solid #CF1914;margin-right:5px;}
  .pllrList .pllrRight{ float:left;display:inline;position:relative;padding-top:5px;padding-left:10px;border:0px solid #CF1914;}

  .dmContList{display:inline-block;width:98%;border:0px solid var(--stitle);text-align:left;background-color:var(--lst1bg);
    padding:0px;margin-bottom:10px;}
  .dmContList .dmContLeft{ float:left;position:relative;width:350px;border:0px solid red;margin-right:5px;}
  .dmContList .dmContRight{ float:left;position:relative;width:400px;;padding:15px 0px 15px 0px;border:0px solid yellow;text-align:right;}
  
} 
@media only screen and (max-width:500px) 
{
  .hmhdnbox{display:none;visibility:hidden;}
  .mhdbox{float:left;display:block;padding:14px 5px 5px 0px;width:200px;border:0px  solid red;font-size:30px;color:var(--themebg);transition:0.6s;}
  
  .lbox{ display:block;width:98%;padding:12px 0px 12px 0px;border:0px solid green;margin-right:0px;font-size:18px;color:var(--lst1color);text-align:center;}
  .rbox{display:none;float:left;width:98%;padding:10px 0px 10px 0px;border:0px solid blue;font-size:18px;color:var(--lst2color);text-align:center;margin:0px;}
  .mbox{display:block;margin:50px 5px 5px 10px;border:0px solid green;text-align:center;}

  .fanc{float:left;text-decoration:none;cursor:pointer;background-color:#CDCDCD;color:var(--stitle);font-size:16px;border-radius:5px; padding:5px 5px 5px 5px;margin:5px 2px 5px 15px;}
  .fanc:hover, .fanc:focus {text-decoration: none;background-color:var(--themebg);color:#FFFFFF;font-size:16px;}

  .dmNewsList{display:block;position:relative;border:0px solid #CF1914;text-align:left;margin-top:5px;margin-bottom:5px;background-color:#FFFFFF;}
  .dmNewsList .dmNewsLeft{ float:left;position:relative;width:300px;padding:5px;border:0px solid #CF1914;margin-right:5px;}
  .dmNewsList .dmNewsRight{ float:left;position:relative;padding-top:5px;padding-left:10px;border:0px solid #CF1914;}

  .dmContList{display:inline-block;width:98%;border:0px solid var(--stitle);text-align:left;background-color:var(--lst1bg);
    padding:0px;margin-bottom:10px;}
  .dmContList .dmContLeft{ float:left;position:relative;width:350px;border:0px solid red;margin-right:5px;}
  .dmContList .dmContRight{ float:left;position:relative;width:350px;padding:15px 0px 15px 0px;border:0px solid yellow;text-align:right;}

  .imgselb{width:325px;}
}  

.banner{display:block;height:500px;text-align:center;}


.hAddList{display:block;float:left;position:relative;border:1px solid blue;margin:10px;}
.hAddTop{display:block;position:relative;padding-top:10px;padding-bottom:0px;border:1px solid #CF1914;}
.hAddbottom{display:block;float:left;position:relative;width:95%;border:0px solid green;text-align:right;margin:10px 10px 10px 10px}
.hAddTop{display:block;position:relative;width:175px;height:285px;padding:10px;padding-bottom:0px;border:0px solid #CF1914;}



--------------------------------------

.clearfix{height:1px;visibility:hidden;display:block;clear:both;}
.dmAddList{float:left;position:relative;width:195px;height:300px;border:0px solid blue;margin:20px 20px 15px 20px}
.dmAddbottom{ width:100%;height:30px;border:0px solid green;text-align:center;}
.dmAddTop{display:block;position:relative;width:175px;height:285px;padding:10px;padding-bottom:0px;border:0px solid #CF1914;
background-color:#FFFFFF;box-shadow: 0 4px 8px 0 rgba(180, 180, 180, 0.5), 0 6px 20px 0 rgba(180, 180, 180, 0.7);margin-bottom:5px;}
.dmPhoto{ display:block;position:relative;width:175px;height:225px;border:0px solid #CF1914;}
.dmCaption{ display:block;position:relative;height:50px;border:0px solid #CF1914;text-align:center;}


.dmAddList2{float:right;width:46%;border:0px solid #CF1914;text-align:left;margin-top:10px;margin-bottom:10px;background-color:#FFFFFF;margin-right:10px;padding:10px;}
.dmAddList2 .dmAddLeft{ float:left;position:relative;width:110px;padding:5px;border:0px solid #CF1914;margin-right:5px;}
.dmAddList2 .dmAddRight{ float:left;position:relative;width:300px;padding-top:5px;border:0px solid #CF1914;}


#fcontainer{margin:0px auto;width:100%;height:70px;border:0px;border-top:1px dashed var(--border-color);margin-top:0px;}
#fcontainer .fmcontainer{float:left;width:40%;height:50px;padding:15px 15px 5px 15px;}
#fcontainer .afooter{float:right;width:50%;height:15px;padding:25px 15px 5px 15px;text-align:right;font-size:14px;border:0px solid green;}