form{
    margin: 20px 0;
  }
#frmLogin{
  margin: 0;
}
  ul{
    list-style-type: none;
    margin: 0 0 30px;
  }
  ul li{
    margin: 10px 0;
    display: block;
    overflow: hidden;
  }
  ul li label {
    width: 150px;
    float: left;
    padding: 7px 0 0;
  }

  .selection-box {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none  \9;
    -o-appearance: none;
    background: url(../Images/bg-select.png) #fff no-repeat;
    color: #000;
    border: solid 1px #c5c4c5;
    position: relative;
    font-size: 1em;
    padding: 0 5px;
  }

  .selection-box:hover {
    cursor: pointer; 
  }

  .selection-box .current {
    text-transform: uppercase;
    padding: 0 22px; 
  }

  .selection-box .options {
    position: absolute;
    top: 37px;
    border: solid 1px #c5c4c5;
    border-top: 0;
    color: #563a1e;
    padding: 0;
    margin: 0 0 0 -1px;
    width: 100%;
    list-style: none;
    font-weight: 400;
  }

  .selection-box .options .option {
    padding: 0 22px;
    border-top: solid 1px #c5c4c5; 
  }

  .selection-box .options .option:hover {
    background: #eeeece;
    cursor: pointer; 
  }

  .selection-box .options .option:hover.selected {
    background: #c29817; 
  }

  .selection-box .selected {
    background: #c29817;
    color: white; 
  }
  .selection-box:focus {
    outline: none !important;
    border-color: #9e9e9e;
    box-shadow: 0;
  }

  .large-select{
    width: 35%;
    min-width: 320px;
    height: 38px;
    background-position: 97% 50%;
    padding: 0 45px 0 5px;
    margin: 0 20px 0 0;
    float: left;
  }
  .medium-select{
    width: 170px;
    height: 38px;
    background-position: 130px 50%;
    *background: #fff!important;
  }
  .small-select{
    width: 130px;
    height: 38px;
    background-position: 90px 50%;
    *background: #fff!important;
  }
  select::-ms-expand {
    display: none;
  }

  input {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    outline: none;
    border: 1px solid #c2c2c2;
    height: 38px;
    padding: 5px;
  }
  input[type="radio"] {
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #c2c2c2;
    margin: 8px 0 -3px 0;
  }
  input[type="radio"]:checked {
    border: 5px solid #fc0000;
  }
  input[type="submit"]{
   float: right;
   margin: 0 50px 0 0;
   width: 150px;
   display: block;
   cursor: pointer;
 }

 input.datepicker{
  background: url(../Images/bg-select-calendario.png) #fff no-repeat;
  background-position: 90px 50%;
}

input:disabled, select:disabled{
  opacity: .5;
}

.cart-min{
  clear: both;
  margin: 10px 0;
  overflow: hidden;
}
.cart-min select{
  float: left;
  margin: 0;
}
.cart-min select.small-select{
  margin: 0 5px 0 0;
  padding: 0 45px 0 5px;
}
.cart-min p{
  clear: both;
  display: block;
  padding: 0 0 10px;
}
.cart-min li{
  float: left;
  margin: 0 0 10px 10px;
}
/*#btn-busc-rent, #btn-busc-apresc, #btn-busc-transac {
    float: none;
    margin: 5px auto 0!important;
    }*/
    .cart-min li label{
      width: auto;
      padding: 7px 5px 0 0;
    }
    #form-cartola .btn-santander {
     margin: 10px 50px 0 20px;
     float: right;
   }
   .ccr, .cc{
    float: left;
  }

  .sop-btns{
   width: 100%;
   display: block;
   margin: 10px 0 20px;
   overflow: hidden;
   float: left;
 }
 .sop-btns .cart-min{
  margin: 0;
}
.clearfix2 {
  display: block;
  clear: both;
  width: 100%;
  border: 0;
  height: 0;
  float: none;
  overflow: hidden;
}
/*  Activo Producto */

#sel-rut-act-prod{
  list-style-type: none;
  float: left;
  margin: 0;
  display: block;
  clear: both;
  overflow: hidden;
}

#sel-rut-act-prod .cc {
  float: left;
}
#btn-busc-cartola {
  float: left;
  margin: 5px 0 0 30px;
  width: 150px;
  display: block;
  cursor: pointer;
}

/*Tablas Cartola*/

.tabs-cart{
  display: block;
}

.tabs-cart.ui-widget.ui-widget-content {
  border: none;
}

