@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: #3c8dbc;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

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: #4284b8;
    box-sizing: border-box;
    padding: 15px;
    color: #fff;
    width: 31%;
    margin: 1%;
        border-radius: 10px;
}

#cont-inicio-1 article:hover
{
	background: #51a5e6;

}

#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: #3d85bf;
    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: #3d85bf;
    padding-top: 1em;
    background: #eeeeee;
    border-radius: 0px 0px 50% 50%;
}

@media screen and (max-width : 800px){

  #cont-inicio-1 article
  {
    width: 100%;
  }

}