* {
  margin: 0px;
  padding: 0px;
  }
  
  @font-face {
	font-family: Jura;
	src: url(../fonts/JuraL.ttf) format('truetype');
  }
  @font-face {
	font-family: JuraB;
	src: url(../fonts/JuraB.ttf) format('truetype');
  }
  @font-face {
	font-family: JuraM;
	src: url(../fonts/JuraM.ttf) format('truetype');
  }
  @font-face {
	font-family: TerminalL;
	src: url(../fonts/TerminalDosis-Light.ttf) format('truetype');
  }

  h1 {font: bold 24px verdana, sans-serif;}
  h2 {font: bold 20px verdana, sans-serif;}
  h3 {font: bold 18px verdana, sans-serif;}
  h4 {color: #2E64FE; font: italic 14px JuraM, sans-serif; margin-left: 125px;}
  h5 {color: #2E64FE; font: bold 13px Tahoma, sans-serif;}
  h6 {font: 12px verdana, sans-serif;}
  
  header, section, footer, nav, article, figure, figcaption, hgroup {
	display: block;
  }
  
  body {
	text-align: center;
  }
  #agrupar {
	width: 100%;
	text-align: left;
  }

  #bdy {
  margin: 30px 10% 10%;
  text-align: left;
  
  }
 
  #msjbdy{
  border: 1px dashed #4479BA;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px; 
  }

  /*#cabezera {
  height: 100px;
  }*/

  #cabezera {
  margin-top: 20px;
  height: 120px;
  }
  #cabezera img {padding-top: 3px 0 0 50px;}
 
  #imgFloatLeft {
  width: 30%;
  float:left;
  }

  #imgFloatCenter {
  padding-top:40px;
  text-align: center;
  font: 16px JuraB, sans-serif;
  float:left;
  }
   
  #imgFloatRight {
  padding-top:15px;
  margin-right: 10%;
  text-align: right;
  font: 14px JuraB, sans-serif;
  display: inline-flex;
  float: right;
  } 


  #imgTOP {
	float: right; 
	position: relative; 
	overflow: hidden;
  }
  a  img{border:0;}  	

  .seccion {
	/*border: 1px dashed #4479BA;*/
	margin: 20px 150px 0 150px;
	padding: 20px;
  background-color: #FFFFFF;


  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 0 10px #aaa;
  -webkit-box-shadow: 0 0 10px #aaa;

  box-shadow: 0 0 10px #aaa;
  border-radius: 5px;
  }

  
  #pie {
	clear: both;
	text-align: center;
	padding: 20px;
	border-top: 2px solid #999999;
  } 

  #imgFloat1 {
  position: relative;
  }
  
  .button {
    padding: 10px 15px;
    background: #4479BA;
    color: #FFF;
  }
  .buttonCp{
    padding: 5px 15px;
    background: #4479BA;
    color: #FFF;
  }
  #postForm legend {font: 16px JuraB, sans-serif;}
  #postForm .wrapper {min-height:30px;}
  #postForm .label {margin-left: 10px; width:200px; float:left; font: 14px TerminalL, sans-serif; line-height:28px;}
  #postForm .input {height:16px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif;}
  #postForm password {height:16px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif;}
  #postForm .radioPost {font: 14px Arial, Helvetica, sans-serif;}
  #postForm a {margin-left:10px;float:left;margin-top:5px;}

  .contenedor {
	float: left;
  }
  .contenedor span{
   	font: 14px TerminalL, sans-serif; 
  	line-height:28px;}
  }

