@charset "UTF-8";
.retraso-1 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

.retraso-2 {
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}

.retraso-3 {
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
}

.retraso-5 {
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
}

.retraso-8 {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  animation-delay: 8s;
}

.retraso-10 {
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
}

/* scroll *********************************** */
.scroll-top {
  z-index: 1049;
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
}

.scroll-top .btn {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 28px;
}

.scroll-top .btn:focus {
  outline: 0;
}

body {
  background: #fff;
  width: 100%;
  height: 500px;
  font-family: 'Lato', sans-serif;
}

/* fuentes *********************************** */
.lato {
  font-family: 'Lato', sans-serif;
}

/* ancho *********************************** */
.anchofooter {
  padding-top: 30px;
  padding-bottom: 20px;
}

.anchoheader {
  height: 200px;
}

/* altura *********************************** */
#contenedor {
  display: block;
  height: auto;
}

#contenidos {
  display: table-row;
  height: 100%;
  
}

#columna1, #columna2, #columna3, #columna4 {
  display: table-cell;
  height: 100%;
  
}

/* otros *********************************** */
.cuadro {
  padding-right: 5px;
  padding-left: 5px;
}

a:link {
  text-decoration: none;
}

.btn:focus {
  outline: none;
}

.logotipo {
  width: 100%;
}

.logotipo60 {
  width: 60%;
}

@media (min-width: 200px) {
  .logotipo {
    width: 85%;
  }
}

/* alineación *********************************** */
.centrar {
  padding-top: 200px;
  padding-left: 40px;
}

.adaptar {
  width: 100%;
}

.textoheader {
  padding-top: 15px;
}

.info2 {
  margin: 0 auto;
}

/* colores *********************************** */
.textomenu {
  color: #717175;
}

.textoblanco {
  color: white;
}

.well1 {
  background-color: #E30613;
}

.colorblanco {
  background-color: #fff;
}

.colornegro {
  background-color: #000;
}

.colornegro2 {
  background-color: #717175;
}

.colorgris {
  background-color: #083D54;
}

.colorgris2 {
  background-color: #717175;
}

.colorrojo {
  background-color: #E30613;
}

.colortexto {
  color: white;
}

.textorojo {
  color: #E30613;
}

.btn.btn-danger {
  background-color: #E30613;
  bottom: 40px;
}

.navbar-default {
  background-color: #E30613;
}

.navbar-default .navbar-brand {
  color: white;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: white;
}

.navbar-default .navbar-nav > .open > a {
  color: white;
  background-color: #99AABD;
}

.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: white;
  background-color: #99AABD;
}

.navbar-default .navbar-nav > .active > a {
  color: #fff;
  background-color: rgba(227, 6, 19, 0.9);
}

.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: magenta;
}

.navbar-default .navbar-nav > .active > a:hover {
  color: #212121;
}

.dropdown-menu > li > a {
  color: white;
  background-color: #E30613;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: white;
  background-color: #717175;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: white;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: #212121;
  background-color: magenta;
}

.navbar-text > a {
  color: inherit;
  text-decoration: none;
}

.panel-group .panel-default .panel-heading {
  background-color: #c2c3c8;
}

.thumbnail-2 img:hover {
  transform: scale(1.1);
}

.navbar-default .navbar-nav > li > a {
  color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
  color: white;
}

.navbar-default .navbar-nav > li > a:active {
  color: white;
}

.navbar-default .navbar-nav > .active > a {
  background-color: #000;
}

.textomenu {
  color: #fff;
}

.caption {
  background-color: #ffffff;
  color: white;
  height: autofill;
}

.anchologo {
  width: 60%;
}


.botones {
  position: fixed;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 300; }

.btn-1 {
  right: 2em;
  bottom: 2em }


.btn-2 {
  right: 2em;
  bottom: 6em; }

.btn-3 {
  right: 2em;
  bottom: 10em; }  

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fcfbfb;
}

button.navbar-default .navbar-toggle {
    border-color: #fff;
}

footer {
  background-color: #fff;
  
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 20px;
}

.textobold {
  font-weight: bold;
}