@CHARSET "ISO-8859-1";
        @media screen and (max-width: 1081px){ /* NTERIORMENTE ESTE ESTABA EN 780 */


/*	INICIALIZACION PARA HACER LA TABLA RESPONSIVA	*/

    
table, thead, tbody, th, td, tr { 
    display: block;

     
  }
  
   /*Hide table headers (but not display: none;, for accessibility) */
  thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  tr { border: 1px solid #ccc; }
  
  td { 
     Behave  like a "row" 
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    //padding-left: 50%;
    width: auto;
    height: auto;
    //display: inline;

    
  }
  
  td:before { 
     Now like a table header 
    position: absolute;
     Top/left values mimic padding 
    top: -5.5px;
    color: #e50404;
    left: 0px;
    width: auto; 
    padding-right: 0px; 
    white-space: nowrap;
    vertical-align: top;
    height: auto;
    font-size: 62.5%;
    
  }
		/*
		Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
		*/
		td:nth-of-type(1):before { content: ""; }
     td:nth-of-type(2){margin-top: -10px; text-align: center;}
		td:nth-of-type(2):before { content: "ID Cotizacion: ";}
    td:nth-of-type(2){margin-top: -12px; text-align: center;}
     td:nth-of-type(3){margin-top: -12px; text-align: center;}
		td:nth-of-type(3):before { content: "Fecha de Creacion: "; }
    td:nth-of-type(3){margin-top: -12px; text-align: center;}
     td:nth-of-type(4){margin-top: -12px; text-align: center;}
		td:nth-of-type(4):before { content: "Vendedor: "; }
    td:nth-of-type(4){margin-top: -12px; text-align: center;}
     td:nth-of-type(5){margin-top: -12px; text-align: center;}
		td:nth-of-type(5):before { content: "Monto antes de IVA: "; }
    td:nth-of-type(5){margin-top: -12px; text-align: center;}
     td:nth-of-type(6){margin-top: -12px; text-align: center;}
    td:nth-of-type(6):before { content: "Estatus: "; }
    td:nth-of-type(6){margin-top: -12px; text-align: center;}
     td:nth-of-type(7){margin-top: -12px; text-align: center;}
		td:nth-of-type(7):before { content: "Comentarios: "; }
    td:nth-of-type(7){margin-top: -12px; text-align: center;}
     td:nth-of-type(8){margin-top: -12px; text-align: center;}
    td:nth-of-type(8):before { content: "Comentarios: "; }
    td:nth-of-type(8){margin-top: -12px; text-align: center;}
	}        

/*	FIN DEL RESPONSIVO DE LA TABLA 	*/   
         
		  body{
                    background-color: #eee;
                    margin-top: -11px;
                    font-family: "Roboto";
                  }
  
                  /*####################################################Grid###############################################*/
                  @font-face {
                    font-family: "Roboto";
                    src: url(../fuente/Roboto/Roboto-Bold.ttf) format("truetype");
                  }
                  #secLogin{
                    text-align: center;
                    display: inline-block;
                    margin-top: 7vh;
                    background-color: #FFF;
                    /*border: 1px solid #ddd;
                    padding: 8px;
                    border-radius: 4px;*/
                  }
                  #contenido{
                    /*padding: 20px;*/
                    margin-top: 71px;
                    padding-left: 109px;
                    /*margin-top: 72px;
                    padding-left: 150px;*/
                  }
                  .suprHeader{
                    position: fixed;
                    width: 100%;
                  }
                  #secSoporte{
                    font-size: 2.5vw;
                    text-align: center;
                  }
                  .k-widget.k-window {
                    position: fixed;
                  }
                  .frmDatosLogin{
                    width: auto;
                    border-bottom: 1px solid #ddd;
                    border-left: 1px solid #ddd;
                    border-right: 1px solid #ddd;
                    padding: 8px;
                    border-bottom-left-radius: 4px;
                    border-bottom-right-radius: 4px;
                  }
                  .alignC{
                    text-align: center;
                  }
                  .alignL{
                    text-align: left;
                  }
                  .alignR{
                    text-align: right;
                  }
                  .h3Login{
                    text-align: left;
                    /*border-bottom: 1px solid #ddd;*/
                    margin: 0px;
                    border: 1px solid #ddd;
                    padding: 8px;
                    border-top-left-radius: 4px;
                    border-top-right-radius: 4px;
                  }
                  .txtForms{
                    display: inline-block;
                    width: 265px;
                    height: 30px;
                    margin-left: 10px;
                  }
  
  
