/* Global Styles */
/* Karbon */
@font-face {
    font-family: 'KarbonRegular';
    src: url('/landing/cheque/css/fonts/karbonweb-regular.eot');
    src: url('/landing/cheque/css/fonts/karbonweb-regular.eot') format('embedded-opentype'),
         url('/landing/cheque/css/fonts/karbonweb-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KarbonBold';
    src: url('/landing/cheque/css/fonts/karbonweb-bold.eot');
    src: url('/landing/cheque/css/fonts/karbonweb-bold.eot') format('embedded-opentype'),
         url('/landing/cheque/css/fonts/karbonweb-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KarbonSemiBold';
    src: url('/landing/cheque/css/fonts/karbonweb-semibold.eot');
    src: url('/landing/cheque/css/fonts/karbonweb-semibold.eot') format('embedded-opentype'),
         url('/landing/cheque/css/fonts/karbonweb-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KarbonRegularItalic';
    src: url('/landing/cheque/css/fonts/karbonweb-regularitalic.eot');
    src: url('/landing/cheque/css/fonts/karbonweb-regularitalic.eot') format('embedded-opentype'),
         url('/landing/cheque/css/fonts/karbonweb-regularitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KarbonBoldItalic';
    src: url('/landing/cheque/css/fonts/karbonweb-bolditalic.eot');
    src: url('/landing/cheque/css/fonts/karbonweb-bolditalic.eot') format('embedded-opentype'),
         url('/landing/cheque/css/fonts/karbonweb-bolditalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KarbonSemiBoldItalic';
    src: url('/landing/cheque/css/fonts/karbonweb-semibolditalic.eot');
    src: url('/landing/cheque/css/fonts/karbonweb-semibolditalic.eot') format('embedded-opentype'),
         url('/landing/cheque/css/fonts/karbonweb-semibolditalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {height: 100%;}

.input-sm {font-size: 16px;}

body {font-size: 16px;background-color: #b9c802;font-family: "KarbonRegular", "Helvetica Neue",Helvetica,Arial,sans-serif;}

#header{
    height: 110px;
    background-color: #ffffff;
    margin-bottom: 35px;
    margin-left: 20px;
    margin-right: 20px;
    background-image: url("/landing/cheque/css/logo.png");
    background-repeat: no-repeat;
    background-position: center top; 
}

#casco, #enhorabuena,#sorteo{
  height: 100%;
}

#validaOK, #reintento{
  display: none;
  color: #807f83;
  /*background-color: white;*/
  margin-bottom: 90px;
}
#validaOKpremio{
    display: none;
    color: #807f83;
    margin-bottom: 90px;
}
#reintentoPremio{
    display: none;
    color: #807f83;
    margin-bottom: 90px;
}

#validaOK h1, #reintento h1, #validaOKpremio h1, #reintentoPremio h1{
    margin-top:120px;
}

#validaOK h3, #reintento h3, #validaOKpremio h3, #reintentoPremio h3{
    line-height: 35px;
    margin-bottom: 30px;
}

#formulario{
    /*background-color: #ffffff;*/
    margin-bottom: 20%;
}

#formulario button{
    background-color: #014702;
    color: #ffffff;
    border-radius: 0;
    font-weight: bold;
    border-bottom: 5px solid #b9c802;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 20px;
}

.btn-seguro{
  background-color: #014702;
  color: #ffffff;
  border-radius: 0;
  font-weight: bold;
  border-bottom: 5px solid #b9c802;
  margin-top: 60px; 
  margin-top: 10px; 
  font-size: 16px;
  padding: 10px;
  text-decoration: none;
}

.btn-seguro:hover{
  background-color: #014702;
  color: #ffffff;
  border-radius: 0;
  font-weight: bold;
  border-bottom: 5px solid #b9c802;
  font-size: 16px;
  padding: 10px;
  text-decoration: none;
}

.wrap-form{
    overflow: hidden;
    background-color: #fff;
    margin: 90px 30px 0px;
}

form{
    margin:25px;
}

.form-group {
  margin-bottom: 5px;
}

h5{
    background-color: #014702;
    color: #ffffff;
    padding: 3px;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: 0.02em;
    font-size: 16px;
    margin-bottom: 20px;
}

h5 div{
    margin-right: -62px;
}

h5 .parrafo2{
  position: relative;
  left: 0px;
}

label{
    font-weight: inherit;
}

.label-datos{
  padding-right: 0px;
  color: #014702;
    width: 35.333333%;
}

a{
  color: inherit;
  text-decoration: underline;
}

.checkbox label{
    font-size: 15px;
}

.input-group-addon {
  background-color: #FFF;
  border: none;
  width: 10px;
  float: right;
  display: block;
  top: 10px;
  position: absolute;
  right: 20px;
  padding: 0;
}

.has-error .input-group-addon {
  background-color: #FFF;
}

#formulario img{
    margin-top: -22px;
}

