/* Form Presupuestador */
   .form-group {
      margin-bottom: 5px !important;
      margin-top: 5px !important;
    } 


.main-content {
    padding-top: 20px;
    padding-bottom: 20px;
}
.title-breadcrumbs .content-breadcrumbs {
    padding: 10px 0;
 }
   /* .select2-container--default .select2-selection--single .select2-selection__rendered
    {
        line-height:inherit;
        }*/


        textarea,
        select,
        input[type="date"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="email"],
        input[type="month"],
        input[type="number"],
        input[type="password"],
        input[type="search"],
        input[type="tel"],
        input[type="text"],
        input[type="time"],
        input[type="url"],
        input[type="week"] {
          text-transform: uppercase;
          padding: 0px 0px 0px 10px;
        }


        input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
          background-color: #ffffff;
        }

        /*  Jquery Validate   */ 
        form span.error {
          text-transform: none;
          color: #ff0000;
        }

        .field-validation-valid {
          display: none;
        }


        textarea.error,
        select.error,
        input[type="date"].error,
        input[type="datetime"].error,
        input[type="datetime-local"].error,
        input[type="email"].error,
        input[type="month"].error,
        input[type="number"].error,
        input[type="password"].error,
        input[type="search"].error,
        input[type="tel"].error,
        input[type="text"].error,
        input[type="time"].error,
        input[type="url"].error,
        input[type="week"].error {


          border: 1px solid #ff0000 !Important;
          background-color: #ffeeee !Important;
        }


        .textoObligatorio {
          color: #df1d2e;
          text-align: right;
        }

        /*Paneles*/

        .panel
        {
          margin-bottom:20px !Important;
        }


        .panel-heading {
          background: #df1d2e;
          color: #ffffff;
          padding: 15px 0px 15px 10px;
          border-style: none;
          border-top-left-radius: 0px; 
          border-top-right-radius: 0px; 
        }

        .panel-heading-desactivo {
          background: #d9d9d9;
          color:#666666;  
        }

        .panel-body {
          background:#fff6d9;  
          border-style: none;
          border-top-left-radius: 0px; 
          border-top-right-radius: 0px; 
        }



/*
.panel-heading {
    background: #df1d2e;
    color: #ffffff;
    /* padding: 15px 0px 15px 10px;
    border-style: none;
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px; 
}

.panel-body {
  background:#fff6d9;  
  border-style: none;
  border-top-left-radius: 0px; 
  border-top-right-radius: 0px; 
}
*/

.miramas-body {
    font-size: 15px;
}

.miramas-plan-center {
    text-align: center;
}


.miramasInterc .row:nth-of-type(odd) div {
background-color:antiquewhite;
}
.miramasInterc .row:nth-of-type(even) div {
background: #FFFFFF;
}

.miramas-row-margen {
 margin-right: 0px !important; 
 margin-left: 0px !important; 
 display: flex;
}


.contratacion-complete .panel
{
    margin-bottom:0px !Important;
}

.contratacion-complete .panel-body
{
    margin-bottom:20px !Important;
}

.contratacion-complete .info-datos
{
    text-align:center;
}





.contratacion-complete .panel .col-xs-12
 {
    padding-left:5px;
    padding-right:5px;
}

.contratacion-complete .panel-body .resaltado {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #666666;  
}

/* icono cerrar ventana modal*/
.close {
  color: #ffffff !important;
}
/*Fin paneles*/


.number{
  float:left;
  background-color: #ffffff;
  color:#df1d2e;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin-right: 15px;
  text-align: center;
}



.formulario-al-frente {
 /* se necesita este estilo porque sino no funcionan los links encerrados en el div col-xs-12 */
 z-index: 1;
}

/*
.formulario h3 {
   padding: 0px; /*10px 15px;
  background: #df1d2e;
  color: #ffffff;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}

.formulario form {
  padding: 0px; /* 30px; 
  background: #fff6d9;
}
.formulario form:after {
  content: '';
  display: table;
  clear: both;
}
.formulario .btn {
  text-align: left;
}
*/



/*
.dia, .mes, .anio, .hora, .mm {
     width: 32.5%;
     display: inline;
     }*/

