html {
    box-sizing: border-box;
    font-size: 62.5%; /** 1rem = 10px **/
    display: flex;
    flex-direction: column;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none
}

body {
    
    min-width: 300px;
    background: black;
}


#main-header {
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 9998;
    display: flex;
    flex-direction: row;
}

header {
    position: relative;
    width: 100%;
    background: black;
}

#cssmenu .logo {
    position: relative;
    z-index: 123;
    padding: 10px;
    font: 18px verdana;
    color: #282220;
    float: left;
    width: 15%
}

#cssmenu .logo a {
    color: #282220;
}

#cssmenu nav {
    width: 100%;
    /* hacemos que la cabecera ocupe el ancho completo de la página */
    left: 0;
    /* Posicionamos la cabecera al lado izquierdo */
    top: 0;
    /* Posicionamos la cabecera pegada arriba */
    position: fixed;
    /* Hacemos que la cabecera tenga una posición fija */
    width: 100%;
    margin: 0 auto;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cssmenu ul{
    
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#cssmenu #head-mobile {
    display: none
}

#cssmenu {
    
    font-family: 'Righteous', cursive;
    display: flex;
    flex-direction: column-reverse;
  justify-content: center;
}

#cssmenu>ul>li {
    float: left
}

#cssmenu>ul>li>a {

    padding: 17px;
    font-size: 2rem;
    letter-spacing: 1px;
    text-decoration: none;
    color: white;
    font-weight: 700;
}

#cssmenu>ul>li:hover>a,
#cssmenu ul li.active a {
    color: #282220;
}

#cssmenu>ul>li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
    background: #447182 !important;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
}

#cssmenu>ul>li.has-sub>a {
    padding-right: 30px
}

#cssmenu>ul>li.has-sub>a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

#cssmenu>ul>li.has-sub>a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#cssmenu>ul>li.has-sub:hover>a:before {
    top: 23px;
    height: 0
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px
}

#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #333;
    transition: all .25s ease
}

#cssmenu li:hover>ul {
    left: auto
}

#cssmenu li:hover>ul>li {
    height: 35px
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0
}

#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
}

#cssmenu ul ul li:last-child>a,
#cssmenu ul ul li.last-item>a {
    border-bottom: 0
}

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
    color: #fff
}

#cssmenu ul ul li.has-sub>a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

#cssmenu ul ul li.has-sub>a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

#cssmenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
}

#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
    background: #ddd;
}

#cssmenu ul ul ul li.active a {
    border-left: 1px solid #ddd
}

#cssmenu>ul>li.has-sub>ul>li.active>a,
#cssmenu>ul ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid #ddd
}

@media screen and (max-width:1464px) {
    #cssmenu .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 10px 0 0 0;
        float: none
    }
    #cssmenu .logo2 {
        display: none
    }
    #cssmenu nav {
        width: 100%;
        left: 0;
        /* Posicionamos la cabecera al lado izquierdo */
        top: 0;
        /* Posicionamos la cabecera pegada arriba */
        position: fixed;
        /* Hacemos que la cabecera tenga una posición fija */
    }
    #cssmenu {
        width: 100%
    }
    #cssmenu ul {
        width: 100%;
        display: none
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #444
    }
    #cssmenu ul li:hover {
        background: #363636;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0
    }
    #cssmenu>ul>li {
        float: none
    }
    #cssmenu ul ul li a {
        padding-left: 25px
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }
    .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }
    .button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        content: ''
    }
    .button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #ddd;
        content: ''
    }
    .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }
    #cssmenu ul ul ul li.active a {
        border-left: none
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none
    }
    #logo {
        width: 300px;
        height: 267px;
        position: absolute;
        top: 10px;
        left: 3%;
    }
    #logo img {
        width: 300px;
        height: auto;
    }
}

body{
    margin-top: 20.5rem;
    height: auto;
    display: flex;
    flex-direction: column;
}

.categoria{    
    display: flex;
    /*justify-content: space-between;*/
    justify-content: space-around;
}
.categoria .seccion{

    position: relative;
    margin: 1rem 1rem 1rem 1rem;
}

