.bory {

    padding: 20px;

    /* border: 1px dashed yellow;*/

    flex-direction: column;

    display: flex;

    justify-content: center;

    align-items: center;

}



.botonsinestilo {

    background: none;

    border: 0;

    color: inherit;

    /* cursor: default; */

    font: inherit;

    line-height: normal;

    overflow: visible;

    padding: 0;

    -webkit-user-select: none;

    /* for button */

    -webkit-appearance: button;

    /* for input */

    -moz-user-select: none;

    -ms-user-select: none;

}



.contbody {

    max-width: 1200px;

    height: 100%;

    width: 100%;

    /*border: violet 1px dashed;*/

}



.letravehiculosdes {

    height: 100px;

    /*  border: fuchsia 1px dashed;*/

    width: 100%;

}



.contlinea {

    /*border: deepskyblue 1px dashed;*/

    width: 100%;

    height: 20px;

    display: flex;

    align-items: center;

}



.linea {

    border: 2px  rgba(53,54,58,255) solid;

    width: 100%;

    height: 0px;

}



.contvehi {

    width: 100%;

    /*  border: steelblue 1px dashed; */

    display: flex;

}



.desta {

    /* border: blue 2px dashed;*/

    max-width: 1200px;

    width: 100%;

    /* height: 700px; */

    display: flex;

    justify-content: space-around;

    align-items: center;

    text-align: center;

    flex-wrap: wrap;

    color: white;

    font-style: italic;

    font-size: 18px;

    font-weight: normal;

    font-family: 'Montserrat', sans-serif;

    line-height: 15px;

    display: grid;

    grid-template-columns: 308px 308px 308px;

    padding-top: 20px;

    padding-bottom: 20px;

    overflow: hidden;

    

}



.concat{





    display: flex;

    max-width: 1200px;

    justify-content: center;

}

.divcontpro {

    /*margin-top: 40px;*/

    height: 180px;

    width: 300/*370px*/;

    color: black;

    /* background-color: #ff3333; */

    background: none;

    border-bottom: 1px solid springgreen;

    border-right: 1px solid springgreen;

    position: relative;

    animation: animateright 0.6s

}



@keyframes animateright {

    from {

        right: -300px;

        opacity: 0

    }

    to {

        right: 0;

        opacity: 1

    }

}



.tabladatos{

    font-weight: bold;

    width: 100%;

}



.contenide {

    display: grid;

    grid-template-columns:  148px 159px/*200px 169px*/;

    grid-template-rows: 150px 30px;

    font-size: 15px;

    /*   border: dashed 1px red;*/

}



.di {

    display: flex;

    justify-content: center;

    align-items: center;

}



.fotodestacada {

    padding-bottom: 10px;

    overflow: hidden;

 position: relative;

}



.preciodestacado {

    background-color: rgba(236,0,0);;

    display: flex;

    justify-content: center;

    color: white;

    align-items: center;

}



.contenide .fotodestacada img {

    width: 100%;

  

    top: 50%;

    position: absolute;

    transform: translateY(-50%) translateX(-50%);



}



.contbuscadorcombo {

    background-color: #f4f4f4;

    height: 300px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 50px;

    padding-bottom: 50px;

}