/*
.fecha1, .hora1 {
     padding-left:2px;
     padding-right:15px;
}
*/

.dia, .anio {
 width: 25%;
 display: inline;
}

.mes {
 width: 47%;
 display: inline;
}


select.dia ,select.anio  {
 padding-left:5px;
 padding-right:5px;
}

.hh, .mm {
 width: 42%;
 display: inline;
     /*padding-left:0px;
     /*padding-right:0px;*/
   }

   select.hh ,select.mm  {
     padding-left:5px;
     padding-right:5px;
   }





    /*

  .dia, .anio {
     width: 25.5%;
     display: inline;
    }
    .mes{
     width: 45%;
     display: inline;
    }
    */


    /* DATOS PERSONALES */
/*
.socio {
  display:none;
}

.no-socio {
  display:none;
}
*/

.categoria-socio {
  width:15% !important;
  display: inline !important;
  text-align:center;

}
.nro-socio {
  width:83% !important;
  display: inline !important;


}
.tipo-documento {
  width:51% !important;
  display: inline !important;

}
.nro-documento {
  width:47% !important;
  display: inline !important;
}

#txtMail {
          text-transform: none;
}


.codigo-postal {    
  text-align:center !important;
}


/* VEHICULO */
.check-GNC {
  /*text-align: right;*/
  /*line-height: 22px;*/

}

.check-GNC input[type="checkbox"] {
  margin-top: 10px;
  margin-left: 10px;

}

/*
.ceroKM {
    display: flex;
}
*/
/*
.ceroKM .radio{
    padding-left: 5px;
    margin-top:0px;

    }*/


    /* FIN VEHICULO */

    .text-align-center {
      text-align: center; 
    }

    .no-visible {
      display:none;
    }


    .dia, .anio, .hh, .mm {
     width: 31% !important;
     display: inline;
   }



   input[type="text"]:disabled,select:disabled {
    background: #dddddd;
  }




  .seccion-volver.btns  {
    text-align: right;
  }   

  /* Fin Form Presupuesto */


  /* Cotizar */

  .info-cotizacion {  
  /*margin-bottom: 10px;
  margin-left:  15px;
  margin-right:  15px;*/
  

  /*-webkit-box-shadow: 7px -2px 5px 0px rgba(79,77,79,1);
  -moz-box-shadow: 7px -2px 5px 0px rgba(79,77,79,1);
  box-shadow: 7px -2px 5px 0px rgba(79,77,79,1);*/
  /*box-shadow: 0px 0px 15px 0px #000;*/
  /*box-shadow: 0 0 15px #000;*/
  z-index: 3;/*500;*/
}
.info-cotizacion .sombra {  
  /*margin-bottom: 10px;
  margin-left:  15px;
  margin-right:  15px;*/
  

  /*-webkit-box-shadow: 7px -2px 5px 0px rgba(79,77,79,1);
  -moz-box-shadow: 7px -2px 5px 0px rgba(79,77,79,1);
  box-shadow: 7px -2px 5px 0px rgba(79,77,79,1);*/
  box-shadow: 0px 0px 15px 0px #000;
  /*box-shadow: 0 0 15px #000;*/
  z-index: 3;/*500;*/
}
.info-cotizacion h3 {
  padding: 15px 10px;
  background: #d9d9d9;
  font-size: 15px;
  text-transform: uppercase;
  margin: 0;
}
.info-cotizacion .info-datos {
  padding: 10px 15px;/*15px 30px;*/
  background: #ebebeb;
}
.info-cotizacion .info-datos p {
  margin: 0;
  text-align: center;
  font-weight: 700;
}

.info-cotizacion .info-datos p .ImportePremio{
  color: #df1d2e;
  font-size: 16px;
}

.info-cotizacion .info-datos p + p {
  margin-top: 10px;
}




