<style> 
  /*estilos generales*/
  div#myCarouselMobile {
    margin-top: 50px;
}
  html, body {
    width: 100%;
    height: auto !important;
    overflow-x: hidden; 
    background-color: #FFF;  
  } 
  body { 
    padding-top:100px !important;
   margin: 0 auto !important; 
    font-family: 'ToyotaType-Regular' !important; 
  }
  select { 
  font-size: 16px !important; 
    border-radius: 6px; 
    color: #808080 !important;
  } 
  /*estilos generales end*/ 
  .icon-number { 
  color: #cc0033; 
  font-size: 64px; 
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  }
  /*responsive header*/
.navbar {
  overflow: hidden;
    background-color: #FFF;
    position: fixed !important;
    top: 0;
    max-width: 1152px; 
    width: 100%;
    z-index: 2; 
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .2);  
}
.navbar a {
  float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.main {
  padding: 16px;
    margin-top: 30px;
    height: 1500px; 
} 
.btn-sm, .btn-group-sm>.btn {
   margin-right: 15px;
}
.header {
  overflow: hidden;
    background-color: transparent;
    padding: 20px 10px; 
}
.header a {
  float: left;
    color: #cb302a !important;
    text-align: center;
    text-decoration: none;
    font-size: 16px; 
    line-height: 25px;
} 
.itemnav { 
    float: left;
    color: #cb302a !important;
    text-align: center;
    padding: 20px 35px 30px 0px;
    text-decoration: none;
    line-height: 25px; 
    width: 205px;
}
.header .itemnav:hover {
    font-weight: bold; 
} 
.header a.logo {
  font-size: 25px;
    font-weight: bold;
}
.header .itemnav:hover {
  background-color: #ffffff;
    color: #cb302a; 
    font-weight: bold; 
}
.header a.active {
   color: cb302a; 
   font-weight: bold; 
}
.header-right {
   float: right;
} 
@media screen and (max-width: 790px){
.header a {
 float: none;
    display: block;
    text-align: left;
} 
.header-right {
 float: none;
} 
.header a {
 display: none;
} 
#recibir_info { 
 display: none;
}
.header img { 
 margin: 0 auto; 
    background-color:#FFF;
} 
.carousel-indicators { 
 display: none;
}
} 
  #tableHeader { 
    font-size:14px;
    color:#000; 
  } 
  #tableHeader td { 
    text-align: left;
  } 
  #tableHeader img { 
    display: block; 
    padding: 15px 0px 0px 25px; 
    height: 78px; 
    width: 250px; 
    border: 0px; 
    background-color:#FFF;
  } 
  #tableHeader .sc-button { 
    width:192px; 
    height:40px; 
    font-size:12px; 
    font-weight:bold; 
    margin-top:-20px; 
    border-radius:24px; 
    background-color:#cb302a
  } 
  button.sc-button-new { 
    width:150px; 
    height:40px; 
    font-size:13px; 
    font-weight:bold; 
    margin-top:-20px; 
    border-radius:24px; 
    background-color:#cb302a
  } 
  .header .itemnav.new { 
   font-size: 14px; 
  } 
  a.itemnav.new { 
   width: 165px; 
  }
  #tableHeader .sc-button:hover { 
    background-color: #ac211c; 
  } 
  #tableHeader a.sc-button { 
    color:#fff; 
    background-color:transparent;
  }
/* responsive header end */ 
/* carousel */ 
  .container-carousel-mobile { 
    display: none !important; 
}