.tabs-cart .ui-widget-header{
  background: transparent!important;
  border: none;
}
.ui-tabs-panel {
  padding: 1em  0!important;
}
.pest-tab {
  height: 30px;
  display: block;
}
.pest-tab a{
  font-size: 11px;
  line-height: 1em;
  height: 30px;
}
#tabs-cart ul li{
  /* border: none!important; */
  background: transparent!important;
  border-right: 1px solid #ccc;
  margin: 0 !important;
}
#tabs-cart ul li.ui-state-active, #tabs-cart ul li:hover {
  background: transparent!important;
  font-weight: normal;
  border-bottom: 2px solid #ec0000;
}

#tabs-cart ul li.ui-state-active a{
 color: #000!important;

}
#tabs-cart ul li.ui-state-focus {
  box-shadow: none!important;
}

#tabs-cart ul li a{
 padding: 2px 10px 0;
}

#tabs-cart .ui-tabs .ui-tabs-nav li{
  margin: 0!important;
}

#tabs-cart h4 {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  background: #525557;
  padding: 3px 5px;
  font-weight: bold;
  margin: 0 0 10px;
}
.dat-det-inv {
  float: left;
  min-width: 20%;
  margin: 10px 3% 20px;
  font-size: 12px;
  border-right: 1px solid #ccc;
  line-height: 1.4em;
  padding: 0px 0;
  height: 50px; 
}
.dat-det-inv1 {
  float: left;
  width: 30%;
  margin: 0 1.5%;
  font-size: 12px;
  border-right: 1px solid #ccc;
  height: 50px;
  line-height: 1.4em;
  padding: 20px 0 0 0;  
}

.dat-det-discl {
    float: left;
    width: 50%;
    margin: 0 1.5%;
    font-size: 12px;
    border-right: 1px solid #ccc;
    height: 50px;
    line-height: 1.4em;
    padding: 20px 0 0 0;
}

.dat-det-discl-p {
    float: left;
    width: 100%;
    margin: 0 1.5%;
}

.dat-det-discl-p2 {
    float: left;
    width: 100%;
    margin: 0 1.5%;
}

.dat-det-inv2 {
  float: left;
  width: auto;
  margin: 0 1.5%;
  font-size: 12px;
  width: 60%;
  height: 50px;
  line-height: 1.4em;
  padding: 10px 0 0 0;  
}


.dat-det-inv .tit-dato, .dat-det-inv2 .tit-dato{
  float: left;
  font-weight: bold;
  width: 70px;
  display: block;
}

.tit-dato-short {
    float: left;
    font-weight: bold;
    width: 30px;
    display: block;
}

.tit-dato2{
  width: auto;/*150px*/
  display: block;
  font-weight: bold;
  font-size: 12px;
  float: left;
}
.dat-det-inv .cont-dato, .dat-det-inv2 .cont-dato{
  float: none;
  font-weight: normal;
  width: auto;
  display: block;
}
.dat-det-inv .sub-tit, .dat-det-inv2 .sub-tit{
  float: left;
}
.dat-det-inv2 .sub-tit{
  width: 100px;
}

.dat-det-inv .sop-dat-pat-merc{
  float: left;
  display: block;
  overflow: hidden;
  width: 170px;
  margin: 0 0 0 10px;
}
.dat-det-inv2 .sop-dat-pat-merc{
  float: left;
  display: block;
  overflow: hidden;
  width: 250px;
  margin: 0 0 0 10px;
}

.identi-emp{
  display: block;
  float: none;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 15px;

}
#sop-datos-dep-pact{
  display: block;
  width: 100%;
  border-top: 1px solid #ccc;
  margin: 30px 0 0 0;
  overflow: hidden;
}

.sop-sh-datepicker {
  display: none;
  width: 380px;
  /*clear: both;*/
  overflow: hidden;
  float: left;
  margin: 0 auto;
}


/* Vencimiento */

.sop-tit-det-venc-cup-div {
    display: block;
    margin: 0 0 20px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}


/*** Contacto ***/

