a:link {
  text-decoration:none;
color:#fff;
}

a:visited {
  text-decoration:none;
color:#fff;
}

a:hover {
  text-decoration:underline;
color:#ffd700;
}

* {
  margin:0;
padding:0;
}

h1 {
  font-size:15px;
color:#ebf55b;
text-align:center;
}

h2 {
  font-size:12px;
color:orange;
}

html,body {
  background-color:#000;
color:#fff;
margin:auto;
font-family:Tahoma,Verdana,Arial,sans-serif;
}

.container {
  height:100%;
margin:auto;
width:100%;
max-width:852px;
}

.main {
  background-color:#212121;
box-shadow:0 -1px 2px #212121;
color:#fff;
height:100%;
width:100%;
z-index:100;
font-size:14px;
box-sizing:border-box;
}

.title-main {
box-shadow:0 -1px 2px #212121;
text-align:center;
height:20px;
font-size:20px;
color:orange;
padding:10px 0
}

.seo-intro,.seo-home {
  width:calc(100% - 30px);max-width:852px;margin-left:auto;margin-right:auto;box-sizing:border-box;
}

.seo-intro {
  background:#171717;border-left:4px solid #d20000;padding:10px 16px;margin-top:10px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.45);
}

.seo-intro h1 {
  margin:0 0 6px;padding:0;text-align:center;font-size:18px;line-height:1.25;color:#ffae00;font-weight:700;
}

.seo-intro p {
  margin:0;padding:0;color:#e5e5e5;font-size:13px;line-height:1.45;text-align:center;
}

.seo-intro strong {
  color:#fff;
}

.seo-home {
  background:#171717;padding:18px 24px;margin-top:14px;margin-bottom:16px;border-top:3px solid #d20000;border-bottom:3px solid #d20000;box-shadow:0 1px 4px rgba(0,0,0,.5);
}

.seo-home h2 {
  position:relative;margin:19px 0 8px;padding:0 0 7px;color:#ffae00;font-size:18px;line-height:1.3;font-weight:700;
}

.seo-home h2:first-child {
  margin-top:0;
}

.seo-home p {
  margin:0 0 12px;padding:0;color:#ddd;font-size:14px;line-height:1.58;
}

.seo-home strong {
  color:#fff;font-weight:700;
}

footer {
  float:left;
box-shadow:0 -1px 2px #212121;
color:#fff;
height:100%;
width:100%;
z-index:100;
clear:both;
text-align:center;
}

a {
  text-decoration:none;
}

ul,ul ul {
  margin:0;
padding:0;
list-style:none;
}

@media screen and (max-width: 768px) {
  .main {
    width:99%;
  }

  .contenido {
    width:99%;
  }

  footer {
    display:none;
  }

 .main {
    width:99%;
  }

  .contenido {
    width:99%;
  }

  footer {
    display:none;
  }

  body {
    font-size:100%;
  }
}

@media only screen and (max-width:768px) {
  body {
    font-size:70%;
  }
}