.login_form .wrapper {min-height:40px;}
.login_form .label {margin-left: 10px; width:80px; float:left; font: 14px TerminalL, sans-serif; line-height:28px;}
.login_form input {height:16px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif;}
.login_form input#login {align-content: center; height:30px;width:250px;border:1px solid #fff;background:#e01f1f;padding:5px;color:#fff;font:14px Arial, Helvetica, sans-serif;}
.login_form input#sPass {align-content: center; height:30px;width:250px;border:1px solid #fff;background:#e01f1f;padding:5px;color:#fff;font:14px Arial, Helvetica, sans-serif;}
.login_form input#chPass {align-content: center; height:30px;width:250px;border:1px solid #fff;background:#e01f1f;padding:5px;color:#fff;font:14px Arial, Helvetica, sans-serif;}
.login_form .err {float:left;color:#FF0000;font: 13px Arial, Helvetica, sans-serif;}

  .qryCtnt {
    font: 12px Arial, sans-serif;
    height:16px;
    float: left;
  }

  .resProd {
    width:29%; 
    background-color: #FFFFFF; 
    padding: 10px; float: left; 
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 0 10px #aaa;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #aaa;
    box-shadow: 0 0 10px #aaa;
    border-radius: 5px;
  }


  .popup {
   position: fixed;
   width: 100%;
   opacity: 0.9;
   top:0px;
   min-height:200px;
   height:100%;
   z-index: 100;
   background: #FFFFFF;
   font-size: 20px;
   text-align: center;
   /*display:none;*/ 
  }

.login_form {
  font: 14px Jura, sans-serif; 
  position:absolute;
  height: 300px;
  width:360px;
  top:180px;
  left:36%;
  background: rgba(230, 230, 230, 0.5);
  /*background-color:#DDD;*/
  padding:10px;
  border:1px solid #AAA;
  /*display:none;*/
  z-index:101;
  -moz-border-radius: 10px;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-border-radius: 10px;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  border-radius: 10px;
}

.inpMod {margin-left: 10px; padding-left: 10px; float:left; font:13px Arial, sans-serif; line-height:28px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.label {margin-left: 10px; width:160px; float:left; font: 14px TerminalL, sans-serif; line-height:28px;}
.seccion p {margin-left: 10px; width:250px; float:left; font: 12px Arial, sans-serif; line-height:28px;}
.err {color: red; font: bold 12px Arial, sans-serif;}
.wrapper {display: inline-block;}

.listNomb {margin-left: 10px; width:350px; float:left; font: 12px TerminalL, sans-serif; line-height:18px;}
.listR {margin-left: 10px; width:50px; float:left; font: 12px TerminalL, sans-serif; line-height:18px;}

.buttonW {
  display: flex;
  padding: 5px 15px;
  background: #F2F2F2;
  font: 16px Jura, sans-serif;
  justify-content: center;
  align-items: center;
  float: left;
  margin-left: 10px;
  cursor: pointer;
  height: 20px;
  width: 130px;

  -moz-box-shadow: 3px 3px 3px #aaa;
  -webkit-box-shadow: 3px 3px 3px #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.buttonW:hover {
  /*border:1px solid #AAA;*/
  font: 16px JuraM, sans-serif;
  -moz-box-shadow: 3px 3px 2px #666;
  -webkit-box-shadow: 3px 3px 2px #666;
  }

.buttonW:active {
  /*border:1px solid #AAA;*/
  transform: translateY(2px);

  -moz-box-shadow: 3px 1px 2px #666;
  -webkit-box-shadow: 3px 1px 2px #666;
  }

  /*btn ejecutar
  #btnExec {background-image: url(../img/exec.gif); background-repeat: no-repeat; background-position: center;}
  #btnExec:hover {background-image: url(../img/execO.gif); background-repeat: no-repeat; background-position: center;}
  
  #btnClear {background-image: url(../img/clear.gif); background-repeat: no-repeat; background-position: center;}
  #btnClear:hover {background-image: url(../img/clearO.gif); background-repeat: no-repeat; background-position: center;}
  
  #btnVwSql {background-image: url(../img/s_sql.gif); background-repeat: no-repeat; background-position: center;}
  #btnVwSql:hover {background-image: url(../img/s_sqlO.gif); background-repeat: no-repeat; background-position: center;}
  #btnHdSql {background-image: url(../img/h_sql.gif); background-repeat: no-repeat; background-position: center;}
  #btnHdSql:hover {background-image: url(../img/h_sqlO.gif); background-repeat: no-repeat; background-position: center;}*/