body {background-image: url('../img/tiny_grid.png');
background-repeat:repeat;
}

a, a:hover, a:focus{ text-decoration: none; text-decoration-line: none;}
footer.page-footer {
  margin-top: 20px;
  padding-top: 0px;
  background-color: #ee6e73; }

nav .brand-logo {
    background-image: url();
    background-position: center center;
    background-size:cover;
    width: 200px;
    border: 1px #c3c3c3 solid;
    color: #c3c3c3;
    
}
nav ul a {color:#4a4a4a;}
nav a:hover {
  color:#fff;
  text-decoration: none;
}

.menu{  width: 65px;
        height: 65px;
        border: 4px solid #c3c3c3;
        border-radius: 10px;
    display: block;
    margin-top: 25px;
}
.menu i{ color: #4a4a4a;}
.mdi-navigation-menu{color: #4a4a4a;}

.menu p { color: #4a4a4a;
    font-size: 10px;
    margin-top: -20px;
}


.pal{border: 1px solid #444;}

.inicio .paddingMio{padding-left: 5px}

.inicio .margenMio{margin: 30px auto 0;}

.inicio .clearfix{ margin-bottom: 15px;}
.inicio h5{  font-size: 1.3rem;}
.inicio img{margin-bottom: 15px}

btn-flat a, btn-flat a:hover{ color:#9fc4ff}
.paddingLeftCero{padding-left: 0;}

/**
 * timeline
 * --------------------------------------------------
 */
.timeline dl {
  position: relative;
  top: 0;
  padding: 20px 0;
  margin: 0;
    
}
.timeline dl:before {
  position: absolute;
  top: 50;
  bottom: 0;
  left: 50%;
  z-index: 100;
  width: 2px;
  margin-left: -1px;
  content: '';
  background-color: #ccd1d9;
}
.timeline dl dt {
  position: relative;
  top: 30px;
  z-index: 200;
  width: 120px;
  padding: 3px 5px;
  margin: 0 auto 30px;
  font-weight: normal;
  color: white;
  text-align: center;
  background-color: #aab2bd;
          border-radius: 4px;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
}
.timeline dl dd {
  position: relative;
  z-index: 200;
}
.timeline dl dd .circ {
  position: absolute;
  top: 40px;
  left: 50%;
  z-index: 200;
  width: 22px;
  height: 22px;
  margin-left: -11px;
  background-color: #222;
  border: 4px solid #ccc;
          border-radius: 50%;

  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
}
.timeline dl dd .time {
  position: absolute;
  top: 31px;
  left: 50%;
  display: inline-block;
  width: 100px;
  padding: 10px 20px;
  color: #222;
}
.timeline dl dd .events {
  position: relative;
  width: 45%;
  padding: 10px 10px 0;
  margin-top: 31px;
  background-color: white;
          border-radius: 4px;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
}


.timeline dl dd .events:before {
  position: absolute;
  top: 12px;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  border-width: 12px;
}
.timeline dl dd .events .events-object {
  margin-right: 10px;
}
.timeline dl dd .events .events-body {
  overflow: hidden;
  zoom: 1;
}

.timeline dl dd .events .events-body a {color: #666;}


.timeline dl dd .events .events-body .events-heading {
  margin: 0 0 10px;
  font-size: 18px;
}


.timeline dl dd.pos-right .time {
  margin-left: -100px;
  text-align: right;
}
.timeline dl dd.pos-right .events {
  float: right;
}
.timeline dl dd.pos-right .events:before {
  left: -24px;
  border-color: transparent white transparent transparent;
}
.timeline dl dd.pos-left .time {
  margin-left: 0;
  text-align: left;
}
.timeline dl dd.pos-left .events {
  float: left;
}
.timeline dl dd.pos-left .events:before {
  right: -24px;
  border-color: transparent transparent transparent white;
}

@media screen and (max-width: 767px) {
  .timeline dl:before {
    left: 60px;
  }
  .timeline dl dt {
    margin: 0 0 30px;
  }
  .timeline dl dd .circ {
    left: 60px;
  }
  .timeline dl dd .time {
    left: 0;
  }
  .timeline dl dd.pos-left .time {
    padding: 10px 0;
    margin-left: 0;
    text-align: left;
  }
  .timeline dl dd.pos-left .events {
    float: right;
    width: 80%;
  }
  .timeline dl dd.pos-left .events:before {
    left: -24px;
    border-color: transparent white transparent transparent;
  }
  .timeline dl dd.pos-right .time {
    padding: 10px 0;
    margin-left: 0;
    text-align: left;
  }
  .timeline dl dd.pos-right .events {
    float: right;
    width: 80%;
  }
}

@media screen and (max-width: 460px) {
  .timeline dl:before {
    left: 60px;
  }
  .timeline dl dt {
    margin: 0 0 30px;
  }
  .timeline dl dd .circ {
    left: 60px;
  }
  .timeline dl dd .time {
    left: 0;
  }
  .timeline dl dd.pos-left .time {
    padding: 10px 0;
    margin-left: 0;
    text-align: left;
  }
  .timeline dl dd.pos-left .events {
    float: right;
    width: 68%;
  }
  .timeline dl dd.pos-left .events:before {
    left: -24px;
    border-color: transparent white transparent transparent;
  }
  .timeline dl dd.pos-right .time {
    padding: 10px 0;
    margin-left: 0;
    text-align: left;
  }
  .timeline dl dd.pos-right .events {
    float: right;
    width: 68%;
  }
}