@font-face {
  font-family: "gandhi sans";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/gandhi-sans.ttf), url(../fonts/gandhi-serif.eot);
}
@font-face {
  font-family: "gandhi sans";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/gandhi-bold-sans.ttf), url(../fonts/gandhi-bold-sans.eot);
}
@font-face {
  font-family: "gandhi serif";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/gandhi-serif.ttf), url(../fonts/gandhi-serif.eot);
}
@font-face {
  font-family: "gandhi serif";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/gandhi-bold-serif.ttf), url(../fonts/gandhi-bold-serif.eot);
}

body {
    background-image: url("../assets/images/app/fondos/elfondo.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color:#ffffff;
    color: #0a0a2c;
    /* background: url(background-photo.jpg) center center cover no-repeat fixed;*/
}

body, h1, h2, h3, h4, h5, h6 {font-family: 'gandhi serif', georgia !important;}

div.astrong a {color:#000;}
div.astrong a:hover {color: #0079a0;}
div.astrong a:visited {color: #0079a0;}
div.astrong a {font-weight: 700; line-height: inherit;font-size: 14pt;}

a {color:#000;}
a:hover {color: #000;}
a:visited {color: #000;}

div.acomoa a {color:#0079a0;}
div.acomoa a:hover {color: #000;}
div.acomoa a {font-weight: 700; line-height: inherit;font-size: 14pt;}

a.acomoa {color:#0079a0;}
a.acomoa:hover {color: #000;}
a.acomoa {font-weight: 700; line-height: inherit;font-size: 14pt;}

video {top: 0; left: 0; width: 100%;  /*height: 100%;*/ object-fit: cover; object-position: center;}

.card {opacity: 0.9; border: 1px solid #e6e6e6; border-radius: 6px; font-weight: bolder; font-size: 1.1em;}
.card-section {padding: 0.5rem;}
.card-divider {background: #fafafa; padding-left: 0.5em; padding-top: 1em; padding-bottom: 1em; opacity:0.85;}
.card.sin-borde {border: 0px solid rgba(10,10,10,.25);}

.grid-container {padding-right: .625rem; padding-left: .625rem; max-width: 70rem; margin-left: auto; margin-right: auto;}
.callout.opaco {opacity: 0.93;}
.callout.radius {border-radius: 4px;}
.callout.sin-borde {border: 0px solid rgba(10,10,10,.25);}
.micallout {position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 0px solid rgba(10,10,10,.25); border-radius: 0; color: #0a0a2c;}

.footer {background-color: #222; padding: 50px 30px; border-bottom: 1px solid #e9e9e9; opacity: 0.86; color:#fff;}
.margen-1em { padding: 1em;}
.is-black {color: #000;}

.feature-text {font-size: 18px; margin-bottom: 0.2em;}
.es1c5 {font-size: 1.5em;}

.insta {color: #c13584; font-size: 36px;}
.mapa {color: #c13584; font-size: 36px;}
.licensia {color: #000000; font-size: 36px;}
i.registra {color: #22bb5b; font-size: 36px;}
i.opinion {color: #008744; font-size: 36px;}

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.fi-map { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }

.gbgverde {background: #008744;}
.gbgazul {background: #0057e7;}
.gbgrojo {background: #d62d20;}
.gbgamarillo {background: #ffa700;}

.fbgrblue {background: #405DE6;}
.fbgblue {background: #5B51D8;}
.fbgrpurple {background: #833AB4;}
.fbgrpink {background: #C13584;}
.fbgrpred {background: #E1306C;}
.fbgrred {background: #FD1D1D;}
.fbgrdorange {background: #F56040;}
.fbgrorange {background: #F77737;}
.fbgryellow {background: #FCAF45;}
.fbgrlyellow {background: #FFDC80;}

.verdeg {background-image: linear-gradient(to right, #5ec243, #58c144);}
.amarillog {background-image: linear-gradient(to right, #f9ea2f, #ffe72f);}
.naranjag {background-image: linear-gradient(to right, #f4592d, #f4522c);}
.rosag {background-image: linear-gradient(to right, #cf168b, #e21687);}
.violetag {background-image: linear-gradient(to right, #7f1d8b, #7c1e8c);}

.verde {background: #5ec243;}
.verde1 {background: #58c144;}

.amarillo {background: #f9ea2f;}
.amarillo1 {background: #ffe72f;}

.naranja {background: #f4592d;}
.naranja1 {background: #f4522c;}

.rosa {background: #cf168b;}
.rosa1 {background: #e21687;}

.violeta {background: #7f1d8b;}
.violeta1 {background: #7c1e8c;}

.azul {background: #125eac;}

.korange {background: #F77737;}
.ksalat {background: #c5ff7a;}
.krosa {background: #ff7ac4;}
.kyellow {background: #ffe72f;}
.kblue {background: #6bb5ff;}
.kviolet {background: #881b92;}

#irarriba {background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 7px 0 9px; bottom: 50px;
           box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5); height: 35px; opacity: 0.2; overflow: hidden;
           padding: 3px; position: fixed; right: 2px; width: 20px; z-index: 3000;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Firefox */ }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red;}
::-ms-input-placeholder { /* Microsoft Edge */ color: red;}

.box {position: relative; padding-left: 1rem;}