/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 944px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.container.contenido {
  min-height: 400px;
  padding-bottom: 50px;
}
.column,
.columns,
.col {
  width: 100%;
  float: left;
  box-sizing: border-box; }


.colphoto { float: left; box-sizing: border-box;}

.colphoto.three { width: 50%;}
.colphoto.two { width: 50%;}

/* For devices larger than 400px */
@media (min-width: 450px) {
  .container {
    width: 90%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child,
  .acordeon-horas .columns {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .mp .eight.columns              { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  .six.col { width: 50%;} /* what? */

  .colphoto.three { width: 33.333%;}
  .colphoto.two { width: 50%;}

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.3em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Source Sans Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #1C1C1C;}

/* Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.ocultar { display: none;}
.content {display: block;}

/* Larger than tablet */
@media (min-width: 1207px) {
.ocultar { display: block;}
.content {display: none;}
.menu-b { display: block;}
.menu-b ul { margin-top: 0.3rem}
.menu-b li { display: inline-block; color: #FFF; font-weight: 400; letter-spacing: .1rem; margin-right: 4.5491%;}
.menu-b li:last-child { margin: 0;}
.menu-b a { color: #FFF; text-decoration: none;}
.menu-b a:hover { color: #2B98C6;}

a.orange{ color: #df531f; text-decoration: none;}
a.orange:hover{ color: #df531f;}
.grey { color: #999999;}
.logo { float: left; height: 40px; width: 100%;}

.logo2 { display: block; width: 100px; height: 100px;}
.logo2 span { display: block; background-image: url(../img/logo.png); background-repeat: no-repeat; background-size: 100% auto;}

.logo span { display: block; background-image: url(../img/logo.png); background-repeat: no-repeat; width: 100%; height: 100%; background-size: 100% auto;}

.login { float: right; margin-top: 20px;}
.login span { display: block; float: left; margin: 1px 5px 0 0px; width: 15px; height: 19px; background-image: url(../img/login.png); background-repeat: no-repeat;}

.flecha span { display: block; float: right; margin: 8px 0 0 7px; width: 10px; height: 10px; background-image: url(../img/fl_menu.png); background-repeat: no-repeat;}
.flecha:hover span { background-image: url(../img/fl_menu_az.png); background-repeat: no-repeat;}
}

/* Barra Color
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.blue { color: #2B98C6}
.orange { color: #df531f; text-decoration: none;}
.orange-barra { color: #FFF; min-height: 5px; background-color: #df531f;}
.orange-barra p { color:#FFF; margin: 0; line-height: 2.8; text-transform: uppercase; font-size: 1.3rem; letter-spacing: .045rem;}
.table { display: table; width: 100%; height: 100%;}
.table-cell{ display: table-cell; vertical-align: middle; }
.circulito1 { border-radius: 50%; behavior: url(PIE.htc); width: 8px; height: 8px; background: #fff; float: right; margin-right: 4px;}
.circulito2 { border-radius: 50%; behavior: url(PIE.htc); width: 6px; height: 6px; background: #D84325; border: 1px solid #fff; float: right; margin-right: 4px;}
.circulos { width: 100px;}
.circulos2 { width: 70px;}
/* Migas de pan
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.grey { color: #999999;}
a.grey, a.grey:hover { color: #999999;}
.grey-barra { background-color: #F3F3F3; height: 100%;}
.grey-barra.footer > div > div > .twelve.columns { margin-top: 50px;}
.pan .container{ width: 81%;}
.pan { border-radius: 4px; margin: 2px 0; background-color: #f5f5f5;}
.pan .unafila { /*height: 7.8rem;*/}
.pan .tresfilas { height: 23.8rem;}
.pan .cuatrofilas { height: 26.8rem;}
.pan .mediafila { height: 3.8rem;}
.pan.on{ background-color: transparent;}
.pan.on h6 { color: #df531f; float: left;}
.pan.on span { display: block; float: left; width: 1.2rem; height: 1.5rem; background-image: url(../img/flecha_marcado.png); background-repeat: no-repeat; background-position: 0 75%;}
.fila { padding: 1.5rem 0; /*height: 5.6rem;*/}
.fila-p { padding: 1.0rem 0;}
.fila.linea{ border-bottom: 1px solid rgba(20, 20, 20, .1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
.tresfilas span, .unafila span, .cuatrofilas span { display: block; float: right; margin: 1.8rem 0 0 0; width: 2.2rem; height: 1.6rem; background-image: url(../img/lapiz.png); background-repeat: no-repeat; background-position: 100% 50%; opacity: .5;}

/* Iconos
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.flecha-acor input { background-image: url(../img/fl_form.png); background-repeat: no-repeat; background-position: 100% 50%;}
.flecha-acor .mr input { margin-right: 3.0px;}
.calendario-form { background-image: url(../img/calendar.png); background-repeat: no-repeat; background-position: 90% 50%;}
.equis span { background-image: url(../img/x.png); background-repeat: no-repeat; width: 3.3rem; height: 3.3rem; float: right; display: block; background-position: 100%; margin-right: 2.2rem}
.equis2 span {position: absolute; left: 90%; background-image: url(../img/equis2.png); opacity: .3; background-repeat: no-repeat; width: 2.3rem; height: 2.3rem; float: right; display: block; background-position: 100% 100%;}
.i span { display: inline-block; float: right; background-image: url(../img/i.png); background-repeat: no-repeat; width: 3.3rem; height: 3.3rem; background-position: 100% 100%;}

/* Calendario
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.mes-box span { display: block; float: left; width: 20%; height: 3.6rem; background-image: url(../img/flecha.png); background-repeat: no-repeat; background-position: 0  0; opacity: .1;}
.mes-box span:last-child { display: block; float: right; width: 20%; height: 3.6rem; background-image: url(../img/flecha2.png); background-repeat: no-repeat; background-position: 100% 0; opacity: .1;}
.mes-box h5 {width: 60%; float: left; line-height: 2.35;}
.box { float:left; position: relative; width: 14.2857%; padding-bottom : 14.2857%; overflow:hidden;  border-top: 1px solid rgba(0,0,0,.1);}
    .box-g { border-top: 2px solid #df531f;}
    .box-y { border-top: 2px solid #ffde00; background-color: #F3F3F3;}
       .leyenda .box-y { background-color: transparent;}
    .box-r { border-top: 2px solid #8cc63f;}

.contentBox { position: absolute; width: 80%; height: 80%; padding: 10%; text-align: center;}
.table1{ display:table; width:100%; height:100%;}
.table-cell1 {display:table-cell; vertical-align:middle; width: 100%; height:100%; letter-spacing: 0.08rem;}
.table-cell1 h2 { color: rgba(20,20,20,.6); margin-bottom: 0; font-size: 1.7rem; font-weight: 400; line-height: 120%; text-transform: uppercase; }
.table-cellb {display:table-cell; vertical-align:middle; width: 100%; height:100%;}
.table-cellb h2 { color: rgba(20,20,20,1); margin-bottom: 0; font-size: 1.7rem; font-weight: 400; line-height: 120%; text-transform: uppercase; letter-spacing: 0.08rem;}

.mes-box {border-top: 1px solid rgba(20,20,20,.1); height: 8.0rem; text-align: center;}
.table2{ display:table; width:100%; height:100%; }
.table-cell2{ display:table-cell; vertical-align:top; position: relative;}
.table3 { display: table;}

.circulo-r span { border-radius: 50%; behavior: url(PIE.htc); width: 12px; height: 12px; background: #df531f; float: left; margin-right: 6px;}
.circulo-g span { border-radius: 50%; behavior: url(PIE.htc); width: 12px; height: 12px; background: #8cc63f; float: left; margin-right: 6px;}
.circulo-y span { border-radius: 50%; behavior: url(PIE.htc); width: 12px; height: 12px; background: #ffde00; float: left; margin-right: 6px;}

/* Resumen
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.fondo-orange { background-color: #f9f9f9;}
.resumen {}
.resumen .row h1.orange {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #222;
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
}
.resumen .fila-res + .row h1.orange, .resumen .fila-res + form > input + .row h1.orange {
    color: #df531f;
    font-size: 1.7rem;
    font-weight: 400;
    text-align: left;
    background: 0 none;
}
  .fila-res { height: 8.0rem; border-top: 1px solid rgba(20,20,20,.1);}
  .fila-res-d { border-bottom: 1px solid rgba(20,20,20,.1);}
  .lapiz { height: 2.0rem }
  .lapiz span { display: block; float: right; width: 3.4rem; height: 2.6rem; background-image: url(../img/lapiz_big.png); background-repeat: no-repeat; background-position: 100% 50%; opacity: .5;}
   .tipo { width: 15.0rem;}
   .dato { width: 30.0rem}
.page-template-socio-alta-datos .contenido .mp form > input + .row > .six.columns > span {
    color: #222;
    font-size: 1.3em;
    font-weight: 700;
    display: block;
    padding: 26px 0;
}

#anadir-miembro {
    background-color: #df531f;
    color: #fff;
    display: inline-block;
    margin-bottom: 30px;
    padding: 5px 40px 8px;
    text-align: center;
    text-decoration: none;
}

/* fotos
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.colphoto { height: 160px; height: 295px;}
.three.boxphoto {
  float:left;
  position: relative;
  padding-bottom : 33.33%;
  background-repeat:no-repeat;
  background-size:cover;
  margin-right: 1%;
  width: 32%;
}
.boxphoto {
  float:left;
  position: relative;
  padding-bottom : 30%;
  padding-bottom : 0;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}

.abono1 { background-repeat: no-repeat; background-position: 10% 100%;}
.abono2  { background-image: url(../img/joven.jpg); background-repeat: no-repeat; background-position: 60%;}
.abono3  { background-image: url(../img/anciano.jpg); background-repeat: no-repeat; background-position: 0%;}
.abono4  { background-image: url(../img/mañanas.jpg); background-repeat: no-repeat; background-position: 55%;}
.abono5  { background-image: url(../img/discapacitado.jpg); background-repeat: no-repeat; background-position: 20%;}
.abono6  { background-image: url(../img/familia.jpg); background-repeat: no-repeat; background-position: 0%;}

.promo1 { background-image: url(../img/promo1.jpg); background-repeat: no-repeat; background-position: 7%;}
.promo2  { background-image: url(../img/promo2.jpg); background-repeat: no-repeat; background-position: 60%;}
.promo3  { background-image: url(../img/promo3.jpg); background-repeat: no-repeat; background-position: 0%;}
.promo4  { background-image: url(../img/mañanas.jpg); background-repeat: no-repeat; background-position: 55%;}


.textphotobox {
  position: absolute;
  display: block;
  height: 80px;
  bottom: 0;
  width: 100%;
}

.two .textphotobox {
  position: relative;
  display: block;
  margin-top: 60%;
  height: 80px;

}
.textphoto {
  padding: 10px;
  color: #df531f;
  line-height: 130%;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: .045rem;
  margin: 0;
}

.textphoto > input[type="radio"] {
  display: none;
}

.two h5 { font-size: 1.4rem; line-height: 170%;}
.textphoto h6 {color: #df531f; line-height: 130%; }
.boxphoto a:hover h5{ font-weight: 300;}

.boxphoto a{ position: absolute; width:100%; height: 100%; color: #000; background-color: #FFF; text-decoration: none;}
.boxphoto a:hover, .boxphoto a.seleccionado {color: #FFF; background-color: #1c1c1c;}



/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer li {
  position: relative;
}

.footer a::after {
  background-color: #999;
  content: "";
  display: block;
  height: 2px;
  left: 2px;
  position: absolute;
  top: 6px;
  width: 2px;
}

.footer a:hover::after {
  background-color: #2B98C6;
  height: 4px;
  width: 4px;
  top: 4px;
  left: 1px;
  -webkit-transition: all .1s linear;
     -moz-transition: all .1s linear;
          transition: all .1s linear;
}

.footer a {
  color: #808080;
  display: block;
  font: 300 .9em/1.1 "Source Sans Pro",sans-serif;
  letter-spacing: .045rem;
  margin-bottom: 13px;
  text-decoration: none;
  padding-left: 10px;
}
.footer .social a { text-decoration: none; color: #2b98c6; margin-bottom: 5px; font-weight: 400; font-size: 1em;}
.footer .social a::after { display: none;}
.footer a:hover { color: #2B98C6;}
.footer h4 { color: #808080; font: 300 1.8em "Source Sans Pro",sans-serif;}
.footer li{ font-size: 1.4rem }
.footer span{ font-size: 2.5rem; line-height: 120%; margin-right: 1.7rem;}
.footer-title { margin-bottom: 1.4rem; font-size: 1.7rem;}
.footer ul.footer {width: 100%; text-align: center; padding: 30px 0;}
.footer ul.footer li {display: inline-block;}
.footer ul.footer li a::after {display: none;}
.footer ul.footer li a:hover {text-decoration: underline;}




/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  font-weight: 300; }
h1 { font-size: 4rem; line-height: 1;  letter-spacing: .08rem;}
h2 { font-size: 2.5rem; line-height: 1; font-weight: 200;}
h3 { font-size: 2.1rem; line-height: 1.3;  letter-spacing: .045rem; margin: 0;}
h4 { font-size: 1.7rem; line-height: 1.15; letter-spacing: .045rem; margin: 0; color: #1C1C1C; font-weight: 400;}
h5 { font-size: 1.7rem; line-height: 1.35;  letter-spacing: .08rem; margin: 0; font-weight: 400;}
h6 { font-size: 1.5rem; line-height: 1.1;  letter-spacing: 0.045rem; margin: 0; font-weight: 300; color: #808080;}

h1.titulo {padding: 0 0 40px; color: #121212; font-size: 3.5rem; font-weight: 400; letter-spacing: -.05rem;}
h1.mini {text-transform: uppercase; color: #444; font-size: 1.2em; font-weight: 600; letter-spacing: .045rem; margin: 0 0 20px;}
h1.orange { font-size: 1.7rem; font-weight: 400; padding: 26px 0;}
.titular { font-size: 3.7rem; font-weight: 600; color: #121212; letter-spacing: -0.05rem; }
.titular a {color: #121212; text-decoration: none;}
h3.titulo {font: 400 3rem/1 'Source Sans Pro', sans-serif; color: #121212; margin: 0 0 20px;}
h3.titulo a {color: #121212; text-decoration: none;}
h3.titulo a:hover {text-decoration: underline;}
.cd-popup h5.orange { padding: 0;}
.cd-popup2 h5.orange { padding: 0;}

.titulopagina h6{ display: inline-block; float: left; padding: 2.6rem 0; line-height: 2; position: absolute;; margin-left: .6rem;}
.titulopagina h5{ display: inline-block; float: left;}

.texto-condiciones p {
  margin-top: 0;
  font-size: 1.5rem;
  line-height: 1.5;

}

.texto-condiciones-box { border-top: 1px solid rgba(20,20,20,.1); padding: 3.3rem 1.3rem 3.3rem 0;}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {text-decoration: none; color: #2b98c6;}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.botones{ margin-top: 3rem; margin-bottom: 3rem;}

.button,
button,
input[type="submit"],
input[type="reset"]{
  width: 99%;
  /* float: left; */
  display: inline-block;
  padding: .6rem 3rem;
  color: rgba(20,20,20,.6);
  text-align: center;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: .1rem;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid rgba(20,20,20,.6);
  cursor: pointer;
  box-sizing: border-box;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus{
  color: #FFF;
  border-color: rgba(20,20,20,.6);
  background-color: rgba(20,20,20,.6);
  outline: 0;}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary{
  color: #df531f;
  border-color: #df531f;
  float: right;
  }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus{
  color: #FFF;
  background-color: #df531f;
  border-color: #df531f; }

.button.button-secondary,
button.button-secondary,
input[type="submit"].button-secondary,
input[type="reset"].button-secondary,
input.wpcf7-submit{
  color: #fff;
  border-color: #2b98c6;
  background-color: #2b98c6;
  float: none;
  width: initial;
}

.button.button-secondary:hover,
button.button-secondary:hover,
input[type="submit"].button-secondary:hover,
input[type="reset"].button-secondary:hover {
  color: #2b98c6;
  background-color: transparent;
}

.button.button-terciary,
button.button-terciary,
input[type="submit"].button-terciary,
input[type="reset"].button-terciary{
  float: none;
  line-height: 28px;
  padding: 0.6rem 2rem;
  width: 120px;
}

.button.button-terciary:hover,
button.button-terciary:hover,
input[type="submit"].button-terciary:hover,
input[type="reset"].button-terciary:hover {
  color: #fff;
  background-color: rgba(20, 20, 20, .6);
}

.button.button-gris,
button.button-gris,
input[type="submit"].button-gris,
input[type="reset"].button-gris {
  color: #fff;
  border-color: #aaa;
  background-color: #aaa;
  float: none;
  width: initial;
}

.button.button-gris:hover,
button.button-gris:hover,
input[type="submit"].button-gris:hover,
input[type="reset"].button-gris:hover {
  color: #aaa;
  background-color: transparent;
}

input[type="button"]{
  padding: 0;
  border:0;
  background-color: transparent;
}
input[type="button"]:hover{
  border:none;
}
input[type="button"]:focus{
  border:none;
}

.flecha-acor input[type="button"]{
  float: right;
  width: 30px;
  height: 100%;
  border: none;

}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input {font-weight: 400;}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 8.0rem;
  padding: 6px 0; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-top: 1px solid rgba(0, 0, 0, .1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  box-shadow: none;
  letter-spacing: .08rem;
  font-size: 1.7rem;
 }


  .col.border input, .col.border select {
  border-left: 1px solid rgba(0, 0, 0, .1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  padding: 3.0rem;
  }


.border-d input {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}

.border-dmp {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="button"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

textarea {
  min-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
   /*border-top: 1px solid #D84325;*/
  outline: 0; }

label,
legend {
  float: left;
  display: block;
  letter-spacing: .08rem;
  font-size: 1.7rem;
  line-height: 1.3;
 }

fieldset {
  padding: 0;
  border-width: 0;
}



input[type=checkbox], input[type=radio] {
  /* display:none; */
}

input[type=checkbox].dreta, input[type=radio].dreta {
  position: absolute;
  right: 0;
  top: 15%;
}


.n-m {
  margin-right: 0 !important;
}


.opacity-check6 { opacity: .6;}
.opacity-check { opacity: 1;}


input[type=checkbox]:checked + label, input[type=radio]:checked + label {
  background-image: url(../img/check_verde.png);
  background-repeat: no-repeat;
  background-position: 100%;
  height: 33px;
  width: 43px;
  display:inline-block;
  padding: 0 0 0 0px;
  opacity: 1;
}

.checkbox {
  height: 80px;
  padding: 6px 0; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: transparent;
  border-radius: 0;
  border-top: 1px solid rgba(20, 20, 20, .1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  box-shadow: none;
  letter-spacing: .08rem;
  font-size: 17px;
}


.check {
  height: 80px;
  border-top: 1px solid rgba(20, 20, 20, .1);
}

.checkbox-d{
  height: 80px;
  border-bottom: 1px solid rgba(20, 20, 20, .1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.checkbox-dmp{
  border-bottom: 1px solid rgba(20,20,20,.1)
}


.col.checkbox input[type=checkbox]:last-child {
  border-left: 1px solid rgba(20, 20, 20, .1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  padding: 30px;
}
.checkbox-d input {
  border-bottom: 1px solid rgba(20, 20, 20, .1);
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.check-right {
    margin: 0;
    border-left: 1px solid rgba(20, 20, 20, .1);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  }


  input[type=checkbox] + label, input[type=radio] + label {
   background-image: url(../img/check.png);
   background-repeat: no-repeat;
   background-position: 100%;
   height: 33px;
   width: 43px;
   display:inline-block;
   margin-right: 2.2rem;
   padding: 0 0 0 0px;
   opacity: .15;
   float: right;
  }

  .label-ml{
    margin-left: 30px;
  }



.flecha span { display: block; float: right; margin: 8px 0 0 7px; width: 10px; height: 10px; background-image: url(../img/fl_menu.png); background-repeat: no-repeat;}


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside;
  list-style: none;}
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  /* margin: 1.5rem 0 1.5rem 3rem; */
  /* font-size: 90%; */ }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  /* margin-bottom: 1rem;*/ }
input,
textarea,
select,
fieldset {
  margin-bottom: ; }
pre,
blockquote,
dl,
figure,
ul,
ol {
  /* margin-bottom: 4rem; */ }

p{ margin-bottom: 1.7rem; margin-top: 0; font-weight: 400; color: #6b6b6b;}
.cd-popup ul {margin-bottom: 0; }
.cd-popup2 ul {margin-bottom: 0; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


.cookies-es :lang(pt-pt) {
    display: none;
}
.cookies-pt :lang(es-ES) {
    display: none;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Smaller than phablet (also point when grid becomes active) */
@media (max-width: 550px) {

  input[type=checkbox] + label {

   margin-right: 0;

}

  .label-ml{
    margin-left: 0px;
  }

  .check-right {
  margin: 0;
  border-left: none;
  height: 80px;
  }

  input[type="email"],
  input[type="number"],
  input[type="search"],
  input[type="text"],
  input[type="tel"],
  input[type="url"],
  input[type="password"],
  textarea,
  select {
    height: 60px;
    letter-spacing: .08rem;
    font-size: 1.7rem;
   }

   .col.border input {
    border-left: none;
   }

   .input__label-content {
    padding: 2.0rem 0 2.0rem 0;
  }

   h5.orange {
    font-size: 1.7rem;
    font-weight: 400;
    padding: 29px 0;
   }

   label,
  legend {
    font-size: 1.6rem;
    line-height: 1.3;
   }

   .checkbox {
    height: 60px;
  }

  .checkbox-d.d {
    border-bottom: none;
  }

  .checkbox-d:first-child {
    border-bottom: none;
  }

  .equis span {
    margin-right: 0;
  }

  .check{
    height: 60px;
  }

  .check-right{
    height: 60px;
  }

  div.cs-select{
    padding: 1.45rem 0;
  }

  .cs-select .cs-options {
    margin-top: 1.7rem;
  }

  .check-right .cs-select span {
    padding-left: 0;
  }

  .check-right .cs-options span {
    padding-left: 3.0rem;
  }

  .cd-popup-container2 {
    padding: 3.0rem;
  }

/* Confirmación */
  .fila-res {
    height: 6.0rem;
  }

  .tipo {
    width: 30%;
  }

  .tipo h5 {
    font-size: 1.4rem;
  }

  .dato h3{
    font-size: 1.7rem;
  }

  .lapiz span {
    background-size: 70% 70%;
  }

  .botones .six.col {
    width:50%;
  }

  .mes-box {
    height: 6.0rem;
  }
  .hidemp {display: none;}

  .border-dmp { border-bottom: none;}
  .leyenda .four { margin-bottom: 5px;}

  .paso {display: none;}

    .col.border input {
  padding: 0rem;
  }

  .titulopagina h6 {
    padding: 3.2rem 0;
  }

}