.fltLeft{
    float:left;
}
.fltRight{
    float:right;
}
.pie{
    font-family:Arial,Helvetica,Verdana; 
    padding:0.5%;
    text-align:center;
    font-size:80%;
}
.titleHeader{
    float: right;
    font-size:320%;
    font-family:Arial,Helvetica,Verdana;
    color: #CAA200;
    font-weight:bold;
    text-align: left;
    width:25%;
    padding-top:25px;
    margin:0%;
}
.titleHr{
   height: 1px;
   border: 1px #cccccc;
   color: #cccccc;
   background-color: #cccccc;
   width: 60%; 
   margin:0%;
}
hr { 
  background-color: #000000;
  height: 1px;
  width: 85%;
  padding:0%;
  margin:0%;
}
.subtitleHeader{
  font-size:14px;
  font-family:Arial; 
  color: #333333;
  padding:0%;
  margin:0%;
}
.headersdg{
  width: 100%;
  height: 16.5%;
  height: 140px;
}
.bodysdg{
  width: 100%;
  height: 65%;
  height: 485px;
  border:thin solid #C6C6C6;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
}
.bodysdgResult{
  width: 99%;
  height: 65%;
  height: 485px;
  border:thin solid #C6C6C6;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
  text-align: center;
  padding: 1%;
}
.bodycontent{
  float:right;
  width: 50%;
  height: 85%;
}
.helpcontent{
  float:right;
  width: 50%;
  height: 15%;
  text-align: right;
}
.scroll{
  overflow-y: scroll; 
  height:400px;
  width: 99%;
  padding: 0.5%;
}
.scroll::-webkit-scrollbar {
    width: 12px;
}
.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.divcontador{
 font-family:Arial;
 font-size:14px;
 height: 2%;
 width: 100%;
 text-align: right;
}
.contador{
 float:right;
 padding:0.3%;
 font-size:12px;
 font-family:Arial, Helvetica, Verdana; 
 border:thin solid #C6C6C6;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 background:#ffffff;
 color: #000000;
}
.diverror{
 float:left;
 font-family:Arial;
 font-size:14px;
 height: 4%;
 width: 98%;
 text-align: left;
 margin-bottom: 8%; 
}
.diverror1{
 float:left;
 font-family:Arial;
 font-size:14px;
 width: 100%;
 text-align: left;
}
input#gobutton{
  cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
  background:#ffffff; /*the colour of the button*/
  padding:5px 25px; /*add some padding to the inside of the button*/
  border:1px solid #ffffff; /*required or the default border for the browser will appear*/
  /*give the button curved corners, alter the size as required*/
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  /*give the button a drop shadow*/
  -webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
  -moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
  box-shadow: 0 0 4px rgba(0,0,0, .75);
  /*style the text*/
  color:#666666;
  font-size:14px;
}
input#gobutton:hover, input#gobutton:focus{
  background-color :#5281A0; /*make the background a little darker*/
  border:1px solid #5281A0; /*required or the default border for the browser will appear*/
  color:#ffffff;
  /*reduce the drop shadow size to give a pushed button effect*/
  -webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
  -moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
  box-shadow: 0 0 1px rgba(0,0,0, .75);
}
.tableRelatoria{
  margin: 3px 3px 3px 3px;
  width: 80%;
}
.tableResultadoRelatoria{
  margin: 3px 3px 3px 3px;
  width: 100%;
  text-align: center;
  font-family: Arial,Helvetica,Verdana;
  font-size: 12;
  font-weight: bold;
  border: 1px solid #000000;
}
.trTable{
  margin: 3px 3px 3px 3px;
}
.tdTable{
  margin: 0px 5px 0px 0px;
}
.btn {
  background: #EBEBEB;
  background-image: -webkit-linear-gradient(top, #FFFFFF, #EBEBEB);
  background-image: -moz-linear-gradient(top, #FFFFFF, #EBEBEB);
  background-image: -ms-linear-gradient(top, #FFFFFF, #EBEBEB);
  background-image: -o-linear-gradient(top, #FFFFFF, #EBEBEB);
  background-image: linear-gradient(to bottom, #FFFFFF, #EBEBEB);
  border:1px solid #CCCCCC;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Helvetica, Arial;
  color: #666666;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
  margin: 10px 10px 10px 0px;
  text-decoration: none;
}
.btn:hover {
  background: #5281A0;
  background-image: -webkit-linear-gradient(top, #88ABC2, #5281A0);
  background-image: -moz-linear-gradient(top, #88ABC2, #5281A0);
  background-image: -ms-linear-gradient(top, #88ABC2, #5281A0);
  background-image: -o-linear-gradient(top, #88ABC2, #5281A0);
  background-image: linear-gradient(to bottom, #88ABC2, #5281A0);
  text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;  
}
.btn:active {
  background: #5281A0;
  color: #FFFFFF;
}
.btn:focus {
  background: #5281A0;
  color: #FFFFFF;
}
.btnImage {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: url('../imgs/descarga.png');
  background-repeat: no-repeat;
  white-space: nowrap;
  width: 15px;
  height: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.divright{
  text-align: right;
}
.divleft{
  width: 100%;
  text-align: left;
}
.tdCenter{
  text-align: center;
}
.bodyimage {
  float:left;
  background-image: url('../imgs/imagenH.png');
  background-repeat: no-repeat;
  width: 50%;
  height: 100%;
}
.txtError{
  color: #ff0906;
}
input[type=text],
input[type=password],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email] {
  border: solid 1px #85b1de;
  -webkit-box-shadow: 
    inset 0 0 8px  rgba(0,0,0,0.1),
    0 0 16px rgba(0,0,0,0.1); 
  -moz-box-shadow: 
    inset 0 0 8px  rgba(0,0,0,0.1),
    0 0 16px rgba(0,0,0,0.1); 
  box-shadow: 
    inset 0 0 8px  rgba(0,0,0,0.1),
    0 0 16px rgba(0,0,0,0.1); 
  padding: 5px;
  background: rgba(255,255,255,0.5);
  margin: 0 0 5px 0;
}
input:focus{
	background:#F9F9F9;
	border: solid 1px #373737;
}
.divtextArea{
 font-family:Arial;
 font-size:10px;
 text-align: justify;
 border: solid 1px #cd0200;
}
.txtResultado{
  font-size:12px;
  font-family:Arial,Helvetica,Verdana;
}
.txtResultadoAnchoFijo{
  width: 100;
  font-size:10px;
  font-family:Arial,Helvetica,Verdana;
}
.divRelleno1{
  float: left;
  width: 81%;
  height: 100%;
}
.imgAyuda{
  float: right;
  display: block;
  background-image: url('../imgs/ayuda.png');
  background-repeat: no-repeat;
  width: 19%;
  height: 100%;
}
.tableScroll{
  width: 99%;
}