.categoria .seccion img{
    position: absolute;
    width: 100%;
}

.categoria .seccion a div{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;    
    position: absolute;
}


.categoria .seccion div div{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;    
    position: absolute;
    cursor: default; 
}

.categoria .seccion h2,
.categoria .seccion h1{    
    text-align: center;
    width: auto;
    height: auto;
    position: absolute;
    background-color: black;
    color: white;
    font-family: 'Fascinate Inline', cursive;
    font-size: 3rem;
    letter-spacing: 1.5rem;
    padding: 0.85rem;
}


.categoria img{
    height: 30rem;
    width: 100%;

}
.categoria #imgchange{
    width: 100%;
    height: 100%;

}

.doble{
    height: 44rem;    
    width: 100%;
}
.mitad{
    width: 100%;
    height: 30rem;
}

.vertical{
    width: 20rem;
    height: 30rem;
}

.blackblanco{
    background: #ddd;
}

.fuente{
    font-size: 2rem;
}

.Righteous{
font-family: 'Righteous', cursive;
}

.biografia{
    margin-top: 1rem;
    height: auto;
    width:  auto;
}
.biografia img{
    float: left;
    width: 30rem;
    height: 30rem;
    margin:2rem 2rem 0 2rem;
}
.biografia p {
    font-size: 2rem;
    letter-spacing: 0.1rem;
    padding: 1rem 0;
    width: 60%;
}

.plaster{
font-family: 'Plaster', cursive;
}

.FugazOne{
font-family: 'Fugaz One', cursive;
}

.espacio{
    height: 1rem;
}

.letragris{
    color: #A5A5A5;
}
.letrablanca{
    color: #D7D7D7;
}
.letra40{
    font-size: 3rem;
}

footer {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin: 3rem 0 0 0;
}

#redes {
    display: flex;
    justify-content: center;
}

#redes div {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 0 1rem;
}

#pinterest{
    height: 6.1rem;
}

footer .info{
    font-family: 'Righteous';
    font-size: 2rem;
    display: flex;
    flex-direction: row;
    color:white;    
    justify-content:space-between; 
    height: 6rem;
    text-align: center;    
    padding: 0 2rem;
}


footer .info div{
font-family: sans-serif;
    font-size: 1.75rem;
    display: flex;
    flex-direction: row;
    color: white;
    letter-spacing: 0.5rem;
    justify-content: center;
    align-items: center;
}
footer .info a{
    color:white;
    font-size: 14.5px;
}

.linea {
    height: 0.5rem;
    margin: 1rem 0;
}


.lista {    
    display: flex;
    flex-wrap: wrap;
								  
}
.lista .seccion {

    position: relative;
    margin: 1rem 0.7rem;
}

/*
.lista .seccion img{
   
    width: 100%;
}
*/
.item-img{
    border: .12rem solid grey;
    width:99%;
}

.item-img iframe{
    width:100%;
    height: 30rem;
}

.lista .seccion a div{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;    
    position: absolute;
}

.lista .seccion h2,
.lista .seccion h1{    
    text-align: center;
    width: auto;
    height: auto;
    position: absolute;
    background-color: black;
    color: white;
    font-family: 'Fascinate Inline', cursive;
    font-size: 3rem;
    letter-spacing: 1.5rem;
    padding: 0.85rem;
}


.lista img{
    height: 30rem;
    max-width:100%;
    width: auto;

}
.lista #imgchange{
    width: 100%;
    height: 60rem;

}

.lista .mitad{
    width: 48%;
    height: auto;
}

.lista .info{
    border: .12rem solid grey;
    width: 100%;
}

.lista .info p{
    color: white;
    font-size: 2.2rem;
    font-family: sans-serif;

    padding: .5rem 0 .5rem 2rem;
}
.lista .info a{ 

    width: 100%;
    height: 100%;
    border: .12rem solid grey;
}

.lista .info .edi-dir{
    border: none;
}

.lista .info p:not(:first-child){
    border-top: .12rem solid grey;
}

.slide .img-vis{
    display: none;
    text-align: center;
}

