@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic);

@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);

html,
body {
  overflow-x: hidden !important;

  font-family: "Source Sans Pro", sans-serif;

  -webkit-font-smoothing: antialiased;

  min-height: 100%;

  background: #f9f9f9;

  margin: 0px;
}

a {
  color: #ee3035;
}

a:hover,
a:active,
a:focus {
  outline: none;

  text-decoration: none;

  color: #be2327;
}

img {
  max-width: 100%;

  margin: 0px;
}

article {
  width: 100%;

  float: left;
}

.contenido {
  width: 100%;

  overflow: hidden;
}

.contenido-centrado {
  max-width: 1300px;

  margin: 0px auto;

  width: 80%;
}

#cont-inicio-1 article {
  background: #ee3035;

  box-sizing: border-box;

  padding: 15px;

  color: #fff;

  width: 31%;

  margin: 1%;

  border-radius: 10px;
}

#cont-inicio-1 article:hover {
  background: #be2327;
}

#cont-inicio-1 article h2 {
  margin: 5px 0px;

  float: left;

  font-size: 1em;
}

#cont-inicio-1 {
  padding-top: 3em;

  min-height: 500px;

  padding-bottom: 3em;
}

#cont-inicio-1 a {
  background: #ffc926;

  color: #fff;

  padding: 6px 15px;

  text-decoration: none;

  display: inline-block;

  float: right;

  font-weight: bold;

  border-radius: 5px;
}

#cont-inicio-1 a:hover {
  background: #ffc20a;
}

#error-404 {
  text-align: center;

  padding-top: 4em;

  padding-bottom: 11em;
}

#error-404 h2 {
  margin: 0px;

  font-size: 10em;

  color: #ffc926;
}

#error-404 h3 {
  margin: 0px;

  font-size: 5em;

  margin-top: -54px;

  color: #3d85bf;
}

#error-404 p {
  margin: 0px;

  font-size: 1.6em;
}

.cont-sistemas {
  width: 100%;

  float: left;

  border-bottom: 2px solid #ccc;

  padding-bottom: 2em;
}

.cont-sistemas h3 {
  text-align: center;

  color: #000000;

  font-size: 2em;
}

footer {
  background: #000;

  width: 100%;

  overflow: hidden;

  color: #fff;

  padding: 15px 0px;

  position: relative;

  bottom: 0px;
}

footer a {
  color: #fff;

  text-decoration: none;
}

header {
  color: #000000;

  padding-top: 1em;

  background: #eeeeee;

  border-radius: 0px 0px 50% 50%;
}

@media screen and (max-width: 800px) {
  #cont-inicio-1 article {
    width: 100%;
  }
}