body{
    font-family:"Trebuchet MS", Helvetica, sans-serif;
    background-color: #FFFFFF;
    min-width:290px;
}
#ktipo{
  margin:15px auto;
  padding:10px;
  border: 1px ;
  border-radius:10px;
  background:linear-gradient(325deg,#1A4B6B,#0F5D8F,#6FB6E2,#78BDE8,#78C3F4);
}
#consultar{
  border-radius: 6px;
}
#princiapl {
  border-radius: 10px;
  
}
#header{
position:relative;
 z-index:0;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 22%;
}
#CopyR{
  font-size: 12px;
  color: grey;
}

#headerImage {
  background-image: url("img-header-top.jpg");

  
}

#headerImg {
  width:50%;
}

.topLineBlue {
border-top:4px solid #00457F;
}

.logo{
  z-index: 1;
  position: absolute;
  left: 160px;
  top: 25px;
  height:120px;
}
.logo1{
  z-index: 1;
  position: absolute;
  left: 350px;
  top: 45px;
  height: 30px;
}
.header{
  width:100%;
  border:0; 
  margin:auto;  
  height:180px; 
}
#TitleName{
  color: white;
  position: absolute;
  z-index: 1;
  top: 72px;
  left: 295px;
  height:30px;
  font-size: 30px;
}

/*Esta sección es para que el sitio se Responsive*/
@media only screen and (max-width: 815px) {
  /* Para pantallas pequeñas*/
  #main-doc{
    position: relative;
    margin-left:0px;
    margin-top:0px;
  }
    #headerImg,#footerImg { height: 130px; width:500px; }
    #QuetzalImg{ height: 15px; width:80px; }
}
@media only screen and (max-width: 400px) {
  /* Para pantallas medianas */
  #main-doc{
    margin-left:-10px;
  }
    
  #headerImg,#footerImg  { height: 64px; width:246px; }

  #QuetzalImg{ height: 6px; width:15px; }

}