body {
    padding: 10px;
    margin:0;
    padding-top: 0;
    font-family: helvetica;
    line-height: 2em;
}
a {
    text-decoration: none;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;
    
}
a:hover, a:focus {
    background-size: 100% 2px;
}

.red 
{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 1%;
}
#pequeño
{
    width: 150px;
    display: inline-block;
    text-align: center;
    margin-right: 30px;
    margin-left: 30px;
    
    


}



.encabezado 
{
    background-color: rgb(228, 216, 216);
    width: 100%;
    height: auto;
    padding-top: 15px;
    text-align: center;
    margin-top: auto;
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 5px solid rgb(212, 204, 204);
    
    

}


.logo {
    width: auto;
    height: 55px;
    margin-left: 70px;
    text-align: center;
    float: left;
}

#btn-menu
{
    display: none;
      
    
}

.encabezado label
{
    display: none;
    width: 30px;
    height: 30px;
    padding: 10px;
    
    
}



.encabezado label:hover
{
    cursor: pointer;
    background: rgba(0,0,0,0.1);
}

.menu ul
{
margin: 0;
list-style: none;
padding: 0;
display: flex;
justify-content: center;


}
.menu li ul li{
    border-top: 1px solid #fff;
}

.menu li:hover{
    background: rgba(0,0,0,0.1);
    
}

.menu li a{
    display: block;
    padding: 10px 20px;
    color: blue;
    text-decoration: none;
    font-size: 20px;
    
    
}

.menu ul li ul
{
display: none;
position: absolute;
background-color: rgb(197, 192, 192);
position: fixed;


}
.menu ul li:hover > .desplegable {
    display: block;
    
}







.horizontal
{
width: 80%;
height: auto;
margin: 0 auto;
text-align: center;
margin-top: 1%;
}


.horiz
{
display: inline-block;
margin-left: 40PX;
margin-right: 40px;
text-align: center;
color: blue;
}
    .horiz img
{
    width: 220PX;
    height: auto;
    padding-top: 40px;
}
   
    #parrafo
    {
        width: 280px;
        text-align: center;
        font-size: 110%;
        margin: auto;
        
    }
    .placas {
        text-align: center;
        margin-top: 5px;
    }
    
    .placas img
    {
        width: 100%;
        height: auto;
        margin-top: 1%;
    }
#pie 
{
    background-color: rgb(228, 216, 216);
    width: 100%;
    height: auto;
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
    border-top: 5px solid rgb(212, 204, 204);

}
#pies
{
    display: inline-block;
    margin-right: 40px;
    margin-left: 50px;
    padding-top: 30px;
    vertical-align: text-top;
    line-height: 1px;

}
#cartel
{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#contrata
{
    width: 220px;
}

h3{
    color:blue
}

#icono
{
    width: 25px;
    height: auto;
    margin: auto;
}



#patente a
{
    color: black;
   

}

.serviciobordado
{
    width: 80%;
    height: auto;
    text-align: center;
    color: blue;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1%;
    font-size: 20px;
}

#imagenserviciobordado
{
    width: 250px;
    height: auto;
    text-align: center;
}


.slider {
    width: 40%;
	margin: auto;
	overflow: hidden;
}

.slider ul {
	display: flex;
	padding: 0;
    width: 800%;
    
	
	animation: cambio 25s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
}
.sliderindex {
	width: 100%;
	margin: auto;
    overflow: hidden;
    padding-top: 0%;
}

.sliderindex ul {
	display: flex;
	padding: 0;
    width: 400%;
    margin-top: 0;
	
	animation: cambioindex 20s infinite alternate linear;
}

.sliderindex li {
	width: 100%;
	list-style: none;
}

.sliderindex img {
    width: 100%;
}
    

@keyframes cambio {
	0% {margin-left: 0;}
	8% {margin-left: 0;}
	
	13% {margin-left: -100%;}
	23% {margin-left: -100%;}
	
	28% {margin-left: -200%;}
	36% {margin-left: -200%;}
	
	41% {margin-left: -300%;}
    49% {margin-left: -300%;}
    
    54% {margin-left: -400%;}
	62% {margin-left: -400%;}
	
	67% {margin-left: -500%;}
	75% {margin-left: -500%;}
	
	80% {margin-left: -600%;}
	88% {margin-left: -600%;}
	
	93% {margin-left: -700%;}
	100% {margin-left: -700%;}
}

@keyframes cambioindex {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	40% {margin-left: -100%;}
	
	45% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
    100% {margin-left: -300%;}
    

}

.marcas
{
    width: 100%;
    height: auto;
    text-align: center;
    


}
#titulomarcas
{
    color: blue;
    text-align: center;
    font-size: 30px;
}
#marca
{
    width: 10%;
    height: auto;
    display: inline-block;
    margin: 10px;
   

}

#lineamarcas
{
    width: 80%;
    margin-top: 40px;
}

.titulopresu
{
    display: inline-block;
}
.presu
{
    width: 100%;
    height: auto;
    display: inline-block;
    color: blue;
    text-align: center;

}
.contacta
{
    width: 140px;
    height: auto;
    font-size: 25px;
    margin-bottom: 40px;
    background-color: rgb(228, 216, 216);
    display: inline-block;
    text-align: center;
    margin-left: 30px;
    border-radius: 5%;
    
   
}

#pide
{
    color: blue;
padding-left: 20px;
padding-right: 20px;
}
.contacta a:hover
{
    background: rgba(0,0,0,0.1);

}
#lineapresu
{
    width: 80%;
}

.catalogos
{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    margin: 0 auto;

}

#catalogo
{
    width: 130px;
    text-align: center;
    margin: 20px;

}
#catalogo:hover
{
    transform: scale(1.5);
}
.seccioncatalogo h2
{
color: blue;
text-decoration-line: underline;
}
.seccioncatalogo
{
    text-align: center;
    display: inline-block;
    margin-left: 100px;
    margin-right: 100px;  
}
.titulocatalogo
{
    text-align: center;
    display: inline-block;
    padding: 0;
}

.textoempresa
{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    color: blue;
    text-align: center;

}

.tiendas
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    text-align: center;
}