.contblanquitobuscador {

    padding-left: 10px;

    padding-right: 10px;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.blanquitobuscador {

    max-width: 1200px;

    width: 100%;

    /*  border: 1px black dashed;*/

    background-color: white;

    display: flex;

    flex-direction: column;

}



.contencuentra {

    /*border: dashed 1px red;*/

    padding: 20px;

    display: flex;

    flex-direction: column;

}



.encuentracaja {

    /*border: dashed 1px blue;*/

    display: flex;

}



.encuentraletras {

    /* border: dashed 1px green;*/

    width: 138px;

    font-size: 18px;

}



.rayaencuentra {

    /*border: dashed 1px yellow;*/

    align-items: center;

    display: flex;

    width: 100%;

}



.tuvehiculo {

    font-size: 23px;

    width: 100%;
   
    color: #390a04;

    font-weight: bold;

    /*border: dashed 1px gray;*/

}



.contcombobox {

    padding: 20px;

    /*   border: dashed 1px red;*/

    display: flex;

    display: grid;

    grid-template-columns: 50% 50%;

}



.combobox {

    padding: 10px;

    /*   border: dashed 1px blue;*/

}



.botonbuscar {

    display: flex;

    justify-content: center;

}



.linkcat {

    color: black;

}



.contcategoriasiconos {

    padding-top: 50px;

    padding-bottom: 50px;

    padding-left: 10px;

    padding-right: 10px;

    /*border: dashed 1px blue;*/

    background-color: white;

    display: flex;

    justify-content: center;

}



.conticonos {

    /* border: dashed 1px blue;*/

    max-width: 1200px;

    padding: 10px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    width: 100%;

}



.iconss {

    /* border: blue 2px dashed;*/



    width: 100%;

    /*justify-content: space-around; normal*/

    justify-content: space-around;

    align-items: center;

    text-align: center;

    flex-wrap: wrap;

    color: white;

    font-size: 18px;

    font-weight: normal;

    font-family: 'Montserrat', sans-serif;

    line-height: 15px;

    display: grid;

    grid-template-columns: 200px 200px 200px ;

    padding-bottom: 20px;

    font-style: normal;

    width: 100%;

    /* height: 700px; */

 

    /* height: 700px; */

    display: flex;











 

    max-width: 799px;

   

   

    

    

   

    color: white;

    line-height: 15px;

    

}



.un {

    /* border: dashed 1px red;*/

     height: 210px;

    width: 200px;

    /*margin-top: 20px;*/

    color: black;

    display: flex;

    flex-direction: column-reverse;

}



.cat{



    height: 30px;



    padding-top: 15px;

}



.un img {

   

    width: 150px;

}



.contfranquicias {

    background-color: #f4f4f4;

    /* border: green dashed 1px;*/

    padding: 50px;

    display: flex;

    justify-content: center;

}



.contodefranquicia {

    display: flex;

    flex-direction: column;

    max-width: 1200px;

    /*border: red dashed 1px;*/

    padding: 10px;

    width: 100%;

}



.contletrass {

    width: 100%;

    max-width: 1200px;

    /*  border: red dashed 1px;*/

}



.frankie {

    /*   border: blue 2px dashed;*/

    max-width: 1200px;

    width: 100%;

    justify-content: space-around;

    align-items: center;

    text-align: center;

    flex-wrap: wrap;

    color: white;

    font-style: italic;

    font-size: 18px;

    font-weight: normal;

    font-family: 'Montserrat', sans-serif;

    line-height: 15px;

    display: grid;

    grid-template-columns: 200px 200px 200px;

    padding-bottom: 20px;

}



.frank {

    margin-top: 20px;

    /* border: green 2px dashed;*/

    /* height: 200px;*/

    width: 200px;

    background: white;

    border-radius: 19px;

    -webkit-box-shadow: 2px 2px 5px black;

    -moz-box-shadow: 2px 2px 5px black;

    filter: shadow(color=black, direction=135, strength=2);

}



.frank img {

    /*height: 200px;*/

    width: 200px;

}



.quees {

    margin-top: 20px;

    height: 200px;

    width: 200px;

    background: white;

    border-radius: 19px;

    /*-webkit-box-shadow: 2px 2px 5px black;

-moz-box-shadow: 2px 2px 5px black;*/

    -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.35);

    box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.35);

    display: flex;

    flex-direction: column;

}



.cuadrofotofran {

    width: 100%;

    height: 80%;

    /* border: 1px dashed red;*/

    display: flex;

    justify-content: center;

    align-items: center;

}



.queesfranquiciaimagen {

    width: 124px;

    height: 117px;

    /*  border: 1px blue dashed;*/

}



.queesfranquiciaimagen img {

    

    width: 100%;

}



.cuadrotextofran {

    color: black;

    /*border: 1px dashed red;*/

    height: 20%;

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-style: normal;

    font-weight: 500;

}



.quees a {

    text-decoration: none;

    color: black;

}



.esuna {

    border: 1px dashed red;

}



.buscarbotton {

    background-color: #390a04;

    border: none;

    width: 150px;

    height: 40px;

    color: white;

    border-radius: 5px;

    font-weight: 700;

    font-size: 20px;

}



.combo {

    width: 80%;

    height: 50px;

}



.flechas {

    cursor: pointer;

    position: absolute;

    top: 50%;

    width: auto;

    margin-top: -22px;

    color: rgb(255, 0, 0);

    font-weight: bold;

    font-size: 58px;

    transition: 0.6s ease;

    border-radius: 0 3px 3px 0;

    user-select: none;

}



#prev {

    left: 0;

}



#next {

    right: 0;

}



.contFdesta {

    width: 100%;

    max-width: 1200px;

    margin: auto;

    position: relative;

}



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

    .desta {

        width: 100%;

        /* height: 700px; */

        display: flex;

        justify-content: space-around;

        align-items: center;

        text-align: center;

        flex-wrap: wrap;

        color: white;

        font-style: italic;

        font-size: 18px;

        font-weight: normal;

        font-family: 'Montserrat', sans-serif;

        line-height: 15px;

    }

    .iconss {

        width: 100%;

        /* height: 700px; */

        display: flex;

        justify-content: space-around;

        align-items: center;

        text-align: center;

        flex-wrap: wrap;

        color: white;

        line-height: 15px;

        max-width: 799px;

    }

    .frankie {

        width: 100%;

        /* height: 700px; */

        display: flex;

        justify-content: space-around;

        align-items: center;

        text-align: center;

        flex-wrap: wrap;

        color: white;

        font-style: italic;

        font-size: 18px;

        font-weight: normal;

        font-family: 'Montserrat', sans-serif;

        line-height: 15px;

    }

}



.frank a {

    text-decoration: none;

    color: black;

    font-size: 12px;

}





.continformacion{



    padding-top: 50px;

    padding-bottom: 50px;

    padding-left: 10px;

    padding-right: 10px;

    /* border: dashed 1px blue; */

    background-color: #390a04;

    display: flex;

    justify-content: center;

    color: white;

    

}

.titulox{

    text-align: center;

   

}