/*
.info-vehiculo {

}

 .info-vehiculo .datos-vehiculo {
    background-color: #f1bb01;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right:   0px;
    margin-left:   5px;
    /*padding:  10px;
    text-align:   center; 


 }
 /*
 .datos-vehiculo {
  background-color: #f1bb01;
    text-transform: uppercase;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-right:   10px;
    margin-left:   0px;

 }

.info-vehiculo  .datos-vehiculo  h2 {
    color: #666666;
    margin-top: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 700;


 }

 */
 .coberturas {  
  margin-top: 20px;
  margin-bottom:20px;  
  /*background-color: red;*/
        box-shadow: 0px 0px 15px 0px #000;/*#df1d2e;/*#000;*/
      z-index: 3;/*500;  */

}

.coberturas.panel-body .cobertura {
  margin-left: 10px;
  margin-right:5px;  
  /*background-color: blue;*/
  padding-top: 15px;
  padding-bottom: 0px;  
}


.container .jumbotron {
   
   border: 1px solid #df1d2e;/*#fff;*/
   padding-top: 0px;
   padding-bottom: 0px;
   padding-right: 0px;
   padding-left: 0px;
   border-radius: 6px;
/*
    margin-bottom: 5px;
    color: inherit;
    */
   
    background-color: #ffffff;/*#ffe3e3;/*#eee;*/

    box-shadow: 0px 0px 15px 0px #fff6d9;/*#df1d2e;/*#000;*/
      z-index: 3; /* 500;  */

  }

.cobertura .jumbotron .container  {
  color:green;
  padding-right: 0px;
  padding-left: 0px;
 /* max-height:  350px;*/
}



 .cobertura .jumbotron .cobertura-header {
background: #df1d2e;
   /* For browsers that do not support gradients */
   background: -webkit-linear-gradient(#e43f4d, #df1d2e);
   /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#e43f4d, #df1d2e);
   /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#e43f4d, #df1d2e);
   /* For Firefox 3.6 to 15 */
   background: linear-gradient(#e43f4d, #df1d2e);
   /* Standard syntax */
   color: #ffffff;
   text-transform: uppercase;

  font-size: 13px;
  line-height: 22px;
  font-family: "Open Sans", sans-serif;
  border-radius: 3px;   

   /*padding: 10px 30px;
   line-height: 22px;*/   
 }

.cobertura .jumbotron .cobertura-header h1 {
  font-size: 20px;
  line-height: 22px;
  /*min-height: 68px;*/
  font-family: "Open Sans", sans-serif;

}
.cobertura .jumbotron .cobertura-body {
  padding: 10px 10px 10px 10px;
}

.cobertura .jumbotron .cobertura-body  p {
  color: #666666;
  margin: 0;
}


.cobertura .jumbotron .cobertura-body .importe-plan {
      padding: 5px 5px 5px 5px;
      color: #ffffff;/*#df1d2e;*/
      background-color:#f1bb01;
      border-radius:  20px;
      box-shadow: 0px 0px 15px 0px #000;/*#df1d2e;/*#000;*/
      z-index: 3; /*500; */  
}

.cobertura .jumbotron .cobertura-body .importe-plan p {
      color: #df1d2e;
      padding-top:5px;
      /*padding-bottom:5px;*/
}


.cobertura .jumbotron .cobertura-body .importe-plan .importe-plan-debito {
      font-size: 3.0em;
      font-weight:bold;
      font-family: "Montserrat", sans-serif;
      text-align:   center;
      line-height: initial ;
      /*color:#df1d2e;
      background-color:#f1bb01;
      border-radius:  10px;*/

}

.cobertura .jumbotron .cobertura-body .importe-plan .importe-plan-debito small {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}

.cobertura .jumbotron .cobertura-body .importe-plan-efectivo {
      font-size: 15px;;
      font-weight:bold;/*normal;*/
      font-family: "Open Sans", sans-serif;
      text-align:   center;
      line-height: initial ;
}

.cobertura .jumbotron .cobertura-body .descripcion-plan {
    /*line-height: 1.4em;
    min-height: 85px;*/
    padding: 30px 10px 30px 10px;
   /* min-height: 310px;*/
   height:  180px;
}

.cobertura .jumbotron .cobertura-body .descripcion-plan p {
    font-size: 16px;

}
.cobertura .jumbotron .cobertura-body .descripcion-plan p + p {
  padding-bottom: 10px;  
}


.cobertura .jumbotron .cobertura-body .descripcion-plan p small {
    font-size: 13px;
}

.btnMasInfo   {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.btnMasInfo a  {
  font-weight: 700;
  text-decoration: none;
  color:#df1d2e;
  font-size: 15px;
  text-transform: uppercase;
}

/*
.jumbotron {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: inherit;
    background-color: #eee;
     box-shadow: 0px 0px 15px 0px #000;
  /*box-shadow: 0 0 15px #000;
  z-index: 500;  

}
*/

.jumbotron .boton-principal {
  padding: 10px 10px 10px 10px;
  width:100%;
}

/*
  Bases y condiciones
*/

.beneficios ol {
  padding:20px;

}

.beneficios ol li {
  text-align:justify;
  margin-bottom: 10px;

}


/* Carousel custom Autocotizador */
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2%;
  font-size: 20px;
  color:#df1d2e;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .8;
}

.carousel-control.left {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(255, 246, 218, 0.5) 0%, rgba(0, 0, 0, .0001) 100%) !important;
  background-image:      -o-linear-gradient(left, rgba(255, 246, 218, 0.5) 0%, rgba(0, 0, 0, .0001) 100%) !important;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 246, 218, 0.5)), to(rgba(0, 0, 0, .0001))) !important;
  background-image:         linear-gradient(to right, rgba(255, 246, 218, 0.5) 0%, rgba(0, 0, 0, .0001) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) !important;
  background-repeat: repeat-x !important;
}


