/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\

  Contenido

    * 1024
    * 770
    * 450
    * otros

\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
                    @1024
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:1024px){
  html {
    font-size: 13px;
  }
  body {
    padding-top: 0;
  }
  header {
    position: static !important;
    border-bottom: 2px solid #ddd;
  }
    .logo {
      width: 280px;
    }
    .head-wg {
      max-width: calc(100% - 300px);
    }
      .idioma.widget, .login.widget, .buscar.widget {
        margin-bottom: 5px;
      }
      .idioma.widget {
        margin-bottom: 15px;
      }

  .slider {
    margin-top: 0;
  }
    .slider .flex-control-nav {
      top: 0;
    }
    .slider .metaslider .caption {
      font-size: 2.2rem;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
              transform: translateY(-50%);
    }

  /* menu especial */
  .menu-servicios > ul > li {
    margin: 0 15px;
  }

  main .ancho {
    padding: 30px;
  }


  #sidebar .widget {
    width: 47.5%;
  }
  #sidebar .widget:first-child {
    width: 99%;
  }

  .datos-foot > div {
    width: 33%;
  }
    .foot-left {
      display: block;
      width: auto;
      text-align: center;
      padding: 0;
      margin-bottom: 30px;
    }
      .foot-center > a, .foot-center > div {
        display: inline-block;
        margin: 0 10px 15px;
        vertical-align: middle;
        text-align: left;
      }
    .foot-right {
      display: block;
    }
      .menu-footer > ul > li {
        padding: 0 15px;
      }

    .hugeit_form #hugeit-contact-wrapper_8 {
        width: 90%;
    }
        form .hugeit-contact-wrapper .hugeit-contact-column-block > div .field-block {
            width: 68%;
        }
        form #hugeit-contact-wrapper_8 .buttons-block button.submit, #huge_it_captcha_8 {
            margin-right: 0% !important;
        }

    .blog aside {
        display: block;
        width: auto;
        padding-right: 0;
    }
    .side-wg {
        padding-bottom: 1px;
    }
        .blog-cat h3, .blog-tags h3 {
            cursor: pointer;
            padding: 5px 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            position: relative;
        }
          .blog-cat h3::after, .blog-tags h3::after {
            content: '';
            position: absolute;
            top: 17px;
            right: 15px;
            border-top: 7px solid #666;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
          }
        .blog-cat ul, .tagcloud {
            display: none;
        }

    .blog .blog-post {
        display: block;
    }

	.the-posts {
		width: 100%;
	}
	.sidebar.side-right {
		width: 100%;
	}
	.sidebar.wd-inf .widget {
		width: 48%;
	}
	.sidebar.wd-inf .widget:first-child {
		width: 99%;
	}
}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
                    @768
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

