html>body #info_pag { 
 position:fixed;
} 

a, link{text-decoration: none;}

@font-face { 
		font-family: 'lcd_display-webfont'; 
		src: url('../fonts/lcd_display-webfont.ttf');
		}
.headp{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	border:solid;
	border-color:#088A4B;
	border-collapse:collapse;	
	}
.ted{
	width:50px;
	text-align:center;
	}
.ted2{
	width:100px;
	text-align:center;
	}
.tpa{
	border:0px solid;
	border-radius:0px;
	background-color:#FFF;
	height:10px;
	width:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 0px 0px 0px 0px;
	cursor:pointer;	
	}
.trp{
	border:solid;
	border-color:#088A4B;
	}

.tdp{
	width:30%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	border:solid;
	border-color:#088A4B;
	}
	
.tdhp{
	width:10%;
	border:solid;
	border-color:#088A4B;
	border-collapse:collapse;
	border-spacing:0px;
	}
	
.tdhpp{
	border:solid;
	border-color:#088A4B;
	}
	
.headh{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;	
	border-collapse:collapse;
	width:100%;
	}
.fc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}

.llena{
	width:100px;
	}
.p2{
	padding-left:4px;
	padding-right:10px;
	}

.tdhh{
	border-bottom:1px solid;
	border-right:1px solid;
	border-color:#088A4B;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	width:80px;
	}
	
.tdhh2{
	border-bottom:1px solid;
	border-left:1px solid;
	border-color:#088A4B;
	padding-left:8px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.headc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:100%;
	margin:0px;
	border:2px solid;
	border-color:#088A4B;
	border-collapse:collapse;	
	}
	
.col{
	border-left:1px solid;
	border-bottom:1px solid;
	border-color:#088A4B;
	padding-left:15px;
	padding-right:15px;
	}
.col1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-left:2px solid;
	border-bottom:2px solid;
	border-color:#088A4B;
	padding-left:15px;
	padding-right:15px;
	width:100px;
	}
.col1-1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-left:2px solid;
	border-bottom:2px solid;
	border-color:#088A4B;
	padding-left:15px;
	padding-right:15px;
	width:150px;
	line-height:12px;
	}
.col1-2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-left:2px solid;
	border-bottom:2px solid;
	border-color:#088A4B;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	line-height:12px;
	}



.col1-3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-left:2px solid;
	border-bottom:2px solid;
	border-color:#088A4B;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	padding-bottom:8px;
	width:100px;
	line-height:12px;
	}

.col2{
	border-left:1px solid;
	border-bottom:1px solid;
	border-color:#088A4B;
	padding-left:15px;
	padding-right:15px;
	}
.reloj{
	background-color:#000;
	border:0px solid #088A4B;
	font-family:lcd_display-webfont;
	font-size:20px;
	color:#FF0;
	font-weight:bold;
	cursor:context-menu;
	text-align:center;
	border-radius:0px 0px 0px 0px;
	height:20px;
	width:120px;
	padding:0px;
	}
.day{
	background-color:#000;
	border:0px solid #088A4B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF0;
	font-weight:bold;
	cursor:context-menu;
	text-align:center;
	border-radius:5px 5px 0px 0px;
	height:20px;
	width:120px;
	padding:0px;
	margin-top:10px;
	}
.fecha{
	background-color:#000;
	border:0px solid #088A4B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF9;
	font-weight:bold;
	cursor:context-menu;
	text-align:center;
	border-radius:0px 0px 5px 5px;
	height:20px;
	width:120px;
	padding:0px 0px 3px 0px;
	margin-bottom:10px;
	}

.urg{
	background:#F6CECE;
	}
