html {
  box-sizing: border-box;
  font-size: 100%;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

 body {
  font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    color: #fff;
     background:transparent url('img/fondo_idis2.jpg') no-repeat  center center; background-size: cover;
     text-align: center;
 }

h1, h2, h3, h4, h5 {font-weight: 600; font-family: 'Titillium Web', sans-serif; margin:0px 0 20px 0px; line-height:1.3; letter-spacing: 0; }

p { font-family: inherit; font-weight: normal; font-size: 16px; line-height: 1.3; margin-bottom:20px; color:#fff;}
b, strong {  font-weight: 600;}
a {color: #00B0A5; text-decoration: none;}
h1 {font-size: 35px; }
h2 {font-size: 28px; }
h3 {font-size: 30px; }
h4 {font-size: 18px;}
h5 {font-size: 16px;}

img {max-width: 100%; height: auto;}



.logo {padding-top: 40px; width: 180px; margin: 0 auto}

.intro {padding:50px 0px 20px; font-size: 24px; color: #64A5D8}
.intro_gracias {padding: 50px 0px 50px; font-size: 40px; font-weight: 600; font-family: 'Titillium Web', sans-serif;}
h2 {font-size: 40px; max-width: 900px; margin: 0 auto}
h2 span {display: block; font-weight: 300; font-size: 35px; padding-bottom: 20px;}
.datos { max-width: 750px; margin: 0 auto; padding-top: 20px; padding-bottom: 40px;}
.datos .bl {float: left; width: 100%; font-size: 20px; text-align: left; }
.dia {float: left; width: 300px; padding: 20px 20px 20px 50px;  background:transparent url('img/ico_cal.svg') no-repeat  left center; background-size: 30px; }
.dia_gracias{ display: inline-block; padding: 20px 20px 20px 50px;  font-size: 20px; margin-top: 20px;  background:transparent url('img/ico_cal.svg') no-repeat  left center; background-size: 30px; }
.lugar {float: right; width: 400px; max-width: 100%; padding: 20px 20px 20px 50px;  background:transparent url('img/ico_espacio.svg') no-repeat  left center; background-size: 30px; }

.registro {padding:40px 40px; background-color: rgba(0,39,100,0.5); max-width: 1180px; margin: 20px auto;}
.mc-field-group {float: left; width: 20%; padding: 10px; text-align: left;}
.mc-field-group input {width: 100%; padding: 10px; border:0px; border-radius: 4px; margin-top: 4px;}
input.button {background-color: #00B0A5; border-radius:10px; cursor: pointer; margin-top: 20px; padding: 10px 40px; color: #fff; border:0px; font-weight: 600; font-family: 'Titillium Web', sans-serif; font-size: 18px;}

.respuesta {padding:40px 40px; background-color: rgba(0,39,100,1); max-width: 980px; margin: 40px auto; color:#fff; border-radius: 5px;}
.respuesta .enlace {padding: 20px 40px 20px 35px;  background:transparent url('img/ico_enl.svg') no-repeat  left center; background-size: 25px; font-size:18px;}
.respuesta .enlace.sin-icono {background:none;}
.respuesta .agenda {padding: 20px 40px 20px 35px;  background:transparent url('img/ico_cal2.svg') no-repeat  left center; background-size: 25px; font-size:18px; }
.mail {padding-top: 20px; font-size: 15px;}

.footer {position: static; float: left; padding-top: 40px; left: 0px; width: 100%; text-align: center; font-size: 15px; color: #fff;}
.footer span {display: inline-block; padding-right: 40px;}

.float {float: left; width: 100%; text-align: center;}


#countdown .col-xs-6 {display: inline-block; padding-right: 20px;}
#countdown .time{display: block; font-size: 45px;  line-height: 45px; font-weight: 700;} 
#countdown .label {background: transparent; padding: 0px 0px 0px 0px; display: block; opacity: 0.6;} 

.pestanas  {margin-top:30px;}
.pestanas a {margin: 2px 1px 0px 1px; display: inline-block; min-width: 150px; padding: 15px 25px; background-color: #07A5E2; color:#fff; }
.pestanas a.sel {background-color: rgba(0,39,100,0.5); color:#fff; opacity:1; cursor: initial; }


.bl-politica {float: left; width: 100%;}
.bl-politica a {color: #fff; text-decoration: underline;}
.mc-field-group.politica {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: none;
    margin: 0 auto;
    width: 360px;
}


.mc-field-group.politica > input {
    width: 20px;
    margin: 18px 0;
}
.mc-field-group.politica > label {
    width: calc(100% - 30px);
    margin: 16px 0;
}


input.error {border: 2px solid #FF2000; background-color: #FFFAFA;}
input.error + label {color:#FF2000; }
input.error + label a {color:#FF2000; }



.agendas {padding-top: 40px}

.tittle  { max-width: 600px; padding-bottom: 20px; }
@media (max-height: 980px) {
.footer {position: relative; padding-top: 40px; padding-bottom: 40px;}
}

@media (max-width: 900px) {
  .dia {width: 300px;float: none; margin: 0 auto; }
  .lugar{width: 300px; float: none; margin: 0 auto; }
  h2 {font-size: 25px; }
  h2 span {font-size: 20px;}
  h3 {font-size: 20px; }
  .intro_gracias {padding: 30px 0px 30px; font-size:20px; }
  .tittle  { max-width: 100%; margin-top: 20px;}
  .mc-field-group {float: left; width: 100%; }
  .respuesta .enlace, .respuesta .agenda {width: 100%;float: none; display: block; margin: 0 auto;  text-align: left;}


  .footer {padding-top: 40px; padding-bottom: 40px;  font-size: 11px;}
  .contenido {padding: 0 20px;}
}