ul.contact {
  display: block;
  clear: both;
  margin: 10px 0 0 0;
  overflow: hidden;
  float: left;
}
.contact li{
  margin: 0 0 12px 0;
}
.contact label{
  width: 80px;
}
.contact input{
  width: 200px;
  margin: 0 20px 0 0;
}
.contact textarea{
  width: 420px;
  height: 150px;
  border: 1px solid #c2c2c2;
}
.needsfilled{
  border: 1px solid #ec0000!important;
}
.msg-contact{
  display: block;
  float: left;
  margin: 20px 0;
}
.ses-exp {
    float: none!important;
    margin: 50px auto;
    width: 70%;
}
.msg-contact h1{
  font-size: 24px!important;
  margin: 0 0 10px;
}
.msg-contact .img-msg-ex{
  width: 135px;
  height: 135px;
  background: url(../Images/icon-check-respok.png) #fff no-repeat;
  float: left; 
  margin: 0 20px 0 0;
}
.msg-contact .img-msg-err{
  width: 135px;
  height: 135px;
  background: url(../Images/icon-error-resper.png) #fff no-repeat;
  float: left; 
  margin: 0 20px 0 0;
}
.msg-contact .sop-text-msg-cont{
  display: block;
  float: left;
  width: 410px;
  overflow: hidden;
  margin: 30px;
}
.msg-contact .btn-santander{
  clear: both;
  float: none;
  margin: 0 auto;
  width: 150px;
    display: block;
    cursor: pointer;
}
/*** Research  ***/

.sop-busc-res{
  display: block;
  clear: both;
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
  overflow: hidden;
}
.sop-busc-res li label{
  width: 50px;
}
.sop-busc-res li{
  float: left;
  margin: 0;
}
input#btn-busc-inf {
  margin: 5px 0 0 0;
}

.tit-det-inf-res {
  float: left;
  color: #525557;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 6px;
  display: block;
  margin: 20px 0 0;
  width: 100%;
  overflow: hidden;
}
/*** Login ***/

.login .cent {
  margin: 0 auto 14px;
  position: relative;
}

.login .field {
  width: 250px;
  height: 39px;
  border: solid 1px #E4E3E0;
  background: #fff;
  display: block;
}
.login fieldset{
  border: none;
  border-style: none;
  border-color: none;
}
.login .field input {
  width: 100%;
  background: none;
  border: none;
  padding: 8px 20px;
  font-size: 18px;
}
.login .field input {
  line-height: 100%;
  padding: 5px 20px 8px !important;
  text-align: center;
  width: 210px;
}

.login .access-form * {
  /* font-family: frutiger-normal; */
  text-align: center;
  color: #333;
}
.login .login-button:hover {
  background-color: #c70404;
}
.login .login-button {
  background: #ec0000;
  border: medium none;
  border-radius: 25px;
  color: #fff;
  font-size: 22px;
  padding: 4px 30px;
  width: 250px;
  cursor: pointer;
  float: none;
  margin: 0 auto;
  display: block;
}
.login .msg-error {
    text-align: center;
    margin: 10px 30px;
    padding: 5px;
}
.login .msg-exito {
    text-align: center;
    margin: 6px 30px;
    padding: 3px;
}
/*** Envía PDF ***/

.envia-pdf-sop{
  display: none;
  width: 350px;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 99999;
  position: absolute;
  top: 25%;
  left: 40%;
  padding: 10px 20px ;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
.envia-pdf-sop h2{
  font-size: 20px; 
  color: #ec0000;
  border-bottom: 1px solid #ccc;
  margin: 0 0 20px;
}
a.envia-pdf-X{
  background: #525557;
  color: #fff;
  height: 25px;
  width: 25px;
  padding: 2px 0 0 0;
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  position: absolute;
  top: -10px;
  right: -10px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}
.env-pdf-img{
  width: 100%;
  height: 50px;
  background: url(../Images/ico-pdf-adj.png) no-repeat;
  background-position: center;
  
}
a.envia-pdf-X:hover{
  background: #ec0000;
}
.envia-pdf-sop ul{
  margin: 0;
}
.envia-pdf-sop ul li label{
  width: 90px;
}

.envia-pdf-sop ul li input{
  width: 200px;
}
.envia-pdf-sop .btn-env-adj{
  width: 150px;
  margin: 0 auto;
  float: none;
  display: block;
  cursor: pointer;
      height: 30px;
    line-height: 30px;
    background: #ec0000;
    color: #fff;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    min-width: 50px;
    padding: 0 10px;
    border: none;
}

.envia-pdf-sop .btn-env-adj:hover{
      background: #990000;
}
.envia-pdf-sop .img-msg-ex{
  width: 30px;
}

.envia-pdf-ok{
  display: block;
    overflow: hidden;
    margin: 20px 30px;
  color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 10px;
    text-align: center;
}
.envia-pdf-ok a{
  color: #3c763d;
}