.crono{
  
  
  color:white;
  font-family: 'Roboto', sans-serif;
  vertical-align: middle;
    
  font-size: 10px;
  
}
                  .headerIndex{
                    background-color: white;
                    color: #FFF;
                    padding: 7px;
                    font-size: 17px;
                    z-index: 10;
                    position: absolute;
                    padding-left: 78px;
                    width: 100%;
                    height: 59px;
                    top: 7px;
                  }
                  .btnWidthRedir{
                    width: auto !important;
                  }
                  .marginT50{
                    margin-top: 50px;
                  }
                  .marginB10{
                    margin-bottom: 10px;
                  }
                  .marginL5{
                    margin-left: 5px;
                  }
                  .xlabelFiltro{
                    cursor: pointer;
                    margin-left: 5px;
                    color: black;
                  }
                  .noDisplay{
                    display: none;
                  }
                  .sinDatos{
                    background-color: #FFF;
                    padding: 20px;
                    text-align: center;
                    font-size: 2vw;
                    border: 1px solid #ddd;
                    border-radius: 10px;
                  }
                  #Warning
                  {
                    text-align: right;
                    display: block;
                    margin-right: 50px;
                    display: none;
                    color: red;
                 }
                  .TxtSeguirC{
                      display: inline-block;
                      margin-right: 5px;
                      font-size: 2em;
                      cursor: pointer;
                  }
  
  
                  #Advice{
                    text-align: right;
                    display: block;
                    margin-right: 50px;
                  }
                  .totalesTD
                  {
                    text-align: right;
                    display: block;
                    font-size: 1.5em;
                    margin-right: 50px;
                  }
                  .PriceError
                  {
                    /*   background: firebrick;*/
                    background: #CC0C21;
                    color: white;
                  }
                  /*####################################################Botones###############################################*/
                  .btnBlue, .btnBlue:disabled, .btnBlue.k-button[disabled], .k-button.btnBlue.k-state-disabled,
                  .k-button.btnBlue.k-state-disabled:hover{
                    color: white !important;
                    background-color: #CC0C21 !important;
                    background-image: none !important;
                    border: none !important;
                    border-radius: 0px !important;
                    width: 100%;  
                    padding: 8px;
                    font-family: "Roboto";
                    border-radius: 14px !important;
                    background: blue;
                  }
                  #MenuRes{
                    background-color:  #CC0C21;
                    z-index: 20;
                    width: 79px;
                    position: fixed;
                    height: auto;
                    top: 0px;  
                    min-height: 20%;


		    /*background-color: green;
                    color: #FFF;
                    padding: 7px;
                    font-size: 17px;
                    z-index: 10;
                    position: absolute;
                    padding-left: 78px;
                    width: 100%;
                    height: 59px;
                    top: 7px;*/
             
                    }
                    .ulMenu{
                      padding-left: 8px;
                    }
                    #menuMov{
                      margin-left:0px;
                    }
                    .ulMenuExit{
                      position: absolute;
                      bottom: 0px;
                    }
                    .ulMenuOrder{
                      text-align: center;
                      height: 55px;
                    }
  
                    .hidetext{
                      position: absolute;
                      display: none;
                      margin-top: 10px;
                      margin-left: 7px;
                    }
                    .hidetextPopUp{
                      position: absolute;
                      display: none;
                      margin-top: -36px;
                      margin-left: 23px;
                      display: none;
                      z-index: 99;
                      background: #CC0C21;
                      width: 161px;
                      height: auto;
                    }
                    #text0CFact{
                      background-color: none;
                    }
                    .hidetextExit{
                      display: none;
                      position: relative;
                      left: 17px;
                      color: white !important;
                      background-image: none !important;
                      border: none !important;
                      font-family: "Roboto";
                      border-radius: 14px !important;
                      font-size: 1.5em;
                    }
                    .ulMenuOrderExit{
                      position: absolute;
                      bottom: 0px;
                      left: 0px;
                      width: 228px;
                      height: 42px;
                    }
                    .btnBlue:hover, .btnBlue:focus{
                      background-color: #5A0707 !important;
                      background-image: none !important;
                      border: none !important;
                      color: white !important;
                      border-radius: 0px !important;
                      border-radius: 14px !important;
                    }
                    .btnBlue:active{
                      background-color: #5A0707 !important;
                      background-image: none;
                      border: none;
                      color: white;
                      border-radius: 14px !important;
                    }
  
                    .btnMarronDefault, .btnMarronDefault:disabled, .btnMarronDefault.k-button[disabled], .k-button.btnMarronDefault.k-state-disabled,
                    .k-button.btnMarronDefault.k-state-disabled:hover{
                      color: white !important;
                      background-color: #810A0A !important;
                      background-image: none !important;
                      border: none !important;
                      border-radius: 0px !important; 
                      padding: 3px 10px;
                      font-family: "Roboto";
                      border-radius: 10px !important;
                    }
                    .btnMarronDefault:hover, .btnMarronDefault:focus{
                      background-color: #5A0707 !important;
                      background-image: none !important;
                      border: none !important;
                      color: white !important;
                      /*border-radius: 0px !important;*/
                      border-radius: 10px !important;
                    }
                    .btnMarronDefault:active{
                      background-color: #5A0707 !important;
                      background-image: none;
                      border: none;
                      color: white;
                      border-radius: 10px !important;
                    }
  
                    .btnMarronDefaultBscr, .btnMarronDefaultBscr:disabled, .btnMarronDefaultBscr.k-button[disabled], .k-button.btnMarronDefaultBscr.k-state-disabled,
                    .k-button.btnMarronDefaultBscr.k-state-disabled:hover{
                      color: white !important;
                      background-color: #810A0A !important;
                      background-image: none !important;
                      border: none !important;
                      border-radius: 0px !important; 
                      padding: 3px 10px;
                      font-family: "Roboto";
                      border-radius: 10px !important;
                      margin-left: -5px;
                      border-bottom-right-radius: 10px !important;
                      border-top-right-radius: 10px !important;
                      border-bottom-left-radius: 0px !important;
                      border-top-left-radius: 0px !important;
                    }
                    .btnMarronDefaultBscr:hover, .btnMarronDefaultBscr:focus{
                      background-color: #5A0707 !important;
                      background-image: none !important;
                      border: none !important;
                      color: white !important;
                      /*border-radius: 0px !important;*/
                      border-radius: 10px !important;
                      margin-left: -5px;
                      border-bottom-right-radius: 10px !important;
                      border-top-right-radius: 10px !important;
                      border-bottom-left-radius: 0px !important;
                      border-top-left-radius: 0px !important;
                    }
                    .btnMarronDefaultBscr:active{
                      background-color: #5A0707 !important;
                      background-image: none;
                      border: none;
                      color: white;
                      border-radius: 10px !important;
                      margin-left: -5px;
                      border-bottom-right-radius: 10px !important;
                      border-top-right-radius: 10px !important;
                      border-bottom-left-radius: 0px !important;
                      border-top-left-radius: 0px !important;
                    }
  
                    .noPadd{
                      padding-left: 0px;
                      padding-right: 0px;
                    }
                    .row{
                      margin-right: 0px;
                      margin-left: 0px;
                    }
                    .lblWeightB{
                      font-weight: bold;
                      margin-left: 10px;
                    }
                    .radiusTRBR10{
                      margin-left: -5px;
                      border-bottom-right-radius: 10px !important;
                      border-top-right-radius: 10px !important;
                      border-bottom-left-radius: 0px !important;
                      border-top-left-radius: 0px !important;
                    }
                    .btnTab, .btnTab:disabled, .btnTab.k-button[disabled], .k-button.btnTab.k-state-disabled,
                    .k-button.btnTab.k-state-disabled:hover{
                      color: white!important;
                      background-color: #CC0C21 !important;
                      background-image: none!important;
                      border: none!important;
                      border-radius: 0px!important;
                      /*margin: 5px 0px!important;*/
                      padding: 5px 0px;
                      display: inline!important;
                      margin-bottom: 10px;
                      height: auto;
                      width: : auto;

                    }
                    .k-button.btnTab.stylehola{
                      text-align: left;
                      margin: 10px 10px 43px 15px;
                    }
                    .xmlicon{
                      background-image: url("../imagenes/iconos/iconos/archivos/xml.png");
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
                    .pdficon{
                      background-image: url("../imagenes/iconos/iconos/archivos/pdf.gif");
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
  
  
  
  
  
                    .imgFactura{
                      background-image: url("../imagenes/iconos/iconos/svg/Facturas.svg");
                    }
                    .imgFactura{
                      display: inline-block;
                      width: 22px;
                      height: 21px;
                      background-size: 22px 21px;
                      margin: 0px 20px 0px 20px;
                    }
                    .imgInvPre{
                      background-image: url("../imagenes/iconos/iconos/svg/invpre.svg");
                    }
                    .imgPedidos{
                      background-image: url("../imagenes/iconos/iconos/svg/SalesOrder.svg");
                      display: inline-block;
                      width: 22px;
                      height: 21px;
                      background-size: 22px 21px;
                      margin: 0px 20px 0px 20px;
                    }
                    .imgInvPre{
                      display: inline-block;
                      width: 22px;
                      height: 21px;
                      background-size: 22px 21px;
                      margin: 0px 20px 0px 20px;
                    }
                    .imgEstCu{
                      background-image: url("../imagenes/iconos/iconos/svg/estcu.svg");
                    }
                    .imgEstCu{
                      display: inline-block;
                      width: 22px;
                      height: 21px;
                      background-size: 22px 21px;
                      margin: 0px 20px 0px 20px;
                    }
                    .imgSup{
                      display: inline-block;
                      width: 22px;
                      height: 21px;
                      background-size: 22px 21px;
                      margin: 0px 20px 0px 20px;
                    }
                    .imgSup{
                      background-image: url("../imagenes/iconos/iconos/svg/Sup.svg");
                    }
                    .imghelp{
                      display: inline-block;
                      width: 22px;
                      height: 21px;
                      background-size: 22px 21px;
                      margin: 0px 20px 0px 20px;
                    }
                    .imghelp{
                      background-image: url("../imagenes/iconos/iconos/svg/help.svg");
                    }
                    .btnTabEx{
                      position: absolute;
                      bottom:   -10px;
                      margin: 0px;
                      background: #9B0415;
                      border: 0px;
                      width: 79px;
                      height: 41px;
                      left: 0px;
                    }
                    .imgExit{
                      position: absolute;
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      text-align: right;
                      bottom:   0;
                      background-repeat: no-repeat;
                      background-size: 42px 41px;
                      left: 4px;
                      margin-left: 12px; 
                      padding-left: 10px;                   
                    }
                    .imgExit{
                      background-image: url("../imagenes/iconos/iconos/svg/exit.svg");
                    }
                    .DivLine{
                      display: inline-block;
                      width: 50px;
                      border-bottom: 3px solid white;
                      background-size: 42px 41px;
                      margin: 0px 10px 5px 13px;
                      height: 0px;
  
                    }
                    .stylehola{
                      font-weight: bold;
                      font-size: 18px;
                      margin-bottom: 55px;
                      margin-top: 5px;
                    }
                    .btnTab:hover, .btnTab:focus{
                      background-color: #CC0C21 !important;
                      background-image: none !important;
                      border: none !important;
                      color: white !important;
                      border-radius: 0px !important;
                    }
                    .btnTab:active{
                      background-color: #CC0C21 !important;
                      background-image: none;
                      border: none;
                      color: white;
                    }
                    .imgLupa{
                      display: inline-block;
                      width:   40px;
                      height:  40px;
                      background-size: 40px 40px;
                      /*margin: 0px 0px 0px 0px;*/
                      background-image: url("../imagenes/iconos/iconos/svg/Lupa.svg");
                      cursor: pointer;
                    }
                    .imgEditar{
                      display: inline-block;
                      width:   30px;
                      height:  30px;
                      background-size: 30px 30px;
                      /*margin: 0px 10px 0px 17px;*/
                      background-image: url("../imagenes/B2BCliente/lapiz.svg");
                      cursor: pointer;
                    }
                    .imgTD{
                      display: inline-block;
                      width:   333px;
                      height:  92px;
                      background-size: 333px 92px;
                      background-image: url("../imagenes/B2BCliente/TireDirect_vini.png");
                      margin: 40px 10px 0px 17px;
                        
                    }
                    #divOpciones{
                      text-align: right;
                      float: right;
                    }
                    #divOpciones a{
                      color: #FFF;
                      font-size: 13px;
                      margin-right: 10px;
                      cursor: pointer;
                    }
                    #divOpciones a:hover{
                      color: #777 !important;
                    }
                    #divOpciones .glyphicon{
                      margin-right: 5px !important;
                    }
                    #nombreU{
                      display: none;
                      font-family: "Roboto";
                      color: white !important; */
                      background-image: none !important;
                      border: none !important;
                      height: 63px;
                      width: 190px;
                      margin-left: 21px;
                      font-size: smaller;
                    }
                    .imgMenu{
                      background-image: url("../imagenes/iconos/iconos/svg/menu.svg");
                    }
                    .imgMenu{
                      display: inline-block;
                      width: 42px;
                      height: 35px;
                      background-size: 42px 41px;
                      cursor: pointer;
  
                      /* margin: 0px 10px 0px 10px;*/
                    }
                    .widthHeader1{
                      width: 100%;
                      display: inline-block;
                      background: white;
                      height: auto;
                    }
                    .widthHeader{
                      display: inline-block;
                      width:   100%;
                      height:  auto;
                      background: transparent;
  
                    }
                    .imgTire{
                      right: auto;
                      display: block;
                      width: 50px;
                      height: 40px;
                      text-align: right;
                      background-repeat: no-repeat;
                      background-size: contain;
                      background-image: url("../imagenes/B2BCliente/TireDirect2.png");
                    }
                    .fWB{
                      font-weight: bold;
                    }
                    .btnFilter{
                      background-color: #FFF;
                      padding: 5px 10px;
                      border: 1px solid #810A0A;
                      /*border-radius: 12px;*/
                      margin-right: 10px;
                      border-top-left-radius: 2em;
                      border-bottom-left-radius: 2em;
                      color: #810A0A;
                    }
                    /*#######################################--CARRO--###################################*/
                    .rowsDetalle{
                      position: absolute;
                      bottom: 0px;
                      right: -2px;
                      background-color: #FF8C00;
                      height: 20px;
                      width: 20px;
                      z-index: 1000;
                      border-radius: 50%;
                      font-family: "Roboto";
                      font-size: medium;
                      color: black;
                      font-weight: bold;
  
                    }
                    .buttonCar{
                      position: absolute;
                      right: 170px;
                      top: 8px;
                      background: none;
                      width: auto;
                      height: auto;
                      background-color: #CC0C21;
                      border: 0px;
                      border-radius: 50%;
                    }
                    .tipoCambio
                    {
                      width: auto;
                      height: 21px;
                      color: black;
                      background-color: none;
                      right: 10px;
                      position: absolute;
                      top: 16px;
                    }
                   /* #flagstylemx{
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: blue;
                      right: 529px;
                      position: absolute;
                      top: 16px
                    }
                    #flagstyleus{
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: blue;
                      right: 529px;
                      position: absolute;
                      top: 16px
                    }*/
                    .flagstyle{
                      width: auto;
                      height: 21px;
                      color: black;
                      background-color: blue;
                      right: 120px;
                      position: absolute;
                      top: 5px;
                      cursor: pointer;
                    }
                    .menuflagmx{
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: none;
                      right: 120px;
                      position: absolute;
                      top: 28px;
                      cursor: pointer;
                    }
                    .menuflagus{
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: none;
                      right: 120px;
                      position: absolute;
                      top: 28px;
                      cursor: pointer;
                    }
                    .imgarrow{
                          background-image: url(../imagenes/iconos/iconos/png/arrow.png);
                          width: 16px;
                          height: 13px;
                          color: black;
                          background-color: none;
                          right: 153px;
                          position: absolute;
                          top: 23px;
                          background-repeat: no-repeat;
                          background-size: 15px;
                          border-top: none;
                      border-right: none;
                      border-left: none;
                    }
                    .imgCarro{
                      background-image: url(../imagenes/iconos/iconos/png/imgCarro.png);
                      display: inline-block;
                      width: 50px;
                      height: 35px;
                      background-size: 39px 37px;
                      background-repeat: no-repeat;
                      margin-top: 6px;
                      margin-left: 4px;
                    }
                    .productosrow{
                      border:1px solid gray;
                      background-color: white;
                      vertical-align: center;
                      height: 80px;
                      max-height: 100px;
  
                      margin-right: 16px !important;
                      border-top: none;
                      border-right: none;
                      border-left: none;
  
                    }
                    .productosrow2{
                      /*border:1px solid gray;*/
                      background-color: white;
                      vertical-align: center;
                      height: 50px;
                      max-height: 50px;
  
                      margin-right: 16px !important;
                      border-top: none;
                      border-right: none;
                      border-left: none;
  
                    }
                    .productosrow3{
                      border:1px solid gray;
                      background-color: white;
                      vertical-align: center;
                      height: 50px;
                      max-height: 50px;
  
                      margin-right: 16px !important;
                      border-top: none;
                      border-right: none;
                      border-left: none;
  
                    }
                    .centrada{
                      top: 12px;
                      text-align: center;
                      font-size: 8px;
                    }                      }
                    .centrada2{
                      top: 11px;
                      background-color: #CC0C21;
                      width: 70px;
                      left: 50px;
                    }
                    .descfix{
                      max-height: 40px;
                      overflow-y: visible;
                      top: 5px;
                      text-align: center;
                      font-size: 8px;  
                    }
                    .descfix2{
                      max-height: 40px;
                      top: 3px;
                      text-align: center;
                    }
                    .descfix3{
                      max-height: 40px;
                      top: 10px;
                      text-align: center;
                      margin-left: 5px;
                    }
                    .enca{
                      font-weight: bold;
                      font-size: 8px;
                    }
                    .enca2{
                      font-size: 1.7vw;
                      top:25px;
                    }

                    .encatot{
                      font-weight: bold;
                      font-size: large;
                      text-align: right;
                        
  
                    }
                    #TotalesCot{
                      background: none;
                      border-right: 1px solid gray;
                    }
                    .cantstyleUP{
                      height: 12px;
                      width: 12px;
                      position: absolute;
                      top:0px;
  
                    }
                    .cantstyleDOWN{
                      height: 12px;
                      width: 12px;
                      position: absolute;
                      bottom: 0px;
  
                    }
                    /*##############################################parte de input###############################################*/
                    .leftInput{
                      background-color: #810A0A;
                      height: 29px;
                      display: inline-block;
                      width: 20px;
                      vertical-align: middle;
                      line-height: 27px;
                      border-bottom-right-radius: 0px !important;
                      border-top-right-radius: 0px !important;
                      border-bottom-left-radius: 10px !important;
                      border-top-left-radius: 10px !important;
                      margin-right: -4px
                    }
                    .width90p{
                      width: 90px !important;
                    }
                    .width450p{
                      width: 450px;
                    }
                    .k-button.k-primary{
                      background-color: #810A0A;
                      border-color: #810A0A !important;
                    }
                    .k-primary:focus:active:not(.k-state-disabled):not([disabled]), .k-primary:focus:not(.k-state-disabled):not([disabled]){
                      webkit-box-shadow: 0 0 3px 0 #5A0707;
                      box-shadow: 0 0 3px 0 #5A0707;
                      border-color: #5A0707 !important;
                    }
                    .k-primary.k-state-focused, .k-primary:focus {
                      color: #fff;
                      border-color: #5A0707 !important;
                      background-image: url(textures/highlight.png);
                      background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(255,255,255,0)));
                      background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
                      background-image: none,linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
                      -webkit-box-shadow: 0 0 3px 0 #5A0707 !important;
                      box-shadow: 0 0 3px 0 #5A0707 !important;
                    }
                    li.k-button.k-primary:active {
                      background-color: #5A0707;
                      box-shadow: 0 0 3px 0 #5A0707;
                      border-color: #5A0707 !important;
                    }
                    .k-primary{
                      border-color: #810A0A !important;
                    }
                    /*#############################################Pruebas Input Busqueda#########################################*/
                    .searchform { 
                      display: inline-block; 
                      zoom: 1; /* ie7 hack para display:inline-block */
                      background-color: #FFF;
                      /*border: solid 1px #d2d2d2;*/
                      border: solid 1px #810A0A;
                      padding: 2px 5px 0px;
                      -webkit-border-radius: 2em; 
                      -moz-border-radius: 2em; 
                      border-radius: 2em; 
                      -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1); 
                      -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); 
                      box-shadow: 0 1px 0px rgba(0,0,0,.1); 
                  /*background: #f1f1f1; 
                  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); 
                  background: -moz-linear-gradient(top, #fff, #ededed);*/
                  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
                  /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
                  } 
                  .inputBuscar{
                    padding: 0px 8px;
                    border: none;
                    border-radius: 9px;
                    border-color: #FFF;
                    color: #810A0A;
                  }
                  .inputBuscar::-webkit-input-placeholder { color: #810A0A;}
                  .inputBuscar:-moz-placeholder { color: #810A0A;}
                  .inputBuscar::-moz-placeholder { color: #810A0A;}
                  .inputBuscar:-ms-input-placeholder { color: #810A0A;}
                  .btnBuscar, .btnBuscar:hover{
                    background-color: #FFF;
                    border: none;
                    border-radius: 2em;
                    color: #810A0A;
                  }
                  .btnBuscar:hover{
                    color: #5A0707;
                  }
                  .k-header{
                    background-color: #810A0A;
                    border-color: #810A0A;
                    /*border-color: #adadad;*/
                    background-image: none;
                  }
                  .k-grid-header .k-header>.k-link, .k-header{
                    color: #FFF;
                    background-color: #CC0C21;
                  }
                  a.k-window-action.k-link {
                    background-color: #FFF;
                  }
                  a.k-window-action.k-link.k-state-hover {
                    background-color: #CC0C21;
                  }
                  /*#############################################ImagenesGrid#########################################*/
                  label.col-xs-6{
                    margin-right: 5px;
                  }
  
  
    }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

	    }
            @media screen and (min-width: 100px){ /* ENTERIORMENTE ESTE ESTABA EN 600 */
                  
            }
                @media screen and (min-width: 1081px){/*480px,600px,767px,950px*/ /* ANTERIORMENTE ESTE ESTABA EN 780 */

                  body{
                    background-color: #eee;
                    margin-top: -11px;
                    font-family: "Roboto";
                  }
  
                  /*####################################################Grid###############################################*/
                  @font-face {
                    font-family: "Roboto";
                    src: url(../fuente/Roboto/Roboto-Bold.ttf) format("truetype");
                  }
                  #secLogin{
                    text-align: center;
                    display: inline-block;
                    margin-top: 7vh;
                    background-color: #FFF;
                    /*border: 1px solid #ddd;
                    padding: 8px;
                    border-radius: 4px;*/
                  }
                  #contenido{
                    /*padding: 20px;*/
                    margin-top: 71px;
                    padding-left: 109px;
                    /*margin-top: 72px;
                    padding-left: 150px;*/
                  }
                  .suprHeader{
                    position: fixed;
                    width: 100%;
                  }
                  #secSoporte{
                    font-size: 2.5vw;
                    text-align: center;
                  }
                  .k-widget.k-window {
                    position: fixed;
                  }
                  .frmDatosLogin{
                    width: auto;
                    border-bottom: 1px solid #ddd;
                    border-left: 1px solid #ddd;
                    border-right: 1px solid #ddd;
                    padding: 8px;
                    border-bottom-left-radius: 4px;
                    border-bottom-right-radius: 4px;
                  }
                  .alignC{
                    text-align: center;
                  }
                  .alignL{
                    text-align: left;
                  }
                  .alignR{
                    text-align: right;
                  }
                  .h3Login{
                    text-align: left;
                    /*border-bottom: 1px solid #ddd;*/
                    margin: 0px;
                    border: 1px solid #ddd;
                    padding: 8px;
                    border-top-left-radius: 4px;
                    border-top-right-radius: 4px;
                  }
                  .txtForms{
                    display: inline-block;
                    width: 265px;
                    height: 30px;
                    margin-left: 10px;
                  }
  
  