@media screen and (max-width:768px){
  html {
    font-size: 12px;
  }
  header {
    padding-bottom: 45px;
    height: auto !important;
    min-height: auto;
  }
  header div.ancho{
    position: relative;
  }

.fila.columna {
    width:100%!important;
    float:none!important;
  }


    .head-wg {
      float: none;
      padding: 5px 0 0;
      display: table;
      width: 100%;
      max-width: none;
    }
      .idioma.widget, .login.widget {
        margin-bottom: 0;
      }
        .buscar.widget {
          position: absolute;
          width: 100%;
          margin: 0;
          padding-left: 15px;
          padding-top: 8px;
          top: 100%;
          left: 0;
          text-align: center;
          box-sizing: border-box;
        }
        .idioma ul li:first-child {
          border-left: none;
        }
    .logo {
      width: 270px;
      padding: 5px 0 10px 0;
    }

  .slider .metaslider .flexslider .flex-direction-nav li a{
    opacity: 1;
    width: 20px;
    height: 20px;
    background-size: auto 20px;
    margin-top: -15px;
  }
  .slider .metaslider .flexslider .flex-next {
    right: 3%;
  }
  .slider .metaslider .flexslider .flex-prev {
    left: 3%;
  }
  .slider .metaslider .caption {
    font-size: 1.8rem;
  }

  /* menu especial */
  .menu-servicios > ul > li {
    position: relative;
    display: block;
    margin: 0;
    width:100%;
  }
    .menu-servicios > ul > li::before {
      display: block;
    }
    .menu-servicios > ul > li > a {
      display: inline-block;
      padding-top: 35px;
      margin-top: -35px;
      margin-bottom: 10px;
    }
    .menu-servicios > ul > li > a:focus {
      color: #15293a;
    }
    .menu-servicios .sub-menu, .menu-servicios > ul > li:hover > .sub-menu {
      position: static;
      width: 100%;
      padding: 0;
      margin-bottom: 0;
      max-height: 0;
      opacity: 0;
      box-sizing: border-box;
      -webkit-transform: translatex(0%);
      -moz-transform: translatex(0%);
      -ms-transform: translatex(0%);
      -o-transform: translatex(0%);
      transform: translatex(0%);
    }
    .menu-servicios > ul > li > a:focus + .sub-menu {
      max-height: none;
      opacity: 1;
      padding: 15px 0 10px;
    }
    .menu-especial > ul > li:nth-child(odd) .sub-menu {
      left: 0;
    }
    .menu-especial > ul > li:nth-child(even) .sub-menu {
      left: auto;
      right: 0;
    }
      .menu-especial .sub-menu > li{
        opacity: 0;
        max-height: 0;
        max-width: 0;
        overflow: hidden;
      }
      #botones .nav.menu > li:hover > .nav-child > li{
        opacity: 0;
      }
      .menu-especial > ul > li > a:focus + ul.sub-menu > li , #botones .nav.menu > li.open > ul.nav-child > li{
        max-height: 200px;
        max-width: 130px;
        opacity: 1;
      }

  #sidebar .widget {
    width: 99%;
  }

  main .ancho {
    padding: 20px;
  }

  .miembros > div {
    display: block;
    width: auto;
    margin-bottom: 20px;
  }
    .gobierno ul{
      border-right: none;
      border-bottom: 1px solid #ddd;
    }

  .datos-foot > div {
    width: 49%;
  }

    .foot-center > a, .foot-center > div {
      display: block;
      text-align: center;
      border: none;
    }
    .menu-footer > ul > li {
      width: 49.5%;
    }

    .hugeit_form #hugeit-contact-wrapper_8 {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
    form .hugeit-contact-wrapper {
        min-width: auto;
    }
    form .hugeit-contact-wrapper .hugeit-contact-column-block {
        min-width: auto;
        width: 100%;
    }
        form .hugeit-contact-wrapper .hugeit-contact-column-block > div > label {
            width: 100%;
            float: none;
            margin-bottom: 4px;
        }
        form .hugeit-contact-wrapper .hugeit-contact-column-block > div > label.formsRightAlign {
            text-align: left !important;
        }
        form .hugeit-contact-wrapper .hugeit-contact-column-block > div .field-block {
            width: 100%;
        }
        form #hugeit-contact-wrapper_8 .buttons-block button.submit {
            margin-right: 0% !important;
        }

    .post-thumbnail {
        float: none;
        width: 60%;
        min-width: 280px;
        max-width: 100%;
        margin: 0 auto 20px;
    }

    .alignright, a .alignright {
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
    }
    .alignleft, a .alignleft {
      float: none;
      display: block;
      margin-right: auto;
      margin-left: auto;
      max-width: 100%;
    }
    .aligncenter, a .aligncenter {
      display: block;
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 1em;
    }

    #ir-arriba {
      bottom: 10px;
      right: 10px;
      width: 30px;
      height: 30px;
      background-size: 70%;
    }
	
	.the-posts {
		text-align: center;
	}
		.post-content {
			width: 100%;
			margin-bottom: 20px;
			max-width: 600px;
			float: none;
			display: inline-block;
		}
		.post-area{
			margin: 0;
		}
			.post-area .thumbnail {
				margin: 0 auto 20px;
			}
	.sidebar.side-right .widget {
		width: 100%;
	}
	.sidebar.wd-inf .widget {
		width: 100%;
	}
	.sidebar.wd-inf .widget:first-child {
		width: 100%;
	}


}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
                    @700
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

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

  .blog-post .category-post {
    width: 100%;
  }
  .single-img {
    float: none;
    margin: 0 auto 1rem;
    max-width: 90%;
    text-align: center;
  }

 .columna {
    width:100%!important;
    float:none!important;
  }

.foto{
		margin: 0 auto;
	}

.cont-image img {
max-width: 100px;
    height: 80px;
}

}




/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*\
                    @450
\*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:450px){

  header {
    
  }
  .logo {
    width: 240px;
  }

  .slider .metaslider .caption {
    font-size: 1.6rem;
  }

  /* menu servicios */

  .datos-foot > div {
    width: 90%;
  }
  .menu-footer > ul > li {
    width: 99%;
  }

  main .ancho {
    padding: 20px 10px;
  }


  .alignleft, a .alignleft, .alignright, a .alignright {
    float: none;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    display: block;
  }

    .post-thumbnail {
        min-width: auto;
        width: 100%;
    }

	.post-area .thumbnail {
		margin: 0 -10px 20px;
	}


#bs-load{
    position:relative!important;
    margin-left: 20%!important;
    display:block!important;
    
}

}