/* THE GRID */
/* $padding : 0.5; */
/* VARIABLES */
/* ADITIONAL RESET */
html, body {
  height: 100%; }

body {
  width: 100%;
  font-family: "OpenSansCondensedLight", "sans-serif"; }

a {
  text-decoration: none; }

img {
  /*max-width:100%;*/
  display: block; }

strong {
  font-family: "OpenSansCondensedLight", sans-serif; }

em {
  font-family: "OpenSansCondensedLightItalic" !important; }

a {
  color: black; }

div {
  position: relative; }

.retornoCarro {
  margin-bottom: 0.25em;
  display: block; }

.left {
  float: left !important; }

.bold {
  font-family: "OpenSansCondensedBold" !important; }

p {
  font-size: 16px;
  line-height: 1.4em; }

.underline {
  text-decoration: underline; }

.crossOut {
  text-decoration: line-through; }

.row:before, .row:after {
  clear: both;
  content: "";
  display: block;
  height: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* GENERAL RULES */
body {
  font-family: "OpenSansCondensedLight", "sans-serif";
  font-size: 16px;
  color: #333333; }

.row {
  overflow: hidden;
  /*background: rgba(255,0,0,0.2);*/
  margin: 0 auto; }

h1, h2, h3, h4, h5, h6 {
  /*font-family: $titularFamily;*/
  font-weight: 700;
  text-transform: uppercase; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.6em;
  text-align: center; }

h3 {
  font-size: 1.8em;
  text-transform: Uppercase;
  color: white; }

h4 {
  font-size: 1.4em;
  text-transform: Uppercase; }

h5 {
  font-size: 1.3em;
  text-transform: Uppercase; }

.col1 {
  width: 6.33333%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col2 {
  width: 14.66667%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col3 {
  width: 23%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col4 {
  width: 31.33333%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col5 {
  width: 39.66667%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col6 {
  width: 48%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col7 {
  width: 56.33333%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col8 {
  width: 64.66667%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col9 {
  width: 73%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col10 {
  width: 81.33333%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col11 {
  width: 89.66667%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

.col12 {
  width: 98%;
  /*padding: 0 percentage($padding)/100;*/
  margin: 0 1%;
  float: left;
  /*background:rgba(255,0,0,0.2);*/ }

/* helpers */
.col1:before, .col1:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col2:before, .col2:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col3:before, .col3:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col4:before, .col4:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col5:before, .col5:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col6:before, .col6:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col7:before, .col7:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col8:before, .col8:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col9:before, .col9:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col10:before, .col10:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col11:before, .col11:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

.col12:before, .col12:after {
  content: '';
  clear: both;
  display: block;
  height: 0px;
  /*background: rgba(255,255,0,0.5);*/ }

@font-face {
  font-family: "social";
  src: url("../fonts/fontello/font/social.eot?");
  src: url("../fonts/fontello/font/social.eot?#iefix") format("embedded-opentype"), url("../fonts/fontello/font/social.woff") format("woff"), url("../fonts/fontello/font/social.ttf") format("truetype"), url("../fonts/fontello/font/social.svg#social") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "OpenSansCondensedLight";
  src: url("../fonts/openSansCondensed/light/OpenSans-CondLight-webfont.eot?");
  src: url("../fonts/openSansCondensed/light/OpenSans-CondLight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/openSansCondensed/light/OpenSans-CondLight-webfont.woff") format("woff"), url("../fonts/openSansCondensed/light/OpenSans-CondLight-webfont.ttf") format("truetype"), url("../fonts/openSansCondensed/light/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "OpenSansCondensedBold";
  src: url("../fonts/openSansCondensed/bold/OpenSans-CondBold-webfont.eot?");
  src: url("../fonts/openSansCondensed/bold/OpenSans-CondBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/openSansCondensed/bold/OpenSans-CondBold-webfont.woff") format("woff"), url("../fonts/openSansCondensed/bold/OpenSans-CondBold-webfont.ttf") format("truetype"), url("../fonts/openSansCondensed/bold/OpenSans-CondBold-webfont.svg#OpenSansCondensedBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "OpenSansCondensedLightItalic";
  src: url("../fonts/openSansCondensed/lightitalic/OpenSans-CondLightItalic-webfont.eot?");
  src: url("../fonts/openSansCondensed/lightitalic/OpenSans-CondLightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/openSansCondensed/lightitalic/OpenSans-CondLightItalic-webfont.woff") format("woff"), url("../fonts/openSansCondensed/lightitalic/OpenSans-CondLightItalic-webfont.ttf") format("truetype"), url("../fonts/openSansCondensed/lightitalic/OpenSans-CondLightItalic-webfont.svg#OpenSansCondensedLightItalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "open_sansbold";
  src: url("../fonts/openSans/opensans_bold/OpenSans-Bold-webfont.eot?");
  src: url("../fonts/openSans/opensans_bold/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/openSans/opensans_bold/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/openSans/opensans_bold/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/openSans/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "open_sansregular";
  src: url("../fonts/openSans/opensans_regular/OpenSans-Regular-webfont.eot?");
  src: url("../fonts/openSans/opensans_regular/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/openSans/opensans_regular/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/openSans/opensans_regular/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/openSans/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "open_sansitalic";
  src: url("../fonts/openSans/opensans_italic/OpenSans-Italic-webfont.eot?");
  src: url("../fonts/openSans/opensans_italic/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/openSans/opensans_italic/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/openSans/opensans_italic/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/openSans/opensans_italic/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

#menu {
  display: none !important; }

nav {
  max-width: 100%;
  height: 2.9;
  overflow: hidden; }
  nav ul {
    height: auto;
    width: 100%;
    float: right; }
    nav ul li {
      background-color: #373536;
      border-right: 2px solid #2b2a2a;
      border-left: 2px solid #4d494b;
      float: left;
      display: block;
      text-align: center;
      height: inherit;
      font-weight: 700;
      line-height: 3em;
      width: 13.4%; }
      nav ul li a {
        color: white;
        display: block !important;
        font-size: 1.5em;
        text-transform: uppercase; }
    nav ul .menuSpace {
      width: 15%;
      min-width: 8em; }

.active {
  background-color: white;
  color: #373536; }

.background-header .backgroundColor {
  background-color: #f0f0ed;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  height: 7.1em; }
.background-header .gradient {
  background: -webkit-radial-gradient(circle, white, #f0f0ed) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -moz-radial-gradient(circle, white, #f0f0ed) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -o-radial-gradient(circle, white, #f0f0ed) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -ms-radial-gradient(circle, white, #f0f0ed) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: radial-gradient(circle, white, #f0f0ed) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-position: center center;
  display: block;
  width: 50%;
  position: absolute;
  top: 0;
  height: 7.1em;
  margin-left: 25%; }
.background-header .backgroundNav {
  background-color: #373536;
  height: 3em;
  display: block;
  width: 100%;
  position: absolute;
  top: 7em; }

.horizontalStrip, .horizontalStripT, .horizontalStripH, .horizontalStripE, .horizontalStripC, .horizontalStripP, .horizontalStripN {
  background: #f7b892;
  display: block;
  width: 100%;
  position: absolute;
  top: 11em;
  height: 22.3em; }

.horizontalStripT {
  background: #67c5d3; }

.horizontalStripH {
  background: #ef8975; }

.horizontalStripE {
  background: #ffdb4c; }

.horizontalStripC {
  background: #bcce55; }

.horizontalStripP {
  background: #484848; }

.horizontalStripN {
  background: #fff2cc; }

.pattern {
  background-image: url(../images/grid1.png);
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  height: 7em; }

.main-header {
  padding-top: 1em;
  padding-bottom: 0em;
  min-height: 5.1em; }
  .main-header h1 {
    display: block;
    float: left;
    height: 3em;
    text-align: center;
    text-indent: -9999px;
    width: 100%;
    margin-left: 300px; }
    .main-header h1 a {
      background: url("../images/logo_jose_aquarela.png") no-repeat scroll 0 0;
      display: block;
      height: inherit;
      width: inherit;
      left: 50%;
      margin-left: -153px;
      position: absolute; }

.socialMedia {
  position: absolute;
  right: 1%;
  bottom: 1em; }
  .socialMedia div {
    float: left;
    display: block;
    margin: 1.5em 0.2em 0.6em;
    width: 44%;
    height: 3em;
    overflow: hidden;
    line-height: 3em;
    background-color: #ffa166; }
  .socialMedia a {
    display: block;
    padding: 1.5em 1.5em; }

.google:before, .facebook:after, .twitter:after {
  color: white;
  font-family: "social";
  font-size: 1.8em;
  position: absolute;
  z-index: 15000; }

.google:before {
  content: "\e800";
  left: 0.40em;
  top: 0.05em; }

.facebook:after {
  content: "\e802";
  left: 0.60em;
  top: 0.08em; }

.twitter:after {
  content: "\e801";
  left: 0.28em;
  top: 0.06em;
  font-size: 2em; }

.carousel {
  margin-bottom: 1em;
  position: relative; }

.carousel figure {
  display: block;
  position: relative;
  height: auto;
  overflow: hidden;
  max-width: 571px; }
  .carousel figure .mask {
    height: auto;
    overflow: hidden; }
    .carousel figure .mask ul {
      /*OJO en pixeles para mover las fotos de la galeria con javascripts*/
      position: relative;
      overflow: hidden;
      width: 100%;
      padding: 0;
      margin: 0; }
    .carousel figure .mask li {
      /*OJO en pixeles para mover las fotos de la galeria con javascripts*/
      -webkit-backface-visibility: hidden;
      position: absolute;
      display: none;
      width: 100%;
      left: 0;
      top: 0; }
    .carousel figure .mask li:first-child {
      position: relative;
      display: block;
      float: left; }
    .carousel figure .mask img {
      display: block;
      height: auto;
      float: left;
      width: 100%;
      border: 0; }
  .carousel figure figcaption {
    display: block;
    width: 100%;
    bottom: 0;
    color: white;
    overflow: hidden;
    background-color: #373536; }
    .carousel figure figcaption p {
      float: right;
      display: block;
      right: 0; }

.main {
  margin: 1em 0 1.5em 0; }

.cell {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  background-color: #FFF; }

.treatments .fondo, .treatments .fondoT, .treatments .fondoH, .treatments .fondoE, .treatments .fondoC, .treatments .fondoP, .treatments .fondoN {
  overflow: hidden;
  margin-bottom: 1.5em; }
.treatments .col4, .treatments .col8 {
  /*max-height:21.5em;*/
  overflow: hidden; }
.treatments .col8 figure:after {
  content: "";
  clear: block;
  height: 0px; }
.treatments .ancho {
  overflow: hidden;
  height: 100%; }
.treatments .titleMask {
  min-height: 6em;
  padding: 2em 2em;
  overflow: hidden; }
  .treatments .titleMask h2 {
    text-align: left;
    color: white;
    font-size: 2.7em;
    line-height: 1.3em;
    overflow: hidden; }
.treatments .titleinfoButton {
  position: absolute;
  bottom: 5%;
  left: 10%;
  border: 4px solid #373536;
  max-width: 38%;
  text-align: center;
  background-color: white;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: 700; }
  .treatments .titleinfoButton a {
    color: #373536;
    padding: 0.5em;
    display: block; }

.fondo {
  background-color: #f0a171; }
  .fondo .ancho {
    background-color: #f0a171; }
  .fondo img {
    border: 8px solid #f0a171; }

.fondoT {
  background-color: #26acc0; }
  .fondoT .ancho {
    background-color: #26acc0; }
  .fondoT img {
    display: block;
    border: 8px solid #26acc0; }

.fondoH {
  background-color: #e8573a; }
  .fondoH .ancho {
    background-color: #e8573a; }
  .fondoH img {
    display: block;
    border: 8px solid #e8573a; }

.fondoE {
  background-color: #ffcb00; }
  .fondoE .ancho {
    background-color: #ffcb00; }
  .fondoE img {
    display: block;
    border: 8px solid #ffcb00; }

.fondoC {
  background-color: #9fb90d; }
  .fondoC .ancho {
    background-color: #9fb90d; }
  .fondoC img {
    display: block;
    border: 8px solid #9fb90d; }

.fondoN {
  background-color: #ffdf80; }
  .fondoN .ancho {
    background-color: #ffdf80; }
  .fondoN img {
    display: block;
    border: 8px solid #ffdf80; }

.fondoP {
  background-color: #373536; }
  .fondoP .ancho {
    background-color: #373536; }
  .fondoP img {
    display: block;
    border: 8px solid #373536; }

.therapies p {
  margin: 0 0 1em 0;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.4em;
  padding: 0 0.5em; }
.therapies .col9 {
  float: left; }
.therapies .col3 p, .therapies .col3 dt, .therapies .columna_izq p, .therapies .columna_izq dt {
  margin: 4px 0;
  background-color: #f4f4f4;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.4em; }
.therapies .col3 dt, .therapies .columna_izq dt {
  padding: 0.8em 0.8em 0.7em 1em; }
.therapies .col3 dt:first-child, .therapies .columna_izq dt:first-child {
  background-color: white; }
.therapies .col3 li, .therapies .columna_izq li {
  list-style: none;
  cursor: pointer; }
.therapies .col3 p, .therapies .columna_izq p {
  padding: 0.8em 0.8em 0.7em 1em; }
.therapies .col3 a, .therapies .columna_izq a {
  padding: 0.8em 0.8em 0.7em 1em;
  display: block; }
.therapies .therapyServ {
  background-color: #26acc0; }
.therapies .pathology {
  background-color: #ffcb00; }
.therapies .therapiesHeader {
  height: 3.5em;
  line-height: 3.5em;
  padding: 0.5em 1.3em;
  margin-bottom: 0.5em; }
.therapies .therapyDescription {
  background-color: #67c5d3; }
.therapies p {
  line-height: 1.4em; }

.therapies .columna_izq .descrip a {
  padding: 0.5em 0 0 0;
  margin: 0;
  font-family: 'OpenSansCondensedBold';
  font-size: 0.9em;
  color: #999693; }

.descrip span {
  text-decoration: underline;
  clear: both;
  display: block;
  margin-top: 0.5em; }

#patologiasMv p:after, #tratamientosMv p:after {
  content: "\e820";
  font-family: "social";
  font-size: 0.8em;
  position: absolute;
  right: 1em;
  color: #999693;
  transform: translate(-50%, -50%); }

.tariffs .caja_izq {
  margin-bottom: 1.5em; }
.tariffs .promos {
  background-color: #26acc0;
  height: 4.5em;
  line-height: 4.5em;
  margin-left: 0;
  padding: 0 0 0 1.5em;
  width: 21.66%; }
  .tariffs .promos a {
    color: white;
    display: block; }
.tariffs .physiotherapy {
  background-color: #9fb90d; }
.tariffs .pilates {
  background-color: #f0a171; }
.tariffs .tariffsHeader {
  height: 3.5em;
  line-height: 3.5em;
  padding: 0.5em 1.3em;
  margin-bottom: 0.5em; }
.tariffs .physiotherapyDescription div, .tariffs .pilatesDescription div, .tariffs .podologiaDescription div {
  float: left;
  padding: 0.5em 0;
  margin-top: -0.5em; }
.tariffs .physiotherapyDescription .titleSessions, .tariffs .pilatesDescription .titleSessions, .tariffs .podologiaDescription .titleSessions {
  min-width: 30.25%;
  padding-right: 0.5em; }
.tariffs .physiotherapyDescription .titleDays, .tariffs .pilatesDescription .titleDays, .tariffs .podologiaDescription .titleDays {
  min-width: 23%;
  padding-right: 0.5em; }
.tariffs .physiotherapyDescription .titlePrices, .tariffs .pilatesDescription .titlePrices, .tariffs .podologiaDescription .titlePrices {
  min-width: 34.5%;
  padding-right: 0.5em; }
  .tariffs .physiotherapyDescription .titlePrices h3, .tariffs .pilatesDescription .titlePrices h3, .tariffs .podologiaDescription .titlePrices h3 {
    padding-left: 0.7em; }
.tariffs .physiotherapyDescription .titleHorary, .tariffs .pilatesDescription .titleHorary, .tariffs .podologiaDescription .titleHorary {
  min-width: 37%;
  padding-right: 0.5em; }
  .tariffs .physiotherapyDescription .titleHorary h3, .tariffs .pilatesDescription .titleHorary h3, .tariffs .podologiaDescription .titleHorary h3 {
    padding-left: 0.7em; }
.tariffs .physiotherapyDescription .titleInfo h3, .tariffs .pilatesDescription .titleInfo h3, .tariffs .podologiaDescription .titleInfo h3 {
  padding-left: 0.7em; }
.tariffs .physiotherapyDescription .titleSessions, .tariffs .physiotherapyDescription .titleDays, .tariffs .physiotherapyDescription .titlePrices, .tariffs .physiotherapyDescription .titleHorary {
  border-right: 2px solid #9fb90d; }
.tariffs .physiotherapyDescription .titlePrices, .tariffs .physiotherapyDescription .titleInfo, .tariffs .physiotherapyDescription .titleHorary {
  border-left: 2px solid #d1e55e; }
.tariffs .pilatesDescription .titleSessions, .tariffs .pilatesDescription .titleDays, .tariffs .pilatesDescription .titlePrices, .tariffs .pilatesDescription .titleHorary {
  border-right: 2px solid #f0a171; }
.tariffs .pilatesDescription .titlePrices, .tariffs .pilatesDescription .titleInfo, .tariffs .pilatesDescription .titleHorary {
  border-left: 2px solid #fcceb1; }
.tariffs .podologiaDescription .titleSessions, .tariffs .podologiaDescription .titleDays, .tariffs .podologiaDescription .titlePrices, .tariffs .podologiaDescription .titleHorary {
  border-right: 2px solid #ffcf40; }
.tariffs .podologiaDescription .titlePrices, .tariffs .podologiaDescription .titleInfo, .tariffs .podologiaDescription .titleHorary {
  border-left: 2px solid #fff2cc; }
.tariffs .therapyTar {
  position: relative; }
.tariffs .therapyDescription {
  background-color: #67c5d3; }
.tariffs .physiotherapyDescription {
  background-color: #bcce55; }
.tariffs .pilatesDescription {
  background-color: #f7b892; }
.tariffs .podologiaDescription {
  background-color: #ffdf80; }
.tariffs .pathology {
  background-color: #ffcb00; }
.tariffs .tariffsHeader, .tariffs .physiotherapyHeader, .tariffs .pilatesHeader, .tariffs .podologiaHeader {
  height: 3.5em;
  line-height: 3.5em;
  padding: 0.5em 1.3em;
  margin-bottom: 0.5em;
  overflow: hidden; }
.tariffs .physiotherapyHeader {
  background-color: #9fb90d; }
.tariffs .pilatesHeader {
  background-color: #f0a171; }
.tariffs p {
  line-height: 1.4em; }
.tariffs .podologiaHeader {
  background-color: #ffcf40; }

.tariffs .column3 {
  float: left;
  margin: 0 1%;
  width: 23%; }

.tariffs .column9 {
  float: right;
  margin: 0 1%;
  width: 73%; }

.column12 {
  float: left;
  margin: 0 1%;
  width: 98%;
  background: #26acc0;
  min-height: 4.5em;
  line-height: 4.5em; }
  .column12 .promos h3 a {
    color: white;
    padding: 0 0 0 0.75em; }
  .column12 .textPromos {
    background-color: #f4f4f4;
    float: left;
    /*height:4.15em;*/
    margin: 0;
    padding: 0 0 0 1.5em; }
  .column12 .textPromos p {
    font-size: 1.2em; }
  .column12 .triangle {
    border-bottom: 36px solid transparent;
    border-left: 36px solid #f4f4f4;
    border-top: 36px solid transparent;
    float: right;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    background-color: #26acc0; }

.caja_izq {
  width: 100%;
  overflow: hidden;
  background-color: #f4f4f4;
  margin-top: 0.2em; }

.caja_der {
  width: 65.5%;
  float: right;
  background-color: #f4f4f4;
  border-left: 20px solid #fff;
  border-top: none; }

.caja_tariffsInfo {
  width: 32.8%;
  float: right;
  background-color: #f4f4f4;
  margin-bottom: -0.35em;
  border-top: none;
  border-left: 4px solid #fff; }

.caja_horaryInfo {
  width: 37%;
  float: right;
  background-color: #d2d2d2;
  margin-bottom: -0.3em;
  border-top: none;
  border-left: 4px solid #fff; }

.horaryPhone {
  background-color: #373536;
  height: 4em;
  line-height: 1.8em;
  margin-left: 0;
  padding: 0.5em 1em 0;
  text-align: center; }
  .horaryPhone h4 {
    color: white; }

.horaryDescription {
  background: #d2d2d2; }
  .horaryDescription span {
    font-weight: 700; }
  .horaryDescription div {
    font-size: 1.2em;
    float: left;
    margin-top: -0.5em; }
  .horaryDescription .horaryDescriptionPhone {
    width: 60%;
    border-right: 4px solid #fff;
    padding: 0.5em 0.7em 0.5em 0.5em; }
  .horaryDescription .horaryDescriptionDays {
    width: 30%;
    height: 2em;
    overflow: hidden;
    padding: 0.5em 0.7em 1em 1.2em; }
    .horaryDescription .horaryDescriptionDays p {
      padding-left: 1.7em; }
  .horaryDescription .horaryDescriptionDays:before {
    content: "\e80e";
    font-family: "social";
    font-size: 1.4em;
    position: absolute;
    top: 0.1em;
    left: 0.7em; }
  .horaryDescription .titleInfo h3 {
    padding-left: 0.7em; }

.columna_izq {
  width: 48.6%;
  float: left;
  margin-left: -53%;
  position: relative;
  margin-top: -0.1em;
  background-color: white;
  overflow: hidden; }

.columna_der {
  width: 100%;
  float: right;
  padding-bottom: 1.5em; }
  .columna_der h4 {
    background-color: #d2d2d2;
    padding: 1em 0 1em 0.8em;
    font-size: 1.4em;
    font-weight: 300;
    border-top: 1px solid #fff;
    border-bottom: 4px solid #fff; }
  .columna_der p {
    padding: 0.8em 1.5em 0 1em;
    font-size: 1.2em; }

.horaryInfo {
  width: 100%;
  float: right;
  padding-bottom: 1.5em; }
  .horaryInfo p {
    padding: 1em 1.5em 0 1em;
    font-size: 1.2em; }

.horaryColumna_izq {
  width: 168%;
  float: left;
  position: relative;
  margin-top: -0.2em;
  background-color: #d2d2d2;
  overflow: hidden;
  margin-left: -169.5%; }
  .horaryColumna_izq .horaryContent {
    float: left;
    width: 100%;
    border-bottom: 4px solid #fff;
    overflow: hidden; }
    .horaryColumna_izq .horaryContent p {
      /*display:inline-block;*/
      font-size: 1.4em;
      font-weight: 300;
      padding: 0.8em 0.8em 0.7em 1em; }
    .horaryColumna_izq .horaryContent .days {
      padding-bottom: 100%;
      margin-bottom: -100%;
      float: left;
      width: 41.5%;
      vertical-align: top;
      border-right: 0.2em solid #FFF; }
      .horaryColumna_izq .horaryContent .days span {
        text-align: left;
        display: block; }
    .horaryColumna_izq .horaryContent .hours {
      float: left;
      padding-bottom: 100%;
      margin-bottom: -100%;
      width: 57.5%;
      vertical-align: top; }
      .horaryColumna_izq .horaryContent .hours span {
        text-align: left;
        display: block; }

.tariffsColumna_izq {
  width: 203.5%;
  float: left;
  position: relative;
  margin-top: -0.2em;
  background-color: #f4f4f4;
  overflow: hidden;
  margin-left: -205.2%; }
  .tariffsColumna_izq .tariffsContent {
    float: left;
    width: 100%;
    border-bottom: 4px solid #fff;
    overflow: hidden;
    /*background:url("../images/background-line.png") repeat-y scroll 0 0;*/ }
    .tariffsColumna_izq .tariffsContent .sessions {
      border-right: 4px solid #FFF;
      padding-bottom: 100%;
      margin-bottom: -100%;
      float: left;
      width: 49%; }
    .tariffsColumna_izq .tariffsContent .prices {
      padding-bottom: 100%;
      margin-bottom: -100%;
      float: left;
      width: 49%; }
    .tariffsColumna_izq .tariffsContent p {
      padding: 0.8em 0.8em 0.7em 1em;
      font-size: 1.4em;
      font-weight: 300;
      /*display:inline-block;*/ }
      .tariffsColumna_izq .tariffsContent p span {
        text-align: left; }
    .tariffsColumna_izq .tariffsContent a {
      padding: 0.8em 0.8em 0.7em 1em;
      display: block; }

.tariffsInfo {
  width: 100%;
  float: right;
  padding-bottom: 1.5em; }
  .tariffsInfo p {
    padding: 0.8em 1.5em 0 1em;
    font-size: 1.3em; }

.therapySelect {
  background-color: #d2d2d2 !important;
  display: block;
  padding: 0.8em 0.8em 0.7em 1em;
  overflow: hidden;
  color: black; }

.therapySelectSub {
  background-color: #f4f4f4 !important;
  display: block;
  padding: 0.8em 0.8em 0.7em 1em; }
  .therapySelectSub dt {
    background-color: white !important; }

.pathologySelect {
  background-color: #d2d2d2 !important;
  display: block;
  padding: 0.8em 0.8em 0.7em 1em;
  overflow: hidden;
  color: black; }

#carouselNav {
  	/*li{
  		float:left;
  		max-width:23%;
  		max-height:1.2em;
  		overflow:hidden;
  		margin:0 0.3em;
  		display:block;
  
  	}
  	a{
  		display:block;
  		background-color:$corporativeBackground;
  		padding:0.6em;
  
  	}*/ }
  #carouselNav ul {
    padding: 1em;
    float: left; }
  #carouselNav .actualPhoto {
    background-color: #ffcb34 !important; }

.linkGallery a {
  background-color: #373536;
  color: white;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.1em;
  border-left: 2px solid #4d494b;
  text-transform: uppercase; }

.philosophy, .information {
  padding: 0 1em 0.35em;
  min-height: 9.7em;
  font-size: 1.2em;
  line-height: 1.4em;
  overflow: hidden;
  margin-top: 0.3em;
}
  .philosophy h5, .information h5 {
    margin-bottom: 0.2em;
    margin-top: 0.4em; }

.philosophy {
  margin-bottom: 0.7em;
  background-color: white; 
}

.podologia{
  margin-bottom: 0.7em;
}

.podologia p{
  padding: 1em 1.5em 0.8em 1em;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: 300;
  border-bottom: 0.25em #FFF solid;
  background-color: #f4f4f4;
}
.podologiaH5{
  margin:0 1em 1em 1em;
  font-size: 1.4em !important;
  font-weight:700 !important;
}

.information {
  height: 11.5em;
  display: block;
  background-color: #f4f4f4; 
}
.information h6{
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  text-decoration: underline;
}

  .information strong {
    display: block;
    padding-top: 0.1em; }
  .information .nota {
    position: absolute;
    bottom: 0em;
    left: 0;
    height: 2.6em;
    line-height: 2.6em;
    background-color: #d2d2d2;
    width: 100%;
    display: block;
    text-align: left;
    padding: 0 0.5em; }

 .information .nota p{
    font-size:0.9em; }

.circle {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: block;
  background-color: #373536;
  height: 65px;
  width: 65px;
  position: absolute;
  right: 0.8em;
  bottom: 3.35em;
  text-align: center; }
  .circle p {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 65px;
    text-transform: uppercase; }
  .circle a {
    display: block;
    color: white;
    font-size: 0.8em; }

.crecer {
  float: left;
  overflow: hidden;
  background: #333333; }

.slogan, .sloganIzq, .sloganIndex {
  margin: 0em 0 1em 0;
  color: #373536;
  font-size: 1.8em;
  text-align: center; }

.sloganIzq {
  text-align: left;
  margin: 0;
  font-weight: 700;
  color: #999693;
  font-size: 1.8em; }
  .sloganIzq a {
    color: #999693; }

.sloganIzqDet {
  color: black; }

.sloganIndex {
  margin: 0.6em 0 1.2em 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 1.6em; }

.news .newsHeader {
  min-width: 13em;
  height: 3.5em;
  line-height: 3.5em;
  text-align: center; }
  .news .newsHeader .promotions {
    background-color: #26acc0;
    padding: 0 0.8em 0 0.75em; }
  .news .newsHeader .give {
    background-color: #ffcb00;
    padding: 0 0.8em 0 0.75em; }
  .news .newsHeader .companies {
    background-color: #373536;
    padding: 0 0.8em 0 0.75em; }
  .news .newsHeader .notices {
    background-color: #f0a171;
    padding: 0 0.8em 0 0.75em; }
  .news .newsHeader a {
    color: #FFF;
    width: 100%;
    display: block;
    height: 100%; }
.news .news .newsHeaderA {
  line-height: 0; }
.news .newsMain {
  height: 7.2em;
  overflow: hidden;
  background-color: #f4f4f4;
  text-transform: uppercase;
  border-top: 5px solid white;
  border-bottom: 5px solid white;
  padding: 1.2em 1em 0; }
  .news .newsMain h4 {
    margin-bottom: 0.5em; }
  .news .newsMain span {
    font-size: 0.75em;
    font-family: Helvetica, Arial, sans-serif; }
.news .newsFooter {
  background-color: #d2d2d2;
  color: black;
  font-size: 1.2em;
  height: 3em;
  line-height: 3em;
  overflow: hidden;
  padding: 0 1em;
  position: relative; }

.newsFooter:after {
  content: "\e80b";
  top: 0;
  left: 6em;
  font-family: "social";
  font-size: 1.3em;
  position: absolute; }

.noticesMain {
  height: 5.5em !important;
  overflow: hidden; }

.appointment {
  text-transform: uppercase;
  background-color: #f0a171;
  height: 0.95em;
  overflow: hidden;
  text-align: center;
  padding: 0.5em 0 0.5em 0.5em;
  	/*h4:after{
  		content:"\e80e";
  		font-family:"social";
  		font-size:1.8em;
  		position:absolute;
  		top:0.25em;
  		right:0.2em;
  
  	}*/ }
  .appointment p {
    margin-top: -0.2em;
    font-size: 1.25em; }
  .appointment a {
    color: white; }
  .appointment span {
    font-size: 1em; }
  .appointment h4 {
    margin-bottom: 0.2em; }

.team {
  height: 14em;
  display: block;
  margin-bottom: 1.2em; }
  .team .col4 {
    min-width: 13em; }
  .team .col8 {
    min-width: 13em; }
  .team img {
    min-width: 13em;
    max-width: 100%; }
  .team p.bold {
    padding: 1.6em 1.5em 0.5em 1.5em;
    font-size: 1.4em; }
  .team p {
    padding: 0em 1.5em 0.5em 1.7em;
    font-size: 1.2em; }
  .team .blue {
    background-color: #67c5d3;
    display: block;
    overflow: hidden;
    height: 14em; }
  .team .yellow {
    background-color: #ffdb4c;
    height: 14em;
    display: block;
    overflow: hidden; }
  .team .teamTriangleB {
    border-bottom: 25px solid transparent;
    border-right: 25px solid #26acc0;
    border-top: 25px solid transparent;
    float: right;
    height: 0;
    position: absolute;
    right: 0;
    top: 1.2em;
    width: 0; }
  .team .teamTriangleY {
    border-bottom: 25px solid transparent;
    border-left: 25px solid #ffcb00;
    border-top: 25px solid transparent;
    float: right;
    height: 0;
    position: absolute;
    left: 0em;
    top: 1.2em;
    width: 0; }
  .team .rightY {
    float: right; }

.teamForm, .contactForm {
  background: #F4F4F4;
  padding: 2em 0em 1.5em;
  min-height: 5em;
  position: relative; }
  .teamForm legend, .contactForm legend {
    padding: 0 0 0.5em;
    font-weight: 700;
    font-size: 1.2em; }
  .teamForm p, .contactForm p {
    padding: 0em 2em 1em 2em;
    font-size: 1.2em; }
  .teamForm label, .contactForm label {
    display: block;
    clear: both;
    padding: 1em 0 0em 0;
    font-size: 1.2em; }
  .teamForm form, .contactForm form {
    padding: 0 0 1em 1.3em; }
  .teamForm .formText, .contactForm .formText {
    width: 48%;
    height: 1.5em;
    margin-left: 8em;
    margin-top: -1.8em;
    display: block; }
  .teamForm .file, .contactForm .file {
    bottom: 3.3em;
    margin-top: 2em;
    margin-left: 1.5em;
    height: 2em;
    left: 15em;
    position: absolute; }
  .teamForm .sent, .contactForm .sent {
    background-color: #26acc0;
    bottom: 1.7em;
    right: 2em;
    font-size: 1.2em;
    padding: 0.4em 2em;
    position: absolute;
    text-align: center;
    width: 12%;
    color: white;
    cursor: pointer; }
    .teamForm .sent a, .contactForm .sent a {
      color: #FFF; }

.contactForm textArea {
  display: block;
  width: 84.5%;
  padding: 0.5em;
  min-height: 10em;
  margin-top: -1.3em;
  margin-left: 6.8em;
  margin-bottom: 2.8em; }

.checkbox {
  margin-left: 8em; }

.required:after {
  content: "\e822";
  font-family: "social";
  color: #e8573a;
  text-align: center;
  position: absolute;
  font-size: 0.5em;
  margin-left: 0.35em;
  margin-top: 0.1em; }

.mapa {
  display: inline-block;
  overflow: hidden;
  outline: none;
  padding: 0;
  max-height: 16.2em;
  max-width: 100%; }
  .mapa img {
    display: block; }
  .mapa a {
    display: block; }

.contactHeader {
  height: 3.5em;
  line-height: 3.5em;
  margin-bottom: 0.5em;
  padding: 0.5em 1.3em;
  background-color: #26acc0; }

.gris {
  background-color: #999693; }

.melocoton {
  background-color: #f0a171; }

.contact_izq {
  width: 151.5%;
  overflow: hidden;
  background-color: #f4f4f4;
  margin-top: 0.2em;
  margin-bottom: 1.5em; }

.contact_der {
  float: left;
  width: 66%;
  border-right: 19px solid #fff; }

.contact_transport {
  width: 51.4%;
  float: right;
  background-color: #f4f4f4;
  border-top: none;
  margin-right: -54.6%;
  overflow: hidden; }
  .contact_transport div {
    border-bottom: 4px solid #fff;
    overflow: hidden; }
  .contact_transport div:last-child {
    border: none; }
  .contact_transport p {
    padding: 1em 1.1em;
    line-height: 1.3em;
    font-size: 1.2em; }

.contact_address {
  width: 100%;
  float: left;
  background-color: #f4f4f4;
  border-top: none; }
  .contact_address p {
    padding: 1em 1.1em;
    line-height: 1.3em;
    font-size: 1.2em; }

.contact_phone {
  width: 100%;
  float: right;
  background-color: #f4f4f4;
  border-top: none;
  margin-bottom: 1.5em;
  font-size: 1.2em; }
  .contact_phone div {
    border-bottom: 4px solid #fff;
    overflow: hidden; }
  .contact_phone div:last-child {
    border: none; }
  .contact_phone p {
    padding: 1em 1.1em;
    line-height: 1.3em; }

.contact {
  margin-left: 1.1em; }

.contact:before {
  content: "\e80e";
  font-family: "social";
  font-size: 1.1em;
  vertical-align: middle;
  display: inline-block;
  margin-left: -1em;
  margin-right: 0.25em; }

.promosP h6, .promosR h6, .promosE h6, .promosN h6 {
  font-size: 1.4em; }
.promosP p, .promosR p, .promosE p, .promosN p {
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 0em 1.5em 0.5em 0em; }
.promosP .col4, .promosR .col4, .promosE .col4, .promosN .col4 {
  /*margin:0 0 0 1%;*/ }
  .promosP .col4 article, .promosR .col4 article, .promosE .col4 article, .promosN .col4 article {
    height: 6em;
    max-height: 2em;
    padding: 2.5em 1em 6.5em;
    text-align: right; }
.promosP .col12 article, .promosR .col12 article, .promosE .col12 article, .promosN .col12 article {
  min-height: 5em;
  padding: 2.5em 2em;
  text-align: left;
  line-height: 1.3em; }
.promosP article, .promosR article, .promosE article, .promosN article {
  padding: 2em 1em;
  background-color: #f4f4f4;
  min-height: 6em;
  text-align: right;
  margin-bottom: 0.25em;
  position: relative; }
  .promosP article span, .promosR article span, .promosE article span, .promosN article span {
    display: block;
    margin-top: 1em;
    font-size: 0.8em;
    font-family: "OpenSansCondensedLight", "sans-serif"; }
  .promosP article .triangulo, .promosR article .triangulo, .promosE article .triangulo, .promosN article .triangulo {
    width: 0;
    height: 0;
    border-right: 100px solid transparent;
    position: absolute;
    z-index: 500px;
    top: 0;
    left: 0; }
    .promosP article .triangulo p, .promosR article .triangulo p, .promosE article .triangulo p, .promosN article .triangulo p {
      position: absolute;
      top: -4.5em;
      left: 1.5em;
      text-align: center;
      line-height: 1.3em;
      color: #FFF;
      font-weight: 700;
      font-size: 1.2em; }
  .promosP article .ticket, .promosR article .ticket, .promosE article .ticket, .promosN article .ticket {
    height: 2.8em;
    overflow: hidden; }

.promosP .col8 h6 {
  margin-bottom: 0.5em; }
.promosP article h6 {
  color: #26acc0;
  margin-bottom: 0.5em; }
.promosP article .triangulo {
  border-top: 100px solid #26acc0; }

.promosR article h6 {
  color: #ffcb00;
  margin-bottom: 0.5em; }
.promosR article .triangulo {
  border-top: 100px solid #9fb90d; }

.promosE article .triangulo {
  border-top: 100px solid #ffcb00; }

.promosN article h6 {
  color: #f0a171;
  margin-bottom: 0.5em; }
.promosN article .triangulo {
  border-top: 100px solid #e8573a; }

.promosTitleP, .promosTitleR, .promosTitleE, .promosTitleN {
  height: 11.7em;
  line-height: 14em;
  text-align: center;
  margin-bottom: 1em; }

.promosTitlePList, .promosTitleRList, .promosTitleEList, .promosTitleNList {
  height: 3.5em;
  line-height: 3.7em;
  padding: 0.5em 2.3em;
  margin-bottom: 0.75em; }
  .promosTitlePList a, .promosTitleRList a, .promosTitleEList a, .promosTitleNList a {
    color: white; }

.promosTitleP {
  background-color: #26acc0; }
  .promosTitleP :before {
    content: "\e817";
    font-family: "social";
    font-size: 1.2em;
    position: absolute;
    top: 1.8em;
    left: 50%;
    color: white;
    transform: translate(-50%, -50%); }

.promosTitlePList {
  background-color: #26acc0; }

.col1 .promosTitlePList:before {
  content: "\e817";
  font-family: "social";
  font-size: 2em;
  position: absolute;
  /*top:0em;*/
  /*left:50%;*/
  color: white;
  transform: translate -50%, -50%;
  margin-left: -0.5em; }

.tagP:before {
  content: "\e817";
  font-family: "social";
  font-size: 1em;
  margin-right: 0.5em;
  color: #26acc0; }

.promosTitleR {
  background-color: #9fb90d; }
  .promosTitleR :before {
    content: "\e813";
    font-family: "social";
    font-size: 1.2em;
    position: absolute;
    top: 1.8em;
    color: white;
    left: 50%;
    transform: translate(-50%, -50%); }

.promosTitleRList {
  background-color: #ffcb00;
  margin-top: 1em; }

.col1 .promosTitleRList:before {
  content: "\e813";
  font-family: "social";
  font-size: 2em;
  position: absolute;
  /*top:0em;*/
  /*left:50%;*/
  color: white;
  transform: translate -50%, -50%;
  margin-left: -0.5em; }

.tagR:before {
  content: "\e813";
  font-family: "social";
  font-size: 1em;
  margin-right: 0.5em;
  color: #26acc0; }

.promosTitleE {
  background-color: #ffcb00; }
  .promosTitleE :before {
    content: "\e80c";
    font-family: "social";
    font-size: 1.2em;
    position: absolute;
    top: 1.8em;
    left: 50%;
    color: white;
    transform: translate(-50%, -50%); }

.promosTitleEList {
  background-color: #ffcb00; }

.col1 .promosTitleEList:before {
  content: "\e80c";
  font-family: "social";
  font-size: 2em;
  position: absolute;
  /*top:0em;*/
  /*left:50%;*/
  color: white;
  transform: translate -50%, -50%;
  margin-left: -0.5em; }

.tagE:before {
  content: "\e80c";
  font-family: "social";
  font-size: 1em;
  margin-right: 0.5em;
  color: #26acc0; }

.promosTitleN {
  background-color: #e8573a;
  margin-bottom: 1em; }
  .promosTitleN :before {
    content: "\e803";
    font-family: "social";
    font-size: 1.2em;
    position: absolute;
    top: -1.5em;
    left: 3.8em;
    color: white;
    /*text-shadow: 1px 1px white, -1px -1px #999;*/ }

.promosTitleNList {
  background-color: #f0a171;
  margin-top: 1em; }

.col1 .promosTitleNList:before {
  content: "\e803";
  font-family: "social";
  font-size: 2em;
  position: absolute;
  /*top:0em;*/
  left: 50%;
  color: white;
  transform: translate -50%, -50%;
  margin-left: -0.35em; }

.tagN:before {
  content: "\e803";
  font-family: "social";
  font-size: 1em;
  margin-right: 0.5em;
  color: #26acc0; }

.promosNews {
  clear: both;
  display: block; }

.promosView {
  float: right;
  display: block;
  background-color: #f4f4f4;
  padding: 0em 0em 1em 1em;
  max-height: 2em;
  margin-bottom: 1em;
  line-height: 3em; }
  .promosView div {
    float: left;
    display: block; }
  .promosView .view {
    border-right: 2px solid #d9d7d7;
    padding-right: 1em;
    font-size: 1.2em;
    font-weight: 700;
    color: #484848; }
  .promosView .icons, .promosView .list {
    border-left: 1px solid white;
    background-color: white;
    width: 3em;
    height: 3em;
    display: block;
    font-family: "social";
    position: relative; }
  .promosView a {
    display: block;
    padding: 1.5em; }
  .promosView .icons a:after {
    content: "\e804";
    cursor: pointer;
    font-family: "social";
    color: #373536;
    text-align: center;
    position: absolute;
    left: 0.4em;
    top: 0.05em;
    font-size: 1.8em; }
  .promosView .list a:after {
    content: "\e806";
    cursor: pointer;
    font-family: "social";
    color: #373536;
    text-align: center;
    position: absolute;
    left: 0.3em;
    top: 0.05em;
    font-size: 1.8em; }

.viewMore {
  text-decoration: underline;
  font-weight: 700;
  padding-bottom: 3em;
  font-size: 1.2em;
  display: block; }
  .viewMore p {
    float: right; }
  .viewMore a {
    padding: 0.8em 2em 0.8em 0.8em;
    display: block;
    color: #484848;
    text-decoration: underline; }

.viewMore:after {
  content: "\e820";
  cursor: pointer;
  font-family: "social";
  color: #484848;
  text-align: center;
  position: absolute;
  right: 0.6em;
  top: 0.9em;
  font-size: 0.9em; }

.on {
  background-color: #484848 !important; }

.on.list:after {
  content: "\e806";
  cursor: pointer;
  font-family: "social";
  color: white;
  text-align: center;
  position: absolute;
  left: 0.3em;
  top: 0.05em;
  font-size: 1.8em; }

.on.icons:after {
  content: "\e804";
  cursor: pointer;
  font-family: "social";
  color: white;
  text-align: center;
  position: absolute;
  left: 0.4em;
  top: 0.05em;
  font-size: 1.8em; }

.viewPromosDetail, .viewGiveDetail, .viewCompanyDetail, .viewNewsDetail {
  height: 28.5em;
  padding: 1.5%;
  margin-bottom: 1.5em; }

.viewPromosDetail {
  background: #26acc0; }

.viewGiveDetail {
  background: #9fb90d; }

.viewCompanyDetail {
  background: #ffcb00; }

.viewNewsDetail {
  background: #e8573a; }

.viewPromosDetailLeft, .viewGiveDetailLeft, .viewCompanyDetailLeft, .viewNewsDetailLeft {
  width: 44%;
  height: 92%;
  float: left;
  text-align: right;
  color: white;
  padding: 2% 3%; }
  .viewPromosDetailLeft h1, .viewGiveDetailLeft h1, .viewCompanyDetailLeft h1, .viewNewsDetailLeft h1 {
    padding-top: 1.15em;
    line-height: 1.1em;
    font-size: 2.3em; }
  .viewPromosDetailLeft span, .viewGiveDetailLeft span, .viewCompanyDetailLeft span, .viewNewsDetailLeft span {
    line-height: 1.5em;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.9em; }

.viewPromosDetailLeft {
  background: #26acc0; }

.viewGiveDetailLeft {
  background: #9fb90d; }

.viewCompanyDetailLeft {
  background: #ffcb00; }

.viewNewsDetailLeft {
  background: #e8573a; }

.viewPromosDetailRight, .viewGiveDetailRight, .viewCompanyDetailRight, .viewNewsDetailRight {
  background: white;
  height: 92%;
  width: 44%;
  float: left;
  padding: 2% 3%;
  overflow: hidden; }
  .viewPromosDetailRight .share, .viewGiveDetailRight .share, .viewCompanyDetailRight .share, .viewNewsDetailRight .share {
    position: absolute;
    bottom: 5em;
    right: 1.7em;
    width: 88.2%; }
    .viewPromosDetailRight .share .separatorHrSmall, .viewGiveDetailRight .share .separatorHrSmall, .viewCompanyDetailRight .share .separatorHrSmall, .viewNewsDetailRight .share .separatorHrSmall {
      background-color: #b3aeab;
      display: block;
      margin-top: 0.45em; }
    .viewPromosDetailRight .share h6, .viewGiveDetailRight .share h6, .viewCompanyDetailRight .share h6, .viewNewsDetailRight .share h6 {
      margin: 0.8em 0 0.8em 0; }
  .viewPromosDetailRight h2, .viewGiveDetailRight h2, .viewCompanyDetailRight h2, .viewNewsDetailRight h2 {
    text-align: left;
    padding-top: 1.9em; }
  .viewPromosDetailRight span, .viewGiveDetailRight span, .viewCompanyDetailRight span, .viewNewsDetailRight span {
    color: #333333;
    margin-right: 0.8em;
    font-weight: 700; }
  .viewPromosDetailRight h5, .viewGiveDetailRight h5, .viewCompanyDetailRight h5, .viewNewsDetailRight h5 {
    margin: 0.8em 0 0.8em 0; }
  .viewPromosDetailRight .outOfDate, .viewGiveDetailRight .outOfDate, .viewCompanyDetailRight .outOfDate, .viewNewsDetailRight .outOfDate {
    margin: 1em 0;
    height: auto; }
  .viewPromosDetailRight p, .viewGiveDetailRight p, .viewCompanyDetailRight p, .viewNewsDetailRight p {
    line-height: 1.2em;
    font-family: Helvetica, Arial, sans-serif;
    max-height: 4.8em;
    overflow: hidden; }

.viewPromosDetailRight h2, .viewPromosDetailRight h4 {
  color: #26acc0; }
.viewPromosDetailRight .outOfDate:before {
  content: "\e817";
  font-family: "social";
  color: #26acc0;
  margin-right: 0.5em; }

.viewGiveDetailRight h2, .viewGiveDetailRight h4 {
  color: #9fb90d; }
.viewGiveDetailRight .outOfDate:before {
  content: "\e813";
  font-family: "social";
  color: #9fb90d;
  margin-right: 0.5em; }

.viewCompanyDetailRight h2, .viewCompanyDetailRight h4 {
  color: #ffcb00; }
.viewCompanyDetailRight .outOfDate:before {
  content: "\e811";
  font-family: "social";
  color: #ffcb00;
  margin-right: 0.5em; }

.viewNewsDetailRight h2, .viewNewsDetailRight h4 {
  color: #e8573a; }
.viewNewsDetailRight .outOfDate:before {
  content: "\e803";
  font-family: "social";
  color: #e8573a;
  margin-right: 0.5em; }

.separatorHr {
  background-color: #b3aeab;
  margin-top: 2em;
  display: block;
  clear: both; }

.aviso {
  height: 3.5em;
  line-height: 3.5em;
  font-size: 0.9em;
  font-family: Helvetica, Arial, sans-serif; }
  .aviso .accessible {
    float: left;
    font-family: Helvetica, Arial, sans-serif; }
  .aviso .accessible:before {
    content: '';
    width: 3em;
    height: 3em;
    background: url(../images/sprite_global.png) no-repeat 0px -119px;
    display: inline-block;
    position: absolute;
    z-index: 10000;
    left: 0;
    top: 0.5em; }
  .aviso p {
    margin-left: 2.4em; }
  .aviso .copy {
    float: right; }

.footer {
  height: 5.5em;
  max-width: 100%;
  padding: 1em 0; }

.friendWebs {
  float: left;
  margin: 0 1%;
  width: 23%;
  position: absolute;
  bottom: 1em;
  left: 0; }

.certificate {
  padding: 2em 0;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}

.certificate img {
  max-width: 250px;
  margin-bottom: 1em;
  width: 100%;
}

.author {
  max-width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 50000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.8em;
  color: #fff; }

.wrapper {
  max-width: 960px;
  margin: 0 auto;
  height: auto;
  min-height: 100%;
  overflow: hidden;
  display: block;
  clear: both; }

.wrapper:after {
  width: 100%;
  height: 6.5em;
  display: block;
  clear: both; }

.avisoLegal {
  background: white;
  margin: 2em;
  font-size: 1.2em; }
  .avisoLegal a {
    text-decoration: underline; }
  .avisoLegal h3 {
    color: #333333; }
  .avisoLegal h4 {
    margin: 1.5em 0 1em 0; }
  .avisoLegal p {
    line-height: 1.4em;
    padding: 0.25em 0; }
  .avisoLegal ol {
    list-style-type: decimal;
    padding: 0.5em 0 1em 2em;
    line-height: 1.4em; }
  .avisoLegal ul {
    list-style-type: disc;
    padding: 0.5em 0 0 2em;
    line-height: 1.4em; }

.fondo-pie {
  background-color: #f4f4f4;
  height: 28em;
  margin: -28em auto 0;
  position: absolute;
  width: 100%;
  z-index: -5000; }

.fondo-pie2 {
  background-color: #f4f4f4;
  height: 53.5em;
  margin: -53.5em auto 0;
  position: absolute;
  width: 100%;
  z-index: -5000; }

.fondo-footer {
  background-color: #373536;
  height: 7em;
  width: 100%;
  margin: -7em auto 0;
  position: absolute;
  z-index: -100; }

.gallery:after {
  content: "";
  height: auto;
  clear: both; }

.galleryMv {
  margin-bottom: 4em; }
  .galleryMv img {
    max-width: 100%;
    display: blocK; }
  .galleryMv div {
    background-color: #fff;
    float: left;
    margin: 0.5em 1%;
    max-width: 100%; }

.gal1 {
  height: 10em;
  margin-bottom: 1em;
  overflow: hidden; }
  .gal1 .collageTop {
    height: 4.5em; }
    .gal1 .collageTop .col4 {
      height: 4.6em;
      margin: 0; }
    .gal1 .collageTop .mRight {
      margin-right: 2.9%; }
    .gal1 .collageTop .mLeft {
      margin-left: 2.9%; }
  .gal1 .collageBottom {
    margin-top: 0.85em;
    height: 5em; }
    .gal1 .collageBottom .col4 {
      height: 4.6em;
      margin: 0; }
    .gal1 .collageBottom .mRight {
      margin-right: 2.9%; }
    .gal1 .collageBottom .mLeft {
      margin-left: 2.9%; }

.gal2 {
  height: 10em;
  margin-bottom: 1em; }

.gal3 {
  height: 21em;
  float: right; }

.gal4 {
  height: 21em;
  overflow: hidden; }

.gal5 {
  height: 10em;
  margin-bottom: 1em; }

.gal6 {
  height: 10em;
  margin-bottom: 1em; }

.gal7 {
  height: 10em; }

.gal9 {
  height: 10em;
  margin-bottom: 1em; }

.gal10 {
  height: 10em;
  margin-bottom: 1em; }

.gal11 {
  height: 20em; }

.gal12 {
  height: 20em; }

.gal13 {
  height: 20em; }

.gal14 {
  height: 20em; }

.tourVirtual {
  height: 25em;
  text-align: center;
  margin-bottom: 2em;
  background: #373536;
  border-bottom: 2em solid #ffdf80; }

.tourLabel p {
  font-size: 1.2em;
  font-weight: 700;
  padding: 1em;
  background: #ffdf80; }

.tourVirtualFondo {
  background: none repeat scroll 0 0 #f4f4f4;
  height: 40em;
  margin: -44em auto 0;
  padding: 2em 0 1.5em;
  position: absolute;
  width: 100%;
  z-index: -5000; }

@media only screen and (max-width: 980px) {
  .horizontalStrip, .horizontalStripT, .horizontalStripH, .horizontalStripE, .horizontalStripC, .horizontalStripP, .horizontalStripN {
    display: none !important; } }
@media only screen and (max-width: 960px) {
  .col12Mov {
    width: 100%;
    float: left;
    margin-top: 1em; }

  .col3tocol6 {
    float: left;
    margin: 0 1% 1em;
    width: 48%; }

  .treatments .titleMask h2 {
    font-size: 2.2em; }

  nav ul li {
    width: 13%; } }
@media only screen and (max-width: 920px) {
  .col1 {
    float: left;
    margin: 0 1%;
    width: 14.6667%; }

  .col11 {
    float: left;
    margin: 0 1%;
    width: 81.3333%; } }
@media only screen and (max-width: 890px) {
  body {
    font-size: 14px !important; }

  .column12 .triangle {
    border-bottom: 32px solid rgba(0, 0, 0, 0);
    border-left: 32px solid #F4F4F4;
    border-top: 32px solid rgba(0, 0, 0, 0); }

  nav ul li {
    width: 12.8%; } }
@media only screen and (max-width: 780px) {
  .appointment h4:after {
    display: none; }

  body {
    font-size: 15px; }

  .teamForm .file {
    bottom: 2.8em; }

  .titleInfo {
    display: none; }

  .caja_tariffsInfo {
    border-left: none;
    float: none;
    width: 100%;
    clear: both; }

  .tariffsColumna_izq {
    float: none;
    margin-left: 0;
    width: 100%; }

  .carousel {
    width: 48%; }

  .col6Mov:after {
    content: "";
    clear: block;
    height: 0px; }

  .appointmentMov {
    width: 48%;
    text-align: center; }

  .col3tocol4 {
    float: left;
    margin: 0 1% 0.5em 1%;
    width: 48%; }

  .tariffs .titleInfoPodMov, .tariffs .titleInfoPilMov {
    display: block;
    background: #d3d3d3;
    height: 3.5em;
    line-height: 3.5em;
    padding: 0.5em 1.3em;
    border-bottom: 4px solid #fff; }

  .column12 .textPromos {
    width: 60%;
    min-width: 22em; }

  .physiotherapyDescription .titlePrices, .pilatesDescription .titlePrices, .podologiaDescription .titlePrices {
    min-width: 47.5% !important;
    border-right: none !important; }

  .physiotherapyDescription .titleSessions, .pilatesDescription .titleSessions, .podologiaDescription .titleSessions {
    min-width: 47.5% !important; } }
@media only screen and (min-width: 781px) {
  .tariffs .titleInfoPodMov, .tariffs .titleInfoPilMov {
    display: none !important; }

  .physiotherapyDescription .titlePrices, .pilatesDescription .titlePrices, .podologiaDescription .titlePrices {
    min-width: 34.5% !important;
    /*border-right: 2px solid #9FB90D !important;*/ }

  .physiotherapyDescription .titlePrices {
    border-right: 2px solid #9FB90D !important; }

  .pilatesDescription .titlePrices {
    border-right: 2px solid #F0A171 !important; }

  .physiotherapyDescription .titleSessions, .pilatesDescription .titleSessions, .podologiaDescription .titleSessions {
    min-width: 30.25% !important; }

  .column12 .col9 {
    display: block;
    width: 73%; 
  }

  }
@media only screen and (max-width: 790px) {
  .circle {
    height: 55px;
    width: 55px; }
    .circle p {
      line-height: 55px; }

  .col8tocol7 {
    width: 56.3333%; }

  .col4tocol5 {
    width: 39.6667%;
    overflow: hidden; }

  .contact_izq {
    width: 174%; }

  .contact_der {
    width: 57.5%; }

  .contact_transport {
    width: 71%;
    margin-right: -74.6%; } }
@media only screen and (max-width: 768px) {
  h1 {
    margin-top: -0.3em;
    margin-bottom: 0.3em; }

  .separatorHr {
    margin-top: 3em; }

  .teamForm .file {
    bottom: 2.5em; }

  #menu {
    height: 1.9em;
    margin-bottom: 1px;
    width: 4.6em;
    overflow: hidden;
    display: block !important;
    background: #f4f4f4;
    font-size: 1.6em;
    cursor: pointer !important;
    float: right;
    padding: 0 0.25em;
    text-transform: uppercase; }

  .menuMov {
    padding-left: 11%;
    font-weight: 700;
    line-height: 2.2em; }

  .menuMov:after {
    content: "\e820";
    font-family: "social";
    position: absolute;
    width: 1.5em;
    right: 8%;
    font-size: 0.8em; }

  #nav.js {
    display: none; }

  nav ul {
    width: 100%; }
    nav ul li, nav ul .menuSpace {
      width: 100%;
      border-right: none;
      border-left: none;
      border-top: 2px solid #2b2a2a;
      border-bottom: 2px solid #4d494b; }
    nav ul li:first-child {
      border-top: none; }
    nav ul li:hover {
      background-color: #2b2a2a; }
    nav ul .active {
      background-color: #2b2a2a;
      color: #FFF; } 
    .appointmentMov {
      width: 98%;
      padding: 0.25em 0;
      display: block;
      margin-top: 0.5em;
      /*background-color: #2b2a2a;*/ 
      }
    }
@media only screen and (min-width: 769px) {
  body {
    width: 960; }

  #menu {
    display: none !important; 
  }

}
@media only screen and (max-width: 740px) {
  .tariffs .therapyTar {
    min-width: 12em; }

  .treatments .titleMask {
    padding: 1em; } }
@media only screen and (min-width: 700px) {
  .terapiasMv {
    display: none !important; } }
@media only screen and (max-width: 700px) {
  .tariffs .column3 {
    float: none;
    margin: 0 1%;
    width: 98%;
    clear: both; }

  .tariffs .col9 {
    width: auto; }

  .tariffs .column9 {
    float: none;
    margin: 0 1%;
    width: 98%; }

  .therapyDescription {
    display: none; }

  .columna_der {
    display: none; }

  .caja_der {
    border-left: 0px;
    width: 100%; }

  .columna_izq {
    margin-left: 0px;
    width: 100%; }

  #terapiasPc {
    display: none; }

  .therapies .col9 {
    margin: 0 1%;
    width: 48%; }

  .therapies .col3 {
    margin: 0 1%;
    width: 48%; }

  .pathologyMv .therapiesHeader {
    display: none; } }
@media only screen and (max-width: 680px) {
  .col8tocol7 {
    width: 48%; }

  .col4tocol5 {
    width: 48%;
    overflow: hidden; }

  .contact_izq {
    width: 204%; }

  .contact_der {
    width: 49%; }

  .contact_transport {
    width: 100.4%;
    margin-right: -104.5%; }

  .friendWebs {
    display: none; }

  .fondoN img, .fondoC img, .fondoP img, .fondoE img, .fondo img, .fondoT img {
    display: none; }

  .fondoN .col4, .fondoC .col4, .fondoP .col4, .fondoE .col4, .fondo .col4, .fondoT .col4 {
    display: none; }

  .fondoN .column8, .fondoC .column8, .fondoP .column8, .fondoE .column8, .fondo .column8, .fondoT .column8 {
    display: block;
    float: left;
    margin: 0 1%;
    width: 64.6667%; }

  .treatments .titleinfoButton {
    position: absolute;
    right: 10%;
    left: 30%;
    bottom: 25%; }
  .treatments .fondoN .tratments, .treatments .fondoC .treatments, .treatments .treatments .fondo, .treatments .treatments .fondoT, .treatments .treatments .fondoH, .treatments .treatments .fondoE, .treatments .treatments .fondoC, .treatments .treatments .fondoP, .treatments .treatments .fondoN {
    margin-bottom: 0em; }

  .socialMedia {
    position: absolute;
    margin-right: -45px;
    right: 50%; } }
@media only screen and (max-width: 600px) {
  .team .col8 {
    width: auto; }

  .team p.bold {
    padding: 1em 1em 0.5em; }

  .team p {
    padding: 0em 0.5em 0em 1em; }

  .team .blue {
    float: none;
    padding: 0.5em; }

  .team .yellow {
    float: none;
    padding: 0.5em; }

  .col6Mov {
    width: 98%;
    float: left; }

  .carousel {
    width: 98%; }

  /*.mask{
  	max-height:281px;
  }*/ }
@media only screen and (min-width: 627px) {
  .galleryMv {
    display: none; }

  .gallery {
    display: block; 
  } 
  .certificate {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 960px;
  }

  .certificate div:not(:last-child) img {
    margin-right: 1em;
  }
}
@media only screen and (max-width: 627px) {
  .gallery {
    display: none; }

  .galleryMv {
    display: block; } }
@media only screen and (max-width: 560px) {
  .col8tocol7 {
    float: left;
    clear: both;
    width: 100%; }

  .col4tocol5 {
    float: left;
    clear: both;
    width: 100%;
    overflow: hidden; }

  .contact_transport {
    display: none; }

  .contact_transportMov {
    display: block;
    background-color: #F4F4F4;
    border-top: medium none;
    float: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1.5em; }

  .promoslist span {
    display: none; }

  .promos h3 a:before {
    content: "\e817";
    font-family: "social";
    font-size: 1.25em;
    position: absolute;
    top: 50%;
    right: 5%;
    color: white;
    transform: translate(-50%, -50%); }

  .therapies .col9 {
    float: left;
    margin: 0 1%;
    width: 98%; }

  .therapies .col3 {
    margin: 0 1%;
    width: 98%; }

  .pathology {
    display: none; }

  .pathologyMv {
    background-color: #ffcb00;
    margin-top: 1.5em; }
    .pathologyMv .therapiesHeader {
      display: block; } }
@media only screen and (max-width: 465px) {
  .team .col4 {
    float: none;
    width: 98%;
    max-height: 14em; }
    .team .col4 img {
      display: none; }

  .team {
    height: auto; }
    .team .blue {
      border-top: 0.4em solid #fff; }

  .col3tocol6 {
    width: 98%; }

  .carousel {
    width: 98%;
    float: left;
    margin: 0 1% 1em 1%; } }
@media only screen and (max-width: 421px) {
  .physiotherapyDescription .titleSessions, .pilatesDescription .titleSessions, .podologiaDescription .titleSessions {
    min-width: 49% !important;
    padding-right: 0em !important; }

  .physiotherapyDescription .titlePrices, .pilatesDescription .titlePrices, .podologiaDescription .titlePrices {
    min-width: none !important;
    padding-right: 0em !important; }

  .textPromos {
    display: none; }

  .promos h3 {
    text-align: center !important; }
    .promos h3 span {
      display: inline-block; }

  .promos h3 a:before {
    display: none; }

  .promosP .col4, .promosR .col4, .promosE .col4, .promosN .col4 {
    display: none; }

  .promosP .col8, .promosR .col8, .promosE .col8, .promosN .col8 {
    width: 98%; }

  .col3tocol4 {
    width: 98%; }

  /*.appointmentMov {
    width: 98%;
    padding: 0.25em 0;
    display: block;
    margin-top: 0.5em;
    background-color: #373536; }*/ 
  }
@media only screen and (max-width: 350px) {
  .aviso {
    min-height: 6em;
    text-align: center !important; }
    .aviso p {
      margin: 0; }
    .aviso .accessible {
      float: none;
      text-align: center !important; }
      .aviso .accessible p {
        margin-left: 9.5%; }
    .aviso .accessible:before {
      left: 28%; }
    .aviso .copy {
      float: none; } }