.crono{
  
  
  color:white;
  font-family: 'Roboto', sans-serif;
  vertical-align: middle;
    
  font-size: 10px;
  
}
                  .headerIndex{
                    background-color: white;
                    color: #FFF;
                    padding: 7px;
                    font-size: 17px;
                    z-index: 10;
                    position: absolute;
                    padding-left: 78px;
                    width: 100%;
                    height: 59px;
                    top: 7px;
                  }
                  .btnWidthRedir{
                    width: auto !important;
                  }
                  .marginT50{
                    margin-top: 50px;
                  }
                  .marginB10{
                    margin-bottom: 10px;
                  }
                  .marginL5{
                    margin-left: 5px;
                  }
                  .xlabelFiltro{
                    cursor: pointer;
                    margin-left: 5px;
                    color: black;
                  }
                  .noDisplay{
                    display: none;
                  }
                  .sinDatos{
                    background-color: #FFF;
                    padding: 20px;
                    text-align: center;
                    font-size: 2vw;
                    border: 1px solid #ddd;
                    border-radius: 10px;
                  }
                  #Warning
                  {
                    text-align: right;
                    display: block;
                    margin-right: 50px;
                    display: none;
                    color: red;
                 }
                  .TxtSeguirC{
                      display: inline-block;
                      margin-right: 5px;
                      font-size: 2em;
                      cursor: pointer;
                  }
  
  
                  #Advice{
                    text-align: right;
                    display: block;
                    margin-right: 50px;
                  }
                  .totalesTD
                  {
                    text-align: right;
                    display: block;
                    font-size: 1.5em;
                    margin-right: 50px;
                  }
                  .PriceError
                  {
                    /*   background: firebrick;*/
                    background: #CC0C21;
                    color: white;
                  }
                  /*####################################################Botones###############################################*/
                  .btnBlue, .btnBlue:disabled, .btnBlue.k-button[disabled], .k-button.btnBlue.k-state-disabled,
                  .k-button.btnBlue.k-state-disabled:hover{
                    color: white !important;
                    background-color: #CC0C21 !important;
                    background-image: none !important;
                    border: none !important;
                    border-radius: 0px !important;
                    width: 100%;  
                    padding: 8px;
                    font-family: "Roboto";
                    border-radius: 14px !important;
                    background: blue;
                  }
                  #MenuRes{
                    background-color:  #CC0C21;
                    z-index: 20;
                    width: 79px;
                    position: fixed;
                    height: 100%;
                    top: 0px;  
                    min-height: 635px;             
                    }
                    .ulMenu{
                      padding-left: 8px;
                    }
                    #menuMov{
                      margin-left:0px;
                    }
                    .ulMenuExit{
                      position: absolute;
                      bottom: 0px;
                    }
                    .ulMenuOrder{
                      text-align: center;
                      height: 68px;
                    }
  
                    .hidetext{
                      position: absolute;
                      display: none;
                      margin-top: 10px;
                      margin-left: 7px;
                    }
                    .hidetextPopUp{
                      position: absolute;
                      display: none;
                      margin-top: -36px;
                      margin-left: 23px;
                      display: none;
                      z-index: 99;
                      background: #CC0C21;
                      width: 161px;
                      height: auto;
                    }
                    #text0CFact{
                      background-color: none;
                    }
                    .hidetextExit{
                      display: none;
                      position: relative;
                      left: 17px;
                      color: white !important;
                      background-image: none !important;
                      border: none !important;
                      font-family: "Roboto";
                      border-radius: 14px !important;
                      font-size: 1.5em;
                    }
                    .ulMenuOrderExit{
                      position: absolute;
                      bottom: 0px;
                      left: 0px;
                      width: 228px;
                      height: 42px;
                    }
                    .btnBlue:hover, .btnBlue:focus{
                      background-color: #5A0707 !important;
                      background-image: none !important;
                      border: none !important;
                      color: white !important;
                      border-radius: 0px !important;
                      border-radius: 14px !important;
                    }
                    .btnBlue:active{
                      background-color: #5A0707 !important;
                      background-image: none;
                      border: none;
                      color: white;
                      border-radius: 14px !important;
                    }
  
                    .btnMarronDefault, .btnMarronDefault:disabled, .btnMarronDefault.k-button[disabled], .k-button.btnMarronDefault.k-state-disabled,
                    .k-button.btnMarronDefault.k-state-disabled:hover{
                      color: white !important;
                      background-color: #810A0A !important;
                      background-image: none !important;
                      border: none !important;
                      border-radius: 0px !important; 
                      padding: 3px 10px;
                      font-family: "Roboto";
                      border-radius: 10px !important;
                    }
                    .btnMarronDefault:hover, .btnMarronDefault:focus{
                      background-color: #5A0707 !important;
                      background-image: none !important;
                      border: none !important;
                      color: white !important;
                      /*border-radius: 0px !important;*/
                      border-radius: 10px !important;
                    }
                    .btnMarronDefault:active{
                      background-color: #5A0707 !important;
                      background-image: none;
                      border: none;
                      color: white;
                      border-radius: 10px !important;
                    }
  
                    .btnMarronDefaultBscr, .btnMarronDefaultBscr:disabled, .btnMarronDefaultBscr.k-button[disabled], .k-button.btnMarronDefaultBscr.k-state-disabled,
                    .k-button.btnMarronDefaultBscr.k-state-disabled:hover{
                      color: white !important;
                      background-color: #810A0A !important;
                      background-image: none !important;
                      border: none !important;
                      border-radius: 0px !important; 
                      padding: 3px 10px;
                      font-family: "Roboto";
                      border-radius: 10px !important;
                      margin-left: -5px;
                      border-bottom-right-radius: 10px !important;
                      border-top-right-radius: 10px !important;
                      border-bottom-left-radius: 0px !important;
                      border-top-left-radius: 0px !important;
                    }
                    .btnMarronDefaultBscr:hover, .btnMarronDefaultBscr:focus{
                      background-color: #5A0707 !important;
                      background-image: none !important;
                      border: none !important;
                      color: white !important;
                      /*border-radius: 0px !important;*/
                      border-radius: 10px !important;
                      margin-left: -5px;
                      border-bottom-right-radius: 10px !important;
                      border-top-right-radius: 10px !important;
                      border-bottom-left-radius: 0px !important;
                      border-top-left-radius: 0px !important;
                    }
                    .btnMarronDefaultBscr:active{
                      background-color: #5A0707 !important;
                      background-image: none;
                      border: none;
                      color: white;
                      border-radius: 10px !important;
                      margin-left: -5px;
                      border-bottom-right-radius: 10px !important;
                      border-top-right-radius: 10px !important;
                      border-bottom-left-radius: 0px !important;
                      border-top-left-radius: 0px !important;
                    }
  
                    .noPadd{
                      padding-left: 0px;
                      padding-right: 0px;
                    }
                    .row{
                      margin-right: 0px;
                      margin-left: 0px;
                    }
                    .lblWeightB{
                      font-weight: bold;
                      margin-left: 10px;
                    }
                    .radiusTRBR10{
                      margin-left: -5px;
                      border-bottom-right-radius: 10px !important;
                      border-top-right-radius: 10px !important;
                      border-bottom-left-radius: 0px !important;
                      border-top-left-radius: 0px !important;
                    }
                    .btnTab, .btnTab:disabled, .btnTab.k-button[disabled], .k-button.btnTab.k-state-disabled,
                    .k-button.btnTab.k-state-disabled:hover{
                      color: white!important;
                      background-color: #CC0C21 !important;
                      background-image: none!important;
                      border: none!important;
                      border-radius: 0px!important;
                      /*margin: 5px 0px!important;*/
                      padding: 5px 0px;
                      display: block!important;
                      margin-bottom: 10px;
                    }
                    .k-button.btnTab.stylehola{
                      text-align: left;
                      margin: 10px 10px 43px 15px;
                    }
                    .xmlicon{
                      background-image: url("../imagenes/iconos/iconos/archivos/xml.png");
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
                    .pdficon{
                      background-image: url("../imagenes/iconos/iconos/archivos/pdf.gif");
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
  
  
  
  
  
                    .imgFactura{
                      background-image: url("../imagenes/iconos/iconos/svg/Facturas.svg");
                    }
                    .imgFactura{
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
                    .imgInvPre{
                      background-image: url("../imagenes/iconos/iconos/svg/invpre.svg");
                    }
                    .imgPedidos{
                      background-image: url("../imagenes/iconos/iconos/svg/SalesOrder.svg");
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
                    .imgInvPre{
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
                    .imgEstCu{
                      background-image: url("../imagenes/iconos/iconos/svg/estcu.svg");
                    }
                    .imgEstCu{
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
                    .imgSup{
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
                    .imgSup{
                      background-image: url("../imagenes/iconos/iconos/svg/Sup.svg");
                    }
                    .imghelp{
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      background-size: 42px 41px;
                      margin: 0px 10px 0px 10px;
                    }
                    .imghelp{
                      background-image: url("../imagenes/iconos/iconos/svg/help.svg");
                    }
                    .btnTabEx{
                      position: absolute;
                      bottom:   -10px;
                      margin: 0px;
                      background: #9B0415;
                      border: 0px;
                      width: 79px;
                      height: 41px;
                      left: 0px;
                    }
                    .imgExit{
                      position: absolute;
                      display: inline-block;
                      width: 42px;
                      height: 41px;
                      text-align: right;
                      bottom:   0;
                      background-repeat: no-repeat;
                      background-size: 42px 41px;
                      left: 4px;
                      margin-left: 12px; 
                      padding-left: 10px;                   
                    }
                    .imgExit{
                      background-image: url("../imagenes/iconos/iconos/svg/exit.svg");
                    }
                    .DivLine{
                      display: inline-block;
                      width: 50px;
                      border-bottom: 3px solid white;
                      background-size: 42px 41px;
                      margin: 0px 10px 15px 13px;
                      height: 25px;
  
                    }
                    .stylehola{
                      font-weight: bold;
                      font-size: 18px;
                      margin-bottom: 55px;
                      margin-top: 5px;
                    }
                    .btnTab:hover, .btnTab:focus{
                      background-color: #CC0C21 !important;
                      background-image: none !important;
                      border: none !important;
                      color: white !important;
                      border-radius: 0px !important;
                    }
                    .btnTab:active{
                      background-color: #CC0C21 !important;
                      background-image: none;
                      border: none;
                      color: white;
                    }
                    .imgLupa{
                      display: inline-block;
                      width:   40px;
                      height:  40px;
                      background-size: 40px 40px;
                      /*margin: 0px 10px 0px 17px;*/
                      background-image: url("../imagenes/iconos/iconos/svg/Lupa.svg");
                      cursor: pointer;
                    }
                    .imgEditar{
                      display: inline-block;
                      width:   30px;
                      height:  30px;
                      background-size: 30px 30px;
                      /*margin: 0px 10px 0px 17px;*/
                      background-image: url("../imagenes/B2BCliente/lapiz.svg");
                      cursor: pointer;
                    }
                    .imgTD{
                      display: inline-block;
                      width:   949px;
                      height:  92px;
                      background-size: 949px 92px;
                      background-image: url("../imagenes/B2BCliente/TireDirect.png");
                      margin: 40px 10px 0px 17px;
                        
                    }
                    #divOpciones{
                      text-align: right;
                      float: right;
                    }
                    #divOpciones a{
                      color: #FFF;
                      font-size: 13px;
                      margin-right: 10px;
                      cursor: pointer;
                    }
                    #divOpciones a:hover{
                      color: #777 !important;
                    }
                    #divOpciones .glyphicon{
                      margin-right: 5px !important;
                    }
                    #nombreU{
                      display: none;
                      font-family: "Roboto";
                      color: white !important; */
                      background-image: none !important;
                      border: none !important;
                      height: 63px;
                      width: 190px;
                      margin-left: 21px;
                      font-size: smaller;
                    }
                    .imgMenu{
                      background-image: url("../imagenes/iconos/iconos/svg/menu.svg");
                    }
                    .imgMenu{
                      display: inline-block;
                      width: 42px;
                      height: 35px;
                      background-size: 42px 41px;
                      cursor: pointer;
  
                      /* margin: 0px 10px 0px 10px;*/
                    }
                    .widthHeader1{
                      width: 30%;
                      display: inline-block;
                      background: white;
                      width: 60px;
                      height: 35px;
                    }
                    .widthHeader{
                      display: inline-block;
                      width:   253px;
                      height:  46px;
                      background: transparent;
  
                    }
                    .imgTire{
                      position: relative;
                      display: block;
                      width: 287px;
                      height: 50px;
                      text-align: right;
                      background-repeat: no-repeat;
                      background-size: contain;
                      background-image: url("../imagenes/B2BCliente/TireDirect2.png");
                    }
                    .fWB{
                      font-weight: bold;
                    }
                    .btnFilter{
                      background-color: #FFF;
                      padding: 5px 10px;
                      border: 1px solid #810A0A;
                      /*border-radius: 12px;*/
                      margin-right: 10px;
                      border-top-left-radius: 2em;
                      border-bottom-left-radius: 2em;
                      color: #810A0A;
                    }
                    /*#######################################--CARRO--###################################*/
                    .rowsDetalle{
                      position: absolute;
                      bottom: 0px;
                      right: -2px;
                      background-color: #FF8C00;
                      height: auto;
                      width: 20px;
                      z-index: 1000;
                      border-radius: 50%;
                      font-family: "Roboto";
                      font-size: medium;
                      color: black;
                      font-weight: bold;
  
                    }
                    .buttonCar{
                      position: absolute;
                      right: 281px;
                      top: 7px;
                      background: none;
                      width: 56px;
                      height: 50px;
                      background-color: #CC0C21;
                      border: 0px;
                      border-radius: 50%;
                    }
                    .tipoCambio
                    {
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: none;
                      right: 373px;
                      position: absolute;
                      top: 21px;
                    }
                   /* #flagstylemx{
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: blue;
                      right: 529px;
                      position: absolute;
                      top: 16px
                    }
                    #flagstyleus{
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: blue;
                      right: 529px;
                      position: absolute;
                      top: 16px
                    }*/
                    .flagstyle{
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: blue;
                      right: 529px;
                      position: absolute;
                      top: 16px;
                      cursor: pointer;
                    }
                    .menuflagmx{
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: none;
                      right: 556px;
                      position: absolute;
                      top: 32px;
                      cursor: pointer;
                    }
                    .menuflagus{
                      width: 138px;
                      height: 21px;
                      color: black;
                      background-color: none;
                      right: 556px;
                      position: absolute;
                      top: 32px;
                      cursor: pointer;
                    }
                    .imgarrow{
                          background-image: url(../imagenes/iconos/iconos/png/arrow.png);
                          width: 16px;
                          height: 13px;
                          color: black;
                          background-color: none;
                          right: 563px;
                          position: absolute;
                          top: 23px;
                          background-repeat: no-repeat;
                          background-size: 15px;
                          border-top: none;
                      border-right: none;
                      border-left: none;
                    }
                    .imgCarro{
                      background-image: url(../imagenes/iconos/iconos/png/imgCarro.png);
                      display: inline-block;
                      width: 43px;
                      height: 39px;
                      background-size: 39px 37px;
                      background-repeat: no-repeat;
                      margin-top: 6px;
                      margin-left: 4px;
                    }
                    .productosrow{
                      border:1px solid gray;
                      background-color: white;
                      vertical-align: center;
                      height: 50px;
                      max-height: 50px;
  
                      margin-right: 16px !important;
                      border-top: none;
                      border-right: none;
                      border-left: none;
  
                    }
                    .productosrow2{
                      /*border:1px solid gray;*/
                      background-color: white;
                      vertical-align: center;
                      height: 50px;
                      max-height: 50px;
  
                      margin-right: 16px !important;
                      border-top: none;
                      border-right: none;
                      border-left: none;
  
                    }
                    .productosrow3{
                      border:1px solid gray;
                      background-color: white;
                      vertical-align: center;
                      height: 50px;
                      max-height: 50px;
  
                      margin-right: 16px !important;
                      border-top: none;
                      border-right: none;
                      border-left: none;
  
                    }
                    .centrada{
                      top: 12px;
                      text-align: center;
                      font-size: 14px;
                    }
                    .centrada2{
                      top: 11px;
                      background-color: #CC0C21;
                      width: 70px;
                      left: 50px;
                    }
                    .descfix{
                      max-height: 40px;
                      overflow-y: auto;
                      top: 5px;
                      text-align: center;
                      font-size: 14px;
                        
                    }
                      .descfix2{
                      max-height: 40px;
                      top: 3px;
                      text-align: center;
                    }
                    .enca{
                      font-weight: bold;
                      font-size: large;
                    }
                    .encatot{
                      font-weight: bold;
                      font-size: large;
                      text-align: right;
                        
  
                    }
                    #TotalesCot{
                      background: none;
                      border-right: 1px solid gray;
                    }
                    .cantstyleUP{
                      height: 12px;
                      width: 12px;
                      position: absolute;
                      top:0px;
  
                    }
                    .cantstyleDOWN{
                      height: 12px;
                      width: 12px;
                      position: absolute;
                      bottom: 0px;
  
                    }
                    /*##############################################parte de input###############################################*/
                    .leftInput{
                      background-color: #810A0A;
                      height: 29px;
                      display: inline-block;
                      width: 20px;
                      vertical-align: middle;
                      line-height: 27px;
                      border-bottom-right-radius: 0px !important;
                      border-top-right-radius: 0px !important;
                      border-bottom-left-radius: 10px !important;
                      border-top-left-radius: 10px !important;
                      margin-right: -4px
                    }
                    .width90p{
                      width: 90px !important;
                    }
                    .width450p{
                      width: 450px;
                    }
                    .k-button.k-primary{
                      background-color: #810A0A;
                      border-color: #810A0A !important;
                    }
                    .k-primary:focus:active:not(.k-state-disabled):not([disabled]), .k-primary:focus:not(.k-state-disabled):not([disabled]){
                      webkit-box-shadow: 0 0 3px 0 #5A0707;
                      box-shadow: 0 0 3px 0 #5A0707;
                      border-color: #5A0707 !important;
                    }
                    .k-primary.k-state-focused, .k-primary:focus {
                      color: #fff;
                      border-color: #5A0707 !important;
                      background-image: url(textures/highlight.png);
                      background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(255,255,255,0)));
                      background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
                      background-image: none,linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
                      -webkit-box-shadow: 0 0 3px 0 #5A0707 !important;
                      box-shadow: 0 0 3px 0 #5A0707 !important;
                    }
                    li.k-button.k-primary:active {
                      background-color: #5A0707;
                      box-shadow: 0 0 3px 0 #5A0707;
                      border-color: #5A0707 !important;
                    }
                    .k-primary{
                      border-color: #810A0A !important;
                    }
                    /*#############################################Pruebas Input Busqueda#########################################*/
                    .searchform { 
                      display: inline-block; 
                      zoom: 1; /* ie7 hack para display:inline-block */
                      background-color: #FFF;
                      /*border: solid 1px #d2d2d2;*/
                      border: solid 1px #810A0A;
                      padding: 2px 5px 0px;
                      -webkit-border-radius: 2em; 
                      -moz-border-radius: 2em; 
                      border-radius: 2em; 
                      -webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1); 
                      -moz-box-shadow: 0 1px 0px rgba(0,0,0,.1); 
                      box-shadow: 0 1px 0px rgba(0,0,0,.1); 
                  /*background: #f1f1f1; 
                  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); 
                  background: -moz-linear-gradient(top, #fff, #ededed);*/
                  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
                  /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
                  } 
                  .inputBuscar{
                    padding: 0px 8px;
                    border: none;
                    border-radius: 9px;
                    border-color: #FFF;
                    color: #810A0A;
                  }
                  .inputBuscar::-webkit-input-placeholder { color: #810A0A;}
                  .inputBuscar:-moz-placeholder { color: #810A0A;}
                  .inputBuscar::-moz-placeholder { color: #810A0A;}
                  .inputBuscar:-ms-input-placeholder { color: #810A0A;}
                  .btnBuscar, .btnBuscar:hover{
                    background-color: #FFF;
                    border: none;
                    border-radius: 2em;
                    color: #810A0A;
                  }
                  .btnBuscar:hover{
                    color: #5A0707;
                  }
                  .k-header{
                    background-color: #810A0A;
                    border-color: #810A0A;
                    /*border-color: #adadad;*/
                    background-image: none;
                  }
                  .k-grid-header .k-header>.k-link, .k-header{
                    color: #FFF;
                    background-color: #CC0C21;
                  }
                  a.k-window-action.k-link {
                    background-color: #FFF;
                  }
                  a.k-window-action.k-link.k-state-hover {
                    background-color: #CC0C21;
                  }
                  /*#############################################ImagenesGrid#########################################*/
                  label.col-xs-6{
                    margin-right: 5px;
                  }
                  }
                  .imgCam{
                    background-image: url("../imagenes/iconos/iconos/png/Camara.png");
                  }
                  .imgCam{
                    display: inline-block;
                    width: 42px;
                    height: 35px;
                    background-size: 42px 41px;
                    cursor: pointer;
  
                    /* margin: 0px 10px 0px 10px;*/
                  }
                  #numeric{
                    text-align: center;
                  }
                  .ordenDesc{
                    position: relative;
                    display: inline-block;
                    width: 100%;
                    margin-top: 33px;
                  }
                  .k-primary:hover  {
                    font-family: "Roboto";
                    background-color: #CC0C21;
                    margin-left: 0px;
                  }
                  .k-primary{
                    font-family: "Roboto";
                    background-color: #810A0A;
                    margin-left: 0;
                  }
                  #btnCarro{
                    font-family: "Roboto";
                    background-color: #CC0C21;
                    margin-left: 30px;
                  }
                  .col-xs-6{
                    font-size: 1em;
                    font-family: "Roboto";
                    text-align: center;
                    width: 46%;                      
                  }
                  .col-xs-6 a{
                    color: black;
                    font-size: 1em;
                  }
                  #secImgPrev{
                    color: black;
                  }
                  .row2 > .column {
                    padding: 0 8px;
                  }
  
                  .row2:after {
                    content: "";
                    display: table;
                    clear: both;
                  }
  
                  .column {
                    float: left;
                    width: 33.333%;
                  }
                  .column1 {
                    float: left;
                    width: 32%;
                  }
  
                  /* The Modal (background) */
                  .modalView {
                    display: none;
                    position: fixed;
                    z-index: 1;
                    padding-top: 42px;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    overflow: auto;
                    background-color: black;
                    direction: none;
                  }
  
                  /* Modal Content */
                  .modal-content {
                    position: relative;
                    background-color: #fefefe;
                    margin: auto;
                    padding: 0;
                    width: 90%;
                    max-width: 1200px;
                  }
  
                  /* The Close Button */
                  .close {
                    color: white;
                    position: absolute;
                    top: 10px;
                    right: 25px;
                    font-size: 35px;
                    font-weight: bold;
                  }
  
                  .close:hover,
                  .close:focus {
                    color: #999;
                    text-decoration: none;
                    cursor: pointer;
                  }
  
                  .mySlides {
                    display: none;
                  }
  
                  /* Next & previous buttons */
                  .prev,
                  .next {
                    cursor: pointer;
                    position: absolute;
                    top: 50%;
                    width: auto;
                    padding: 16px;
                    margin-top: -50px;
                    color: white;
                    font-weight: bold;
                    font-size: 20px;
                    transition: 0.6s ease;
                    border-radius: 0 3px 3px 0;
                    user-select: none;
                    -webkit-user-select: none;
                  }
  
                  /* Position the "next button" to the right */
                  .next {
                    right: 0;
                    border-radius: 3px 0 0 3px;
                  }
  
                  /* On hover, add a black background color with a little bit see-through */
                  .prev:hover,
                  .next:hover {
                    background-color: rgba(0, 0, 0, 0.8);
                  }
  
                  /* Number text (1/3 etc) */
                  .numbertext {
                    color: #f2f2f2;
                    font-size: 12px;
                    padding: 8px 12px;
                    position: absolute;
                    top: 0;
                  }
  
                  .caption-container {
                    text-align: center;
                    background-color: black;
                    padding: 2px 16px;
                    color: white;
                  }
  
                  img.demo {
                    opacity: 0.6;
                  }
  
                  .active,
                  .demo:hover {
                    opacity: 1;
                  }
  
                  img.hover-shadow {
                    transition: 0.3s
                  }
                  .hover-shadow:hover {
                    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
                  }
                }