@media only screen and (max-width: 480px) {
    .container-carousel-mobile { 
        display: block !important;
      /* margin-top: 100px;*/
    }
    .container-carousel-desktop {
        display: none !important;
    }
}
  .container { 
   width: 100% !important; 
  } 
  #myCarousel, #myCarousel-mobile { 
   margin-top: 0;  
  }
  #myCarousel ol, #myCarousel-mobile ol { 
   z-index:1;
  } 
  @media only screen and (min-width: 700px){
    #myCarousel {
      width: 105%; 
      margin-left: -25px;
    }
   }
  .carousel-inner, .carousel-inner-mobile { 
   z-index:0; 
  } 
  @media (min-width: 1200px)
  .container {
      width: 100% !important;
  } 
  a[href]:not(.buttonstyles) {
    color: #FFF;
    text-decoration: none;
  }
  a[href]:not(.buttonstyles):hover {
    color: #cb302a;
    text-decoration: none;
  } 
  @media only screen and (max-width: 480px){
  #boton_cotizar{
    position: relative; 
    margin-top: 30px;
   } 
    form {
      max-width: 300px;
 } 
    #smartcapture-block-lfawkvru6j input[type="text"], #smartcapture-block-lfawkvru6j input[type="email"], #smartcapture-block-lfawkvru6j input[type="number"] {width:284px;} 
    select {width:284px;}
  } 
  form input[type="text"], form input[type="email"], form input[type="number"] {width:284px;} 
    select {width:284px;}
  } 
  /* botón + texto carousel */
  @media screen and (max-width: 500px) {
     #boton_cotizar { 
     top: 190px;
     float: center; 
     margin-left: 25%;
    }
   }
   h1 {
    color: #444;
   }
   .btn2 { 
    width: 200px !important; 
    left: -1.25% !important;
    padding: 1em 2.1em 1.1em;
    border-radius: 3px;
    margin: 8px 8px 8px 8px;
    color: #fbdedb;
    background-color: #fbdedb;
    display: inline-block;
    background: #cb302a;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; 
    font-weight: 800; 
     font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0em -0.3rem 0em rgba(0, 0, 0, 0.1) inset;
    position: absolute;
   } 
   .btn2:hover { 
   background-color: #ac211c;  
   }
   .btn2.block {
    display: block !important;
   }
   .btn2.circular {
    border-radius: 50em !important;
   }
   /* colores */
   .red {
    background-color: #d55050;
   }
   .bottom-left {
    position: absolute;
    bottom: 105px;
    left: 150px;
    color: #FFF; 
    background: rgba(0,0,0,0.5); 
    border-radius: 8px; 
    padding: 10px; 
    text-align: left; 
    padding-right: 30px;
   } 
   .bottom-left h2 {
    color: #F0F0F0; 
    font-weight: bold;
    margin-top: 10px;
    margin-left: 30px; 
   } 
   .bottom-left p {
    font-size: 16px; 
    margin-left: 30px; 
   } 
   .top-left {
    position: absolute;
    top: 70px;
    left: 150px;
    color: #FFF; 
    background: rgba(0,0,0,0.5); 
    border-radius: 8px; 
    padding: 10px; 
    text-align: left; 
    padding-right: 30px;
   } 
   .top-left h2 {
    color: #F0F0F0; 
    font-weight: bold;
    margin-top: 10px; 
    margin-left: 30px; 
   } 
   .top-left p {
    font-size: 16px;
    margin-left: 30px;
   } 
   .bottom-right {
    position: absolute;
    bottom: 105px;
    right: 150px;
    color: #FFF; 
    background: rgba(0,0,0,0.5); 
    border-radius: 8px; 
    padding: 10px; 
    text-align: left; 
    padding-right: 30px;
   } 
   .bottom-right h2 {
    color: #F0F0F0; 
    font-weight: bold;
    margin-top: 10px;
    margin-left: 30px; 
   } 
   .bottom-right p {
    font-size: 16px;
    margin-left: 30px;
   } 
  #img-1, #img-2, #img-3 { 
   width:100%; 
  } 
  .bottom-left .dynamic-text a { 
   color:#fff; 
  }
  .carousel-control { 
   cursor: pointer; 
  } 
  .carousel-control .glyphicon-chevron-right:before:hover, .carousel-control .icon-next:before:hover { 
   color: #cb302a;
  }
/* carousel end */ 
/* blocks separadores html */
  #promociones { 
   padding-bottom: 65px;
  } 
 #como-funciona, #info {
   padding-bottom: 50px;
  } 
