/* Large desktop */
@media (min-width: 1200px) {
  body {
    /*background:#ff6666;  ROJO */
  }
  .container {
      width: 1200px;
  }

}

@media (min-width: 980px)  and (max-width: 1220px)  {
  body {
    /*background:#ff66cc;  FUSIA*/ 
  }
  .container {
      width: 960px;
  }

  ul#menu-header li {
      margin: 0 8px;
  }
  #categories {
      width: 164px;
  }
  #articles .article {
      margin-left: 8px;
  }
  #articles .article > div {
      padding: 20px;
  }
  #aside-footer > div {
      margin-left: 8px;
      padding: 20px;
  }
  #contact .form {
      margin-left: 8px;
  }
  #contact #info > div {
      width: 48.9%;
  }
  #contact form #info-box > div {
      width: 33.1%;
  }
  #contact form #submit {
      width: 69.6% !important;
  }
  #aside-archive {
      margin-left: 7px;
  }
  #aside-archive .tags_field a {
      padding: 6px;
  }

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  body {
    /*background:#6699ff;  AZUL */
  }

  #header {
      padding: 20px;
  }
  #hgroup {
    width: 100%;
    text-align: center;
  }
  #header h1 {
    display: inline-block;
  }
  #nav-header {
    margin: 0;
    width: 100%;
  }
  ul#menu-header {
    padding: 20px 0;
    width: 100%;
    text-align: center;
  }
  ul#menu-header li {
      display: inline-block;
      float: none;
      margin: 0 30px 0 28px;
  }
  #cat-lang {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  #categories {
    margin: 0 0 0 -2px;
  }
  #lang_sel_list ul {
    padding: 0;
  }
  #title h2 {
      font-size: 1.3em;
      line-height: 1.9em;
  }
  #articles {
      margin: 0;
  }
  #articles .article {
    margin: 0 0 10px 10px;
    width: 49.31%;
  }
  #articles .article:nth-child(2n+1) {
    margin-left: 0;
  }
  #articles .nth-child-2np1 {
    margin-left: 0;
  }
  #footer {
    text-align: center;
  }
  #aside-footer > div {
    width: 49.31%;
  }
  #aside-footer > div:nth-child(2n+1) {
    margin-left: 0;
  }
  #aside-footer > div.nth-child-2np1 {
    margin-left: 0;
  }
  #contact .map {
    width: 100%;
    margin-bottom: 10px;
  }
  #contact .form {
    width: 100%;
    margin: 0;
  }
  #contact form #submit {
    width: 72.7% !important;
  }
  #faq .articles {
    width: 100%;
    margin: 0 0 10px 0;
  }
  #single .article {
    width: 100%;
    margin: 0 0 10px 0;
  }
  #aside-archive {
    width: 100%;
    height: auto !important;
    margin: 0;
  }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  body {
    /*background:#66ff66;  VERDE */
  }
  .container {
      width: 100%;
  }

  #header {
      padding: 20px;
  }
  #hgroup {
    width: 100%;
    text-align: center;
  }
  #header h1 {
    display: inline-block;
  }
  #nav-header {
    margin: 0;
    width: 100%;
    float: left;
  }
  ul#menu-header {
    padding: 20px 0;
    width: 100%;
    text-align: center;
    font-size: 1em;
  }
  ul#menu-header li {
      display: inline-block;
      float: none;
      margin: 0 8px 0 6px;
  }
  #cat-lang {
    float: left;
    margin: 0;
    width: 100%;
    text-align: center;
  }
  #categories {
    margin: 0 0 0 -2px;
  }
  #lang_sel_list ul {
    padding: 0;
  }
  #title {
    text-align: center;
  }
  #title h2 {
    font-size: 1.3em;
    line-height: 1.9em;
    display: inline-block;
    margin: 0;
    width: 100%;
  }
  ul.page-numbers {
    margin: 10px 0 0 0;
    float: none;
    display: inline-block;
  }
  #articles {
      margin: 0;
  }
  #articles .article {
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
  }
  #aside-footer {
    text-align: center;
  }
  #aside-footer > div {
    margin: 0;
    width: 100%;
    float: left;
  }
  #social {
      display: inline-block;
      float: none;
  }
  #footer {
    text-align: center;
  }
  #contact .map {
    width: 100%;
    margin-bottom: 10px;
  }
  #contact #info > div {
      float: left;
      padding: 10px;
      width: 46.9%;
      font-size: 0.82em;
  }
  #contact .form {
    width: 100%;
    margin: 0;
  }
  #contact .form div,
  #contact .form span,
  #contact .form input {
    width: 100% !important;
  }
  #contact form #submit {
    width: 100% !important;
  }
  #contact form #buttons {
    text-align: center;
  }
  #contact form img.ajax-loader {
      margin: 4px;
  }
  #faq .articles {
    width: 100%;
    margin: 0 0 10px 0;
    height: auto !important;
  }
  #single .article {
    width: 100%;
    margin: 0 0 10px 0;
    height: auto !important;
  }
  #single .article .attachment-post-thumbnail {
    margin: 0 0 10px 0;
    width: 100%;
  }
  #aside-archive {
    width: 100%;
    height: auto !important;
    margin: 0;
    text-align: center;
  }
  #aside-archive h4,
  #aside-archive h5 {
    margin: 0 0 20px;
    padding: 0 20px 20px;
  }

}

/* Landscape phones and down */
@media (max-width: 480px) {
  body { 
    min-width: 320px;
    /*background:#ffff66;  AMARILLO*/
    /*padding: 0;*/
  }
  ul#menu-header {
    padding: 20px 0 10px;
  }
  ul#menu-header li {
    margin: 0 8px 10px 6px;
  }
  #lang_sel_list {
    width: 100%;
    margin-bottom: 18px;
    text-align: center;
  }
  #lang_sel_list ul {
      display: inline-block;
      float: none;
  }
  #categories {
      margin: 0;
  }
  #contact #info {
      margin: 0 0 0 20px;
  }
}