.prev, .next{
    cursor: pointer;
    position: absolute !important;
    width: auto;
    color: white;
    font-weight: bold;
    font-size: 60px;
    transition: 0.6s ease;
    display: block;
    text-align: center;
    top: 26%;
    margin: 0;
    border: none !important;
    margin: 0 2rem;
    height: auto !important;

}
   
   
   .next{
    right:2rem;
   }

   .logo2{
    margin-bottom: 1rem;
    background: black; 
    height: 20rem;
    text-align: left;
    display: block;
   }

#cssmenu ul{
    
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

@media (min-width: 1416px) { 
    .categoria {
        flex-direction: row;
    }

    .lista {
        flex-direction: row;
    }
    .lista .mitad{
        width: 49%;
        height: auto;
    }
    .logo2 img{
        width: auto;
        height: 20rem;
        margin: 0 1rem 0 4rem;
    
    }
 }
 
@media (min-width: 1000px) and (max-width: 1415px)  { 
    .categoria {
        flex-direction: row;
    }

    .lista {
        flex-direction: row;
    }
    .lista .mitad{
        width: 48%;
        height: auto;
    }
    .logo2 img{
        width: auto;
        height: 20rem;
        margin: 0 1rem 0 4rem;
    
    }
 }



@media (min-width: 768px) and (max-width: 1000px) { 
    .categoria {
        flex-direction: column;
    }
    .lista {
        flex-direction: column;
        display: flex;
        justify-content: space-around;
        width: 99%;
        
    }
    .lista .mitad{
        width: 100%;
        height: auto;
    }
    .logo2 img{
        width: auto;
        height: 20rem;
        margin: 0 4rem 0 4rem;
    
    }


    .categoria .seccion {
        position: relative;
        margin: 1rem 0 1rem;
    }


 }
 
@media  (max-width: 767px) { 
    
    .categoria {
        flex-direction: column;
    }  

    .lista {
        flex-direction: column;
        display: flex;
        justify-content: space-around;
        width: 99%;
        
    }
    .lista .mitad{
        width: 100%;
        height: auto;
    }

    .logo2 img{
        width: auto;
        height: 20rem;
        margin: 0 4rem 0 4rem;
    
    }

    .next{
        right:1rem;
       }
       
    .categoria .seccion {
        position: relative;
        margin: 1rem 0rem 1rem 0rem;
    }
 
    .categoria .seccion h2, .categoria .seccion h1 {
    font-size: 2rem;
    }
    footer h5{
        font-size:1.5rem;
    }
    footer .info a{
        font-size:1.5rem;
    } 
    footer .info{
        font-size:1rem;
        justify-content: center;
        flex-direction: column;
    } 
    footer .info div {
        margin-top:1rem;
    }
    .lista .seccion {

        position: relative;
        margin: 1rem 0rem;
    }
    
        
    .doble {
    height: 25rem;
    }
    
    .categoria #imgchange {
     height: 25rem;
    }
}

 
@media  (max-width: 450px) { 
    .next {
        right: 0.5rem;
    }

    .prev, .next {
        font-size: 45px;
        top: 21%;
    }
    
    .logo2 {
        height: 14rem;
    }
    .logo2 img {
       height: 14rem;
    }
    body {
    margin-top: 14.5rem;
        
    }

    footer h5 {
        font-size: 1.2rem;
    }

    footer .info a {
        font-size: 1.2rem;
    }
    
    .biografia p {
        width: 90%;
    }

}
.listaprod {    
    display: flex;
    flex-wrap: wrap;
								  
}
.listaprod .seccion {

    position: relative;
    margin: 1rem 1rem 1rem 1rem;
}


.listaprod .seccion a div{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;    
    position: absolute;
}

.listaprod .seccion h2,
.listaprod .seccion h1{    
    text-align: center;
    width: auto;
    height: auto;
    position: absolute;
    background-color: black;
    color: white;
    font-family: 'Fascinate Inline', cursive;
    font-size: 3rem;
    letter-spacing: 1.5rem;
    padding: 0.85rem;
}


.listaprod img{

    height: 45rem;
    max-width: 100%;
    width: auto;

}
.listaprod #imgchange{
    width: 100%;
    height: 60rem;

}

