.sp-lightbox,body,html{height:100%;width:100%}.sp-loading{text-align:center;max-width:270px;padding:15px;border:5px solid #eee;border-radius:3px;font-size:12px;color:#888}.sp-wrap{display:none;line-height:0;font-size:0;background:#eee;border:5px solid #eee;border-radius:3px;position:relative;margin:0 25px 15px 0;float:left;max-width:300px}.sp-thumbs{text-align:left;display:inline-block}.sp-thumbs img{min-height:50px;min-width:50px;max-width:50px}.sp-thumbs a:link,.sp-thumbs a:visited{width:50px;height:50px;overflow:hidden;opacity:.3;display:inline-block;background-size:cover;background-position:center;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.sp-thumbs a:hover{opacity:1}.sp-current,.sp-thumbs a:active{opacity:1!important;position:relative}.sp-large{position:relative;overflow:hidden;top:0;left:0}.sp-large a img{max-width:100%;height:auto}.sp-large a{display:block}.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none}.sp-lightbox{position:fixed;top:0;left:0;background:#000;background:rgba(0,0,0,.9);z-index:1031;display:none;cursor:pointer}.sp-lightbox img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;max-width:90%;max-height:90%;border:2px solid #fff}#sp-next,#sp-prev{position:absolute;top:50%;margin-top:-25px;z-index:501;color:#fff;padding:14px;text-decoration:none;background:#000;border-radius:25px;border:2px solid #fff;width:50px;height:50px;box-sizing:border-box;transition:.2s}#sp-next:before,#sp-prev:before{content:'';border:7px solid transparent;position:absolute;top:16px}#sp-prev{left:10px}#sp-prev:before{border-right:15px solid #fff;left:7px}#sp-next{right:10px}#sp-next:before{border-left:15px solid #fff;left:18px}#sp-next:hover,#sp-prev:hover{background:#444}@media screen and (max-width:400px){.sp-wrap{margin:0 0 15px}#sp-next,#sp-prev{top:auto;margin-top:0;bottom:25px}}li{margin-top:0;margin-bottom:1rem}.text-info{color:#000!important}.clean-block .block-heading{padding-top:20px}


block-heading {
    margin-top: 100px;

}


text-info{
    margin-top: 700vw;
    text-align: center;
    font-weight: 1000;
}


text-info-gr{
    margin-top: 700vw;
    text-align: center;
    font-weight: 900;
    font-size: xx-large;
}

text-info-mode{
    margin-top: 700vw;
    text-align: center;
    font-weight: 900;
    font-size: xx-large;
}


.explicacion {
    font-size: large;

}

/*
.btn {
    background-color: #ffe55e;
    border: none;
    color: rgb(0, 0, 0);
    padding: 15px 32px;
    text-align: center;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    font-size: 1vw;
    border-radius: 5px;
    border-width: 1px;
    border-color: #000000;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);
    justify-content: space-between;
}*/

.btn-prg{
    background-color: #ffe55e;
    color: rgb(0, 0, 0);
    padding: 20px 30px;
    text-align: center;
    text-size-adjust: auto;
    text-decoration: none;
    display: inline-block;
    font-size: auto;
    border-radius: 5px;
    border-width: 1px;
    border-color: #ffd500;
    /*box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);*/
    justify-content: space-between;

}

.btn-conect {
    text-size-adjust: auto;
    text-decoration: none;
    text-align: center;
    font-size: auto;
    background-color: #0048ff;
    border-color: #0048ff;
    border-width: 1px;
    color: rgb(255, 255, 255);
    padding: 2px 3px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    border-radius: 5px;
    /*box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 8px 25px 0 rgba(0,0,0,0.19);*/
}




.btn-stp {
  font-size:15px;
  font-family:Arial;
  width:140px;
  height:50px;
  border-width:1px;
  color:#fff;
  border-color:blue;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  box-shadow:inset 0px 1px 0px 0px #5473ff;
  text-shadow:inset 0px 1px 0px #dddaff;
  background:linear-gradient(blue, blue);
}

.btn-stp:hover {
  background: linear-gradient(blue, blue);
}







p.intro {
    font-size: 200px;
}

#perfil{
    background-color: #0084ff;
}

input{
    background-color: #fbfbfb;
    width: 92%;
    height: 40px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #0000ff;
    padding-left: 10px;
    padding-right: 15px;
    margin-bottom: 5px;
}

textarea{
    background-color: #fbfbfb;
    width: 92%;
    height: 150px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #0000ff;
    margin-top: 10px;
    padding-left: 10px;
    margin-bottom: 5px;
    padding-top: 15px;
}


label{
    display: block;
    float: center;
}

p.success,
p.error {
    background: yellowgreen;
    display: inline-block;
    padding: 2px 10px;
	font-weight: bold;
}
p.error {
    background: orangered;
}


/*[type=submit] {
    height: 45px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    background-color: #0000ff;
    border-color: #0000ff;
    border-style: solid;
    border-radius: 10px;
    width: 20vw;
    cursor: pointer;
    text-align: center;
    padding-top: 1px;
    text-decoration: none;


}*/


button p{
    color: #fff;
    padding-top: 10px;
    text-align: center;
    text-size-adjust: auto;
    text-decoration: none;
    display: inline-block;
    font-size: auto;

}


span{
    color: #0000ff
}


.aviso{
    font-size: 13px;
    color: #0e0e0e;
}

h3{
    font-size: 16px;
    padding-bottom: 30px;
    color: #0e0e0e;
}


p{
    font-size: 14px;
    color: #0e0e0e;
}


::-webkit-input-placeholder {
   color: #a8a8a8;
}


img {
    max-width: 300px;
    max-height: 200px;
}


.contact_form{
    width: auto;
    height: auto;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #fff0a4;
    padding-left: 30px;
}


/*
login-box {
    width: 22vw;
    text-align: center;
    display:inline-block;
    padding: 50px 5px;
    background-color: #ffe55e;

    box-shadow: 0px 0px 1px 1px #a39b71;
    border-width: 1px;
    border-color: #000000;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;

    box-sizing: border-box;
}*/

.form-signin {
    max-width: 320px;
    max-height: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #ffe55e;
    border: 1px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}


td.d {
    background-color: #ffef89;
    width: 30%;
}

table#res-t{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 60%;
    margin-left: 200px;
      
}
table#res-t td {
    border: 1px solid rgb(255, 255, 255);
    padding: 8px;

  }