#tienda
{
    width: 500px;
    margin: 30px;

}

form
{
    width: 500px;
    margin: auto;
    background: rgba(94, 93, 93, 0.2);
    padding: 10px 20px;
    box-sizing: border-box;
    margin-top: 30px;
    border-radius: 20px;
}

#cont
{
    color: blue;
    text-align: center;
    margin: 0;
    font-size: 30px;
    margin-bottom: 20px;
}

input, textarea
{
    width: 100%;
    margin-bottom: 20px;
    padding: 7px;
    box-sizing: border-box;
    font-size: 17px;
}

textarea
{
    min-height: 100px;
    max-height: 200px;
    max-width: 100%;
    
}

#boton
{
    background: rgb(187, 185, 185);
    padding: 10px;
    }

#boton:hover
{
    cursor: pointer;
    background: rgba(0,0,0,0.2);
}
.datoscontacto
{
    text-align: center;
    color: blue;
    display: inline-block;
    margin-left: 100px;
    line-height: 50%;
}
.paginacontacto
{
    width: 100%;
    text-align: center;
    overflow: hidden;
  
}
.formulario
{
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
}

.mapa
{
    margin-top: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 35%;
    height: auto;
    overflow: hidden;
}
    .mapa iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

  h1
	{
	color: blue;
	text-align: center;
    }
    
    #textopresupuesto
    {
        width: 80%;
        color: blue;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
    }
    
    
    
    #barraaceptacion {
        display:none;
        position:fixed;
        left:0px;
        right:0px;
        bottom:0px;
        padding-bottom:80px;
        width:100%;
        text-align:center;
        min-height:40px;
        background-color: rgba(0, 0, 0, 0.5);
        color:#fff;
        z-index:99999;
    }
     
    .inner {
        width:100%;
        position:absolute;
        padding-left:5px;
        font-family:verdana;
        font-size: 10px;
        top:30%;
    }
     
    .inner a.ok {
        padding:4px;
        color:#00ff2e;
        text-decoration:none;
    }
     
    .inner a.info {
        padding-left:5px;
        text-decoration:none;
        color:#faff00;
    }

    .imagen
{
    width: 100%;
}
.imagen img{
    width: 100%;
}

.img-gallery{
    width: 80%;
    margin: 50px auto 50px;
    display:grid;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    gap: 30px;

}

.img-gallery img{
    width: 100%;
    cursor: pointer;
    transition: 1s;
}
.img-gallery img:hover{
    transform: scale(1.2);
}

.ful-img{
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.ful-img img{
    width: 90%;
    max-width: 600px;
}

.ful-img span{
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

.graciosa
    {
        width: 100%;
        height: auto;
        text-align: center;
    
       
         }
         .gracie{
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 50px;
            margin-bottom: 100px;
         }
         #gracias{
            margin-top: 100px;
         }
        

    @media (max-width:768px)
    
   
    {
        #gracias{
            margin-top: 50px;
         }
        .gracie{
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 50px;
            margin-bottom: 100px;
         }
        .galeria{
            grid-template-columns: repeat(2, 1fr);
        }
     
     
     
        .encabezado label
        {
            display: block;
            
            
                }
        .menu
        {
            position: absolute;
            background: rgb(228, 216, 216);
            width: 50%;
            margin-left: -70%;
        }
        .menu ul
        {
            flex-direction: column;
            
            
        }
        .menu li {
            border-top: 1px solid #fff;
        }
        #btn-menu:checked ~ .menu{
            margin: 0;
            position: absolute;
        
            
        }
       
        .menu ul li ul{
            right: -170px;
            border-left: 1px solid white;
            background-color: rgb(197, 192, 192);
            margin-top: -50px;
            position: absolute;
        
        }
       
        
        
        .logo{
            float: right;
            margin-right: 60px;
            height: 50px;
        }
        .datoscontacto
        {
            margin-left: 2px;
        }
        #tienda
{
    width: 300px;
    margin: 30px;

}
form
{
    width: 350px;
}
.horiz img
{
    width: 100%;
    height: auto;
    padding-top: 10px;
   
}

#parrafo
{
    width: 100%;
    margin-bottom: 20px;
}
.slider
{
    width: 80%;
}

.logo{
    height: 40px;
    width: auto;
}
.menu ul li:target > .desplegable {
    display: block;
}
#catalogo:hover
{
    transform: none;
}    

#barraaceptacion {
padding-bottom: 200px;

    }



    #gracias
    {
        text-align: center;
        color: blue;
        padding-top: 100px;
    }
    




#tite
{
    padding-bottom: 5px;
    margin-bottom: 0;
}

#pequeño
{
    width: 150px;
    margin-top: 3%;
    margin-left: 0;
    margin-right: 0;
    
}


#marca
{
    width: 50%;
    height: auto;
    display: inline-block;
    margin: 10px;
   

}

#contrata
{
    margin-top: 35px;
}


@media (max-width:450px)
    
   
{

.img-gallery{
    width: 80%;
    margin: 30px auto 30px;
    display:grid;
    grid-template-columns: repeat(auto-fit,minmax(70px,1fr));
    gap: 15px;
}
}