.listaprod .mitad{
    width: 48%;
    height: auto;
}

.listaprod .info{
    border: .12rem solid grey;
    width: 100%;
}

.listaprod .info p{
    color: white;
    font-size: 2.2rem;
    font-family: sans-serif;

    padding: .5rem 0 .5rem 2rem;
}
.listaprod .info a{ 

    width: 100%;
    height: 100%;
    border: .12rem solid grey;
}

.listaprod .info p:not(:first-child){
    border-top: .12rem solid grey;
}

.listaprod  .prev,
.listaprod .next{
    cursor:pointer;
    position:absolute;
    width:auto;
    color:white;
    font-weight:bold;
    font-size:60px;
    transition:0.6s ease;
    display: block;

    text-align: center;
    top: 32.5%;
    margin: 0;
   }


@media (min-width: 1000px) { 

    .listaprod {
        flex-direction: column;
        align-items: center;
        width: 99%;
    }
    .listaprod .mitad{
        width: 48%;
        height: auto;
    }

 }
@media (min-width: 768px) and (max-width: 1000px) { 

    .listaprod {
        flex-direction: column;
        display: flex;
        justify-content: space-around;
        width: 99%;
        
    }
    .listaprod .mitad{
        width: 100%;
        height: auto;
    }

 }
 
@media  (max-width: 767px) { 

    .listaprod {
        flex-direction: column;
        display: flex;
        justify-content: space-around;
        width: 98%;
        
    }
    .listaprod .mitad{
        width: 100%;
        height: auto;
    }

    .listaprod img{
    
        height: 25rem;
        max-width: 100%;
        width: auto;
    
    }
.listaprod  .prev,
.listaprod .next{
    top: 9rem;
   }
}

@media  (max-width: 400px) { 

    .listaprod img {
        height: 20rem;
        max-width: 100%;
        width: auto;
    }
    .letra40 {
        font-size: 2rem;
    }
}
.div-volver{ 
    display: flex;
    justify-content: center;
    flex-direction: column;
    top: 36%;
    left: 13rem;
    align-items: center;
}

.cont-prod{
    display: block;
    margin-top: 1rem;
    flex-direction: row;
    position: relative;
}
.volver{
    width: 8rem;
    height: auto;
    font-size: 2rem;
    background: white;
    padding: 1rem;
    border: double;
    font-family: 'Righteous', cursive;
}

.scala08{
    transform:scale(0.8);
}
 
@media (min-width: 768px) and (max-width: 1000px) { 

    .div-volver{
        display: flex;
        justify-content: center;
        flex-direction: row;
        position: relative;
        width: 100%;
    } 
    .volver{   
        width: 8rem;
        height: auto;
        font-size: 2rem;
        background: white;
        padding: 1rem;
        border: double;
        text-align: center;
        font-family: 'Righteous', cursive;}
    
    .div-volver{
        display: flex;
        justify-content: center;
        flex-direction: row;
        top: 0;
        left: 0;
    } 
    .cont-prod {
        width: 99%;
    }
 } 
 
 @media (max-width: 767px)  { 
 
     .div-volver{
         display: flex;
         justify-content: center;
         flex-direction: row;
         position: relative;
         width: 100%;
     } 
     .volver{   
         width: 8rem;
         height: auto;
         font-size: 2rem;
         background: white;
         padding: 1rem;
         border: double;
         text-align: center;
         font-family: 'Righteous', cursive;}
     
     .div-volver{
         display: flex;
         justify-content: center;
         flex-direction: row;
         top: 0;
         left: 0;
     } 
     .cont-prod {
         width: 99%;
     }
  }
#circuito1{

    height:66.7rem;    

}

#circuito2{

    height:57.1rem;    

}

#circuito3{

    height:83.2rem;    

}

.vista100{
    height:100% !important;
}
.sinmargenabajo{
    margin-bottom:0rem !important;
}
.sinmargenarriba{
    margin-top:0rem !important;
}

