/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the default font size on small touch devices */
/* line 16, ../sass/responsive.smalltouch.portrait.scss */
body {
  font-size: 100%;
}

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* line 26, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle {
  /* The toggle link */
  /* Menu items */
}
/* line 28, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}
/* line 31, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}
/* line 39, ../sass/responsive.smalltouch.portrait.scss */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

/*# sourceMappingURL=responsive.smalltouch.portrait.css.map */

.page-node #main-content #page-title,
.page-contact #main-content #page-title,
.page-taxonomy #main-content #page-title{
  font-size: 2em;
  padding-top: 1em;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}



/* =============================================================================
 *   Wrappers
 * ========================================================================== */
#header .boxwrapper{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  }
#header .boxwrapper .box{
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 40%;
  -ms-flex: 0 1 40%;
  flex: 0 1 40%;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: center;
}
.mainheader .boxmainpage{
  position: relative;
  display: block;
}
 .mainheader .boxmainpage .boxwrappertop{
   position: inherit;
   width: 100%;
   z-index: 100;
 }

 /* =============================================================================
  *   Block Styling
  * ========================================================================== */

 /* BLOQUE BANNER */
.node-banner .group-mainwrap .group-box2{
 width: 100%;
 position: inherit;
}
.node-banner .group-mainwrap .group-caption{
 position: inherit;
 width: 100%;
 padding: 5%;
 transform: inherit;
}
.node-banner .group-mainwrap .group-caption .field-title *{
 font-size: 120%;
 line-height: 1em;
 text-transform: uppercase;
}

/* MENU PRINCIPAL */
.blckMainMenu .block-inner{
  margin: 20px 10px;
}
.responsive-menus.responsified span.toggler{
  padding-top: 10px;
}
.responsive-menus.responsified .responsive-menus-simple{
  border-radius: 0;
}

/* BLOQUE SERVICIOS FRONT */
.blckServicioFront{
  padding: 20px 0;
  background-image: none;
}
.blckServicioViews .view-content .views-row{
  margin-bottom: 20px;
}

/* BLOQUE CONOZCANOS */
.blckConozcanos .boxwrapper .flexCol50{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.blckFooterLogo .block-inner{
  text-align: center;
  margin: 20px 10px;
}

/* BLOQUE QUIENES SOMOS MAIN PAGE */
.blckQuienesSomosPage{
  padding: 1em;
  box-sizing: border-box;
}
.blckQuienesSomosPage .boxwrapper .flexCol50{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}


/* SOLO EN ESTA PANTALLA */
.blckQuienesSomos .boxwrapper .flexCol33{
  max-width: 100px;
  margin: 10px;
}
.blckQuienesSomos .boxwrapper .box3{
  background-image: none;
}

/* BLOQUE PERFIL PROFESIONAL */
.blckPerfil{
  padding: 1em;
  box-sizing: border-box;
}
.blckPerfil .boxwrapper .flexCol50{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  padding: 20px;
}

/* BLOQUE SERVICIOS FULL PAGE */
.view-taxonomy-term .view-content .views-row,
.blckTipoServicio .view-content .views-row{
  margin-bottom: 20px;
}

/* PAGINA NOVEDADES */
.view-novedades .view-content .views-row{
  margin: 0 1% 2% 1%;
  width: 98%;
}
.blckBannerArticleTxt{}
.blckBannerArticleTxt .bx{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
.textBlck01 .txtContent{
  padding: 10px;
}
.blckBannerServTxt .boxwrapper .bx{
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -webkit-flex: 0 1 40%;
  -ms-flex: 0 1 40%;
  flex: 0 1 100%;
  padding: 4%;
  box-sizing: border-box;
}
.blckBannerServTxt .boxwrapper .box2{
  width: 100%;
}
.node-servicios.node-full .region-inner .field-title .page-title{
  font-size: 1.6em;
}
.blckArticulosFront .block-content h2{
  font-size: 2em;
}

/*
 * BLOQUE ARTICULOS FRONT
 */
 .blckArticulosFront .block-content{
   padding: 4em 10px;
 }
 .blckArticulosFront .block-content h2{
  font-size: 220%;
  margin-bottom: 5%;
 }



/* =============================================================================
 *   Node Styling
 * ========================================================================== */
.page-node-6 #main-content{
  padding-top: 7%;
}


/**/