.group {
  zoom: 1;
}
.group:before {
  content: "";
  display: table;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
.f-clear {
  clear: both;
}
* {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #fff;
}
html {
  background-image: url("../images/geometry.png");
  background-repeat: repeat;
}
body {
  background-color: none;
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  font-family: 'Muli', sans-serif;
}
input:-webkit-autofill {
  background-color: rgba(255,255,255,0);
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.input-icon {
  font-weight: bold;
}
.input-icon i {
  color: #4d7b3b;
}
.border-cuztom {
  border-bottom: 2px solid #b4cd4f;
}
.openload {
  visibility: visible !important;
  opacity: 1 !important;
  -ms-filter: none !important;
  filter: none !important;
  display: block !important;
}
.loader {
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  display: none;
  margin: 0px auto;
  padding: 0px;
  background-color: rgba(0,0,0,0.8);
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  left: 0px;
  top: 0px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.loader .load {
  position: fixed;
  margin: 0px;
  padding: 0px;
  left: 50%;
  top: 50%;
  width: 100px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.loader .load img {
  display: block;
  margin: 0px auto;
  padding: 0px;
  width: 100%;
}
.pointer {
  cursor: pointer;
}
.head-img {
  display: inline block;
  margin-right: 1em;
  position: relative;
  width: 44px;
  height: 44px;
  float: left;
  overflow: hidden;
  border-radius: 100%;
  left: 0px;
}
.head-img img {
  display: block;
  margin: 0px auto;
  padding: 0px;
  width: 100 $;
  border-radius: 100%;
}
.viewsection {
  width: 100%;
  margin: 0px auto;
  padding: 1em;
  display: block;
  position: relative;
}
.infopatient {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.scrollpatient {
  z-index: 99;
  position: fixed;
  width: 100%;
  background-color: rgba(207,205,203,0.8);
  margin: 0px auto;
  display: block;
  left: 0px;
}
.btnsetting {
  display: block;
  position: fixed;
  right: 20px;
  margin: 0px;
  padding: 0px;
  z-index: 10;
  top: 20%;
}
@media only screen and (min-width: 320px) and (orientation: portrait) {
  .section {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 90%;
  }
  .section .content {
    display: inline-block;
    width: 100%;
    margin: 1em 0px;
    padding: 0px;
    vertical-align: top;
  }
  main {
    display: block;
    margin: 1em auto 1em auto;
    padding: 0px;
    width: 95%;
    position: relative;
    background-color: transparent;
  }
}
@media only screen and (min-width: 320px) and (orientation: landscape) {
  .section {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 90%;
  }
  .section .content {
    display: inline-block;
    width: 100%;
    margin: 1em 0px;
    padding: 0px;
    vertical-align: top;
  }
  main {
    display: block;
    margin: 1.2em auto 1em auto;
    padding: 0px;
    width: 95%;
    position: relative;
    background-color: transparent;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  main {
    margin: 3.5em auto 1em auto;
  }
  .section .content {
    width: 48%;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  main {
    margin: 2.2em auto 1em auto;
  }
  .section .content {
    width: 48%;
  }
}
@media only screen and (min-width: 1200px) {
  main {
    margin: 1.1em auto 1em auto;
  }
  .section .content {
    width: 32%;
  }
}
@font-face {
  font-family: 'webfont-medical-icons';
  src: url("fonts/webfont-medical-icons.eot");
  src: url("fonts/webfont-medical-icons.eot?#iefix") format('embedded-opentype'), url("fonts/webfont-medical-icons.ttf") format('truetype'), url("fonts/webfont-medical-icons.woff") format('woff'), url("fonts/webfont-medical-icons.svg#webfont-medical-icons") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'webfont-medical-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
/* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-i-womens-health:before {
  content: "\e600";
}
.icon-i-waiting-area:before {
  content: "\e601";
}
.icon-i-volume-control:before {
  content: "\e602";
}
.icon-i-ultrasound:before {
  content: "\e603";
}
.icon-i-text-telephone:before {
  content: "\e604";
}
.icon-i-surgery:before {
  content: "\e605";
}
.icon-i-stairs:before {
  content: "\e606";
}
.icon-i-radiology:before {
  content: "\e607";
}
.icon-i-physical-therapy:before {
  content: "\e608";
}
.icon-i-pharmacy:before {
  content: "\e609";
}
.icon-i-pediatrics:before {
  content: "\e60a";
}
.icon-i-pathology:before {
  content: "\e60b";
}
.icon-i-outpatient:before {
  content: "\e60c";
}
.icon-i-mental-health:before {
  content: "\e60d";
}
.icon-i-medical-records:before {
  content: "\e60e";
}
.icon-i-medical-library:before {
  content: "\e60f";
}
.icon-i-mammography:before {
  content: "\e610";
}
.icon-i-laboratory:before {
  content: "\e611";
}
.icon-i-labor-delivery:before {
  content: "\e612";
}
.icon-i-immunizations:before {
  content: "\e613";
}
.icon-i-imaging-root-category:before {
  content: "\e614";
}
.icon-i-imaging-alternative-pet:before {
  content: "\e615";
}
.icon-i-imaging-alternative-mri:before {
  content: "\e616";
}
.icon-i-imaging-alternative-mri-two:before {
  content: "\e617";
}
.icon-i-imaging-alternative-ct:before {
  content: "\e618";
}
.icon-i-fire-extinguisher:before {
  content: "\e619";
}
.icon-i-family-practice:before {
  content: "\e61a";
}
.icon-i-emergency:before {
  content: "\e61b";
}
.icon-i-elevators:before {
  content: "\e61c";
}
.icon-i-ear-nose-throat:before {
  content: "\e61d";
}
.icon-i-drinking-fountain:before {
  content: "\e61e";
}
.icon-i-cardiology:before {
  content: "\e61f";
}
.icon-i-billing:before {
  content: "\e620";
}
.icon-i-anesthesia:before {
  content: "\e621";
}
.icon-i-ambulance:before {
  content: "\e622";
}
.icon-i-alternative-complementary:before {
  content: "\e623";
}
.icon-i-administration:before {
  content: "\e624";
}
.icon-i-social-services:before {
  content: "\e625";
}
.icon-i-smoking:before {
  content: "\e626";
}
.icon-i-restrooms:before {
  content: "\e627";
}
.icon-i-restaurant:before {
  content: "\e628";
}
.icon-i-respiratory:before {
  content: "\e629";
}
.icon-i-registration:before {
  content: "\e62a";
}
.icon-i-oncology:before {
  content: "\e62b";
}
.icon-i-nutrition:before {
  content: "\e62c";
}
.icon-i-nursery:before {
  content: "\e62d";
}
.icon-i-no-smoking:before {
  content: "\e62e";
}
.icon-i-neurology:before {
  content: "\e62f";
}
.icon-i-mri-pet:before {
  content: "\e630";
}
.icon-i-interpreter-services:before {
  content: "\e631";
}
.icon-i-internal-medicine:before {
  content: "\e632";
}
.icon-i-intensive-care:before {
  content: "\e633";
}
.icon-i-inpatient:before {
  content: "\e634";
}
.icon-i-information-us:before {
  content: "\e635";
}
.icon-i-infectious-diseases:before {
  content: "\e636";
}
.icon-i-hearing-assistance:before {
  content: "\e637";
}
.icon-i-health-services:before {
  content: "\e638";
}
.icon-i-health-education:before {
  content: "\e639";
}
.icon-i-gift-shop:before {
  content: "\e63a";
}
.icon-i-genetics:before {
  content: "\e63b";
}
.icon-i-first-aid:before {
  content: "\e63c";
}
.icon-i-dermatology:before {
  content: "\e63d";
}
.icon-i-dental:before {
  content: "\e63e";
}
.icon-i-coffee-shop:before {
  content: "\e63f";
}
.icon-i-chapel:before {
  content: "\e640";
}
.icon-i-cath-lab:before {
  content: "\e641";
}
.icon-i-care-staff-area:before {
  content: "\e642";
}
.icon-i-accessibility:before {
  content: "\e643";
}
.icon-i-diabetes-education:before {
  content: "\e644";
}
.icon-i-hospital:before {
  content: "\e645";
}
.icon-i-kidney:before {
  content: "\e646";
}
.icon-i-ophthalmology:before {
  content: "\e647";
}
.icon-womens-health:before {
  content: "\e648";
}
.icon-waiting-area:before {
  content: "\e649";
}
.icon-volume-control:before {
  content: "\e64a";
}
.icon-ultrasound:before {
  content: "\e64b";
}
.icon-text-telephone:before {
  content: "\e64c";
}
.icon-surgery:before {
  content: "\e64d";
}
.icon-stairs:before {
  content: "\e64e";
}
.icon-radiology:before {
  content: "\e64f";
}
.icon-physical-therapy:before {
  content: "\e650";
}
.icon-pharmacy:before {
  content: "\e651";
}
.icon-pediatrics:before {
  content: "\e652";
}
.icon-pathology:before {
  content: "\e653";
}
.icon-outpatient:before {
  content: "\e654";
}
.icon-ophthalmology:before {
  content: "\e655";
}
.icon-mental-health:before {
  content: "\e656";
}
.icon-medical-records:before {
  content: "\e657";
}
.icon-medical-library:before {
  content: "\e658";
}
.icon-mammography:before {
  content: "\e659";
}
.icon-laboratory:before {
  content: "\e65a";
}
.icon-labor-delivery:before {
  content: "\e65b";
}
.icon-kidney:before {
  content: "\e65c";
}
.icon-immunizations:before {
  content: "\e65d";
}
.icon-imaging-root-category:before {
  content: "\e65e";
}
.icon-imaging-alternative-pet:before {
  content: "\e65f";
}
.icon-imaging-alternative-mri:before {
  content: "\e660";
}
.icon-imaging-alternative-mri-two:before {
  content: "\e661";
}
.icon-imaging-alternative-ct:before {
  content: "\e662";
}
.icon-hospital:before {
  content: "\e663";
}
.icon-fire-extinguisher:before {
  content: "\e664";
}
.icon-family-practice:before {
  content: "\e665";
}
.icon-emergency:before {
  content: "\e666";
}
.icon-elevators:before {
  content: "\e667";
}
.icon-ear-nose-throat:before {
  content: "\e668";
}
.icon-drinking-fountain:before {
  content: "\e669";
}
.icon-diabetes-education:before {
  content: "\e66a";
}
.icon-cardiology:before {
  content: "\e66b";
}
.icon-billing:before {
  content: "\e66c";
}
.icon-anesthesia:before {
  content: "\e66d";
}
.icon-ambulance:before {
  content: "\e66e";
}
.icon-alternative-complementary:before {
  content: "\e66f";
}
.icon-administration:before {
  content: "\e670";
}
.icon-accessibility:before {
  content: "\e671";
}
.icon-social-services:before {
  content: "\e672";
}
.icon-smoking:before {
  content: "\e673";
}
.icon-restrooms:before {
  content: "\e674";
}
.icon-restaurant:before {
  content: "\e675";
}
.icon-respiratory:before {
  content: "\e676";
}
.icon-oncology:before {
  content: "\e677";
}
.icon-nutrition:before {
  content: "\e678";
}
.icon-nursery:before {
  content: "\e679";
}
.icon-no-smoking:before {
  content: "\e67a";
}
.icon-neurology:before {
  content: "\e67b";
}
.icon-mri-pet:before {
  content: "\e67c";
}
.icon-interpreter-services:before {
  content: "\e67d";
}
.icon-internal-medicine:before {
  content: "\e67e";
}
.icon-intensive-care:before {
  content: "\e67f";
}
.icon-inpatient:before {
  content: "\e680";
}
.icon-information-us:before {
  content: "\e681";
}
.icon-infectious-diseases:before {
  content: "\e682";
}
.icon-hearing-assistance:before {
  content: "\e683";
}
.icon-health-services:before {
  content: "\e684";
}
.icon-health-education:before {
  content: "\e685";
}
.icon-gift-shop:before {
  content: "\e686";
}
.icon-genetics:before {
  content: "\e687";
}
.icon-first-aid:before {
  content: "\e688";
}
.icon-dental:before {
  content: "\e689";
}
.icon-coffee-shop:before {
  content: "\e68a";
}
.icon-chapel:before {
  content: "\e68b";
}
.icon-cath-lab:before {
  content: "\e68c";
}
.icon-care-staff-area:before {
  content: "\e68d";
}
.icon-registration:before {
  content: "\e68e";
}
.icon-dermatology:before {
  content: "\e68f";
}
@media only screen and (min-width: 320px) {
  .message-modal {
    display: block;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    margin: 0px auto;
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    z-index: 999;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
  }
  .message-modal .md-modal {
    position: fixed;
    background-color: transparent;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    z-index: 1001;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0em;
    display: block;
    width: auto;
  }
  .message-modal .md-modal .mdtitulo {
    width: 100%;
    margin: 1em auto;
    font-size: 1.2em;
    letter-spacing: 0px;
    font-family: CoreSansB;
    text-align: center;
    color: #b4cd4f;
  }
  .message-modal .md-modal .mdtexto {
    width: 85%;
    margin: 0.5em auto;
    margin-bottom: 1.5em;
    font-size: 1.2em;
    letter-spacing: 0px;
    font-family: CoreSans;
    text-align: center;
    color: #3c3c3c;
  }
  .message-modal .md-modal .social {
    diplay: block;
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    vertical-align: top;
    background-color: #3c3c3c;
  }
  .message-modal .md-modal .social p {
    display: block;
    width: 100%;
    text-align: margin 10px auto 0px;
    padding: 8px;
    color: #fff;
    font-size: 0.7em;
  }
  .message-modal .md-modal .social .left {
    display: block;
    width: 50%;
    margin: 0px;
    float: left;
    padding: 0.5em;
    vertical-align: top;
  }
  .message-modal .md-modal .social .left .socialbtn {
    display: block;
    width: 95%;
    margin: 0.5em auto;
    padding: 0px;
    vertical-align: top;
  }
  .message-modal .md-modal .social .left .socialbtn a {
    text-decoration: none;
    font-family: CoreSans;
    font-size: 0.8em;
    padding: 0.5em 0.8em;
    text-align: center;
    color: #fff;
    display: block;
    width: 100%;
    margin: 0px auto;
    background-color: #3b5997;
    -webkit-transition: all 0.5s background-color;
    -moz-transition: all 0.5s background-color;
    -o-transition: all 0.5s background-color;
    -ms-transition: all 0.5s background-color;
    transition: all 0.5s background-color;
  }
  .message-modal .md-modal .social .left .socialbtn a i {
    margin-right: 0.3em;
  }
  .message-modal .md-modal .social .left .socialbtn a:hover {
    background-color: #3c6a96;
  }
  .message-modal .md-modal .social .left .socialbtn .twitter {
    background-color: #34ccfe;
  }
  .message-modal .md-modal .social .left .socialbtn .twitter:hover {
    background-color: #35dbfc;
  }
  .message-modal .md-content {
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    position: relative;
    width: 100%;
    background-color: #fff;
    border: 2px solid #b4cd4f;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    padding: 1em;
    text-align: center;
    letter-spacing: 1px;
  }
  .message-modal .md-close {
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    cursor: pointer;
    font-size: 1em;
    text-align: center;
    width: 1.6em;
    height: 1.6em;
    border-radius: 100%;
    background-color: #b4cd4f;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .message-modal .md-close:hover {
    background-color: #8bc32b;
  }
  .message-modal .md-close i {
    font-size: 18px;
  }
  .message-modal .md-close span {
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    margin: 0px;
    padding: 0px;
  }
}
.loadcomplete #preloader-wrapper .preloader-section-top {
  top: -100%;
}
.loadcomplete #preloader-wrapper .preloader-section-bottom {
  bottom: -100%;
}
.loadcomplete #preloader {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  display: none;
  visibility: hidden;
}
#preloader-wrapper .preloader-section {
  position: fixed;
  width: 100%;
  height: 50%;
  background-color: #222;
  z-index: 10000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#preloader-wrapper .preloader-section-top {
  top: 0px;
}
#preloader-wrapper .preloader-section-bottom {
  bottom: 0px;
}
#preloader {
  display: block;
  margin: 0px auto;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10001;
  width: 10%;
  -webkit-transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  -ms-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
#preloader .logo {
  width: 100%;
  display: block;
  margin: 0.5em auto;
}
#preloader .logo img {
  display: block;
  margin: 0px auto;
  padding: 0px;
  width: 100%;
}
#preloader .load-spin {
  margin: 0em auto;
  width: 50%;
  display: block;
}
@media only screen and (min-width: 320px) {
  .session {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100vw;
    height: 100vh;
    background-image: url("../images/session.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    color: #333;
  }
  .session .content {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 90%;
    position: fixed;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
  }
  .session .content .logo {
    display: block;
    margin: 4em auto;
    width: 35%;
    padding: 0px;
  }
  .session .content .logo img {
    display: block;
    margin: 0px auto;
    width: 100%;
    height: 100%;
  }
  .session .content .bx-transparent {
    background-color: rgba(255,255,255,0.65);
    display: block;
    margin: 0px auto;
    padding: 0.3em;
    width: 100%;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    position: relative;
  }
  .session .content .bx-color {
    margin: 0px auto;
    width: 100%;
    padding: 0px;
    border: 1px solid #fff;
    display: block;
    position: relative;
    background: #fff; /* Old browsers */
    background: -moz--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
  }
  .session .content .formsession {
    display: block;
    margin: 0px auto;
    padding: 0.5em;
    width: 80%;
    position: relative;
  }
  .session .content .formsession h1 {
    text-align: center;
    width: 100%;
    margin: 5px auto;
    padding: 0.3em;
    color: #afafaf;
  }
  .session .content .picture {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 64px;
    height: 64px;
    position: absolute;
    top: -10%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .session .content .picture .transpaprent {
    display: block;
    margin: 0px auto;
    padding: 5px;
    width: 64px;
    height: 64px;
    background-color: rgba(255,255,255,0.45);
    border-radius: 100%;
    text-align: center;
  }
  .session .content .picture .transpaprent img {
    display: block;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 100%;
    padding: 0px;
  }
  .session .content .input {
    display: block;
    margin: 1.5em auto;
    padding: 0px;
    position: relative;
    width: 100%;
  }
  .session .content .input .text {
    text-align: left;
    display: block;
    margin: 5px auto;
    width: 100%;
    padding: 8px 1em;
    border: none;
    font-size: 1.2em;
    position: relative;
    background-color: transparent;
    z-index: 10;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    transition: background-color 0.3s;
    color: #494949;
    -webkit-perspective: 1001px;
    -moz-perspective: 1001px;
    -ms-perspective: 1001px;
    perspective: 1001px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .session .content .input .text:focus {
    color: #f5f5f5;
    outline: 0;
    padding-left: 2em;
  }
  .session .content .input .text:focus + label p {
    margin-left: 0px;
  }
  .session .content .input .text:focus + label i {
    top: -178%;
    left: 5%;
color
  }
  .session .content .input .text:focus + label::before {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
  .session .content .input .label {
    display: block;
    margin: 0.5em auto;
    width: 100%;
    padding: 0px;
    text-align: left;
    position: relative;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    z-index: 0;
  }
  .session .content .input .label p {
    display: block;
    margin-left: 2em;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .session .content .input .label i {
    color: #333;
    display: block;
    margin: 0px;
    padding: 0px;
    font-size: 1.2em;
    position: absolute;
    left: 0px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  .session .content .input .label:after {
    content: "";
    margin: 0px auto;
    padding: 0px;
    position: absolute;
    width: 100%;
    height: 3px;
    top: -8px;
    left: 0px;
    background-color: #b4cd4f;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    transition: transform 0.3s;
    z-index: 0;
  }
  .session .content .input .label:before {
    content: "";
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    height: 39px;
    position: absolute;
    top: -46px;
    left: 0px;
    -webkit-transform: scale(1) scaleZ(1) rotate3d(1, 0, 0, 90deg);
    -moz-transform: scale(1) scaleZ(1) rotate3d(1, 0, 0, 90deg);
    -o-transform: scale(1) scaleZ(1) rotate3d(1, 0, 0, 90deg);
    -ms-transform: scale(1) scaleZ(1) rotate3d(1, 0, 0, 90deg);
    transform: scale(1) scaleZ(1) rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -ms-transition: -ms-transform 0.3s;
    transition: transform 0.3s;
    background-color: #b4cd4f;
    z-index: 0;
  }
  .session .content .inputerror .text:focus + label::before {
    background-color: #b4cd4f;
  }
  .session .content .inputerror .text:focus + label::after {
    background-color: #b4cd4f;
  }
  .session .content .inputerror .label:after {
    background-color: #cd4f4f;
  }
  .session .content .inputerror .label:before {
    background-color: #cd4f4f;
  }
  .session .content .button {
    display: block;
    margin: 1.5em auto;
    padding: 0.7em 1.5em;
    text-align: center;
    position: relative;
    width: 100%;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    color: #b4cd4f;
    font-size: 1.3em;
    background-color: #494949;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .session .content .button:hover {
    background: #fff;
  }
  .session .content .button:hover:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    width: 100%;
    height: 100%;
  }
  .session .content .button:before {
    content: '';
    width: 2em;
    height: 1.3em;
    position: absolute;
    border: 2px solid #b4cd4f;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media only screen and (min-width: 768px) {
  .session .content {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 50%;
  }
}
@media only screen and (min-width: 1200px) {
  .session .content {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 25%;
  }
}
.openmenu {
  left: 0px !important;
}
@media only screen and (min-width: 320px) and (orientation: portrait) {
  .view {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
  }
  .profile-movil {
    display: block;
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    width: 100%;
    background: #fff;
    background: -moz--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(to right top, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.16);
    box-shadow: 0 2px 3px 0px rgba(0,0,0,0.16);
    padding: 0px;
    margin: 0px auto;
    position: fixed;
    z-index: 100;
    top: 0px;
  }
  .profile-movil .movil {
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    display: block;
    position: relative;
  }
  .profile-movil .movil img {
    display: block;
    width: 20%;
    padding: 0px;
    margin: 0.5em auto;
    position: relative;
  }
  .profile-movil .movil .bars {
    display: block;
    position: absolute;
    padding: 6px;
    margin: 0px;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
  }
  .profile-movil .movil .bars i {
    font-size: 30px;
    color: #4d7b3b;
  }
  .profile-movil .movil .bars:hover i {
    color: #509419;
  }
  .profile-movil .movil .bars:active i {
    color: #509419;
  }
  .info-movil {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
    z-index: 98;
    display: block;
    margin: 0px;
    padding: 0.5em;
    width: 84%;
    position: absolute;
    top: -100%;
    right: 0px;
    background-color: #4d7b3b;
  }
  .info-movil .sect-info {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    position: relative;
    vertical-align: middle;
  }
  .info-movil .profile-id {
    border: none;
    background-color: #fff;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    padding: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
    box-shadow: 0 2px 2px rgba(0,0,0,0.15);
  }
  .info-movil .profile-id img {
    display: block;
    margin: 0px auto;
    width: 100%;
    padding: 0px;
    height: 100%;
    border-radius: 100%;
  }
  .info-movil .data {
    margin-left: 1em;
    width: 75%;
  }
  .info-movil .data i {
    color: #509419;
  }
  .info-movil .data .name {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    color: #fff;
    font-size: 16px;
  }
  .info-movil .data .email {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    font-size: 16x;
    color: #fff;
  }
  .info-movil .data .singout {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    font-size: 16x;
    color: #fff;
    text-decoration: none;
  }
  .info-movil:after {
    content: "";
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    border-style: solid;
    border-width: 0 38px 97px 0;
    border-color: transparent #4d7b3b transparent transparent;
    left: -37px;
    top: 0px;
  }
  .profile-desktop {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    position: fixed;
    z-index: 100;
    top: 0px;
  }
  .profile-desktop .bar {
    width: 100%;
    border: none;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    display: block;
    background: #fff;
    background: -moz--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(to right top, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.16);
    box-shadow: 0 2px 3px 0px rgba(0,0,0,0.16);
  }
  .profile-desktop .bar .logo {
    width: 10%;
    display: block;
    margin: 5px 0px;
    padding: 0px;
    float: left;
    position: relative;
    cursor: pointer;
  }
  .profile-desktop .bar .logo div {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    vertical-align: middle;
  }
  .profile-desktop .bar .logo .pict {
    width: 100%;
    margin-left: 40px;
  }
  .profile-desktop .bar .logo .menu {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: grisfuerte;
    position: absolute;
    left: 9px;
    font-size: 25px;
  }
  .profile-desktop .bar .logo img {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
  }
  .profile-desktop .bar .logo:hover .menu {
    color: #4d7b3b;
  }
  .profile-desktop .info {
    display: block;
    margin: 0px;
    padding: 0.5em;
    width: 30%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #323232;
  }
  .profile-desktop .info .sect-info {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    position: relative;
    vertical-align: top;
  }
  .profile-desktop .info .profile-id {
    border: none;
    background-color: #fff;
    border-radius: 100%;
    width: 86px;
    height: 86px;
    padding: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
    box-shadow: 0 2px 2px rgba(0,0,0,0.15);
  }
  .profile-desktop .info .profile-id img {
    display: block;
    margin: 0px auto;
    width: 100%;
    padding: 0px;
    height: 100%;
    border-radius: 100%;
  }
  .profile-desktop .info .data {
    margin-left: 1em;
  }
  .profile-desktop .info .data i {
    color: #fff;
  }
  .profile-desktop .info .data .name {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    color: #fff;
    font-size: 16px;
  }
  .profile-desktop .info .data .email {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    font-size: 16x;
    color: #fff;
  }
  .profile-desktop .info .data .singout {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    font-size: 16x;
    color: #fff;
    text-decoration: none;
  }
  .profile-desktop .info:after {
    content: "";
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    border-style: solid;
    border-width: 0 60px 102px 0;
    border-color: transparent #323232 transparent transparent;
    left: -60px;
    top: 0px;
  }
  .head-menu {
    display: block;
    position: fixed;
    width: 80px;
    height: auto;
    left: -100%;
    top: 56px;
    z-index: 70;
    border-right: 1px solid #ebebeb;
    background: #fff;
    background: -moz--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(to right bottom, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .head-menu ul {
    list-style: none;
  }
  .head-menu > ul {
    display: block;
    position: relative;
    height: auto;
    width: 100%;
  }
  .head-menu > ul > li {
    position: relative;
    display: block;
    width: 100%;
    height: 15.3vh;
    margin: 0px auto;
  }
  .head-menu .active {
    background-color: #4d7b3b;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .head-menu .active i {
    color: #fff;
  }
  .head-menu li {
    -webkit-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .head-menu li a {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 5px;
    color: #fff;
    font-style: none;
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
  }
  .head-menu li i {
    color: #ababab;
    font-size: 40px;
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
  }
  .head-menu li div {
    display: none;
    visibility: hidden;
    position: absolute;
    font-size: 0.7em;
    width: auto;
    font-weight: 300;
    word-wrap: normal;
    top: 50%;
    left: 8em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .head-menu li .title h2 {
    font-weight: 300;
    padding: 10px;
  }
  .head-menu li:hover {
    -webkit-box-shadow: 0 7px 6px -4px #777;
    box-shadow: 0 7px 6px -4px #777;
    background-color: #4d7b3b;
  }
  .head-menu li:hover i {
    color: #fff;
  }
  .head-menu li:hover div {
    display: block;
    visibility: visible;
  }
  .head-menu .colortext {
    border: 2px solid #4d7b3b;
    color: #4d7b3b;
    -webkit-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .head-menu .colortext :after {
    z-index: 100;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border: solid;
    border-width: 12px 15px 12px 0px;
    border-color: transparent #4d7b3b transparent transparent;
  }
  .head-menu .colortext :before {
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 101;
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border: solid;
    border-width: 9px 12px 9px 0px;
    border-color: transparent #fff transparent transparent;
  }
}
@media only screen and (min-width: 320px) and (orientation: landscape) {
  .view {
    display: block;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    width: 95%;
  }
  .profile-movil {
    display: block;
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    width: 100%;
    background: #fff;
    background: -moz--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(to right top, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.16);
    box-shadow: 0 2px 3px 0px rgba(0,0,0,0.16);
    padding: 0px;
    margin: 0px auto;
    position: fixed;
    z-index: 100;
    top: 0px;
  }
  .profile-movil .movil {
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    display: block;
    position: relative;
  }
  .profile-movil .movil img {
    display: block;
    width: 14%;
    padding: 0px;
    margin: 0.5em auto;
    position: relative;
  }
  .profile-movil .movil .bars {
    display: block;
    position: absolute;
    padding: 6px;
    margin: 0px;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
  }
  .profile-movil .movil .bars i {
    font-size: 30px;
    color: #4d7b3b;
  }
  .profile-movil .movil .bars:hover i {
    color: #509419;
  }
  .profile-movil .movil .bars:active i {
    color: #509419;
  }
  .info-movil {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
    z-index: 98;
    display: block;
    margin: 0px;
    padding: 0.5em;
    width: 84%;
    position: absolute;
    top: -100%;
    right: 0px;
    background-color: #4d7b3b;
  }
  .info-movil .sect-info {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    position: relative;
    vertical-align: middle;
  }
  .info-movil .profile-id {
    border: none;
    background-color: #fff;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    padding: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
    box-shadow: 0 2px 2px rgba(0,0,0,0.15);
  }
  .info-movil .profile-id img {
    display: block;
    margin: 0px auto;
    width: 100%;
    padding: 0px;
    height: 100%;
    border-radius: 100%;
  }
  .info-movil .data {
    margin-left: 1em;
    width: 75%;
  }
  .info-movil .data i {
    color: #509419;
  }
  .info-movil .data .name {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    color: #fff;
    font-size: 16px;
  }
  .info-movil .data .email {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    font-size: 16x;
    color: #fff;
  }
  .info-movil .data .singout {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    font-size: 16x;
    color: #fff;
    text-decoration: none;
  }
  .info-movil:after {
    content: "";
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    border-style: solid;
    border-width: 0 38px 97px 0;
    border-color: transparent #4d7b3b transparent transparent;
    left: -37px;
    top: 0px;
  }
  .profile-desktop {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    position: fixed;
    z-index: 100;
    top: 0px;
  }
  .profile-desktop .bar {
    width: 100%;
    border: none;
    margin: 0px auto;
    padding: 0px;
    position: relative;
    display: block;
    background: #fff;
    background: -moz--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left bottom, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(to right top, right top, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(45deg, #fff 0%, #f6f6f6 47%, #ededed 100%);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.16);
    box-shadow: 0 2px 3px 0px rgba(0,0,0,0.16);
  }
  .profile-desktop .bar .logo {
    width: 10%;
    display: block;
    margin: 5px 0px;
    padding: 0px;
    float: left;
    position: relative;
    cursor: pointer;
  }
  .profile-desktop .bar .logo div {
    display: block;
    margin: 0px;
    padding: 0px;
    float: left;
    vertical-align: middle;
  }
  .profile-desktop .bar .logo .pict {
    width: 100%;
    margin-left: 40px;
  }
  .profile-desktop .bar .logo .menu {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: grisfuerte;
    position: absolute;
    left: 9px;
    font-size: 25px;
  }
  .profile-desktop .bar .logo img {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 70%;
  }
  .profile-desktop .bar .logo:hover .menu {
    color: #4d7b3b;
  }
  .profile-desktop .info {
    display: block;
    margin: 0px;
    padding: 0.5em;
    width: 30%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #323232;
  }
  .profile-desktop .info .sect-info {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    position: relative;
    vertical-align: top;
  }
  .profile-desktop .info .profile-id {
    border: none;
    background-color: #fff;
    border-radius: 100%;
    width: 86px;
    height: 86px;
    padding: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
    box-shadow: 0 2px 2px rgba(0,0,0,0.15);
  }
  .profile-desktop .info .profile-id img {
    display: block;
    margin: 0px auto;
    width: 100%;
    padding: 0px;
    height: 100%;
    border-radius: 100%;
  }
  .profile-desktop .info .data {
    margin-left: 1em;
  }
  .profile-desktop .info .data i {
    color: #fff;
  }
  .profile-desktop .info .data .name {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    color: #fff;
    font-size: 16px;
  }
  .profile-desktop .info .data .email {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    font-size: 16x;
    color: #fff;
  }
  .profile-desktop .info .data .singout {
    display: block;
    width: 100%;
    line-height: 125%;
    margin: 5px auto;
    text-align: left;
    padding: 0px;
    letter-spacing: 1px;
    font-size: 16x;
    color: #fff;
    text-decoration: none;
  }
  .profile-desktop .info:after {
    content: "";
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    border-style: solid;
    border-width: 0 60px 102px 0;
    border-color: transparent #323232 transparent transparent;
    left: -60px;
    top: 0px;
  }
  .head-menu {
    display: block;
    position: fixed;
    width: 100%;
    left: -100%;
    top: 56px;
    z-index: 70;
    border-right: 1px solid #ebebeb;
    background: #fff;
    background: -moz--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-gradient(to right bottom, left bottom, color-stop(0%, #fff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms--ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -moz-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #fff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #fff 0%, #f6f6f6 47%, #ededed 100%);
    -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .head-menu ul {
    list-style: none;
  }
  .head-menu > ul {
    display: block;
    position: relative;
    height: auto;
    width: 100%;
  }
  .head-menu > ul > li {
    position: relative;
    display: inline-block;
    width: 16%;
    height: 15.3vh;
    margin: 0px auto;
  }
  .head-menu .active {
    background-color: #4d7b3b;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .head-menu .active i {
    color: #fff;
  }
  .head-menu li {
    -webkit-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .head-menu li a {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 5px;
    color: #fff;
    font-style: none;
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
  }
  .head-menu li i {
    color: #ababab;
    font-size: 40px;
    text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
  }
  .head-menu li div {
    display: none;
    visibility: hidden;
    position: absolute;
    font-size: 0.7em;
    width: 100%;
    font-weight: 300;
    word-wrap: normal;
    bottom: -100%;
    left: 50%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    -webkit-transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 850ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .head-menu li .title h2 {
    font-weight: 300;
    padding: 10px;
  }
  .head-menu li:hover {
    -webkit-box-shadow: 0 7px 6px -4px #777;
    box-shadow: 0 7px 6px -4px #777;
    background-color: #4d7b3b;
  }
  .head-menu li:hover i {
    color: #fff;
  }
  .head-menu li:hover div {
    display: block;
    visibility: visible;
  }
  .head-menu .colortext {
    border: 2px solid #4d7b3b;
    color: #4d7b3b;
    -webkit-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .head-menu .colortext :after {
    z-index: 80;
    left: 50%;
    top: -12px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border: solid;
    border-width: 0px 12px 12px 12px;
    border-color: transparent transparent #4d7b3b transparent;
  }
  .head-menu .colortext :before {
    left: 50%;
    top: -10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 81;
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border: solid;
    border-width: 0px 12px 12px 12px;
    border-color: transparent transparent #fff transparent;
  }
}
@media only screen and (min-width: 768px) and (orientation: portrait) {
  .view {
    width: 90%;
  }
  .profile-movil .movil img {
    display: block;
    width: 22%;
  }
  .head-menu {
    top: 65px;
  }
  .head-menu > ul > li {
    height: 15.7vh;
  }
}
@media only screen and (min-width: 768px) and (orientation: landscape) {
  .head-menu {
    top: 76px;
  }
  .head-menu > ul > li {
    height: 8.7vh;
  }
}
@media only screen and (min-width: 1200px) {
  .view {
    width: 80%;
  }
  .profile-movil {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .info-movil {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .profile-desktop {
    display: block;
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .head-menu {
    top: 47px;
    width: 80px;
  }
  .head-menu ul > li,
  .head-menu > ul > li {
    display: block;
    width: 100%;
    height: 15.5vh;
  }
  .head-menu li div {
    width: auto;
    bottom: inherit;
    top: 50%;
    left: 8em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .head-menu .colortext {
    border: 2px solid #4d7b3b;
    color: #4d7b3b;
    -webkit-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 450ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .head-menu .colortext :after {
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 12px 15px 12px 0px;
    border-color: transparent #4d7b3b transparent transparent;
  }
  .head-menu .colortext :before {
    left: -11px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-width: 10px 12px 10px 0px;
    border-color: transparent #fff transparent transparent;
  }
}
.inputs {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 1em;
  vertical-align: top;
  width: 100%;
  background: transparent;
  color: #fff;
}
.inputs_fields {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 100%;
  border: none;
  border-radius: 0px;
  background: none;
  color: #aaa;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-bottom: 2px solid #9d9d9d;
}
.inputs_fields:focus {
  outline: none;
}
.inputs_label {
  display: block;
  position: absolute;
  width: 100%;
  color: #696969;
  text-align: left;
  font-size: 1.2em;
  font-smooth: antialiased;
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  padding: 10px 0px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: -webkit-transform 0.3s, color 0.3s;
  -moz-transition: -moz-transform 0.3s, color 0.3s;
  -o-transition: -o-transform 0.3s, color 0.3s;
  -ms-transition: -ms-transform 0.3s, color 0.3s;
  transition: transform 0.3s, color 0.3s;
}
.inputs_label i {
  margin-right: 1em;
}
.inputs_line {
  width: 100%;
  position: absolute;
  padding: 10px 0px;
  bottom: -2px;
  -webkit-transition: -webkit-transform 0.03s;
  -moz-transition: -moz-transform 0.03s;
  -o-transition: -o-transform 0.03s;
  -ms-transition: -ms-transform 0.03s;
  transition: transform 0.03s;
}
.inputs_line:after {
  content: "";
  width: 0%;
  height: 5px;
  background-color: #4d7b3b;
  position: absolute;
  z-index: 2;
  left: 0px;
  bottom: 0px;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transition: width 0.5s, -webkit-transform 0.5s, background-color 0.3s;
  -moz-transition: width 0.5s, -moz-transform 0.5s, background-color 0.3s;
  -o-transition: width 0.5s, -o-transform 0.5s, background-color 0.3s;
  -ms-transition: width 0.5s, -ms-transform 0.5s, background-color 0.3s;
  transition: width 0.5s, transform 0.5s, background-color 0.3s;
}
.inputs_fields:focus + .inputs_label + .inputs_line::after {
  width: 100%;
}
.inputs_fields:focus + .inputs_label {
  color: #4d7b3b;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  font-size: 0.8em;
}
.inputs_data + .inputs_label + .inputs_line::after {
  width: 100%;
}
.inputs_data + .inputs_label {
  color: #4d7b3b;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  font-size: 0.8em;
}
@media only screen and (min-width: 320px) {
  .informado {
    display: block;
    margin: 0px autokb;
    padding: 0px;
    width: 100%;
    position: relative;
  }
  .informado .limit {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 80%;
    max-width: 1200px;
    position: relative;
  }
  .informado .limit .printbtn {
    position: fixed;
    margin: 0px;
    padding: 0px;
    left: 10%;
    top: 20%;
    z-index: 10;
    display: block;
  }
  .informado .limit .titledocestruc {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    position: relative;
  }
  .informado .limit .titledoc {
    display: block;
    margin: 0px auto;
    padding: 1em 0px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 1.3em;
    color: #333;
    letter-spacing: 2px;
    line-height: 120%;
    text-transform: uppercase;
    border-bottom: 2px solid #333;
  }
  .informado .limit .imgdoc {
    display: none;
    margin: 0px;
    padding: 0px;
    width: 100px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .informado .limit .parrafo {
    display: block;
    margin: 0px auto;
    text-align: justify;
    padding: 1em 0px;
    line-height: 120%;
    width: 100%;
    font-size: 1.2em;
    letter-spacing: 1px;
    color: #333;
  }
  .informado .limit .parrafotwo {
    display: block;
    margin: 0px auto;
    text-align: justify;
    padding: 0.3em 0px;
    line-height: 120%;
    width: 100%;
    font-size: 12px;
    letter-spacing: 1px;
    color: #333;
  }
  .informado .limit .firm {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    margin: 0px auto;
    padding: 1em 0px;
    width: 100%;
    position: relative;
  }
  .informado .limit .firm .modulo {
    display: block;
    width: 50%;
    margin: 1em auto;
    padding: 0px;
    position: relative;
  }
  .informado .limit .firm .content {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 90%;
    position: relative;
  }
  .informado .limit .firm .content .inputget {
    display: block;
    margin: 0px;
    padding: 5px 10px;
    font-size: 1.2em;
    width: 100%;
    color: #333;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b4cd4f;
  }
  .informado .limit .firm .content .inputget:focus + .textinput {
    color: #4d7b3b;
  }
  .informado .limit .firm .content .inputget:focus + .textinput + .line {
    width: 100%;
  }
  .informado .limit .firm .content .textinput {
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -20px;
    left: 0px;
    font-size: 0.7em;
    font-weight: bold;
  }
  .informado .limit .firm .content .line {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 3px;
    background-color: #4d7b3b;
    position: absolute;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .informado .limit .firm .content .btncleandraw {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    background: #4d7b3b;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 50px;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .informado .limit .firm .content .btncleandraw i {
    position: absolute;
    display: block;
    margin: 0px;
    padding: 0px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .informado .limit .firm .content .firms {
    display: block;
    margin: 3px auto;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2REU3NEQ0NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2REU3NEQ1NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQxMUJBODk3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQxMUJBOEE3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aq2wBAAAB8UlEQVR42mL8////GQYGhgdAfASIjwPxOUtHj98MZAJGoIGrf//+HfLjx08GXl4ekNh3ID4JxIuBBs8jx8CiL1+/9rr6BDOIi4kyqCgpMmhpajAkxEQwMDExFQMN7SPFQCYgPsbDzQ027OWr1wxnz19k0NHSAEu+fvO29/j+HcWkGngOiH8oKsgzcLCzM3S21DOYGBkw1Ld0MqRmFzI8ff68hxRDmYBe+gUyVFNdFcWwPfsPAl38iiG7oJwkQ5mg9KqkuGgUw2CAVEPBBgJdOZGFhaXjydNnDCdOn8VQRIqhMBeCDK2Uk5XpmNTTxsDDw0O2oUzIHJChmupqBAwtw2soE7oAYUNfgw198/YdVkOZsNlCyFAjAz0GIUEBhr9//2IYyoQrLHAZ6unmzFBTXsxw+ep1hqiENIZHj5+gGMqEL8Zghk7ubQcbimxYYXkNw6MnTxmyC8tRDGW0cHAnmFiBitsfP3laIS0lCTfs+/fvcHkRYWGGRXOmMggKCJQwEZP6QS6VlZHu+PvvH0NjWxeKYSDg4eoEMgzE1GYiNo+CDGUFJv7O5joGAX4+uHhMRChDdnoyiDkfiFOZSClJQIaqqigDI6odbCi6YUD5v0SFIbYwffX6TYWYqAiKYSAOCznFPMilQENBTHFkw0AAIMAAoaMDbcJ2ICYAAAAASUVORK5CYII="), crosshair;
    background-color: #fff;
  }
  .informado .limit .firm .content .firmimg {
    position: relative;
    z-index: 90;
    display: block;
    margin: 3px auto;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2REU3NEQ0NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2REU3NEQ1NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQxMUJBODk3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQxMUJBOEE3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aq2wBAAAB8UlEQVR42mL8////GQYGhgdAfASIjwPxOUtHj98MZAJGoIGrf//+HfLjx08GXl4ekNh3ID4JxIuBBs8jx8CiL1+/9rr6BDOIi4kyqCgpMmhpajAkxEQwMDExFQMN7SPFQCYgPsbDzQ027OWr1wxnz19k0NHSAEu+fvO29/j+HcWkGngOiH8oKsgzcLCzM3S21DOYGBkw1Ld0MqRmFzI8ff68hxRDmYBe+gUyVFNdFcWwPfsPAl38iiG7oJwkQ5mg9KqkuGgUw2CAVEPBBgJdOZGFhaXjydNnDCdOn8VQRIqhMBeCDK2Uk5XpmNTTxsDDw0O2oUzIHJChmupqBAwtw2soE7oAYUNfgw198/YdVkOZsNlCyFAjAz0GIUEBhr9//2IYyoQrLHAZ6unmzFBTXsxw+ep1hqiENIZHj5+gGMqEL8Zghk7ubQcbimxYYXkNw6MnTxmyC8tRDGW0cHAnmFiBitsfP3laIS0lCTfs+/fvcHkRYWGGRXOmMggKCJQwEZP6QS6VlZHu+PvvH0NjWxeKYSDg4eoEMgzE1GYiNo+CDGUFJv7O5joGAX4+uHhMRChDdnoyiDkfiFOZSClJQIaqqigDI6odbCi6YUD5v0SFIbYwffX6TYWYqAiKYSAOCznFPMilQENBTHFkw0AAIMAAoaMDbcJ2ICYAAAAASUVORK5CYII="), crosshair;
    background-color: #fff;
  }
  .informado .limit .datapatient {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 0px auto;
    padding: 1.2em 0px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    position: relative;
  }
  .informado .limit .datapatient .modulo {
    display: block;
    margin: 1em auto;
    padding: 0px;
    position: relative;
  }
  .informado .limit .datapatient .content {
    display: block;
    margin: 0px auto;
    padding: 0px;
    position: relative;
  }
  .informado .limit .datapatient .content .inputget {
    display: block;
    margin: 0px;
    padding: 5px 10px;
    font-size: 1.2em;
    width: 100%;
    color: #333;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b4cd4f;
  }
  .informado .limit .datapatient .content .inputget:focus + .textinput + .line {
    width: 100%;
  }
  .informado .limit .datapatient .content .textinput {
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -20px;
    left: 0px;
    font-size: 0.7em;
    font-weight: bold;
  }
  .informado .limit .datapatient .content .line {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 3px;
    background-color: #4d7b3b;
    position: absolute;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .informado .limit .datapatient .content .btncleandraw {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    background: #4d7b3b;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 50px;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .informado .limit .datapatient .content .btncleandraw i {
    position: absolute;
    display: block;
    margin: 0px;
    padding: 0px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .informado .limit .datapatient .content .firms {
    display: block;
    margin: 3px auto;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2REU3NEQ0NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2REU3NEQ1NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQxMUJBODk3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQxMUJBOEE3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aq2wBAAAB8UlEQVR42mL8////GQYGhgdAfASIjwPxOUtHj98MZAJGoIGrf//+HfLjx08GXl4ekNh3ID4JxIuBBs8jx8CiL1+/9rr6BDOIi4kyqCgpMmhpajAkxEQwMDExFQMN7SPFQCYgPsbDzQ027OWr1wxnz19k0NHSAEu+fvO29/j+HcWkGngOiH8oKsgzcLCzM3S21DOYGBkw1Ld0MqRmFzI8ff68hxRDmYBe+gUyVFNdFcWwPfsPAl38iiG7oJwkQ5mg9KqkuGgUw2CAVEPBBgJdOZGFhaXjydNnDCdOn8VQRIqhMBeCDK2Uk5XpmNTTxsDDw0O2oUzIHJChmupqBAwtw2soE7oAYUNfgw198/YdVkOZsNlCyFAjAz0GIUEBhr9//2IYyoQrLHAZ6unmzFBTXsxw+ep1hqiENIZHj5+gGMqEL8Zghk7ubQcbimxYYXkNw6MnTxmyC8tRDGW0cHAnmFiBitsfP3laIS0lCTfs+/fvcHkRYWGGRXOmMggKCJQwEZP6QS6VlZHu+PvvH0NjWxeKYSDg4eoEMgzE1GYiNo+CDGUFJv7O5joGAX4+uHhMRChDdnoyiDkfiFOZSClJQIaqqigDI6odbCi6YUD5v0SFIbYwffX6TYWYqAiKYSAOCznFPMilQENBTHFkw0AAIMAAoaMDbcJ2ICYAAAAASUVORK5CYII="), crosshair;
    background-color: #fff;
  }
  .informado .limit .datapatient .content .firmimg {
    position: relative;
    z-index: 90;
    display: block;
    margin: 3px auto;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: pointer;
    background-color: #fff;
  }
  .informado .limit .datapatient .grid1 {
    width: 100%;
  }
  .informado .limit .datapatient .grid1 .content {
    width: 99%;
  }
  .informado .limit .datapatient .grid2 {
    width: 50%;
  }
  .informado .limit .datapatient .grid2 .content {
    width: 98%;
  }
  .informado .limit .datapatient .grid3 {
    width: 33.33%;
  }
  .informado .limit .datapatient .grid3 .content {
    width: 98%;
  }
}
@media print {
  * {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  doby {
    background-color: #fff;
  }
  .viewfile {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .profile-desktop {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  #uploadfile {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .head-menu {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .profile-movil {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .info-movil {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .loader {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  #preloader-wrapper {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  html {
    background-color: #fff;
  }
  .patients {
    display: none;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  .informado {
    display: block;
    margin: 0px autokb;
    padding: 0px;
    width: 100%;
    position: relative;
    page-break-after: always;
  }
  .informado .limit {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 90%;
    position: relative;
  }
  .informado .limit .printbtn {
    display: none;
  }
  .informado .limit .titledocestruc {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #333;
  }
  .informado .limit .titledoc {
    display: block;
    margin: 0px auto;
    padding: 1em 0px;
    text-align: center;
    width: 70%;
    font-weight: bold;
    font-size: 1.3em;
    color: #333;
    letter-spacing: 2px;
    line-height: 120%;
    text-transform: uppercase;
  }
  .informado .limit .imgdoc {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100px;
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .informado .limit .parrafo {
    display: block;
    margin: 0px auto;
    text-align: justify;
    padding: 0.5em 0px;
    line-height: 120%;
    width: 100%;
    font-size: 1.2em;
    letter-spacing: 1px;
    color: #333;
  }
  .informado .limit .parrafotwo {
    display: block;
    margin: 0px auto;
    text-align: justify;
    padding: 0.5em 0px;
    line-height: 120%;
    width: 100%;
    font-size: 13px;
    letter-spacing: 1px;
    color: #333;
  }
  .informado .limit .firm {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    margin: 0px auto;
    padding: 1em 0px;
    width: 100%;
    position: relative;
  }
  .informado .limit .firm .modulo {
    display: block;
    width: 50%;
    margin: 2em auto;
    padding: 0px;
    position: relative;
  }
  .informado .limit .firm .content {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 90%;
    position: relative;
  }
  .informado .limit .firm .content .inputget {
    display: block;
    margin: 0px;
    padding: 2px 5px;
    font-size: 1.2em;
    width: 100%;
    text-align: center;
    color: #333;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b4cd4f;
  }
  .informado .limit .firm .content .textinput {
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -20px;
    left: 0px;
    font-size: 0.7em;
    font-weight: bold;
  }
  .informado .limit .firm .content .line {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 3px;
    background-color: #4d7b3b;
    position: absolute;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .informado .limit .firm .content .btncleandraw {
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
  }
  .informado .limit .firm .content .firms {
    display: block;
    margin: 3px auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0px;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2REU3NEQ0NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2REU3NEQ1NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQxMUJBODk3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQxMUJBOEE3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aq2wBAAAB8UlEQVR42mL8////GQYGhgdAfASIjwPxOUtHj98MZAJGoIGrf//+HfLjx08GXl4ekNh3ID4JxIuBBs8jx8CiL1+/9rr6BDOIi4kyqCgpMmhpajAkxEQwMDExFQMN7SPFQCYgPsbDzQ027OWr1wxnz19k0NHSAEu+fvO29/j+HcWkGngOiH8oKsgzcLCzM3S21DOYGBkw1Ld0MqRmFzI8ff68hxRDmYBe+gUyVFNdFcWwPfsPAl38iiG7oJwkQ5mg9KqkuGgUw2CAVEPBBgJdOZGFhaXjydNnDCdOn8VQRIqhMBeCDK2Uk5XpmNTTxsDDw0O2oUzIHJChmupqBAwtw2soE7oAYUNfgw198/YdVkOZsNlCyFAjAz0GIUEBhr9//2IYyoQrLHAZ6unmzFBTXsxw+ep1hqiENIZHj5+gGMqEL8Zghk7ubQcbimxYYXkNw6MnTxmyC8tRDGW0cHAnmFiBitsfP3laIS0lCTfs+/fvcHkRYWGGRXOmMggKCJQwEZP6QS6VlZHu+PvvH0NjWxeKYSDg4eoEMgzE1GYiNo+CDGUFJv7O5joGAX4+uHhMRChDdnoyiDkfiFOZSClJQIaqqigDI6odbCi6YUD5v0SFIbYwffX6TYWYqAiKYSAOCznFPMilQENBTHFkw0AAIMAAoaMDbcJ2ICYAAAAASUVORK5CYII="), crosshair;
    background-color: transparent;
  }
  .informado .limit .firm .content .firmimg {
    display: block;
    margin: 3px auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0px;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2REU3NEQ0NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2REU3NEQ1NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQxMUJBODk3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQxMUJBOEE3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aq2wBAAAB8UlEQVR42mL8////GQYGhgdAfASIjwPxOUtHj98MZAJGoIGrf//+HfLjx08GXl4ekNh3ID4JxIuBBs8jx8CiL1+/9rr6BDOIi4kyqCgpMmhpajAkxEQwMDExFQMN7SPFQCYgPsbDzQ027OWr1wxnz19k0NHSAEu+fvO29/j+HcWkGngOiH8oKsgzcLCzM3S21DOYGBkw1Ld0MqRmFzI8ff68hxRDmYBe+gUyVFNdFcWwPfsPAl38iiG7oJwkQ5mg9KqkuGgUw2CAVEPBBgJdOZGFhaXjydNnDCdOn8VQRIqhMBeCDK2Uk5XpmNTTxsDDw0O2oUzIHJChmupqBAwtw2soE7oAYUNfgw198/YdVkOZsNlCyFAjAz0GIUEBhr9//2IYyoQrLHAZ6unmzFBTXsxw+ep1hqiENIZHj5+gGMqEL8Zghk7ubQcbimxYYXkNw6MnTxmyC8tRDGW0cHAnmFiBitsfP3laIS0lCTfs+/fvcHkRYWGGRXOmMggKCJQwEZP6QS6VlZHu+PvvH0NjWxeKYSDg4eoEMgzE1GYiNo+CDGUFJv7O5joGAX4+uHhMRChDdnoyiDkfiFOZSClJQIaqqigDI6odbCi6YUD5v0SFIbYwffX6TYWYqAiKYSAOCznFPMilQENBTHFkw0AAIMAAoaMDbcJ2ICYAAAAASUVORK5CYII="), crosshair;
    background-color: transparent;
  }
  .informado .limit .datapatient {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 0px auto;
    padding: 1.2em 0px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    position: relative;
  }
  .informado .limit .datapatient .modulo {
    display: block;
    margin: 1em auto;
    padding: 0px;
    position: relative;
  }
  .informado .limit .datapatient .content {
    display: block;
    margin: 0px auto;
    padding: 0px;
    position: relative;
  }
  .informado .limit .datapatient .content .inputget {
    display: block;
    margin: 0px;
    padding: 5px 10px;
    font-size: 1em;
    width: 100%;
    color: #333;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b4cd4f;
  }
  .informado .limit .datapatient .content .inputget:focus + .textinput + .line {
    width: 100%;
  }
  .informado .limit .datapatient .content .textinput {
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -20px;
    left: 0px;
    font-size: 0.7em;
    font-weight: bold;
  }
  .informado .limit .datapatient .content .line {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 3px;
    background-color: #4d7b3b;
    position: absolute;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .informado .limit .datapatient .content .btncleandraw {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    background: #4d7b3b;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 50px;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .informado .limit .datapatient .content .btncleandraw i {
    position: absolute;
    display: block;
    margin: 0px;
    padding: 0px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .informado .limit .datapatient .content .firms {
    display: block;
    margin: 3px auto;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2REU3NEQ0NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2REU3NEQ1NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQxMUJBODk3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQxMUJBOEE3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aq2wBAAAB8UlEQVR42mL8////GQYGhgdAfASIjwPxOUtHj98MZAJGoIGrf//+HfLjx08GXl4ekNh3ID4JxIuBBs8jx8CiL1+/9rr6BDOIi4kyqCgpMmhpajAkxEQwMDExFQMN7SPFQCYgPsbDzQ027OWr1wxnz19k0NHSAEu+fvO29/j+HcWkGngOiH8oKsgzcLCzM3S21DOYGBkw1Ld0MqRmFzI8ff68hxRDmYBe+gUyVFNdFcWwPfsPAl38iiG7oJwkQ5mg9KqkuGgUw2CAVEPBBgJdOZGFhaXjydNnDCdOn8VQRIqhMBeCDK2Uk5XpmNTTxsDDw0O2oUzIHJChmupqBAwtw2soE7oAYUNfgw198/YdVkOZsNlCyFAjAz0GIUEBhr9//2IYyoQrLHAZ6unmzFBTXsxw+ep1hqiENIZHj5+gGMqEL8Zghk7ubQcbimxYYXkNw6MnTxmyC8tRDGW0cHAnmFiBitsfP3laIS0lCTfs+/fvcHkRYWGGRXOmMggKCJQwEZP6QS6VlZHu+PvvH0NjWxeKYSDg4eoEMgzE1GYiNo+CDGUFJv7O5joGAX4+uHhMRChDdnoyiDkfiFOZSClJQIaqqigDI6odbCi6YUD5v0SFIbYwffX6TYWYqAiKYSAOCznFPMilQENBTHFkw0AAIMAAoaMDbcJ2ICYAAAAASUVORK5CYII="), crosshair;
    background-color: #fff;
  }
  .informado .limit .datapatient .content .firmimg {
    position: relative;
    z-index: 90;
    display: block;
    margin: 3px auto;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: pointer;
    background-color: #fff;
  }
  .informado .limit .datapatient .grid1 {
    width: 100%;
  }
  .informado .limit .datapatient .grid1 .content {
    width: 99%;
  }
  .informado .limit .datapatient .grid2 {
    width: 50%;
  }
  .informado .limit .datapatient .grid2 .content {
    width: 98%;
  }
  .informado .limit .datapatient .grid3 {
    width: 33.33%;
  }
  .informado .limit .datapatient .grid3 .content {
    width: 98%;
  }
}
@media only screen and (min-width: 320px) {
  .btnopenuload {
    cursor: pointer;
  }
  .openfile {
    display: block !important;
    opacity: 1 !important;
    -ms-filter: none !important;
    filter: none !important;
    visibility: visible !important;
    -webkit-transform: translate(-50%, -50%) scale(1) !important;
    -moz-transform: translate(-50%, -50%) scale(1) !important;
    -o-transform: translate(-50%, -50%) scale(1) !important;
    -ms-transform: translate(-50%, -50%) scale(1) !important;
    transform: translate(-50%, -50%) scale(1) !important;
  }
  .viewfile {
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    -o-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    margin: 0x auto;
    width: 100%;
    height: 100vh;
    z-index: 150;
    padding: 0px;
    background-color: rgba(0,0,0,0.75);
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.6s cubic-bezier(0.2, 1.12, 0.79, -0.72);
    -moz-transition: all 0.6s cubic-bezier(0.2, 1.12, 0.79, -0.72);
    -o-transition: all 0.6s cubic-bezier(0.2, 1.12, 0.79, -0.72);
    -ms-transition: all 0.6s cubic-bezier(0.2, 1.12, 0.79, -0.72);
    transition: all 0.6s cubic-bezier(0.2, 1.12, 0.79, -0.72);
  }
  .viewfile .bar {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    position: relative;
    background-color: #b4cd4f;
  }
  .viewfile .bar .titlefile {
    display: block;
    margin: 0px;
    padding: 10px;
    font-size: 1.3em;
    text-align: left;
    width: 100%;
    color: #fff;
    letter-spacing: 2px;
  }
  .viewfile .bar .btnfileclose {
    display: block;
    margin: 0px;
    padding: 0px;
    color: #fff;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
  }
  .viewfile .bar .btnfileclose i {
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    font-size: 2em;
  }
  .viewfile .bar .btnfileclose:hover i {
    color: rgba(26,146,47,0.9);
  }
  .viewfile .filecontent {
    display: block;
    margin: 0px auto;
    padding: 0px;
    border: none;
    width: 100%;
    background: rgba(0,0,0,0.8);
    height: 100%;
    top: 0px;
    position: relative;
    left: 0px;
    z-index: 140;
  }
  .viewfile .filecontent iframe {
    display: block;
    margin: 0px auto;
    padding: 0px;
    border: none;
    width: 100%;
    background: rgba(0,0,0,0.8);
    height: 100%;
    top: 0px;
    position: relative;
    left: 0px;
  }
  .listitem {
    display: block;
    margin: 0.5em auto !important;
    width: 90%;
    padding: 0px;
  }
  .intervention {
    display: block;
    margin: 0px autokb;
    padding: 0px;
    width: 100%;
    position: relative;
  }
  .intervention .limit {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 80%;
    max-width: 1200px;
    position: relative;
  }
  .intervention .limit .btnaction {
    position: fixed;
    margin: 0px;
    padding: 0px;
    right: 10%;
    top: 25%;
    display: block;
    z-index: 10;
  }
  .intervention .limit .titledocestruc {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    position: relative;
  }
  .intervention .limit .imgdoc {
    display: none;
    margin: 0px;
    padding: 0px;
    width: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .intervention .limit .data {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    margin: 0px auto;
    padding: 1em 0px;
    width: 100%;
    position: relative;
  }
  .intervention .limit .data .modulo {
    display: block;
    width: 50%;
    margin: 1em auto;
    padding: 0px;
    position: relative;
  }
  .intervention .limit .data .content {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 90%;
    position: relative;
  }
  .intervention .limit .data .content .inputget {
    display: block;
    margin: 0px;
    padding: 5px 10px;
    font-size: 1.2em;
    width: 100%;
    color: #333;
    outline: 0;
    border: none;
    border-bottom: 2px solid #b4cd4f;
  }
  .intervention .limit .data .content .inputget:focus + .textinput {
    color: #4d7b3b;
  }
  .intervention .limit .data .content .inputget:focus + .textinput + .line {
    width: 100%;
  }
  .intervention .limit .data .content .textinput {
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -20px;
    left: 0px;
    font-size: 0.7em;
    font-weight: bold;
  }
  .intervention .limit .data .content .line {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 3px;
    background-color: #4d7b3b;
    position: absolute;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .intervention .limit .data .content .btncleandraw {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    background: #4d7b3b;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 50px;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .intervention .limit .data .content .btncleandraw i {
    position: absolute;
    display: block;
    margin: 0px;
    padding: 0px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .intervention .limit .data .content .firms {
    display: block;
    margin: 3px auto;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2REU3NEQ0NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2REU3NEQ1NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQxMUJBODk3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQxMUJBOEE3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aq2wBAAAB8UlEQVR42mL8////GQYGhgdAfASIjwPxOUtHj98MZAJGoIGrf//+HfLjx08GXl4ekNh3ID4JxIuBBs8jx8CiL1+/9rr6BDOIi4kyqCgpMmhpajAkxEQwMDExFQMN7SPFQCYgPsbDzQ027OWr1wxnz19k0NHSAEu+fvO29/j+HcWkGngOiH8oKsgzcLCzM3S21DOYGBkw1Ld0MqRmFzI8ff68hxRDmYBe+gUyVFNdFcWwPfsPAl38iiG7oJwkQ5mg9KqkuGgUw2CAVEPBBgJdOZGFhaXjydNnDCdOn8VQRIqhMBeCDK2Uk5XpmNTTxsDDw0O2oUzIHJChmupqBAwtw2soE7oAYUNfgw198/YdVkOZsNlCyFAjAz0GIUEBhr9//2IYyoQrLHAZ6unmzFBTXsxw+ep1hqiENIZHj5+gGMqEL8Zghk7ubQcbimxYYXkNw6MnTxmyC8tRDGW0cHAnmFiBitsfP3laIS0lCTfs+/fvcHkRYWGGRXOmMggKCJQwEZP6QS6VlZHu+PvvH0NjWxeKYSDg4eoEMgzE1GYiNo+CDGUFJv7O5joGAX4+uHhMRChDdnoyiDkfiFOZSClJQIaqqigDI6odbCi6YUD5v0SFIbYwffX6TYWYqAiKYSAOCznFPMilQENBTHFkw0AAIMAAoaMDbcJ2ICYAAAAASUVORK5CYII="), crosshair;
    background-color: #fff;
  }
  .intervention .limit .data .content .firmimg {
    position: relative;
    z-index: 90;
    display: block;
    margin: 3px auto;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: pointer;
    background-color: #fff;
  }
  .intervention .limit .data .grid1 {
    width: 100%;
  }
  .intervention .limit .data .grid1 .content {
    width: 99%;
  }
  .intervention .limit .data .grid2 {
    width: 20%;
  }
  .intervention .limit .data .grid2 .content {
    width: 98%;
  }
  .intervention .limit .data .grid25 {
    width: 25%;
  }
  .intervention .limit .data .grid25 .content {
    width: 98%;
  }
  .intervention .limit .data .grid33 {
    width: 33.33%;
  }
  .intervention .limit .data .grid33 .content {
    width: 98%;
  }
  .intervention .limit .data .grid3 {
    width: 30%;
  }
  .intervention .limit .data .grid3 .content {
    width: 98%;
  }
  .intervention .limit .data .grid4 {
    width: 40%;
  }
  .intervention .limit .data .grid4 .content {
    width: 98%;
  }
  .intervention .limit .data .grid5 {
    width: 50%;
  }
  .intervention .limit .data .grid5 .content {
    width: 98%;
  }
  .intervention .limit .data .grid6 {
    width: 60%;
  }
  .intervention .limit .data .grid6 .content {
    width: 98%;
  }
  .intervention .limit .data .grid7 {
    width: 70%;
  }
  .intervention .limit .data .grid7 .content {
    width: 98%;
  }
  .intervention .limit .data .grid8 {
    width: 80%;
  }
  .intervention .limit .data .grid8 .content {
    width: 98%;
  }
  .intervention .limit .data .grid9 {
    width: 90%;
  }
  .intervention .limit .data .grid9 .content {
    width: 98%;
  }
  .intervention .limit .data .grid10 {
    width: 10%;
  }
  .intervention .limit .data .grid10 .content {
    width: 99%;
  }
}
@media print {
  .intervention {
    display: block;
    margin: 0px autokb;
    padding: 0px;
    width: 100%;
    position: relative;
  }
  .intervention .limit {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 93%;
    max-width: 1200px;
    position: relative;
  }
  .intervention .limit .btnaction {
    position: absolute;
    margin: 0px;
    padding: 0px;
    right: 20px;
    top: 5px;
    display: none;
  }
  .intervention .limit .titledocestruc {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    position: relative;
  }
  .intervention .limit .imgdoc {
    display: block;
    margin: 0px;
    padding: 0px;
    width: 100px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .intervention .limit .data {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    margin: 0px auto;
    padding: 1em 0px;
    width: 100%;
    position: relative;
  }
  .intervention .limit .data .modulo {
    border: 2px solid #b4cd4f;
    display: block;
    width: 50%;
    margin: 0.9em auto;
    padding: 0px;
    position: relative;
  }
  .intervention .limit .data .content {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 90%;
    position: relative;
  }
  .intervention .limit .data .content .inputget {
    display: block;
    margin: 0px;
    padding: 5px 10px;
    font-size: 1em;
    width: 100%;
    color: #333;
    outline: 0;
    border: none;
  }
  .intervention .limit .data .content .inputget:focus + .textinput + .line {
    width: 100%;
  }
  .intervention .limit .data .content .textinput {
    display: block;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: -20px;
    left: 0px;
    font-size: 0.7em;
    font-weight: bold;
  }
  .intervention .limit .data .content .line {
    display: none;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 3px;
    background-color: #4d7b3b;
    position: absolute;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .intervention .limit .data .content .btncleandraw {
    display: none;
    margin: 0px;
    padding: 0px;
    width: 30px;
    height: 30px;
    background: #4d7b3b;
    color: #fff;
    position: absolute;
    left: 5px;
    top: 50px;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
  }
  .intervention .limit .data .content .btncleandraw i {
    position: absolute;
    display: block;
    margin: 0px;
    padding: 0px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .intervention .limit .data .content .firms {
    display: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0px auto;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2REU3NEQ0NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2REU3NEQ1NzU2MTExRTNBNDZFRkVGMDA1MjQzNEU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQxMUJBODk3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQxMUJBOEE3NTYwMTFFM0E0NkVGRUYwMDUyNDM0RTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4aq2wBAAAB8UlEQVR42mL8////GQYGhgdAfASIjwPxOUtHj98MZAJGoIGrf//+HfLjx08GXl4ekNh3ID4JxIuBBs8jx8CiL1+/9rr6BDOIi4kyqCgpMmhpajAkxEQwMDExFQMN7SPFQCYgPsbDzQ027OWr1wxnz19k0NHSAEu+fvO29/j+HcWkGngOiH8oKsgzcLCzM3S21DOYGBkw1Ld0MqRmFzI8ff68hxRDmYBe+gUyVFNdFcWwPfsPAl38iiG7oJwkQ5mg9KqkuGgUw2CAVEPBBgJdOZGFhaXjydNnDCdOn8VQRIqhMBeCDK2Uk5XpmNTTxsDDw0O2oUzIHJChmupqBAwtw2soE7oAYUNfgw198/YdVkOZsNlCyFAjAz0GIUEBhr9//2IYyoQrLHAZ6unmzFBTXsxw+ep1hqiENIZHj5+gGMqEL8Zghk7ubQcbimxYYXkNw6MnTxmyC8tRDGW0cHAnmFiBitsfP3laIS0lCTfs+/fvcHkRYWGGRXOmMggKCJQwEZP6QS6VlZHu+PvvH0NjWxeKYSDg4eoEMgzE1GYiNo+CDGUFJv7O5joGAX4+uHhMRChDdnoyiDkfiFOZSClJQIaqqigDI6odbCi6YUD5v0SFIbYwffX6TYWYqAiKYSAOCznFPMilQENBTHFkw0AAIMAAoaMDbcJ2ICYAAAAASUVORK5CYII="), crosshair;
    background-color: transparent;
    borde: none;
  }
  .intervention .limit .data .content .firmimg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 90;
    display: block;
    margin: 0px;
    width: 100%;
    height: 130px;
    padding: 0px;
    cursor: pointer;
    background-color: transparent;
    borde: none;
  }
  .intervention .limit .data .gridspecial {
    width: 100% !important;
  }
  .intervention .limit .data .gridspecial .content {
    width: 99% !important;
  }
  .intervention .limit .data .grid1 {
    width: 100%;
  }
  .intervention .limit .data .grid1 .content {
    width: 100%;
  }
  .intervention .limit .data .grid2 {
    width: 20%;
  }
  .intervention .limit .data .grid2 .content {
    width: 100%;
  }
  .intervention .limit .data .grid25 {
    width: 25%;
  }
  .intervention .limit .data .grid25 .content {
    width: 100%;
  }
  .intervention .limit .data .grid33 {
    width: 33.33%;
  }
  .intervention .limit .data .grid33 .content {
    width: 100%;
  }
  .intervention .limit .data .grid3 {
    width: 30%;
  }
  .intervention .limit .data .grid3 .content {
    width: 100%;
  }
  .intervention .limit .data .grid4 {
    width: 40%;
  }
  .intervention .limit .data .grid4 .content {
    width: 100%;
  }
  .intervention .limit .data .grid5 {
    width: 50%;
  }
  .intervention .limit .data .grid5 .content {
    width: 100%;
  }
  .intervention .limit .data .grid6 {
    width: 60%;
  }
  .intervention .limit .data .grid6 .content {
    width: 100%;
  }
  .intervention .limit .data .grid7 {
    width: 70%;
  }
  .intervention .limit .data .grid7 .content {
    width: 100%;
  }
  .intervention .limit .data .grid8 {
    width: 80%;
  }
  .intervention .limit .data .grid8 .content {
    width: 100%;
  }
  .intervention .limit .data .grid9 {
    width: 90%;
  }
  .intervention .limit .data .grid9 .content {
    width: 100%;
  }
  .intervention .limit .data .grid10 {
    width: 10%;
  }
  .intervention .limit .data .grid10 .content {
    width: 100%;
  }
}
@media only screen and (min-width: 320px) {
  .firmspace {
    display: block;
    margin: 1em auto;
    padding: 0px;
    background-color: #fff;
    width: 30%;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2%;
    border: 1px solid rgba(0,0,0,0.75);
    z-index: 90;
    height: 186px;
    position: absolute;
  }
  .dialogbtn {
    display: block;
    margin: 0px auto;
    margin-top: 1em;
    text-align: center;
  }
  .formdr {
    position: relative;
  }
}
@media only screen and (min-width: 320px) {
  .structmenu {
    max-width: 80%;
    display: block;
    margin: 0px auto;
    padding: 0px;
    position: relative;
  }
  .structmenu .figureinter {
    display: block;
    margin: 0x auto;
    padding: 0px;
    background-color: #323232;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.75);
    width: 200px;
    height: 200px;
    border-radius: 100%;
    cursor: pointer;
  }
  .structmenu .doxinter {
    display: block;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    min-height: 100%;
    border: 2px solid #4d7b3b;
    border-radius: 50%;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .structmenu .doxinter:hover {
    border: none;
    -webkit-box-shadow: inset 0 0 0 110px rgba(82,126,64,0.4), inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 0 110px rgba(82,126,64,0.4), inset 0 0 0 5px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
  }
  .structmenu .doxinter:hover .icon {
    -webkit-transform: translateX(-50%) scale(0.8);
    -moz-transform: translateX(-50%) scale(0.8);
    -o-transform: translateX(-50%) scale(0.8);
    -ms-transform: translateX(-50%) scale(0.8);
    transform: translateX(-50%) scale(0.8);
  }
  .structmenu .doxinter:hover .titlestruct {
    -webkit-transform: translateX(-50%) scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -o-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
  }
  .structmenu .doxinter .icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 20%;
    font-size: 50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .structmenu .doxinter .titlestruct {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 1.1em;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}