.carousel-control.right {
  right: 0;
  left: auto;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(255, 246, 218, 0.5) 0%, rgba(0, 0, 0, .0001) 100%) !important;
  background-image:      -o-linear-gradient(left, rgba(255, 246, 218, 0.5) 0%, rgba(0, 0, 0, .0001) 100%) !important;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 246, 218, 0.5)), to(rgba(0, 0, 0, .0001))) !important;
  background-image:         linear-gradient(to right, rgba(255, 246, 218, 0.5) 0%, rgba(0, 0, 0, .0001) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1) !important;
  background-repeat: repeat-x !important;
}

.carousel-control:focus {

  text-shadow: 0 1px 5px #df1d2e;
  opacity: 0.9;
}

.carousel-control:hover {
  text-shadow: 0 1px 5px #df1d2e;
  opacity: 0.9;
}


.carousel-indicators .active {

    width:  12px !important;
    border: 1px solid #fff6d9;
    background-color:#df1d2e;
}

.carousel-indicators li {

    width:  10px;
    background-color:#fff6d9;    
    border: 1px solid #df1d2e;
}

.carousel-indicators {
	bottom: -5px;
}



/* Media Queries */

@media (min-width: 1200px){
  .container {
    width: 1200px;
  }
}

@media (min-width: 1024px){
  .cobertura .jumbotron .cobertura-header h1 {
   height: 68px;   
  }
  
  input[type="text"].capitalAseg-visible, .capitalAseg-visible  {
	font-weight: bold; 
	color: #df1d2e; 
	font-size:22px; 
	background:#fff6d9;
	border:0px solid;	
  }

}

@media (max-width: 1024px){
  .formComboDia {
	  padding-left: 5px;
	  padding-right: 5px;
  }
}

@media (max-width: 768px) {
  textarea,
  select,
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"] {
    font-size: 12px;
  }


  .codigo-postal {    
  text-align:left !important;
  /* width: 20% !important;*/
  }

  input[type="text"].capitalAseg-visible, .capitalAseg-visible  {
	font-weight: bold; 
	color: #df1d2e; 
	font-size:22px; 
	background:#fff6d9;
	border:0px solid;	
  }

  .formComboDia {
	  padding-left: 5px;
	  padding-right: 5px;
  }

	.carousel-control {
	  width: 3%;
	} 


}

@media (min-width: 510px) {
 .panel-title{font-size:20px;} 
 .select2-container--default .select2-selection--single{font-size:14px; }

}