/*footer fin*/
/*categoria ini*/
.products-list-categoria {
    padding: 2rem 0 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.products-list-categoria small{
font-size: 3rem;
    width: 50%;
    text-align: left;
}

.products-list-categoria li {
    display: flex;
    flex-direction: column;
    width: 48%;
    padding: 0px 1%;
    margin-bottom: 2rem;
    /* height: 35rem; */
}

.products-list-categoria div {
    text-align: center;
   /* height: 40rem;*/
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    place-content: center;
    position: relative;
}


.products-list-categoria img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 40rem;
}

.products-list-categoria a {
    position: relative;
    text-align: center;
    /* padding: 2rem 0; */

}
.products-list-categoria big {
    font-size: 3rem;
    color: black;
    /* font-family: sans-serif; */
}



@media (max-width:1100px){

    .products-list-categoria img {
        width: auto;
    }
    .products-list-categoria big {
        font-size: 2.4rem;
    }
}
@media (max-width: 900px) {

    .products-list-categoria li {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .products-list-categoria img {
        height: auto;
        width: auto;
    }
}
@media (max-width: 600px){
    .products-list-categoria img {
        width: auto;
    }
    
    .products-list-categoria small{
        font-size: 2rem;
    }
    .products-list-categoria big {
        font-size: 2rem;
    }

}
@media (max-width: 450px){
    .products-list-categoria img {
        height: 25rem;
        width: auto;
    }
    .categoria .seccion {
        height: 25rem !important;
    }
    
    .categoria img {
        height: 25rem;
        width: 100%;
    }   
    
    .products-list-categoria div {
    height: 25rem;
    }
    .products-list-categoria a {
    height: auto;
    }
}
.class-relative{    
    position: relative;
}


.products-list-categoria .info{
    border: .12rem solid grey;
}

.products-list-categoria .info p{
    color: white;
    font-size: 2.2rem;
    font-family: sans-serif;
    padding: 1rem 0 1rem 0;
    width: 100%;
    text-align: left;
}
.products-list-categoria .info a{ 

    width: 100%;
    height: 100%;
    border: .12rem solid grey;
}

.products-list-categoria .info .edi-dir{
    border: none;
}

.products-list-categoria .info p:not(:first-child){
    border-top: .12rem solid grey;
}

.info{
    height: auto !important; 
}

.products-list-categoria .info p {
    color: white;
    font-size: 2.2rem;
    font-family: sans-serif;
    padding: .5rem 0 .5rem 2rem;
}


@media (max-width: 600px){
    .products-list-categoria .info p {
        font-size: 1.5rem;
    }
}


/* UP INI */
.up {
    width: 8rem;
    height: 8rem;
    cursor: pointer;
    display: block;
    color: #fff;
    position: fixed;
    border-radius: 30%;
    line-height: 0px;
    text-align: left;
    z-index: 130;
    right: 12rem;
    bottom: 12rem;
}

.up img{
    z-index:9999;
    width: 8rem;
    height: 8rem;  
}

@media (max-width: 750px) {
    
    .up {
        width: 6rem;
        height: 6rem;
        bottom: 10rem;
    }
    .up img {
        width: 6rem;
        height: 6rem;
    }
}
@media (max-width: 600px) {

    .up{        
        right:2rem;
    }
}

.ruta2 {
    padding: 2rem 3rem;
    /* font-family: "TheSansCaps", Arial, Helvetica, sans-serif; */
    font-size: 3rem;
    color: white;
    border-bottom: groove;
    text-align: center;
}
.ruta2 a{    
    color: orange;
}

.ruta2 h1{
    padding: 2rem 3rem;
    font-size: 3rem;
    color: white;
    text-align: center;
}


@media (max-width: 750px) {
    .ruta2 {
        font-size: 2.5rem !important;
        line-height: 5rem;
        padding: 0;
    }
}


@media (max-width: 450px){
    
    .ruta2 {
        font-size: 1.5rem !important;
    }
    #cssmenu>ul>li>a {
    padding: 10px;
    }
}

a.btn-step-back {
    top: 6px;
    padding: 5px 9px 5px 9px;
    font:  25px/19px 'BentonSans-Regular','BentonSans-Bold';
    color: white !important;
    background: #545454;
    cursor: pointer;
    z-index: 100;
    width: auto;
    text-align: center;
    margin: 1rem;
    padding: 1rem;
}