/* separadores html end */
  .section-title.promo { 
    font-size: 30px; 
    color: rgb(32, 32, 32); 
    line-height: 1; 
    font-weight: 300; 
    position: relative; 
    text-align: center;
  } 
  /* modal img */ 
  #myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.9); 
}

.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px; 
  margin-top: -75px !important;
}

#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px; 
  font-size: 10px !important; 
}

.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
/* promoción block end */ 
/* form info */ 
  .section-title.left-form { 
    box-sizing: border-box; 
    font-weight: 300; 
    line-height: 1; 
    color: #303030; 
    margin-top: 20px; 
    margin-bottom: 10px; 
    font-size: 24px; 
    position: relative; 
    text-align: left; 
    margin-left: 30px;
  } 
  .section-title.left-form-title { 
   color: #303030; 
   text-align: center;
  }  
  .section-title.left-form-title span { 
   font-size: 18px;
  } 
  .sc-formfield-input a {color: #cb302a !important;} 
  .space{height:25px;}
  @media screen and (max-width: 500px) {
  .section-title.left-form { 
    padding: 0px !important; 
    }
  } 
  .section-title .justify-form { 
    line-height: 1.38; 
    text-align:justify;
  }
  .stylingblock-content-wrapper { 
   width:100%; 
    min-width: 100%;
  }
  
 /* modal img promociones */ 
  #myImg { 
    width:100%; 
    max-width:400px;
  } 
  #myModal { 
    z-index:3;
  } 
  #myModal.close { 
    z-index:4;
  } 
  /* modal img end */ 
  /* cotizar button */ 
  .button-cotizar {
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding:5px;
    border: none !important; 
    margin: 0 auto; 
  } 
  button.sc-button:hover { 
  background-color:#ac211c !important;}
  /* cotizar button end */ 
  /* ventajas video */ 
  .js-trigger-video-modal { 
    width: 2844px;
    display: block; 
    padding: 0px; 
    text-align: center; 
    height: auto; 
    width: 100%; 
    border: 0px;
  } 
  #video-ventajas { 
    width: 100%; 
    cursor:pointer; 
  } 
  #ventajas { 
    color: rgb(32, 32, 32); 
    font-size: 22px; 
    text-align: center;
  }
  /* ventajas video end */ 
  /* planes */ 
  .planes { 
    text-align: left;
  } 
  .planes span { 
    font-size: 18px; 
    color: rgb(0, 0, 0);
  } 
  .planes p { 
    font-size: 15px; 
    color: #303030;
  }  
  .planes .p-left { 
   text-align: left; 
  }
  #planes { 
    line-height:1.2; 
    text-align: center; 
    margin-top:5pt; 
    margin-bottom:5pt;
  }
  #planes span { 
    color: rgb(32, 32, 32); 
    font-size: 24px; 
    text-align: center;
  } 
  .button-plan{
    text-align: center;
    color: #fff;
    
  }
  .button-plan button{
    text-align: center;
    color: #fff;
    font-size: 16px;
      padding:5px;
        border:none
    
  }
  /*planes end*/ 
  /* footer */ 
  #footer-line { 
    width:100%;
    height:40px; 
    background-color:#cb302a;
  }  
  #footer-line-new { 
    width:100%;
    height:40px; 
    background-color:#f5f5f5;
  } 
  #legales { 
   padding:10px;
  } 
  #legales p { 
   text-align:center; 
   font-size:12px; 
   color:#666; 
   margin-bottom: 30px; 
  } 
  .a-left { 
  float:left;color:#cb302a !important;} 
  .link-toyota-right{float:right;margin-right:5px;color:#cb302a !important;}
  @media screen and (max-width: 500px) {
     .a-left { 
    float:none;} 
     .link-toyota-right { 
    float:none;} 
    #img-video { 
    max-width:360px;height:auto !important;}
  }
  #legales p.p-legales { 
      text-align:left; 
      font-size:12px;
  }
  #legales p a { 
      text-align:center; 
      font-size:14px; 
      color:#666; 
  } 
  #legales .link-toyota { 
      color:#0000EE;
  } 
  /* quienes somos */
  .section-title.quienes-somos { 
      font-size: 30px; 
      color: #303030; 
      line-height: 30px; 
      position: relative; 
      margin: 0 auto; 
    } 
  .section-title.quienes-somos span.redtext {color: rgb(203, 48, 42);font-size: 18px;} 
  .section-title.items { 
      font-size: 40px; 
      color: rgb(32, 32, 32); 
      line-height: 30px; 
      font-weight: 300; 
      position: relative;
    } 
  .section-title.items span { 
     font-size:18px; 
  } 
  #video-toyota { 
      width: 100%; 
  } 
  #video-toyota td { 
      text-align:center 
  } 
  #video-toyota img { 
      width: 2844px;
      display: block; 
      padding: 0px; 
      text-align: center; 
      height: auto; 
      width: 100%; 
      border: 0px;
   } 
  #quienes_somos { 
     padding-bottom: 75px; 
  }
  /* quienes somos end */
  /* footer */ 
  /*boton quiero y más info*/ 
  .button-quiero{
    text-align: center;
    color: #fff;
  }
  .button-quiero button{
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding:5px;
    border:none
  } 
  /* boton quiero mas info end */
  /* estilos generales V2-0908 */ 
  td.box-hover:hover {
    background: #eee;
    cursor:pointer;
  }
 button.sc-button {
   width: 192px;
    height: 40px;
    border-radius: 24px;
    background-color: #cb302a;
    font-weight:bolder;
    margin-top:10px
  } 
  button.sc-button-sm { 
    width: 192px;
    height: 40px;
    border-radius: 24px;
    background-color: #cb302a;
    font-weight:bolder;
    margin-top:10px
  }
  button.sc-button.planes {
   width: 352px;
  }
  input[type="text"], input[type="email"], 
  input[type="number"] {
    max-width: 350px !important;
    height: 40px !important;
    border-radius: 20px;
    border: solid 1px #dddede;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #a0a0a0; 
    padding: 16px;
    margin-bottom:10px
  }
  select {
    width: 350px !important;
    height: 33px;
    border-radius: 20px;
    border: solid 1px #dddede; 
    font-size: 16px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #a0a0a0; 
    padding: 0px 16px;
    margin-bottom: 10px !important; 
    background-color: transparent;
  }
    .popover-content{
    font-size: 16px;
    }
    
    form.smartcapture-content-wrapper {
      box-sizing: border-box;
      height: auto;
      position: relative;
      text-align: center;
      font-size: 25px;
      color: #cb302a;
 }
    form {
      max-width: 500px;
      border-radius: 16px;
 }
    .form-title{
      height: 24px;
      font-size: 18px; 
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      text-align: center;
      color: #303030;
      margin-top: 20px;
      margin-bottom: 25px;
    }
    
button.sc-button {
    cursor: pointer;
}     
table.stylingblock-content-wrapper {
    /*border-radius: 7px;*/
}
.ui-widget select {
font-size: 16px;
} 
#formulario { 
 margin: 0 auto; 
} 
form { 
 margin: 0 auto; 
} 
  /* estilos generales end */
  .carousel-inner {
    min-height: 100px; 
  }
  
  /*Estilos del modal de aviso de datos personales*/
  .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background: none;
    border: none;
}
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
    width: 368px;
    height: 320px;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
}
    div#dialog-term {
    width: 400px;
    height: 72px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #3e3f42;
      
}
   #dialog-term p {
        height: 250px !important;
    overflow-y: auto !important;
     
    }
  button#btn-si {
    padding: 10px;
    background: #cb302a;
    color: #fff;
    border: none;
    border-radius: 5px;
}
  button#btn-no {
    padding: 10px;
    background: #eee;
    color: #000;
    border: none;
    border-radius: 5px;
}
</style>