#formulario input{border-radius: 0px;border: 1px solid #807f83;}
#formulario select{border-radius: 0px;border: 1px solid #807f83;}
input[type=checkbox]{margin: 0px;}
#dni{padding-right: 0px;}
.bg-danger{color: #a94442;width:100%;margin:10px 5px;text-align:center;display: none;}
.seguro .glyphicon{margin-right: -25px;}
.small {width: 40%!important;}
.smalltel {width: 60%!important;margin: 0!important;}

/* Footer Styles */
#footer{font-size: 16px;color: #ffffff;margin-top: 25px;width: 100%;position: fixed;bottom: 0px;z-index: 10;}
#footer div{background-color: #67AF00;z-index: -1;font-size: 27px;}
#footer span{height: 1.2em;}
#footer #color1{background-color: #12bcd0;}
#footer #color2{background-color: #ff5496;}
#footer #color3{background-color: #e97c00;}
#footer #color4{background-color: #912179;}
#contenido{margin: 0 21px 0 21px;}


















/* Responsive Styles */
@media (min-width: 991px) {
    /*body:before{content: "1024 o mas - PC"}*/

    #enhorabuena{
        display: none;
        height: 470px;
        background-image: url("/landing/cheque/css/land_balumba_cheque_regalo.png");
        background-repeat: no-repeat;
        background-position: center top;
    }
    #sorteo{
        display: none;
        height: 470px;
        background-image: url("/landing/cheque/css/land_balumba_cheque_sorteo.png");
        background-repeat: no-repeat;
        background-position: center top;
    }
    .smallDni {
        width:28%!important;
    }
    
}

@media (max-width: 991px) and (min-width: 612px){
    /*body:before{content: "Tablet PORTRAIT"}*/

    #enhorabuena{display: none;height:160px;
        background-image: url("/landing/cheque/css/land_balumba_cheque_regalo_tablet.png");
        background-repeat: no-repeat;background-position: center top;
    }
    #sorteo{display: none;height: 160px;
        background-image: url("/landing/cheque/css/land_balumba_cheque_sorteo_tablet.png");
        background-repeat: no-repeat;background-position: center top;
    }

    #contenido {margin: 0px 80px;}
        .wrap-form {overflow: hidden;background-color: #fff;margin:30px 30px 0px;
    }
    #validaOK h1, #reintento h1, #validaOKpremio h1, #reintentoPremio h1{
        margin-top: 100px;
    }
}

@media (max-width: 612px){
    /*body:before{content: "Movil Landscape"}*/

    #enhorabuena{display: none;height:90px;
        background-image: url("/landing/cheque/css/land_balumba_cheque_regalo_mobile.png");
        background-repeat: no-repeat;background-position: center top;
    }
    #sorteo{display: none;height:90px;
        background-image: url("/landing/cheque/css/land_balumba_cheque_sorteo_mobile.png");
        background-repeat: no-repeat;background-position: center top;
    }
    .wrap-form {
        overflow: hidden;
        background-color: #fff;
        margin: 40px 30px 0px;
    }
    .smallDni {
        width:40%!important;
    }

  #mes.input-sm{
    min-width: 100px;
  }
  #nombre.col-xs-offset-3, #apellidos.col-xs-offset-3, #email.col-xs-offset-3 {
    margin-left: 25%;
  }
  .input-sm{
      padding: 5px 0px;
  }
  .centrado {
    text-align: left;
    width: 75%;
    margin: 0 auto;
    float: none;
    padding: 0px;
  }
  .checkbox label {
    font-size: 15px;
  }
  .centrado2 {
    width: 30%;
  }
}

@media (max-width: 412px){
    /*body:before{content: "Movil Portrait"}*/
    .wrap-form {overflow: hidden;background-color: #fff;margin:10px 0px 0px;}
    .contactar .col-xs-offset-3 {margin-left: 15%;}
    form{margin:15px;}

}

@media (min-width: 768px){
    /*#header:before{content: "GRANDE"}*/
    #footer div{padding: 10px;margin-top: 18px;}
    #header{background-position: 5% top;}
    .col-sm-3,.col-sm-2 {width: 35%;}
    .col-sm-5 {width: 51%;}
}

@media (max-width: 767px){
  /*#header:before{content: "PEQUENO"}*/

  #footer div{
    font-size: 17px;
  }
  #contenido{
     /* margin: 0 21px 0 0;*/
  }
    #contenido {margin:0 10px;}
  #header{
    background-position: center top; 
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
  }
  /*form{
    margin: 5px;
    margin-top: 225px;
  }*/
  form div, form input{
    text-align: center;
  }
  .centrado3 {
        text-align: left;
        /*width: 70%;*/
        /*margin: 0 auto;*/
        margin-left: 15.33333333%;
        float: none;
        padding: 0px;
  }
  .centrado {
    text-align: left;
    width: 70%;
    margin: 0 auto;
    float: none;
    padding: 0px;
  }

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

  #formulario button {
    margin: 30px auto;
    font-size: 23px;
  }

  .centrado #dni{
    text-align: center;
    margin: 0 auto;
    float: none;
  }

  #pago{
    text-align: left;
  }

  .has-feedback .form-control {
    padding-right: 0px; 
  }
  #validaOK h1, #reintento h1, #validaOKpremio h1, #reintentoPremio h1{
    /*margin-top: 220px;*/
      margin-top:70px;
    font-size: 24px;
  }
  #validaOK h3, #reintento h3, #validaOKpremio h3, #reintentoPremio h3{
    font-size: 18px;
    line-height: 25px;
  }
  .checkbox label {
    font-size: 15px;
  }

  .input-group-addon {
    top: 7px;
    right: 7px;
  }

  .form-horizontal .has-feedback .form-control-feedback {
    right: 0;
  }

  .bg-danger {
    margin: 10px auto;
  }

    #formulario input{text-align: left;padding-left: 5px;}
  /*.seguro label {
    text-align: center!important;
  }*/
}