@media (max-width: 700px) {
    a.btn-step-back {
        font-size:1.5rem;
    }
}

@media (max-width: 600px){

    a.btn-step-back {
           padding: 0.5rem;
    }
}


.centrar{
    text-align: center;
}

.registrar-datos{
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    color:white;
}

.registrar-datos a{
    font-size: 2rem;
    margin: 1rem 0 2rem;
}

.registrar-datos em{
    font-size: 2rem;
}

.registrar-datos label{
    width: auto;
}

.registrar-datos label{
    text-align:center;
    font-size: 2rem;
}

fieldset { 
   border:none; 
}

.width-auto{
        font-size: 2rem;
        color:white;
}

.centrar p{
    margin:1rem 0 1rem;
    
}

.p-medio input{
    font-size:2rem;
    height:4rem;
}
select{
    font-size:1.6rem;
    height:3rem;
}
input {
    width: 26.7rem;
    height: 3rem;
}

.grecaptcha-badge{
    display:none;
}


/**/
.btn-extra-blue { 
    background: #CEE0E3 ;
}

.btn-extra-blue a { color: black; }
.btn-extra-blue a:hover {
	color: #2B454F;
	border-color: #CEE0E3;
	background-color: #91B9C1;
	/**/
	box-shadow: 0 0 10px #91B9C1;
	-moz-box-shadow: 0 0 10px #91B9C1;
	-webkit-box-shadow: 0 0 10px #91B9C1;
}

.p-14{
    font-size: 2rem;
    padding: 1rem;
    border: 1px solid #D5D0CA;
    background: #EBE9E7;
    text-align: center;
    color:black;
    font-weight: bold;
}



.consultar-back{
    top: 6px;
    padding: 5px 9px 5px 9px;
    font: 21px/19px 'BentonSans-Regular','BentonSans-Bold';
    color: #FFF !important;
    background: #545454;
    cursor: pointer;
    z-index: 100;
    width: auto;
    text-align: center;
    margin: 1rem;
    padding: 1rem;
}


.btn {
    height: 40px;
    margin: 1px;
    padding: 5px 20px;
    font:  18px/14px 'BentonSans-Regular','BentonSans-Bold';
    text-decoration: none;
    color: #FFF;
    border: 1px solid #447182;
    background: #447182;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
}

.menu-izq img {
    height: 5rem;
    width: auto;
    margin: 0;
    background: black;
}

.menu-izq {
    padding: 0;
    background: black;
    border: none;
    cursor: pointer;
    cursor: hand;
    height: 100%;
    width: 100%;
    text-align: left;
    outline:none;
}

.menu-izq button{
    cursor : pointer;
}

.menu-items{
    display: flex !important;
    align-items: center;
    margin: 2rem 0 2rem;
}

.menu-items img {
    height: 4rem;
    margin: 0 2rem 0 43.5%;
}

@media (max-width: 900px){
    .menu-items img {
        height: 4rem;
        margin: 0 2rem 0 38.5%;
    }
}

@media (max-width: 600px) {
    .menu-items img {
        height: 4rem;
        margin: 0 2rem 0 30.5%;
    }
    
    .menu-items img {
        height: 4rem;
        margin: 0 2rem 0 27.5%;
    }
    .menu-items h2{
        font-size:2rem;
    }
}


@media (max-width: 450px) {
    .menu-items {
        display: flex !important;
        align-items: center;
        margin: 1rem 0 1rem;
    }
    .menu-items img {
        height: 3rem;
    }
}

@media (max-width: 350px) {

       .menu-items img {
        margin: 0 2rem 0 20%;
    } 
}

#menuidiomas{
    display:none;
    display: block;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: black;
}

.menu-items h2 {
    color: white;
    font-size: 3rem;
}

.centrar-boton{
    background:black;
    border:none;
    justify-content: center;
}

.icono-der{
    background: black;
    border: none;
    height: 5rem;
    cursor: pointer;
    cursor: hand;
    height: 100%;
    width: 100%;
}


.icono-der img{
    margin:0;
}

#ZoomBox{
    z-index:9999 !important;
}