:root {
	--my-color: #FFFF84; /*#afff94 #f6ffaf; edf1f2*/
	--my-color-hover:#efef8f; /* #98ff75*/
	
	--my-color2:#d8ff80;
	--my-color2-hover:#f8ff80;/*a1ff44*/
  }
/*https://ed.team/blog/las-variables-css-son-una-realidad-y-te-explico-como-usarlas*/
* {margin:0; padding:0; outline:0}
body { background-color:#eee; margin:0px; padding:55px 0 0 0; font-family:Arial, sans-serif; color:#000; font-size:1em; line-height:1.5em;}
a:link {text-decoration:none; color:#0000ff;}
a:hover { text-decoration:none; color:#0000ff; }
a:visited { text-decoration:none; color:#0000ff;}
a:active { text-decoration:none; color:#0000ff; }
/*006837 - #008E45 - #39B14A /  #d0d1a9 (amarillo) #3d7846  2db34a  */
a.lnk_box:link  { background-color:#2db34a; 
		width:98%; display:block; margin:1% 0%; text-decoration:none; line-height:2em; color:#fff; padding:1%; text-align:center; font-size:0.75em; font-weight:bold; 
		border-bottom:2px solid #000000; border-radius:4px; transition:.8s; -webkit-transition:.8s;}
a.lnk_box:hover { text-decoration:underline;  background-color:#20a030; }
a.lnk_box:visited { color:#fff;}
a.lnk_box:active { text-decoration:none; color:#fff; }

/* SLIDES */
.rslides{ position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0 }
.rslides li { position:absolute;display:none;width:100%;left:0;top:0 }
.rslides li:first-child{ position:relative;display:block;float:left }
.rslides img { display:block;height:auto;float:left;width:100%;border:0 }
.rslides { margin:0 auto }
.rslides_container{position:relative}
.centered-btns_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.7; text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px; background:transparent url("images/themes.gif") no-repeat left top;margin-top:-35px}
.centered-btns_nav:active{opacity:1.0}.centered-btns_nav.next{left:auto;background-position:right top;right:0}
.transparent-btns_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;left:0;display:block;background:#fff; opacity:0;filter:alpha(opacity=1);width:48%;text-indent:-9999px;overflow:hidden;height:91%}
.transparent-btns_nav.next{left:auto;right:0}
.large-btns_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0.6; text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0; background:#000 url("images/themes.gif") no-repeat left 50%;width:38px}
.large-btns_nav:active{opacity:1.0}
.large-btns_nav.next{left:auto;background-position:right 50%;right:0}
.centered-btns_nav:focus,.transparent-btns_nav:focus,.large-btns_nav:focus{outline:none}
.centered-btns_tabs, .transparent-btns_tabs,.large-btns_tabs{margin-top:10px;text-align:center}
.centered-btns_tabs li, .transparent-btns_tabs li,.large-btns_tabs li{display:inline;float:none;*float:left;margin-right:5px}
.centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; background:#ccc;
	background:rgba(0,0,0,.2);display:inline-block;*display:block; -webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);
	-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3); width:9px;height:9px}
.centered-btns_here a,.transparent-btns_here a,.large-btns_here a{background:#222;background:rgba(0,0,0,.8)}
/* Fin Slides */
#wrapper{ position:relative; margin:auto; width:99%; max-width:1000px; text-align:left; padding:0px; border:0px solid #000; background-color:#fff; display:block; }

hr { height:1px; background-color:#ddd; border:none; }
#header { background-color:#2db34a; font-size:2em; line-height:1.5em; padding:0px; color:#fff; position:fixed; top:0; left:0; width:100%; height:50px; z-index:1; background:linear-gradient(180deg, #206f20, #2db34a); }
#header a { color:#fff; margin:1%; padding:1%; text-decoration:none; }
#header a:hover{ color:#000; margin:1%; padding:1%; }
#header-top { max-width:1000px; margin:0 auto; text-indent:8px; }
#header-left { float: left; margin:0 auto; text-indent:8px; }
#header-left img { margin: 5px 0 0 0; padding: 0px; }
#header-right { font-size:0.5em; float: right; text-decoration:none; position: relative; right:2%; font-weight: bold; }
#header-right img { margin:8px 0 0 0; padding: 0px; float: right; width:24%}
	
#body { position:relative; margin:auto; width:100%; padding:0px; background-color:#fff; display:block; text-align:left; }

#col2-left { float:left; width:60%; max-width:600px; border:1px solid #eee; margin:0px; padding:0% 0.1%; box-sizing: border-box; }
#col2-left h3, h4 { display:block; margin:0px; padding:0px; }
#col2-right { float:right; width:39.5%; border:1px solid #eee; margin:0px; padding:0% 0.1%;}
.col2-r1 { float:left; width:48%; border-top:0px dotted #000; display:block; clear:left; padding: 1%;}
.col2-r2 { float:right; width:48%; border-top:0px dotted #eee; display:block; clear:right; padding: 1%;}
.col2-r3 { float:none; width:98%; border-top:0px dotted #eee; display:block; clear:both; padding: 1%;}
/*.col2-r1 h4, .col2-r2 h4{ color:#2db34a; line-height:0.7em; margin:2px; padding:2px;}
.col2-r1 p, .col2-r2 p{ color:#888; display:inline-block; padding: 20x; }*/
.col2-r1 img { float:left; width:100%; height:auto; border:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0; background-color:#eee; }
.col2-r2 img { float:right; width:100%; height:auto;border:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0; background-color:#eee; }
.col2-r3 img { width:100%; height:auto; border:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0;  }

#col2-right .col2-rl { float:left; width:48%; border-top:1px dotted #eee; display:block; clear:left; padding: 1%;}
#col2-right .col2-rr{ float:right; width:48%; border-top:1px dotted #eee; display:block; clear:right; padding: 1%;}

.div_txt { display:block; margin:0; padding:0.5%; } 
.div_txt h4 { 
	color:#ffffff;font-weight:bold; margin:0%; padding:0.5% 0%; text-indent:2%; background-color:#000;
	/*background-size: 100% 100%;
	background-position: 2px 10px 100px;
	background-image: linear-gradient(135deg, #000000 72%, #39B14A 90%,#a0e918 100%);*/
}

.div_txt img { width:99%; border:0px solid #000; margin:0.5%; }
.div_txt--dsc {font-size:0.9em; margin:0; padding:1%; display:block; line-height:1.25em;}

.div_nota { display:inline-block; vertical-align:top; color: #000; line-height: 1.25em; padding:1%; margin:0.5%; width:47%; 
	font-size:0.9em 
		}
.div_nota img { width:99%; border:0px solid #000; margin:0.5%; }
@media screen and (max-width: 769px) {
	#col2-left { display: block;  float:none; min-width: 100%;}
	#col2-right { display: block; float:none; min-width: 100%;}
	.col2-r1 { float:left; width:48%; border-top:0px dotted #eee; display:block; clear:left;  padding: 1%;}
	.col2-r2 { float:right; width:48%; border-top:0px dotted #eee; display:block; clear:right; padding: 1%; }
	#col2-right img { width:100%; display:block; border:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0; text-align:center; margin:0 auto; padding:0;}
	#col2-right  .img16 {  vertical-align: middle; width:16px; border:0px solid #000; }
}
@media screen and (max-width: 481px) {
	#col3-left { float:none; width:100%; }
	#col3-center { display:block; width:100%;}
	#col3-right { float:none; width:100%;}
	
	#header-left img { width:75%; margin:10px 0 0 0; padding: 0px;}
	#header-right { font-size:0.35em; float: right; text-decoration:none; position: relative; right: 0%; width: 100px; text-align: center; font-weight: bold; line-height:1.5em; margin: 5px 0 0 0; word-wrap: break-word; }
	#header-right img { margin:8px 0 0 0; padding: 0px; float:right; width:50%}
	
	#col2-right img { width:100%; display:block; border:1px solid #e0e0e0; border-bottom:2px solid #e0e0e0; text-align:center; margin:0 auto; padding:0;}
	#col2-right .img16 {  vertical-align: middle; width:16px; border:0px solid #000; }

	.div_nota { display:block; width:98%; margin: auto;	}
}

#footer { background-color:#202020; width:100%; border-top:1px solid #000; font-size:0.7em; display: inline-block; text-align: center; margin: 0px; padding: 4px 0px; color: #ffffff; }
#footer a { color:#fff; margin:2px; padding:2px; text-decoration:none; }
#footer a:hover{ color:#000; margin:2px; padding:2px; }
#footer img { border: 0px; margin: 1% 0.1%; padding: 0%; }

.div_prv { width:100%; height:150px; margin:0; padding:0; display:block;}
.div_prv_scroll{ width:100%; height:370px ;margin:0; padding:0; overflow-y:scroll; line-height:1.5em; display:block; }

table.tbl { width:99.9%; border:0px solid #96a896; margin:0; padding:0; text-align:center; border-spacing: 0; border-collapse:collapse; font-size:0.9em; }
table.tbl thead th { background-color:#ddd; color:#444; } /*006837*/
table.tbl th h3 { margin: 0; padding: 0.2%; font-size: 1em; }
table.tbl th h3.ico { text-align: center; }
table.tbl tr:nth-child(odd){ background-color:#ffffff;}
table.tbl tr:nth-child(even){ background-color:#f8f8f8;}
table.tbl tbody tr.title { background-color:#222; color:#fff; }
table.tbl tbody tr.title2 { background-color:#ddd; color:#000; }
table.tbl tbody tr.lnk { background-color: #fff; padding: 0%;}
table.tbl tbody tr.lnk:hover { background-color: #f0f0f0; }
table.tbl tbody tr.lnk2 { background-color: var(--my-color) ; padding: 0%;}
table.tbl tbody tr.lnk2:hover { background-color: var(--my-color-hover); padding: 0%;}
table.tbl tbody tr {padding: 0.5% 1%; }
table.tbl tbody td { margin:0%; padding:0.5% 1%; border:1px solid #E1F0E1;  }


table.tbl tbody td img{ width: 18px; border:0px solid #ddd; vertical-align:middle;}
table.tbl tfoot { background-color: #E1F0E1; }
table.tbl tbody td .img16 { width:16px; border:0px solid #000; vertical-align: middle; text-align:center; }
table.tbl input[type="radio"] { vertical-align:middle; }
table.tbl input[type="submit"] { width:100%; margin:1% 0; padding:2%; background-color:#2db34a; 
	border:0px solid #000; font-size:1em; color:#ffffff; border-radius:4px; }
table.tbl input[type="submit"]:hover {background-color:#39B14A; }
table.tbl input[type="button"] { width:100%; margin:1% 0; padding:2%; background-color:#2db34a; 
	border:0px solid #000; font-size:1em; color:#ffffff; border-radius:4px; }
table.tbl input[type="button"]:hover { background-color:#39B14A; }

a.MFecha:link { display:inline-block; margin:0.5%; padding:1.2%; width:23px;
		background-color:#2db34a; text-align:center; color:#fff;
	 	border-radius:4px; transition:.8s; -webkit-transition:.8s; vertical-align:middle; text-align:center; }
.MOculto { width: 100%; border: 1px solid #c6d5e1; margin:0 auto; text-align:left; border-collapse:collapse;}
a.MFecha:hover { text-decoration:underline; background-color:#39B14A;   }
a.MFecha:visited { color:#fff;}
a.MFecha:active { text-decoration:none; color:#fff; }
a.MFecha:link .img16 { width: 18px; vertical-align: middle; }

.select-css { font-weight:400; color: #000; line-height: 1.3; width:98%;
 	padding: .4em 1.4em .3em .8em; max-width: 100%; box-sizing: border-box; margin: 1% 0;
 	border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0,0,0,.03); border-radius: .3em;	background-color: #ffffff;
}
.select-css:hover {	border-color: #39B14A; }
.select-css:focus {	border-color: #ffffff; box-shadow: 0 0 1px 3px #39B14A; 
	box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222;  outline: none;
}
.select-css option { font-weight:normal; }

/* Home */
.msgbox { position:absolute; width:auto; margin-left:10px; border:1px solid #c93; background:#ffc; padding:1px; color:#000000;}
.msgboxok { position:absolute; width:auto; margin-left:10px; border:1px solid #349534; background:#c8ffca; padding:1px; font-weight:bold; color:#008000; }
.msgboxerror { position:absolute; width:auto; margin-left:10px; border:1px solid #cc0000; background:#f7cbca; padding:1px; font-weight:bold; color:#cc0000; }
.msgboxout { width:auto; border:1px solid #c93; background:#ffc; margin: 10px; padding:2px; color:#000000;}
	
.div_box {  width:98%; margin:0px; padding: 1%; color:#000; background-color: #f8f8f8; border: 1px solid #eee; border-bottom: 2px solid #ddd; }
.div_box input[type="text"], .div_box  input[type="password"]  { font-size:1em; width:96%;  margin:0%; padding: 0.5%;}
.div_box .btn { width:98%; margin:1% 0; padding:1% ; background-color:#39B14A; 
	border: 1px solid #fff; font-size: 1em; color: #ffffff;border-radius: 4px; } /*background: linear-gradient(0deg, #204020, #2db34a);*/
.div_box .btn:hover {background-color:#20a030; }

#body .div_box img { max-width:50%; width: 64px; float: right; height: auto; border: 0px solid #888; padding: 4px; margin: auto; display: block;}

#home { border:1px solid #ddd; border-radius: 0px; padding:0px; margin:0px; background:linear-gradient(180deg, #ffffff, #eee); }
#home h1 { margin: 0% 0% 1% 0%; padding: 1% 0%; border-bottom: 1px solid #ddd; background-color: #f8f8f8; color:#808080; }
#home_head { color: #fff; margin:0px; padding: 4px 10px; display:block; background-color:#2db34a; height:18px; border-bottom: 1px solid #888; text-align: right;}
#home_head img { border:none; vertical-align:middle; float:right; text-align:right; }

#home_body { margin:0; padding:0; display:block; width: 100%; text-align: center;}
#home_body img { border:none; vertical-align:middle; display:inline-block; text-align:center; margin:0px; padding:0px;}
#home_body .dmnu { margin:1%; padding:1%; width:27%; display:inline-block; text-align:center; }
/* #home_body span {  margin:0.1em; padding:0.2em; background-color: #fff; display:inline-block; width:90%; text-align:center; word-wrap: break-word; }*/
#home_body a:link {text-decoration:none; color:#fff; background-color:#2db34a; margin:1% 0.5%; padding:1.2%;  border-radius:4px; transition:.8s; -webkit-transition:.8s;}
#home_body a:hover { text-decoration:none; color:#fff; background-color:#39B14A; }
#home_body a:visited { text-decoration:none; color:#fff; background-color:#2db34a;}
#home_body a:active { text-decoration:none; color:#fff; background-color:#39B14A;}
input[type="text"], input[type="password"] { border:1px solid #ddd; width:92%; margin:0px; padding:4px; }
	
/* Registrate */
.tblDiv { display: table; border: 0px solid #000; width: 100%;}
.tblRow { display: table-row; }
.tblCol1, .tblCol2, .tblCol3 { display: table-cell; border:0px solid #0f0fff; width: 50%;}
.tblDiv input[type="text"],input[type="password"]{ border:1px solid #ddd; width: 92%; padding: 4px; }
.tblDiv input[type="text"]:required:valid, input[type="password"]:required:valid{ border:1px solid #808080; }
.tblDiv input[type="text"]:focus:required:invalid, form input[type="password"]:focus:required:invalid{border:1px solid #f00;}

#lblMensaje { font-weight: bold; font-size: 16px; color: #800; margin: 2px auto; padding: 2px; word-wrap: break-word; }

.msgverify { text-indent:20px; display:inline-block; font-size:0.75em;}
#msgCancel { background:url("images/cancel.png") no-repeat; color:#ff0000; text-indent:20px; display:inline-block; font-size:0.75em;}
#msgAccept{ background:url('images/accept.png') no-repeat; color:#669933; text-indent:20px; display:inline-block; font-size:0.75em; }

.spancompletar { font-weight:bold; font-size:18px; color:#800; margin:2px auto; padding:2px; }

.tblhome { width:70%; border:0px solid #E1F0E1; margin:0% auto; padding:0%; text-align:left; border-spacing:0; border-collapse:collapse; font-size:0.75em; }
.tblhome tbody td { margin:0%; padding: 0.5%; }
.img16 { vertical-align: middle; width:16px; border:0px solid #000; }
.MFase { margin:0.9%; padding:1.6% 2.7%; width:10px; background-color:#eee; border: 1px solid #aaa; clear: both; color:#000; display:inline-block; text-align:center;}
/*.MFecha { display:inline-block; margin:0.7%; padding:1.05%; width:18px; background-color:#e0e0e0; text-align:center;} /* margin: 2px; padding:4px; */



a.MFecha:link { display:inline-block; margin:0.5%; padding:1.2%; min-width:23px;
	background-color:#39B14A; text-align:center; color:#fff;
	 border-radius:4px; transition:.8s; -webkit-transition:.8s; vertical-align:middle; text-align:center; }
.MOculto { width: 100%; border: 1px solid #c6d5e1; margin:0 auto; text-align:left; border-collapse:collapse;}
a.MFecha:hover { text-decoration:underline; background-color:#39B14A;   }
a.MFecha:visited { color:#fff;}
a.MFecha:active { text-decoration:none; color:#fff; }
a.MFecha:link .img16 { width: 18px; vertical-align: middle; }

#afa_wrapper{ margin:0.5% 0%; padding:0.5%; font-size:0.9em; text-align:center; }
#afa_wrapper a.lnk_afa_tabla:link { text-decoration:none; line-height:2em; color:#f0f000; text-align:center; font-weight:bold; display:inline-block; background-color:#39B14A; border-bottom:4px solid #5ed46d; margin:0.2%; padding:1%; width:29%;  }
#afa_wrapper a.lnk_afa_tabla:hover { text-decoration:underline; color:#ffff00; }
#afa_wrapper a.lnk_afa_tabla:visited {  color:#f0f000;}
#afa_wrapper a.lnk_afa_tabla:active { text-decoration:none; color:#fff; }
#afa_title {  border-bottom: 1px solid #eee; width:99%; margin:0.1%; padding:0.1%; font-weight:bold; }

#scrollH { overflow-x:auto; white-space:nowrap; padding:2px; /*background:#f8f8f8;*/ margin:2px; }
#scrollH a:link  { background-color:#39B14A; width:98%; display:block; margin:1% 0%; text-decoration:none; line-height:2em; color:#f0f000; padding:1%; text-align:center; font-size:0.75em; font-weight:bold;}
#scrollH a:hover { text-decoration:underline; color:#ffff00; }
#scrollH a:visited { color:#f0f000;}
#scrollH a:active { text-decoration:none; color:#fff; }
#scrollH::-webkit-scrollbar{ height:8px; width:12px; background-color:#ccc; }
#scrollH::-webkit-scrollbar-thumb{ background-color:#000; border-radius:8px;}
#scrollH::-webkit-scrollbar-thumb:hover{ background-color:#222; border:1px solid #444; }
#scrollH::-webkit-scrollbar-thumb:active{ background-color:#222; border:1px solid #444; } 
#scrollH::-webkit-scrollbar-track{ border:1px gray solid; border-radius:8px; -webkit-box-shadow:0 0 6px gray inset;} 
.scrollHDivs { height:1%; width:8%; margin:0.5%; display:inline-block; vertical-align: middle; background:#39B14A; text-align:center; font-size:1.2em; color:#ff0;}


 /* Google : table thead fixed tbody scroll 
 https://www.geeksforgeeks.org/how-to-create-a-table-with-fixed-header-and-scrollable-body/
 */
 .fixTableHead { margin:0px; padding:0px; 
	overflow-y: scroll; height: 370px; width: 100%;}
/*.fixTableHead thead th { margin:0; padding:0;
position: sticky top:0;   } */
table.tbl2 { width:99.9%; border:0px solid #96a896; margin:0px; padding:0px; font-size:0.8em; 
		border-collapse: collapse;  }
table.tbl2 thead { margin:0px; padding:0px; position: sticky; top: 0;}
/*table.tbl2 thead tr { margin:0; padding:0; background-color:#888; }  */
table.tbl2 thead tr th { margin:0px; padding:0px; background-color:#d0d0d0; color:#444; } 
table.tbl2 thead tr th h3 { margin:0px; padding:0px; background-color:#dfdfdf; color:#222; width:99.9%; }
table.tbl2 tbody { margin:0px; padding:0px; }
table.tbl2 tbody tr:nth-child(odd){ background-color:#ffffff; }
table.tbl2 tbody tr:nth-child(even){ background-color:#f8f8f8; }
table.tbl2 tbody tr.lnk { background-color:#fff; margin:0px; padding:0px; }
table.tbl2 tbody tr.lnk:hover { background-color:#f0f0f0; }
table.tbl2 tbody tr.lnk2 { background-color:var(--my-color); margin:0px; padding:0px; }
table.tbl2 tbody tr.lnk2:hover { background-color:var(--my-color-hover) }
table.tbl2 tbody td { margin:0%; padding: 0 0.5%; border-bottom:1px solid #E1F0E1; border-right: 1px solid #E1F0E1; }
table.tbl2 tbody tr td img.img16 { width:16px; border:0px solid #000; vertical-align: middle; }
table.tbl2 tbody td a { background-color:#39B14A; text-decoration:none; text-align:center; font-size:0.75em; vertical-align: middle;}

table.tbl2 tbody tr td.VELB { width:4%; text-align:right; font-size:0.9em; color:#888;}

.img16 { width:32px; border:0px solid #000; vertical-align: middle; }