@media only screen and (max-width: 510px) {

	.container {
		width:100% !important;
	}


  input[type="text"].capitalAseg-visible, .capitalAseg-visible  {
    font-size: 12px;
	font-weight: bold; 
	color: #df1d2e; 
	background:#fff6d9;
	border:0px solid;	
  }

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

    h1, .page-title {
      font-size: 18px;
      padding: 10px 0 10px 0;
      margin-bottom: 10px;
      /*line-height: 1.2;*/
    }

    .panel-title{ 
      font-size:14px !important;

    }

    textarea,
    select,
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"] {
      height: 30px;
      padding: 0px 10px;
      line-height: 30px;  
    }


    body, input, pre, code, kbd, samp, dt {font-size:10px !important;}
    .boton-principal{font-size:10px;}
    .boton-secundario{font-size:10px;}
    textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] 
    {
      font-size:10px;
      margin-bottom:5px;
    }
    select
    {
      font-size:10px; 
    }
    .select2-container--default .select2-selection--single{ font-size:10px;}
    .boton-principal{font-size:10px;}
    .data-table thead td{font-size:10px;}


    .btns .volver {
      font-size: 10px;
      margin-left: 0px;
    }   
    /*
    .panel-heading {
        padding: 0px 0px 0px 0px;
    }
    */
    /*
    .contratacion-complete .panel-heading {
        padding: 15px 0px 15px 10px;
    }

    */
    .number {
      width: 13px !Important;
      height: 13px !Important;
      margin-right: 5px;
    }

    .info-cotizacion {
      margin-top:5px;
      margin-bottom: 5px;
    }
    .info-cotizacion h3 {
      padding: 10px 15px 10px 15px;
      font-size: 12px;
      text-transform: uppercase;
      margin: 0;
    }
    .info-cotizacion .info-datos {
      padding: 5px 10px 5px 10px;


    }

    .info-cotizacion .info-datos p {
      margin: 0;
      text-align: left;
    }


    .info-cotizacion .info-datos p + p {
      margin-top: 5px;
    }

    .cobertura .jumbotron .cobertura-header h1 {
      font-size: 13px;
      line-height: 22px;
      font-family: "Open Sans", sans-serif;

    }

    .cobertura .jumbotron .cobertura-body .importe-plan .importe-plan-debito {
      font-size: 2.6em;
      font-weight:bold;
      font-family: "Montserrat", sans-serif;
      text-align:   center;
      line-height: initial ;
      /*color:#df1d2e;
      background-color:#f1bb01;
      border-radius:  10px;*/

    }

    .cobertura .jumbotron .cobertura-body .importe-plan .importe-plan-debito small {
      font-family: "Open Sans", sans-serif;
      font-size: 11px;
    }

    .cobertura .jumbotron .cobertura-body .importe-plan-efectivo {
          font-size: 12px;;
          font-weight:bold;/*normal;*/
          font-family: "Open Sans", sans-serif;
          text-align:   center;
          line-height: initial ;
    }


    .cobertura .jumbotron .cobertura-body .descripcion-plan {
        /*line-height: 1.4em;
        min-height: 85px;*/
        padding: 10px;
    }

    .cobertura .jumbotron .cobertura-body .descripcion-plan p {
        font-size: 13px;
    }

    .cobertura .jumbotron .cobertura-body .descripcion-plan p + p {
      padding-bottom: 5px;  
    }


    .cobertura .jumbotron .cobertura-body .descripcion-plan p small {
        font-size: 11px;
    }

    .formulario h3 {
      padding: 10px 10px;
      font-size: 11px;
      text-transform: uppercase;
      margin: 0;
    }

    .link-volver {
      font-size: 11px;
      margin-bottom:10px;
    }


    .dia, .anio, .hh, .mm {
     width: 31%;
     display: inline;
   }
   .mes{
     width: 34%;
     display: inline;
   }

  .btnMasInfo a  {
    /*font-weight: 700;*/
    font-size: 12px;
  }
  
  .formComboDia {
	  padding-left: 15px;
	  padding-right: 15px;
  }

	.carousel-control {
	  width: 8%;
	} 

 
 }
 
.periodoHoraLabel {
  font-weight: bold;
  color: red;  
}




@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -15px !important;
}
}