.btnbusca{
	background-image:url(../images/bs.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	width:35px;
	height:35px;	
	border-radius:0px 5px 5px 0px;
	}
	
/* == Form Elements == */
form{display:inline;margin:0;padding:0}
.input-out{display:inline-block;background-color:#FFF;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border:1px solid #B8B8B8;padding-left:8px;padding-right:8px;}
select{border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;}
input,select,.inputbox-sml{font-family:MavenProRegular, Arial, Helvetica, sans-serif;font-size:12px;outline:none;border-radius:5px;padding-left:8px;padding-right:8px;}
textarea{font-family:MavenProRegular, Arial, Helvetica, sans-serif;font-size:13px;outline:none;font-weight:bold;border-radius:5px;text-align:left;}
.inputbox,textarea,.inputbox-sml{border:1px solid #C3C3C3;border-radius:4px;color:#666;padding:5px}
.inputbox-sml{padding:3px}
.biox{background:#CFF; border-radius:5px; border-color:#666; font-family:Arial, Helvetica, sans-serif;text-transform:lowercase;}
.inputbox:focus,textarea:focus{border:1px solid #B4B4B4;background-color:#ffc;background-image:none}
.button,.button-alt,.button-sml,.button-alt-sml{border-radius:5px;background-color:#545454;border:1px solid #515151;color:#FFF;-webkit-box-shadow:0 1px 3px 2px #ccc;-moz-box-shadow:0 1px 3px 2px #ccc;box-shadow:0 1px 3px 2px #ccc;background-image:url(../images/button.png);background-repeat:repeat-x;background-position:left top;cursor:pointer;text-shadow:1px 1px 1px rgba(0,0,0,.2);text-decoration:none;padding:6px 10px}
.button-sml,.button-alt-sml{border-radius:3px;-moz-border-radius:3px;font-size:12px;text-decoration:none;padding:2px 5px}
.button:hover,.button-sml:hover{background-position:left -30px;background-color:#484848;text-decoration:none;}
.button-alt,.button-alt-sml{text-shadow:1px 1px 10px #fff;background-image:url(../images/button-alt.png);text-decoration:none;border:1px solid #AAA;color:#777}
.button-alt:hover,.button-alt-sml:hover{background-position:left -30px;text-decoration:none;}
.button-wrn{border-radius:5px;background-color:#DF0101;border:1px solid #FF0000;color:#FFF;-webkit-box-shadow:0 1px 3px 2px #ccc;-moz-box-shadow:0 1px 3px 2px #ccc;box-shadow:0 1px 3px 2px #ccc;cursor:pointer;text-shadow:1px 1px 1px rgba(0,0,0,.2);text-decoration:none;padding:6px 10px;font-weight:bold;}
a.button-sml,a.button-alt-sml{padding:3px 6px}
a.button,a.button-alt{padding:7px 11px}

/* == Checkbox Ratio File Input== */
.ez-hide{opacity:0;filter:alpha(opacity=0)}
.ez-checkbox{display:inline-block;background-color:transparent;background-image:url(../images/checkbox.png);background-repeat:no-repeat;background-position:0 0;}
.ez-radio{display:inline-block;background-color:transparent;background-image:url(../images/radio.png);background-repeat:no-repeat;background-position:0 0}
.ez-checkbox,.ez-radio{zoom:1;*display:inline;_height:46px;width:23px;height:23px}
.ez-checked,.ez-selected{background-position:0 -23px}
.fileinput-wrapper {position:relative;display:inline-block;zoom:1;*display:inline;overflow:hidden;padding:0;}
.fileinput-input {float:left;height:20px;padding:3px;overflow:hidden;width:150px;white-space:nowrap;}
.fileinput-button {float:left;height:20px;padding:3px;overflow:hidden;white-space:nowrap;}
.fileinput-button-text {padding:5px;}
.fileinput-file {position:absolute;left:-9999px;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;}
.fileinput-input {height:20px;width:280px;border:0;}
.fileinput-button {height:20px background: #617798;border: 0;color:#FFFFFF;}
.fileinput-button-text {padding:10px;}

.klm{
	width:99%;
	margin:0 auto;
	}
.pam{
	float:left;
	}
.ytu{
	background:#A9F5BC;
	font-family:Arial;
	font-weight:bold;
	color:#8A4B08;
	}
.yty{
	background:#F6CECE;
	font-family:Arial;
	font-weight:bold;
	color:#8A4B08;
	}
	
.mlk{
	width:300px;
	background:#F00;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	}
.kml{
	width:300px;
	background:#088A4B;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	}
.mta{
	width:300px;
	background:#DF01A5;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	}
.mtam{
	width:300px;
	background:#FE9A2E;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	}
.etcn{
	color:#000;
	font-weight:bold;
	}
.dcfr{
	color:#F00;
	font-weight:bold;
	}
	
/* == Print data == */
@media all {
   #ppri{
      display:block;
	  width:100%;
	  }
   #pie{
	  display:none; 
	  width:100%;
	  }
   #ppri2{
      display:block;
	 width:100%;
	  }
   #pie2{
	  display:none; 
	  width:100%;
	  }
}
	
@media print{
   
   *{
	   padding:0px;
	   margin:0px;
	   }
   body{
	   padding:0px;
	   margin:0px;
	   }
   #ppri{
    margin-top:20px;
	display:none;
	width:100%;	
   }
   #pie{
    margin-top:20px;
	display:block;	
   }
   #ppri2{
    margin-top:20px;
	display:none;
	width:100%;	
   }
   #pie2{
    margin-top:20px;
	display:block;	
   }
   .klm{
	width:100%;	
	margin:0px;
   }
   .pom{
	display:none;
	   }
	#content-wrap{
	margin:7px 0px 0px 0px;	
	border:0px;
	}
	#content{
	margin:0px;
	padding:0px;
	border:0px;
	}
	.box{
	padding:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-border-radius:0px;
	}
	#content .display{
	border:1px solid #000;
	line-height:10px;
	border-radius:3px;
	width:100%;
	color: inherit;
	}
	.etcn{
	font:Arial;
	font-size:10px;
	color:#000;	
	}
	.ytu{
	width:100px;
	font-size:10px;	
	}
	.yty{
	width:100px;
	font-size:10px;	
	}
	.npr{
	display:none;	
	}
} 

.cpy{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
.f1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.f2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}
.print{
	border-radius:20px 0px 20px 0px;
	background-color:#088A4B;
	color:#FFF;
	}

.bj{
	border: solid 1px #CCCCCC;
	background:#71FDB9;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	width:500px;
	}
.bj:focus{
	border:1px solid #B4B4B4;
	background-color:#ffc;
	background-image:none;
	}

.bj1{
	border:1px solid #B4B4B4;
	background:#71FDB9;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	}
.bj1:focus{
	border:1px solid #B4B4B4;
	background-color:#ffc;
	background-image:none;
	}
.bj1_1{
	background:#71FDB9;
	border: 2px solid #F00;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	}
.bj1_1:focus{
	border:1px solid #B4B4B4;
	background-color:#ffc;
	background-image:none;
	}
	
.bsc{
	border-radius:5px 5px 5px 5px;
	background-image:url(../images/bsc.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	cursor:pointer;
	}

.lim{
	margin-top:20px;
	margin-bottom:20px;
	color:#088A4B;
	}

.la{
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size:18px;
	text-decoration:blink;
	color:#088A4B;
	}
.btny{
	background:#088A4B;
	width:150px;
	height:50px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	border-radius:25px;
	}

<!-- brillo -->
#ex5 { width: 700px; margin: 0 auto; min-height: 300px;} 
#ex5 img { margin: 25px; opacity: 0.8; border-radius:2000px; /*Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.5s ease; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))); } 
#ex5 img:hover { opacity: 1; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); box-shadow: 0px 0px 20px rgba(8,138,75,0.8); } 
<!-- fin -->

#ex6 { width: 700px; margin: 0 auto; min-height: 300px;} 
#ex6 img { margin: 25px; opacity: 0.8; border-radius:2000px; /*Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.5s ease; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))); } 
#ex6 img:hover { opacity: 1; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); box-shadow: 0px 0px 20px rgba(21,107,168,0.8); } 
<!-- fin -->

#ex7 { width: 700px; margin: 0 auto; min-height: 300px; } 
#ex7 img { margin: 25px; opacity: 0.8; border-radius:10px; /*Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.5s ease; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))); } 
#ex7 img:hover { opacity: 1; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); box-shadow: 0px 0px 20px rgba(8,138,75,0.8); } 
<!-- fin -->

#ex71 { width: 700px; margin: 0 auto; min-height: 300px; } 
#ex71 img { margin: 25px; opacity: 0.8; border-radius:10px; /*Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.5s ease; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))); } 
#ex71 img:hover { opacity: 1; /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); box-shadow: 0px 0px 20px rgba(8,138,75,0.8);background:#AFDCC6;} 
<!-- fin -->


	
.ban1{
	padding-left:30%;
	}
	
.ban2{
	padding-right:30%;
	}

.ev{
	font-size:10px;
	}
.fev{
	width:120px;
	height:2px;
	}
.facs{
	color:#088A4B;
	}	
.facn{
	color:#F00;
	}
	
.adjar{
	border:3px solid #088A4B;
	border-radius:10px;
	width:600px;
	padding:50px;
	}
	
.jump{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#F00;
	border:3px solid #F00;
	border-radius:500px;
	padding:5px;
	width:20px;
	}
.jrotr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#F00;
	}
.btnup{
	background-image:url(../images/save.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	width:70px;
	height:70px;
	border-radius:0px;
	border:0px;
	}

.celi{
	border:1px solid #B4B4B4;
	background:#71FDB9;
	width:50px;
	height:15px;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	}
	
.celi:focus{
	border:1px solid #B4B4B4;
	background-color:#ffc;
	background-image:none;
	}

.oc{
	display:none;
	}
	
#info_pag {
    position:absolute;
 	width:48%;
	height:20px;
 	background:#088A4B;
	color:#FFF;
 	left:30%;
	bottom:0.3%;
 	margin-left:-100px;
 	margin-top:-100px;
	padding-left:20px;
	padding-right:20px;
	border-radius:10px 10px 10px 10px ;
}
.k1{
	border:1px solid #093;
	background:#0C6;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	}
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: absolute;
	top: 30%;
	left: 40%;
	width: 20%;
	height: 20%;
	padding: 16px;
	border: 5px solid #088A4B;
	border-radius:10px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
.mks{
	text-align:right;
	padding:1%;
	}
.mosv{
	border:1px solid #088A4B;
	background:#FAFAFA;
	border-radius:5px;
	padding:7px;
	}
.tkalp{
	border-radius:5px;
	border-style:dotted;
	border-width:2px;
	border-color:#088A4B;
	border-radius:5px;
	padding:25px;
	}
.tdkalpr{
	padding-right:40px;
	border-right:1px solid #088A4B;
	}
.tdkalpl{
	padding-left:20px;
	cursor:pointer;
	}
.tpo{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	}
.llf{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	}
.llr{
	text-align:right;
	}
.testDiv {
	display:none;
	width:100%;
}
.tc1{
	border-radius:5px;
	border:solid 1px #0C0;
	padding:3px;
	width:120px;
	}
.mls{
	border:solid 2px #009900;
	border-style: dotted;
	text-align:center;
	width:50%;
	height:10%;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	background:#E7FCE9;
	margin-bottom:7px;
	}
.mls:hover{
	border:solid 2px #009900;
	width:50%;
	height:10%;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	background:#F2EDFD;
	}
.imls{
	text-align:left;
	line-height:14px;
	border-bottom:solid 1px #088A4B;
	border-right:solid  1px #088A4B;
	font-size:12px;
	padding:0px;
	padding-left:4px;
	font-size:10px;
	font-family:Arial;
	}
.aco{
	border: solid 1px #CCCCCC;
	background:#71FDB9;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	width:100%;
	height:25px;
	font-size:18px;	
	}
.aco:focus{
	border:1px solid #B4B4B4;
	background-color:#ffc;
	background-image:none;
	}
.fsf{
	font-family:Arial;
	font-size:18px;
	}
.oop{
	border-radius:5px 0px 0px 0px;
	border-left:1px dotted #09F;
	border-bottom:1px solid #09F;
	border-top:1px dotted #09F;;
	}
.oop2{
	border-radius:0px 5px 0px 0px;
	border-bottom:1px solid #09F;
	border-right:1px dotted #09F;
	border-top:1px dotted #09F;;
	}
.oop3{
	border-bottom:1px solid #09F;
	border-left:1px dotted #09F;
	}
.oop4{
	border-bottom:1px solid #09F;
	border-right:1px dotted #09F;
	}
.oop5{
	border-top:1px dotted #09F;
	border-bottom:1px solid #09F;
	}	
.mmp2{
	border-bottom:1px solid #09F;
	
	}
.mmp3{
	border-bottom:1px dotted #09F;
	border-right:1px dotted #09F;
	border-radius:0px 0px 5px 0px;
	}
.mmp4{
	border-bottom:1px dotted #09F;
	border-left:1px dotted #09F;
	border-radius:0px 0px 0px 5px;
	}
.mmp5{
	border-bottom:1px dotted #09F;
	}
.mmp6{
	border: 1 px solid #FFF;
	}
.tcnb{
	width:70px;
	border: solid 1px #CCCCCC;
	background:#71FDB9;
	font-family:Arial, Helvetica, sans-serif;
	}
.tcnb:focus{
	border:1px solid #B4B4B4;
	background-color:#ffc;
	background-image:none;	
	}
.hyv{
	border: solid 1px #CCCCCC;
	background:#71FDB9;
	}
.hyv:focus{
	border: solid 1px #CCCCCC;
	background:#FFC;
	}
.tarp{
	width:90%;
	height:30px;
	font-family:Arial;
	font-size:10px;
	}
.fmk{
	color:#DF0101;
	font-size:14px;
	}
.gm1{
	border-top:2px dotted #09F;
	border-left:2px dotted #09F;
	border-bottom:2px dotted #09F;
	border-radius:5px 0px 0px 5px;
	}
.gm2{
	border-top:2px dotted #09F;
	border-right:2px dotted #09F;
	border-bottom:2px dotted #09F;
	border-radius:0px 5px 5px 0px;
	}
.chn{
	width:40%;
	height:120px;
	}
.fcm{
	border:solid 1px #DDD;
	width:100%;
	background:#FFF;
	font-size:12px;
	font-family:Arial;
	line-height:16px;
	}
.fcm tr:hover{
	background:#81F781;
	cursor:pointer;
	}
.fcm td{
	padding:4px;
	border-bottom:solid 1px #DDD;
	}
.cmol{
	color:#FFF;
	font-family:Arial;
	font-size:14px;
	}
.btnxt{
	border:2px solid #088A4B;
	background:#FFF;
	color:#088A4B;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
	background-color:#fff;border-radius:5px;background-image:url(../images/u_active.png);background-repeat:no-repeat;background-position:10px 5px;line-height:1.3em;margin:0 0 10px;padding:5px 5px 5px 30px;
	}
.btnxt:hover{
	border:2px solid #F00;
	cursor:pointer;
	font-weight:bold;
	color:#F00;
	
	background-color:#fff;border-radius:5px;background-image:url(../images/u_inactive.png);background-repeat:no-repeat;background-position:10px 5px;line-height:1.3em;margin:0 0 10px;padding:5px 5px 5px 30px;
	}

@media screen and (max-width: 900px) {
	.wrapk{
	width:100%;	
	}
	.aco{
	width:100%;
	}
	.fsf{
	font-family:Arial;
	font-size:20px;
	height:50px;
	}
	.pol{
	width:100%;
	}
	#header{
	width:100%;
	}
	.wrap{
	width:100%;
	}
	.display{
	width:100%;
	color: inherit;	
	}
	.fmk{
	color:#DF0101;
	font-size:18px;
	}
	
	.chn{
	width:100%;
	}
	
	#ex5 { 
	width: 20%; 
	margin: 0 auto; 
	min-height: 7px;
	float:left;
	margin-left:0px;
	padding-left:0px;
	} 
	#ex5 img{
	width: 100px;
	height:100px;  
	min-height: 7px;
		}
	#ex6 { 
	width: 20%; 
	margin: 0 auto; 
	min-height: 7px;
	float:right;
	} 
	#ex6 img{
	width: 100px;
	height:100px;  
	min-height: 7px;
	margin-left:0px;
	padding-left:0px;
		}
	.wrapk{
		min-width:100%;
		}
	.box{
		min-height:270px;
		}

}
/* Fuente para los botones */
@import url('http://fonts.googleapis.com/css?family=Karla');
 
/* -[INICIO devildrey33.button]- */            
/* Clases que empiezan por 'Boton-' */
[class^='Boton-'] {
    border              : 2px solid #088A4B;                      /* 2 pixeles de borde negro                                                */
    border-radius		: 200px;
	height:110px;
	text-align          : center;                              /* Texto centrado                                                          */
    text-decoration     : none;                                /* Sin decoraciones para el texto (por defecto viene con underline)        */
    padding             : 10px;                                /* Un poco de padding para que se vea bien el botón                        */
    /* La transición en el click (:active) tiene que ser rápida 150ms (transform y color), la transición para cambiar de foco en 150ms    */
    transition          : transform 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;   
    font-family         : Karla, sans-serif;                   /* Fuente de google                                                        */
    font-size           : 1.7rem;                              /* Tamaño de la fuente                                                     */
    color               : #F00;                                /* Color del texto en blanco                                               */
    margin              : 10px;                                /* 10 pixeles de margen para separar los botones entre si.                 */
    position            : relative;                            /* Posición relativa para que sus hijos partan desde él                    */
    overflow            : hidden;                              /* Todo lo que sobresalga del botón no se verá                             */
    cursor              : pointer;                             /* Puntero del mouse que muestre una mano                                  */
    transform           : perspective(600px) translateZ(0px) rotateZ(0deg) rotateX(0deg); /* Perspectiva, rotación y posición por defecto */
    text-shadow         : 1px 1px 1px #FFF;                    /* Una ligera sombra gris para el texto                                    */
}
/* Elimino el outline del botón por una transición con la sombra */
[class^='Boton-']:focus { 
    outline    : 0px solid transparent;                        /* Elimino el outline que viene por defecto en los button */
    box-shadow : 0px 0px 4px 2px #800,  0px 0px 2px 1px #300;  /* Creo uan sombra en gris oscuro con 2 tonalidades       */  
}            
/* Alejo el objeto en la perspectiva cuando el usuario presiona sobre él */
[class^='Boton-']:active {
    transform : perspective(600px) translateZ(-75px) rotateZ(-0.5deg) rotateX(-10deg); /* Creo el efecto de hundimiento para el botón */
    color     : #BBB;                                                                  /* Cambio el color del texto a gris            */
}
/* Color del borde rojo al pasar el mouse por encima del botón */
[class^='Boton-']:hover, [class^='Boton-']:active { border : 2px solid darkred; } 	           
/* -[FIN devildrey33.button]- */            
            
/* -[INICIO devildrey33.button2]- */
/* Preparación para los pseudo elementos before y after */
[class^='Boton-']::before, [class^='Boton-']::after {
    content    : '';                   /* Contenido (requerida para inicializar el pseudo-selector)               */
    position   : absolute;             /* Posición absoluta (relativa al button)                                  */
    top        : 0px;                  /* Empezamos desde arriba del <button>                                     */
    left       : 0px;                  /* Empezamos desde la izquierda del <button>                               */
    width      : 100%;                 /* Ancho 100% del <button>                                                 */
    height     : 100%;                 /* Alto 100% del <button>                                                  */
    transition : 0.4s ease-in-out;     /* Transición para el hover de 500ms para que se vea bien (capa animación) */
	
}
/* Para las transiciones del fondo a color rojo en el hover, se utilizara el pseudo elemento ::before (capa animación) */
[class^='Boton-']::before {
    z-index    : -1;                   /* MUY IMPORTANTE esta capa va por debajo de la capa principal */
	
}
/* Para mostrar el fondo negro del botón se utilizara el pseudo elemento ::after (capa fondo) */
[class^='Boton-']::after {
    z-index          : -2;             /* MUY IMPORTANTE esta capa va por debajo de la capa animación */
    background-color : rgb(255,255,255);  /* Color del fondo gris oscuro                                 */
}
/* -[FIN devildrey33.button2]- */

/************/
/* Circular */
/************/
/* -[INICIO devildrey33.circular]- */
/* Circulo creciendo desde el centro */
.Boton-Circular::before {
    border-radius    : 100%;                                /* Borde redondeado                */
 	
    width            : 0px;                                 /* Ancho a 0                       */
    height           : 0px;                                 /* Altura a 0                      */
    background-color : #FE1B01;                             /* Color del fondo rojo            */
    top              : 50%;                                 /* top al 50%                      */
    left             : 50%;                                 /* left al 50%                     */
    transform        : translateX(-50%) translateY(-50%);   /* Transformación para el centrado */
	
}
.Boton-Circular:hover::before, .Boton-Circular:active::before { width:300px; height:300px; }
.Boton-Circular:hover{color:#FFF;}
/* -[FIN devildrey33.circular]- */

.mmls{
	width:150px;
	height:20px;
	border:1px solid #CCC;
	background:#71FDB9;
	font-family:Arial;
	font-weight:bold;
	}
.mmls:focus{
	border:1px solid #B4B4B4;
	background-color:#ffc;
	background-image:none;
	}
	
/* Popup div */
.black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: absolute;
		font-size:12px;
		text-align:center;
        top: 25%;
        left: 25%;
        width: 50%;
        height: 50%;
        padding: 16px;
        border: 3px solid #088A4B;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }
	.cdv{
		width:20px;
		width:20px;
		border-radius:7px;
		background:#F00;
		color:#FFF;
		text-align:center;
		font-weight:bold;
		float:right;
		position:fixed;
		}
	.lab{
		font:Arial;
		font-weight:bold;
		width:95%;
		float:left;
		}
	.cdv a{
		text-decoration:none;
		color:#FFF;
		}
	.cdv a:hover{
		text-decoration:none;
		color:#FFF;
		}
/* END Popup div */

.dblp{
	margin:auto;
	width:72%;
	background:rgba(164, 164, 164, 0.7);
	border:2px solid #999;
	padding:7px;
	border-radius:7px;
	margin-bottom:5px;
	}
.bod td{
	border-bottom:1px solid #000;
	padding-left:7px;
	}
.prfd td{
	border-bottom:1px solid #000;
}
.prfd:hover{
	background-image:url(../images/1002.png);
	cursor:pointer;
	}
@media screen and (min-height: 970px) {
.tram{
	min-height:800px;
}
}
.tmon{
	width:150px;
	float:left;
	background:#088A4B;
	color:#FFF;
	border-radius:5px 5px 0px 0px;
	text-align:center;
	padding:2px 7px;
	font-weight:bold;
	}
.tmof{
	width:150px;
	float:left;
	background:#999;
	color:#FFF;
	border-radius:5px 5px 0px 0px;
	text-align:center;
	padding:2px 7px;
	font-weight:bold;
	}
/* == Main Content == */
#content-wrap{border:3px solid #D2D2D2;margin-top:5px;margin-bottom:25px;background-color:#FFF;border-radius:5px}
#content-wrapk{border:3px solid #D2D2D2;margin-top:25px;margin-bottom:25px;background-color:#FFF;border-radius:5px;width:100%;}
#content-wrap12{border:3px solid #D2D2D2;margin-top:25px;margin-bottom:25px;background-color:#FFF;border-radius:5px;width:80%;}
#contentt{background-color:#088A29;border-radius:20px;padding:50px; width:30%; margin:10% auto;}
#contentt1{background-color:#0080FF;border-radius:3px;position:relative;margin:4px;padding:10px; width:490px; height:180px;}
.moduelg{background:#0080FF;}
#content{background-color:#F5F5F5;border-radius:3px;position:relative;margin:4px;padding:10px;border:1px solid #ccc;}
#contentk{background-color:#F5F5F5;border-radius:3px;position:relative;margin:4px;padding:10px;border:1px solid #ccc;}
#content h1{font-size:26px;line-height:32px;background-image:url(../images/hr2.png);background-repeat:repeat-x;background-position:bottom;color:#999;text-shadow:-2px 2px 0 #fff;display:block;height:30px;margin:0 0 10px;padding:0 0 10px}
#content h1 img{margin-right:5px;display:inline-block;float:left}
#content h2{font-size:18px;font-weight:400;margin-bottom:10px;text-shadow:#fff -1px 1px 0;line-height:22px;color:#777}
#content .display,#content .forms{width:100%;border:3px solid #C3C3C3;border-radius:5px;color: inherit;}
#content .utility{width:100%;border:2px solid #C3C3C3;border-radius:8px;background-color: #F5F5F5;}
#content p.info{background-color:#fff;border-radius:5px;border:2px solid #DDD;background-image:url(../images/info.png);background-repeat:no-repeat;background-position:10px 5px;line-height:1.3em;margin:0 0 10px;padding:5px 5px 5px 30px}
#content p.infoml{background-color:#fff;border-radius:5px;border:2px solid #DDD;background-image:url(../images/info.png);background-repeat:no-repeat;background-position:10px 5px;line-height:1.3em;margin:0 0 3px;padding:5px 5px 5px 30px;width:70px;}
#content p.infok{background-color:#fff;border-radius:5px;border:2px solid #DDD;background-image:url(../images/info.png);background-repeat:no-repeat;background-position:10px 5px;line-height:1.3em;margin:0 0 10px;padding:5px 5px 5px 30px;width:80px;}
#content p.infod{background-color:#fff;border-radius:5px;border:2px solid #DDD;background-image:url(../images/info.png);background-repeat:no-repeat;background-position:10px 5px;line-height:1.3em;margin:0 0 10px;padding:5px 5px 5px 30px;width:170px;text-align:center}
#content p.infoi{background-color:#fff;border-radius:5px;border:2px solid #DDD;background-image:url(../images/info.png);background-repeat:no-repeat;background-position:10px 5px;line-height:1.3em;margin:0 0 10px;padding:5px 5px 5px 30px;width:250px;}
#content p.infom{background-color:#fff;border-radius:5px;border:2px solid #DDD;background-repeat:no-repeat;background-position:10px 5px;line-height:1.3em;margin:0 0 10px;padding:5px 5px 5px 30px}
#content .display thead tr th,#content .forms thead tr th{background-color:#DDD;color: inherit;;padding:10px 5px;text-shadow:1px 1px 1px #fff;background:-moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);background:-webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#dddddd',GradientType=0);background:linear-gradient(top,#eeeeee 0%,#dddddd 100%);font-size:14px}
#content .display tr td,#content .forms tr td{color: inherit;background-image:url(../images/hr.png);background-repeat:repeat-x;background-position:top;padding:5px}
#content .utility tr td{padding:5px}
#content .display tr td img,#content .forms tr td img{margin-left:5px}
#content .display tbody tr th,#content .forms tbody tr th{background-color:#E9E9E9;color: inherit;background-image:url(../images/hr.png);background-repeat:repeat-x;background-position:top;white-space:normal;padding-right:5px;padding-left:5px;margin:0}
#content .display tfoot tr td,#content .forms tfoot tr td{background-color:#DDD;color: inherit;background:-moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%);background:-webkit-linear-gradient(top, #dddddd 0%,#eeeeee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd',endColorstr='#eeeeee',GradientType=0);background:linear-gradient(top,#dddddd 0%,#eeeeee 100%);}
#content .forms tbody tr th{text-align:left}
#content .display tr:hover{background-color:#fff;color: inherit !important;}
#content h1 span,#content h2 span,#content .display thead tr th span,#content .forms thead tr th span{float:right;width:auto;text-shadow:none}

/* == botones picking == */

#bpkn{
	border:1px solid #088A4B;
	background-color:#088A4B;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	margin:10px 10px;
	padding:4px 7px;
	}
.dk{
	width:30%;
	min-height:100px;
	height:200px;
	position:relative;
	border-radius:20px;
	margin:5%;
	display:inline-block;
	border:2px solid #090;
	border-radius:10px;
	}
.dk img{
	border-radius:10px;
	}
.dk:hover{
	-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
	cursor:pointer;
	}
.ldk{
	width:30%;
	min-width:50%;
	height:auto;
	text-align:right;
	padding:2%;
	padding-right:7%;
	background-color:#090;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:24px;
	position:absolute;
	color:#FFF;
	z-index:7;
	margin-top:3%;
	border-radius:0px 7px 7px 0px;
	}
.ara :hover{
	background-color:#CEE3F6;
	cursor:pointer;
	}	
.md-dcl{
	float:left;
	margin:0px 10px;
	padding:4px 7px;
	background-color:#FFF;
	border-radius:7px;
	color:#000;
	max-width:65px;
	border:1px solid #999;
	}
.md-dcl:hover{
	border:1px solid #F00;
	}
.irpm{
	width:100%;
	margin-top:7px;
	border:2px solid #CCC;
	border-radius:5px;
	}
.ltv{
	color:#FFF;
	}
.penc{
	border:2px solid #06F;
	border-radius:5px;
	background-color:#CED8F6;
	padding:10px 15px;
	color:#00F;
	font-family:Verdana;
	font-style:italic;
	}
.tdst{
	padding:2px 10px;
	border:1px solid #999;
	margin:0px 1px;
	width:300px;
	border-radius:7px 7px 0px 0px;
	background:#CCC;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	}
.tdsa{
	background-color:#088A4B;
	padding:2px 10px;
	border:1px solid #088A4B;
	margin:0px 1px;
	width:300px;
	border-radius:7px 7px 0px 0px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	}
.sarch{
	border:2px solid #999;
	border-radius:5px;
	padding:15px;
	margin-left:2%;
	background-color:#F7F8E0;
	}
.ttget{
	color:#06F;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	}
.k-pop{
	background-color:#088A4B;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:10px;
	border-radius:7px 7px 0px 0px;
	}
.m-pop{
	background-color:#F00;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:10px;
	border-radius:7px 7px 0px 0px;
	}
.ag-info{
	border:1px solid #F00;
	border-radius:5px;
	background-color:#F00;
	color:#FFF;
	padding:4px 10px;
	font-family:Arial;
	font-weight:bold;
	}
.n-if{
	border:0px;
	background-color:transparent !important;
	color:inherit !important;
	}
.op-lc{
	width:140px;
	padding:4px 7px;
	margin:2px;
	border:2px solid #5882FA;
	border-radius:10px;
	background-color:#FFF;
	text-align:center;
	float:left;
	}
.op-lc:hover{
	cursor:pointer;
	color:#FFF !important;
	background-color:#F2F5A9;
	}
.if-nc{
	font-family: Calibri, Arial, Verdana;
	font-size:16px;
	color:#F00;
	}
.tb-ca{
	border-radius:5px;
	border:1px solid #06F;
	}
.tbt-sba{
	background-color:#06F;
	color:#FFF;
	padding:4px;
	text-align:center;
	}
.sb-ax{
	background-color:#000;
	color:#FFF;
	padding:4px;
	text-align:center;
	}
.td-sc{
	background-color:#D8D8D8;
	padding-left:1%;
	}
.sb-af{
	width:48%;
	text-align:right;
	margin-top:10px;
	padding-right:20px;
	}
.inf-c{
	width:99%;
	height:auto;
	padding:7px;
	padding-left:20px;
	background-color:#A9F5A9;
	color:#03F;
	font-family:Calibri, Helvetica, sans-serif, "EmojiFont", "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols;
	font-size:14px;
	margin-bottom:10px;
	display:none;
	}
.frmt{
	width:50%;
	margin:auto;
	margin-top:2%;
	}
.tb-fmt{
	width:100%;
	border-collapse:collapse;
	border:1px solid #000 !important;
	}
.tb-fmt-hd{
	background-color:#06F;
	color:#FFF;
	text-align:center;
	}
.tb-fmt-hd td{
	padding:5px;
	font-family:Calibri, Verdana, Arial;
	font-size:14px;
	border:1px solid #FFF;
	}
.tb-fmt-bd{
	background-color:#FFF;
	color:#000;
	text-align:center;
	}
.tb-fmt-bd td{
	padding:5px;
	font-family:Calibri, Verdana, Arial;
	font-size:14px;
	border:1px solid #000;
	}
.td-azl{
	background-color:#06F;
	color:#FFF;
	}
.td-vrd{
	background-color:#090;
	color:#FFF;
	}
.td-red{
	background-color:#F00;
	color:#FFF;
	}
.rep-k{
	width:90%;
	margin:auto;
	}
.rep-k td{
	padding:10px;
	}
.tr-sta{background-color:#A9F5A9;color:#2E64FE;}
.tr-stb{background-color:#F4FA58;color:#000000;}
.tr-stc{background-color:#F78181;color:#FFFFFF;}

.tr-sta:hover{cursor:pointer;background-color:#A9F5A9 !important;color:#2E64FE !important;}
.tr-stb:hover{cursor:pointer;background-color:#F3F781 !important;color:#000000 !important;}
.tr-stc:hover{cursor:pointer;background-color:#F5A9A9 !important;color:#FFFFFF !important;}


.mnt-tbl{border:1px solid #000;border-collapse:collapse;}
.mnt-tbl td{padding:4px 7px;}
.tt-mnt-tbl{background-color:#000;color:#FFF;font-weight:bold;border-radius:5px;}
.dt-mnt-tbl{font-weight:bold;}
.tdcpy{display:flex;align-items:center;}
.txcpy{width: auto;float: left;}
.btcpy{width:25px;height:25px;background-image:url(../images/newsletter-lrg.png);background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;border:0; background-color;#CCC;margin-left:10px;}

.pdrch-ct{width:100px;border:2px solid #F00;border-radius:5px;background-color:#FFF;color:#F00;padding:4px;margin:2px;}

.lst-clt{min-width:39%;position: absolute;background-color: #FFF;}
.tb-sgtn{font-family:Arial;font-size:12px;border:0px;}
.tb-sgtn tr:hover{background-color: rgba(2,71,50,0.3);font-weight: bold;cursor: pointer;}
.tb-sgtn td{padding: 2px 7px;}

.xport-xls{width: 100px;border: 1px solid #088A08;color: #FFF !important;border-radius: 3px;}
.xport-xls-ico{padding: 2px 7px;padding-right: 20px;background-image: url('../images/exls.png');background-size: 20px 22px;background-repeat:no-repeat;background-position: 100% 50%;background-color: #088A08;}