@import url('https://fonts.googleapis.com/css?family=Open+Sans');

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Oxygen', sans-serif;
}



body{
    height:100%;
}

/********************************FRANJAS.*/



#tres-pasos{
display: none;
}

.tu-sello-expreso{
    font-size: 0.9rem!important;
}


.caja-de-lista {
    padding: 25px 15px 25px 35px;
}

.lista-de-pasos{
    line-height:19px;
    font-size:11pt;	
    width:auto;
}

.lista-de-pasos a {
	text-align:center;
	font-size:0.9rem;
	 padding:3px 5px;
	color: #ff8500;
    position: relative;
	
}
    
.lista-de-pasos a:hover .subtexto-pasos{
	display:block;
}

.lista-de-pasos a:hover{
	background:#ffbc00;
	color:#fff;
	text-decoration:none;
    color:#000;
}



 .subtexto-pasos {
	display:none;
    width: 165px;
	background:#ffbc00;
	font-size:8pt;
	position:absolute;
	right:0px;
	top:20px;
	text-decoration:none;
    list-style:none;
	text-align:center;
	line-height:15px;
	color:#000;
	padding:5px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
    border-top-left-radius:4px;
    z-index: 2000;
}
    
.subtexto-pasos span{
    margin-right:5px;
    color:black;
    }

.contenedor-1{
	margin:auto;
	width:100%;
	height:auto;
	min-width:250px;
}

#formulario-enviado{
    

    width:100%;

    top:400px;
         text-align: center;
   margin-top: 150px;


    
}

#formulario-enviado span{
   font-size: 1rem;
        border-bottom: 1px solid#ddd;
     border-top: 1px solid#ddd;
    padding: 20px 0;

    
}



  .svg-rectangular{
    display: block;
    margin:8% auto;
    width:95% 
}

  .svg-alto{
    display: block;
    margin:20% auto;
    width:80% 
}

  .svg-redondo{
    display: block;
    margin:12% auto;
    width:65%;
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

#contenedor-tipo{
	position:relative;
    height:93px;
    margin:auto;
    top:60px;
	box-shadow: none;
    z-index:-10;
    background:#ddd;
    max-width: 250px;
}

#contenedor-tipo h6{
	text-align:center;
	padding:5px;
	background:#919191;
	text-transform:uppercase;
	color:#fff;
    width:100%;
}
    
#formato{
	float:left;
	width:49.8%;  
}

#tipo{
	float:right;
    width:49.8%;    
}
    
#formato ul, #tipo ul, #para-descarga ul{
	list-style:none;
}

#tipo li, #formato li, #para-descarga li{
	width:100%;
}

#formato a, #tipo a {
	text-decoration:none;
	text-shadow:0 2px 0 #fff;
	text-align:center;
	padding:8px;
	background:#ccc;
	color:#000;
	display:block;
	font-size:80%;
}

#azul{
	background:#043d56!important;
	color:#c1c1c1!important;
	text-shadow:none !important;
}

#blue{
	background:#043d56!important;
	color:#c1c1c1!important;
	text-shadow:none !important;
}



.descarga{
  display: none;
}

.contenedor-1 span{
    padding: 10px;
    text-align: center;
    margin:auto;
     line-height: 15px;
}

.sombreados{
    background: #cb0513;
    color:#fff!important;
    text-shadow: none!important;
    font-weight: 800;
    display: inline-block;
    text-align: center;
    padding: 5px 8px;
}

.contenedor-2{
    float:left;
	width:57%;
	height:100px;
	min-width:250px;
    margin-left:21.5%;
}

.contenedor-2 a{
    text-decoration: none;
}

#franja-1{
	width: 100%;
	height: 175px;
	background: #ddd;
	box-shadow: #333 0px 2px 3px;
	background-image:url(../img/textura-lineal2.png);
	z-index:1000!important;
    display:none;
}

#franja-1 ul, .ubicacion ul{
	text-align: left;
	font-size: 0.6rem;
	padding: 5px;
	text-shadow: 0 1px 0 #fff;
	font-family: 'Open Sans', sans-serif;
    color:#282828;
    width:75%;
}

   #franja-1 li{
       list-style: none;
       padding: 1px;
}

.ubicacion li{
    list-style: none;
    margin-top: 5px;
    padding: 1px;
}

#franja-2{
	width: 100%;
	height:60px;
	background:#cb0513;
	box-shadow: #333 0px 2px 20px;
	position:relative;
    z-index: 150px;
}



.icon-logo-sellos-melgen{
	color:#fff;
	font-size:250%;
    position: absolute;
    right:4%;
    padding: 10px;
    text-align:center;
    display: block;
}



.iconos-sellos {
    margin:15px auto;
    text-align: center;
    min-width:270px;
    width:50%;
    padding:10px;
    position: relative;
    
}



#seco-icon, #reg-icon, #pro-icon, #manual-pen {
     font-size:2.4rem!important;
}

#manual-icon, #manual-pen{
    font-size:2rem!important;
}

#rect-icon, #red-icon, #rect-fech-icon, #red-fech-icon {
     font-size:1.2rem!important;
}

.iconos-sellos span{
    margin:7px; 
}

.iconos-sellos img{
    margin: 0 7px; 
}

.iconos-sellos h4{
    position:absolute; 
    left:-20px;
    bottom:10px;
     color:#898989;
        font-family: 'oxygen', sans-serif;
}

.iconos-sellos a{
    text-decoration: none;
    color:#898989; 
}

.iconos-sellos a:hover{
    border-bottom: 5px solid#a6ce00;
    padding-bottom: 10px;
    color:#9E0000; 
}

#iconos-para-tienda{
    margin: auto;
    text-align: center;
    min-width:250px;
    width:22%;
    border-bottom:1px solid#ddd;
    border-top:2px solid#424242;
    padding:5px; 
    background: #cb0513;
    position:relative;
    top:60px;
}

#iconos-para-tienda span{
    text-decoration: none;
    color:#fff;
    margin:8px;
}

#iconos-para-tienda a{
    text-decoration: none;
}

/******************************** FIN DE FRANJAS.*/

/******************************** BODY.*/
body{
    background-image:url(../img/textura-lineal2.png);
}
/******************************** FIN DE  BODY.*/

/*************************************************************************************************************************************SLIDER*/

 #bvm{
     display:none;
    }

.slides{
	width:99.9%;
    background:#cb0513;
    margin-top:18px;
    padding-bottom: 3%;
   
}

/*Etiqueta de tamaño de imagenes.*/



/*Etiqueta para la barra de los numeros*/

.slidesjs-pagination{
    overflow:hidden;
    float:left;
	width:40%;
	height:auto;
	border: 1px solid#000;
	list-style:none;
    display:none;
}

/*Etiqueta para justificar la barra de los numeros*/

.slidesjs-pagination li{
	float:left;  
}

/*Etiqueta para dar estilo a los numeros*/

.slidesjs-pagination li a{
	display:block;
	padding:10%;
	text-decoration:none;
	font-size:5%;
	margin-left: 2%;
}

/*Etiqueta para dar estilo, de hover a los numeros*/

.slidesjs-pagination li a:hover{
	border-radius:60px 60px;
}

/*Etiqueta para dar estilo, de señalizacion a los numeros*/

.slides .active{
	background:white;
	border-radius:60px 60px;
	margin:5px auto;
}

/*Etiqueta para dar estilo,  play,pausa,stop*/

.slidesjs-navigation{
    display:inline-block;
	width:18px;
	height:18px;
	margin:3% 12%;
	border-radius:20%;
	 color:#fff;
	text-decoration:none;
	box-sizing:border-box;
    padding: 1.5%;
    text-align: center;
	float:right;

	font-size:80%;
}

.slidesjs-navigation:hover{

}
    
/**********************************FIN DE SLIDES*************************/
 .sugerencias{
	background:#f7f7f7;
	color:#3A3A3A;
    text-align: center;
	width:auto;
	font-size:9pt;
	border-top:1px solid#ddd;
	border-bottom:1px solid#ddd;
	padding:10px ;
    margin:30px auto;
}

    form{
	height:340px;
	width:100%;
	padding:10px;
    margin:auto;
	border:1px solid#ccc;
	box-sizing:border-box;
	border-radius:4px;
	background:#f2f2f2;
   	position: relative;
}

 #solicitud{
	height:auto;
	width:80%;
	padding:10px;
    margin:25px auto;
	border:1px solid#ccc;
	box-sizing:border-box;
	border-radius:4px;
	background:#f2f2f2;
    clear: both;
	overflow: hidden;   
	position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

#solicitud h3{
    margin:auto;
    border-top:1px solid#ddd;
    border-left:1px solid#ddd;
    padding:10px;
    width:100%;
}

#solicitud label{
    font-size: 0.8em;   
}

/**********************************FIN DE SLIDES*************************/

#form-label, #facturacion{
    margin: 20px auto;
    width:85%;
}

#form-label label, #facturacion label{
    margin:0 15px;
}

#form-label input, #facturacion input{
    margin:5px 15px;
    border:1px solid#ddd;
    padding:5px!important;
    width:90%;   
}

#facturacion input{
 margin:5px 0!important;
width:100%!important;
    
}

#form-label textarea{
     margin:5px 15px;
min-height:90px;
	max-height:90px;
	min-width:90%!important;
	max-width:90%!important;
}

/**********************************TIPO Y DIMENSIONES*************************/

.tipos{
    width:30%;
    float: left;
    margin-top:20px;
    margin-left:15px;
}

#manual, #autopro, #auto{
    margin-left:8px;
}

  .dimensiones{
    margin: 20px auto;
    width:85%;
    position:relative; 
    height:auto;
    clear: both;
	overflow: hidden;
    font-size: 0.8em;
}

.dimensiones input{
        width:6%;     
}

#imp-solicitud{
    position:absolute;
    top:10px;
    right:0;
    background: none;
    color:#8a8a8a;
}

#imp-solicitud h6{
    font-size: 0.6em;
    width:285px;
    float:left;
    color:#8a8a8a;
}

/**********************************ENVIO*************************/

#enviar-borrar{
        margin: 50px auto;
    margin-bottom: 25px;
 width:80%;
    position:relative;
    
}

input, textarea{
	width:100%;
	margin-bottom:10px;
	padding:8px;
	box-sizing:border-box;
	border:none;
	color:#9b9b9b;
	background:#fcfcfc;
     font-size: 0.7rem
}

input[type="submit"], input[type="reset"]{
	color:#000;
	background:#c6c6c6;
	cursor:pointer;
	width:20%;
	float:right;
}

textarea{
	min-height:90px;
	max-height:90px;
	min-width:100%;
	max-width:100%;
}
    
#buzon{
    width:100%;
    }

.icon-mail-2{
    position:absolute;
    left:10%;
    bottom:9%;
    cursor: pointer;
}

.icon-borrar{
        position:absolute;
    right:15%;
    bottom:9%;
    cursor: pointer;
    font-size: 1.2rem;
}

#solicitud{
    height:auto;
    clear: both;
	overflow: hidden;
}

/**********************************LISTA DE SERVICIOS*/

.lista-de-servicios a {
	text-align:center;
	font-size:11pt;
	color:#cb0513;
	padding:3px;
 position: relative;
	line-height:24px;
}

.lista-de-servicios{
    line-height:24px;
    font-size:11pt;	
    width:auto;
}
    
.lista-de-servicios a:hover .subtexto{
	display:block;
}

.lista-de-servicios a:hover{
	background:#cb0513;
	color:#fff;
	text-decoration:none;
}

 .subtexto {
	display:none;
	width:180px;
	height:auto;
	list-style:none;
	background:rgba(203, 5, 19, 0.9);
	font-size:8pt;
	position:absolute;
	left:0px;
	top:20px;
	text-decoration:none;
	text-align:left;
	line-height:24px;
	color:#fff;
	padding:20px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	margin-top:4px;	
}
    
.subtexto span{
    margin-right:5px;
    }



    
.icon-mail-fugaz{
    color:#cb0513;
    font-size: 2rem; 
}

.caja-mapa-contactos {
    padding:20px;
    width:90%;
    height: 450px;
    margin:50px auto 0;
    border:1px solid#ddd;
    margin-bottom: 20px;
}

.caja-mapa-contactos iframe {
    width: 100% !important;
    height: 100% !important;
 
}

#contact{
    margin-left: 15px;
}

#franja-1 span{
	font-size: 0.7rem;
	padding: 10px;
	text-shadow: 0 1px 0 #fff;
    color:#5e5e5e;
    margin-bottom: 555px;
}

.icon-mail{
    font-size: 0.7rem!important;
}

/*************************CONTENEDOR PRINCIPAL****************************/

.franja-tope{
	float:left;
	width:100%;
	height:45px;
	background: #cb0513;
}


.circulo{
	background: #cb0513;
	margin: auto;
	width:60px;
	height:60px;
	border-radius:50%;
}

.franja-tope div{
    margin: auto;
    padding:20px 13px;
    color:#fff;
    font-size:1.4rem;
    text-align: center;
    width:60px;
	height:60px;
    background: #cb0513;
    border-radius:50%;
}



#contenedor-principal{
	width:95%;
	height:100%;
	background:#fff;
	margin:55px auto 0;
	box-shadow: 1px 1px 5px #5a5a5a;
	clear: both;
	overflow: hidden;
}



section{
	margin-bottom:25px; 
}



.intro-generico h1{
    display: block;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	color:#262626;
	background:#ccc;
	width:250px;
	margin:150px auto 0;
    padding:15px; 
    text-transform: uppercase;
}
  

.bienvenidos {
	width:100%;
	height:auto;
    padding:10px;
	margin:auto;
}

.bienvenidos h1{
	text-align:center;
	font-size:16pt;
	color:#424141;
    margin-bottom: 10px;
}

.bienvenidos p{
	text-align:center;
	font-size:12pt;
	text-indent:10%;
	line-height:24px;
    color:#424141;
    border-top: 1px solid#ddd;
    margin: 5px;
    padding:20px 0;
	box-sizing:border-box;
}

article {
     padding:15px;
    margin:auto;
}

article p span {
  text-align: center;
    font-size: 
}

#ventajas{
	display:flex;
    flex-wrap: wrap;
     width:95%;
    height: auto;
    justify-content: center;
    margin: 30px auto;
}

#ventajas p{
     font-size:11pt;
     text-align:center;
    width:200px;
     color:#000;
    margin:15px auto;
    line-height: 25px;
}

#ventajas span{
     font-size:6.8rem;
}




.icon-diseno-gratis, .icon-reloj-fugaz, .icon-garantia{
    font-size: 8rem;
    color:#af051a;
    text-align:center;
    display: block;
}

 .caja-texto-generica {
	width:100%;
	height:auto;
	margin:50px auto;
    }
    
.caja-texto-generica h1{
    display: block;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	color:#262626;
	background:#ccc;
	width:auto;
	margin: 0 auto;
    padding:10px;   
    }
    
.primer-parrafo{
         border-top: 1px solid#ddd!important;
    }
    
.caja-texto-generica p{
	text-align:justify;
	font-size:12pt;
	text-indent:10%;
	line-height:24px;
    color:#424141;
     margin: 0 15px;
    padding:40px 0;
	box-sizing:border-box; 
    }
    
.lista-de-servicios a{
	text-align:center;
	font-size:11pt;
	color:#cb0513;
	padding:3px;
	line-height:24px;
    text-decoration: none;
}

.lista-de-servicios{
    width:85%;
    margin: 20px auto;
}


/*************************PORTADA TIENDA DE SELLOS****************************/
#tienda-de-sellos {
   width:100%;
    margin-top:110px; 
    height:auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    }

#tienda-de-sellos .icon-man-s, #tienda-de-sellos .icon-auto-pro, #tienda-de-sellos .icon-auto-reg, #tienda-de-sellos .icon-pen, #tienda-de-sellos .icon-sello-seco {
    font-size: 2.5rem;
    margin-top:2px;
    color:#606060;
    display:none;
}

/*********************************************************************************SELLOS RECTANGULARES************************************************************************************/

.icon-en-construccion{
   font-size:10.5em;
    color:#000080;
    margin:65px auto;
       width: 100%;
    height: 100%;
    text-align: center;
}

.

/*********************************************************************************SELLOS RECTANGULARES************************************************************************************/
  
/*********************************************************************************SELLOS REDONDOS************************************************************************************/

 
 .icon-flecha-arriba{
    color:#7c7c7c;
    text-align: center;
}

/*********************************************************************************SELLOS REDONDOS************************************************************************************/
    
  #tienda {
    width:70%;
      min-width: 260px;
    }

    #tienda a{
     text-decoration: none;
        color:#cb0513;
        padding:3px 10px;
    }
    
     #tienda li{
        list-style: none;  
    }
    
#tienda ul{
    border-right: 1px solid#ddd;
    border-top: 1px solid#ddd;
    margin-top:40px;
    padding-right:20px;   
}
    
#tienda h2{
        text-align: center;  
           border-top:1px solid#ddd;
           margin-top:50px;
           padding:20px;
}

#tienda h3{
        text-align: center;  
    
           padding:20px;
}
    
.escritorio a,  .bolsillo a{
           text-decoration: none;
        background: #cb0513;
       color:#fff!important;
        font-size: 0.9rem;
    }
    
.bolsillo{
            border-top:20px;
    }
    
.menu-tienda{
    width:85%;
    margin: 20px auto;
    list-style: none;
}

.menu-tienda li{
  text-decoration: none;
}

#muestra-tarifa{
    width:100%;
    height:auto;
    margin:10px auto;
}

.caja-modelos{
    position:relative;
	min-width:230px;
	height:330px;
		border-left:1px solid#ccc;
	border-top:1px solid#ccc;
}

.caja-modelos .icon-impresora{
display:none;
}

.marca{
	float:left;
	background:#ccc;
	color:#000;
	font-size:10pt;
	padding:5px 10px;
	text-align:center;
}

.contenedor-de-sellos{
    -webkit-perspective:1000;
}

.carta{
    width: 95%;
    height: auto;
    position: absolute;
    transform-style: preserve-3d;
    transition: 1.5s;
    top:35px;
	right:0; 
}

.carta:hover{
     transform: rotatey(180deg);
}

.lado{
    backface-visibility: hidden;
	position:absolute;
}

.frente{
    border:1px solid #ccc;
    background:#fff;
	width: 100%;
	height: 220px;
}

.frente h6{
    position:absolute;
	bottom:20px;
	right:0;
    background:#ddd;
    padding:2px 5px;
}

/********TAMANOS DE SELLOS*****/

.frente img{
     width:50%;
    height:auto;
    height:auto;
    display:block;
    margin:40px auto;
}

#pro img{
     margin-top:15px;
     width:36%;
    height:auto; 
}

#boligrafo img{
     margin-top:25px;
     width:60%;
    height:auto; 
}

#tam-medio img{
    margin-top:20px;
     width:45%;
    height:auto;
}

#tam-alto img{
    margin-top:30px;
     width:75%;
    height:auto;   
}

#sello-ancho img{
     margin-top:45px;
     width:65%;
    height:auto;
}

.espalda{
    width: 100%;
    height:220px;
	background:#F9F9F9;
    transform: rotatey(180deg);
	border:1px solid #ccc;
}

.marca{
	float:left;
	background:#ccc;
	color:#000;
	font-size:10pt;
	padding:5px 10px;
	text-align:center;
}

.ref{
	position:absolute;
	background:#ccc;
	color:#000;
	font-size:0.8rem;
	padding:3px 5px;
	text-align:center;
    top:0;
}

.tam{
	position:absolute;
	top:0;
	background:#ccc;
	color:#000;
	font-size:0.8rem;
	padding:8px 6px;
	text-align:left;
	left:0;
	width:100%;
    height:auto;
    font-size: 0.6rem;	
}

.precio{
	position:absolute;
	bottom:0;
	background:#ffbc00;
	color:#000;
	font-size:0.8rem;
	padding:3px;
	text-align:center;
	right:0;
	width:100%;
}

#tipo-de-sello{
    background:#ddd;
     border-top: 1px solid#adadad;
    border-bottom: 1px solid#adadad;
 padding: 10px;
    text-align: center;
}

#formato-de-sello{
    border-bottom: 1px solid#adadad;
    padding: 15px 10px 5px;
    text-align: center;
}

.notita{
    line-height: 20px;
    font-size:0.8rem;
    border-top:1px solid#ddd;
    padding: 20px;
    margin-top: 20px;
    }




.s-rojo{
	color:#CB0513;
}

.franja-pie{
    position:relative;
	float:left;
     width:100%;
	background:#ddd;
	padding:10px;
	}

.franja-pie p{
    text-shadow: 0 1px 0 #fff;
    text-align:center;
    font-size:0.72rem;
     line-height: 20px;
}

.franja-pie h5{
    text-shadow: 0 1px 0 #fff;
    text-align:center;
     line-height: 20px;
}

.franja-pie bold{
  font-weight: bold;
}

/************************* FIN DE CONTENEDOR PRINCIPAL****************************/

/************************* FOOTERL****************************/

footer{
    background:#333;
    width:100%;
    height:auto;
    clear: both;
	overflow: hidden;
    z-index: 1000;
    position:relative;
}

#franja-tope-footer{
    background:#9b9a9a;
    width:100%;
    height:auto;
}

.contenedor-tope-f{
    width:200px;
    height:auto;
    margin:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.contenedor-tope-f ul{
    height: auto;
    width: auto;
    padding:10px 0;
}

.contenedor-tope-f a{
    margin:10px;
    text-decoration: none;
}

.icon-whatsapp, .icon-ubicacion, .icon-247{
     font-size:0.9rem!important;
}

.icon-247{
     font-size:1.6rem!important;
}

.icon-tienda-2{
    font-size:2rem!important;
    margin:auto;
    padding-left: 10px;
}

 .icon-contactos-2, .icon-servicios-2  {
    font-size:2rem!important;
}

.icon-facebook2, .icon-instagram{
    text-align: center;
    font-size: 2rem;
    padding:15px 0;
    color:#333;
}

#contenedor-footer{
    width:55%;
    margin:20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
}



#menu-de-footer{
    width:100%;
    text-align: left!important;
}

#menu-de-footer ul{
	list-style:none;
    display: inline-block;
}

#menu-de-footer a{
	text-decoration:auto;
	color:#939393;
	font-size:9pt;
	line-height:27px;
}

#menu-de-footer a:hover{
	color:#fff;
	font-size:11pt;
}

.contactos-de-footer{
	color:#939393;
	font-size:9pt;
	
}

.derechos{
    max-width:600px;
    width: 75%;
    height:50px;
    margin:10px auto;
}

.derechos p{
    margin:auto;
	font-size:9px;
	text-align:center;
	color:#939393;
	line-height:15px;
	margin-top:5px;
    margin-bottom:25px;
    border-top:1px solid#939393;
    padding:10px;
}

.ubicacion {
  float: left;
   justify-content: center;
   width:50%;
   margin-left: 60px;
    text-align: center;  
   margin-bottom:90px;

   
}


.para-escribirnos {
  float: left;
   justify-content: center;
   width:20%;
   margin-left: 90px;
    text-align: center;  

   
}

.ubicacion ul{
	text-align: left;
	padding: 5px;
	text-shadow: 0 1px 0 #fff;
	font-family: 'Open Sans', sans-serif;
    color:#282828;
    width:80%;
    list-style: none;
}

.ubicacion a, .para-escribirnos a{
    text-decoration: none;
    color:#cb0513;
    margin-top:40px;
    font-size: 1rem!important;
}

.ubicacion span{
    padding-top:20px;
    font-size: 0.9rem  
}

.ubicacion .icon-mail-fugaz{
    font-size: 2.5rem!important;  
}

.icon-impresora{
    font-size:1.1em;
 	position:absolute;
	right:0;
	top:0;
	padding:5px 12px;
	background:#afafaf;
}

.tam a{
    text-decoration: none;
    color:#3a3a3a;
}

#caja-texto-generico h1{
    margin-top:75px;
}

/*********************************************************************************************************/
@media (min-width:1080px){
#intro{
    width:100%;
    height:auto;
    background: #f8f8f8;
    border-top: 1px solid#ddd;
    margin-top:80px;
     display: flex;
    flex-wrap: wrap;

    }
    

    
    .slides{
	width:99.9%;
    background:#cb0513;
    margin-top:18px;
    padding-bottom: 3%;
   
}
    
    .slides img{
    position:absolute;
	width:29%;
}
    
#banner{
    width:50%;
    height:auto;
    float:right;
    margin-top:50px;
    margin-right: 2%;
}
    
.bienvenidos {
	width:42%;
	height:auto;
    float:right;
    margin: 0 15px;
 }
    

	 
.bienvenidos h1{
	text-align:right;
	font-size:16pt;
	color:#424141;
	padding:40px;
}
   
  
.bienvenidos p{
	text-align:right;
	font-size:0.97rem;
	text-indent:10%;
	line-height:24px;
    color:#424141;
    padding:20px 0;
	box-sizing:border-box;
}
    
 
    

    
.caja-texto-generica {
	width:75%;
	height:auto;
	margin:65px auto;
    }
    
.caja-texto-generica h1{
    display: block;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	color:#262626;
	background:#ccc;
	width:250px;
	margin:auto;
    padding:15px; 
    text-transform: uppercase;
}

    
.primer-parrafo{
    border-top: 1px solid#ddd!important;
    }
    
.caja-texto-generica p{
	text-align:justify;
	font-size:12pt;
	text-indent:10%;
	line-height:24px;
    color:#424141;
    margin: 0 15px;
    padding:40px 0;
	box-sizing:border-box; 
    }
    
#caja-contactos-fb{
    position: absolute;
    z-index: 999;
    left:10%;
  top:85vh;
    height:100px;
    }
    
    #caja-contactos-fb iframe{

    height:200px;
    }
    
    .fb-google{
    position: absolute;
    top:25vh;
    z-index: 999;
   left:0;
    width:25%;
    text-align: center;
}

.fb-google p{
     font-family: 'oxygen', sans-serif;
    color:#000;
    font-size: 1rem;
    font-weight: 100;
  margin: 0 auto 20px;
    padding-top: 10px;
    width: 50%;
}
    
    .fb-google a{
text-decoration: none;
}
        
#contenedor-tipo{
    display: block;
	position:absolute;
	width:150px;
	right:0;
	top:150px;
	box-shadow: #999 2px 3px 15px;
    z-index:-10;
    color:#ddd;
    height:auto;
}

#contenedor-tipo h6{
	text-align:center;
	padding:5px;
	background:#919191;
	text-transform:uppercase;
	color:#fff;
}
     
#formato{
	float:left;
	width:100%;
}

#tipo{
	float:left;
	width:100%;
}
    
#formato ul, #tipo ul, #para-descarga ul{
	list-style:none;
}

#tipo li, #formato li, #para-descarga li{
	width:100%;
}

#formato a, #tipo a {
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	text-align:left;
	padding:8px;
	background:#dbdbdb;
	color:#000;
	display:block;
	font-size:80%;
    font-weight: 400;
}

.descarga{
    display: block;
    position:absolute;
    top:140px;
    left:6%;
}
    
.icon-descargar{
   font-size:11em;
    color:#cb0513;
    margin:10px 0;
    text-align: center;
}

#azul{
	background:#043d56!important;
	color:#c1c1c1!important;
	text-shadow:none !important;
}

#formato a:hover,#tipo a:hover{
	background:#b2b2b2;
	transition:0.3s;
}
    
    .subtexto {
	display:none;
	width:180px;
	height:auto;
	list-style:none;
	background:rgba(203, 5, 19, 0.9);
	font-size:8pt;
	position:absolute;
	left:0px;
	top:20px;
	text-decoration:none;
	text-align:left;
	line-height:24px;
	color:#fff;
	padding:20px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-top-right-radius:4px;
	margin-top:4px;	
}
    
.subtexto span{
    margin-right:5px;
    }
    
.lista-de-servicios a {
	text-align:center;
	font-size:11pt;
	color:#cb0513;
	padding:3px;

	line-height:24px;
}

.lista-de-servicios{
    line-height:24px;
    font-size:11pt;	
    padding:30px;
  
}
    
    .lista-de-servicios a{
    position: relative;
}


.lista-de-servicios a:hover{
	background:#cb0513;
	color:#fff;
	text-decoration:none;
}
 
#franja-1 li{
    display: inline;
    text-decoration: none;
}
      
#ventajas{
	display:flex;
    flex-wrap: wrap;
     width:95%;
    height: auto;
    justify-content: center;
    margin: 60px auto;
}

#ventajas p{
     font-size:12pt;
     text-align:center;
    width:200px;
     color:#000;
    margin:15px auto;
    line-height: 25px;
}
    
#contact{
    margin-left: 0;
        border-left:1px solid#000;
        padding-left:10px!important;
}
    
    #contenedor-principal{
	width:57%;
	min-width:250px;
	height:auto;
	background:#fff;
margin:180px auto 90px;
        box-shadow: 1px 1px 5px #5a5a5a;
	clear: both;
	overflow: hidden;
}
    
#franja-2{
	width: 100%;
	height:100px;
	background:#cb0513;
	box-shadow: #333 0px 2px 20px;
	position:relative;
    z-index: 150px;
   
}
    
  
.icon-logo-sellos-melgen{
	color:#fff;
	font-size:400%;
	float:left;
	margin-top:15px;
	margin-left:0;
    padding-top: 0;
    position: static;
}
    
    
#tienda-de-sellos {
    width:100%;
    margin-top:25px; 
    height:auto;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    }
    
    #tienda-de-sellos .icon-man-s, #tienda-de-sellos .icon-auto-pro, #tienda-de-sellos .icon-auto-reg, #tienda-de-sellos .icon-pen, #tienda-de-sellos .icon-sello-seco, #tienda-de-sellos .icon-portatil{
   display:block;
}
    
    #tienda-de-sellos .icon-sello-seco{
        font-size: 3.2rem;
        margin-right:15px;
    }
    
    #tienda a{
     text-decoration: none;
        color:#cb0513;
        padding:3px 10px;
    }
    
     #tienda li{
        list-style: none;  
    }
    
        #tienda ul{
       border-right: 1px solid#ddd;
            border-top: 1px solid#ddd;
            margin-top:40px;
            padding-right:20px;
            
    }
    
       #tienda h2{
        text-align: center;  
           border-top:1px solid#ddd;
           margin-top:50px;
           padding:20px;
    }
    
    .escritorio a{
           text-decoration: none;
        background: #cb0513;
       color:#fff!important;
    }
    
     .bolsillo{
            border-top:20px;
    }
    
     .bolsillo a{
          text-decoration: none;
        background: #cb0513;
         color:#fff!important;
         border-top:20px;
    }
    
  
.icon-rect, .icon-rect-fech, .icon-red, .icon-red-fech{
   margin:5px 8px; 
   font-size:1rem; 
}
    

    
.icon-pen{
    font-size:1.5rem;
}
    
 .sugerencias{
	background:#f7f7f7;
	color:#3a3a3a;
    text-align: center;
	width:auto;
	font-size:9pt;
	border-top:1px solid#ddd;
	border-bottom:1px solid#ddd;
	padding:10px 0;
        margin:30px auto;
}

    #escribenos{
	height:345px;
	width:460px;
	padding:10px;
	margin:  30px auto;
	border:1px solid#ccc;
	box-sizing:border-box;
	border-radius:4px;
	background:#f2f2f2;
}

input, textarea{
	width:100%;
	margin-bottom:10px;
	padding:5px;
	box-sizing:border-box;
	border:none;
	color:#9b9b9b;
	font-size:0.9rem;
	background:#fcfcfc;
}

input[type="submit"]{
	color:#212121;
	background:#c6c6c6;
	cursor:pointer;
	width:auto;
	float:left;
    font-size: 0.9rem;
}


textarea{
	min-height:90px;
	max-height:90px;
	min-width:100%;
	max-width:100%;
}
    
#buzon{
   width:850px;
}
    
.icon-mail-2{
    position:absolute;
    left:10%;
    bottom:9%;
    cursor: pointer;
    display: none;
}

.icon-borrar{
    position:absolute;
    right:15%;
    bottom:9%;
    cursor: pointer;
    font-size: 1.2rem;
    display: none;
}
  
/*********************************************PRINCIPIO DE SLIDES*************************/     
   

/*********************************************FIN DE SLIDES*************************/ 
    
#contact{
    margin-left: 0;
    border-left:1px solid#000;
    padding-left:10px!important;
}
 
    #muestra-tarifa{
    width:100%;
    height:auto;
   margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
}

.caja-modelos{
	position:relative;
	width:40%;
	height:330px;
    margin: 40px 35px;


	border-left:1px solid#ccc;
	border-top:1px solid#ccc;
}

.contenedor-de-sellos{
	-webkit-perspective:1000;
    -moz-perspective:1000
    }
    
#bvm{
    display:block;
    position:absolute;
    width:25%;
   top:120px;
    right:40px;
    z-index:-10;
    }

.carta{
    transform-style: preserve-3d;
    transition: 1.5s;
}

.carta:hover{
     transform: rotatey(180deg);
}

.lado{
    backface-visibility: hidden;
}

.frente{
    border:1px solid #ccc;
    background:#fff;
	width: 100%;
	height: 290px;
    position:absolute;
    top:0;
	right:0;
}

.frente h6{
    position:absolute;
	bottom:35px;
	right:10px;
}

.espalda{
width: 100%;
  height:290px;
	background:#F9F9F9;
    transform: rotatey(180deg);
	border:1px solid #ccc;
}

.img-impresiones img{
    margin:40px auto;
    display:block;
}

.marca{
	float:left;
	background:#ccc;
	color:#000;
	font-size:10pt;
	padding:5px 10px;
	text-align:center;
}

.ref{
	background:#ccc;
	color:#000;
	font-size:10pt;
	padding:5px 10px;
	text-align:center;
}

.tam{
	position:absolute;
	top:0;
	background:#ccc;
	color:#000;
	font-size:10pt;
	padding:8px 10px;
	text-align:left;
	left:0;
	width:100%;
    height:auto;
 font-size:0.9rem;
}

.precio{
	position:absolute;
	bottom:0;
	background:#f2f2f2;
	color:#cb0513;
	font-size:10pt;
	padding:5px 10px;
	text-align:center;
	right:0;
	width:100%;
    font-weight: 700;
}

#franja-1{
	width: 100%;
	height: auto;
	background: #ddd;
	box-shadow: #333 0px 2px 3px;
	position:relative;
	background-image:url(../img/textura-lineal2.png);
	z-index:1000!important;
    display: block;
    border-top:2px solid#cb0513;
}
    
#franja-1 li{
    display: inline;
    text-decoration: none;
    margin-top: 20px;
}
    
    #franja-1 ul{
	text-align: left;
	font-size: 0.8rem;
	padding: 10px;
	text-shadow: 0 1px 0 #fff;
	font-family: 'Open Sans', sans-serif;
    color:#282828;
    text-decoration: none;
    width:100%;
    margin:auto
}
    
#contact{
    margin-left: 0;
    border-left:1px solid#000;
    padding-left:10px!important;
}

#franja-1 ul, .ubicacion ul{
	text-align: left;
	font-size: 0.8rem;
	padding: 8px 0;
	text-shadow: 0 1px 0 #fff;
	font-family: 'Open Sans', sans-serif;
    color:#282828;
    width:100%;
   
}

#franja-1 li{
    list-style: none;
    padding: 1px;
}
     
.icon-impresora{
    font-size:1.4rem;
 	position:absolute;
	right:0;
	top:0;
	padding:5px 12px;
	background:#afafaf;
}

#iconos-para-tienda{
        display:none;
    }
}

.icon-menu{
    position:absolute;
    font-size:25px;
    left:30px;
    top:20px;
    cursor: pointer;
    color:#fff;
}

#bar{
    display: none;
}

#bar:checked ~ #menu{
   transform: translateX(0%);
}

#menu{
    position:absolute;
    top:60px;
    left:0;
    width:110%;
    height:100vh;
    background: rgba(51,51,51, 0.9);
    transition: all 0.5s;
    transform: translateX(-110%);
    z-index: 2000;
}

#menu ul{
	list-style:none;
}

#menu li {
	display:block;
}

#menu > li > a{
	display:block;
	text-decoration:none;
    font-size: 0.7rem;
	padding:20px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-shadow:0.3px 0.3px 0px #7C7C7C;
    width:100%;

}

#menu > li:hover {
	background:#af051a;
}

#menu li:hover .triangulo{
	display: none;
}

#menu li:hover .submenu{
	display:none;
}

#menu li:hover .submenu-contactos{
	display:block;
}

/**************************SUBMENU*/

.submenu{
	display: none;

}


.submenu > li > a{
	display: block;
	text-decoration:none;
	padding:15px 20px;
	margin:0;
	text-shadow:0.3px 0.3px 0px #7c7c7c;
	color:#000;
    text-transform: uppercase;
    font-size: 0.7rem;
}

.submenu a:hover{
	color:#fff;
	background:#c6c6c6;
}

.submenu li:hover{
	color:#fff;
	background:#c6c6c6;
}

.submenu li:hover .categoria{
	display:block;
}

/******************************CATEGORIA*/

.categoria{
	background:#bfbfbf;
	left:150px;
	top:0;
	display:none;
	border-left:1px solid#ddd;
    z-index: 900;
}

.categoria > li > a{
	display:block;
	text-decoration:none;
    padding:15px;
	color:#000;
	text-shadow:0.3px 0.3px 0px #7c7c7c;
    font-size: 0.7rem;
	padding-left:40px;
}

.categoria li:hover .subcategoria{
	display:block;
}

.categoria li:hover{
	background:#b5b5b5;
}

.categoria li:hover .rect{
	border:2px solid#fff;
}

.categoria li:hover .redo{
	border:2px solid#fff;
}

.categoria .icon-flecha-baja{
	 margin-top:15px;
}

.icon-rect, .icon-red, .icon-rect-fech, .icon-red-fech{
    margin-right: 10px;
    margin-left:10px;
}

/*****************************SUBCATEGORIA */

.subcategoria{
    background:#a8a8a8;
	left:180px;
	top:0;
	display:none;
	border-left:1px solid#ddd;	
    position: absolute;
}

.subcategoria a{
	display:block;
	text-decoration:none;
	padding-top:10px;
    padding-bottom:10px;
	color:#000;
	text-shadow:0.3px 0.3px 0px #7c7c7c;
    padding-left:50px;
    font-size: 0.75rem;
}

.subcategoria li :hover{
	background:#999;
}




/**************************************************************************************************************************************************************************PANTALLA*/

@media (min-width:1080px){
    header label{
    display: none;
    }
    
    .slides img{
    position:absolute;
	width:29%;
}
    
    .slides{
	width:99.9%;
    background:#cb0513;
    margin-top:18px;
    padding-bottom: 3%;
}
    
#menu{
	position:static;
    width: auto;
    height: auto;
    border:none;
    float:right;
    background: none;
    transition: all 0.5s;
    transform: translateX(-0%);
}
    
#menu li {
	display:inline-block;
	position:relative;
 }
    
#menu > li > a{
	display:block;
	text-decoration:none;
	font-size:0.7rem;
	padding:42px 10px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-shadow:0.3px 0.3px 0px #7c7c7c;
}

#menu li ul{
	position:absolute;
}

#menu > li:hover {
	background:#af051a;
	transition:0.4s;
    }

#menu li:hover .triangulo{
	display: none;
}

#menu li:hover .triangulo{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #af051a;
	margin:auto;
}
    
    #menu li:hover .submenu{
	display:block;
}
    
    .triangulo{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #91071f;
	margin:auto;
}
/**************************SUBMENU*/
.submenu {
	position:absolute;
	display:none;
	min-width:140px;
	box-shadow: #444 0px 2px 20px;
	background:rgba(232,232,232, 0.98);
	z-index:125;
    right:0;
}

.submenu > li > a{
	display: block;
	text-decoration:none;
	font-size:0.8rem;
	padding:15px 0 15px 10px;
	margin:0;
    width: 185px;
	text-shadow:0.3px 0.3px 0px #7c7c7c;
	color:#000;
    text-transform:uppercase;
    position: relative;
    margin-left:10px;
    
}

.submenu .icon-flecha-baja{
	float:right;
     margin-top:6px;
}
    
.submenu a:hover{
	color:#fff;
	background:#c4c4c4;
	
    }

.submenu li:hover{
	color:#fff;
	background:#c4c4c4;
}
    
.submenu li:hover .categoria{
	display:block;
	
}
/******************************CATEGORIA*/
.categoria{
	position:absolute;
	left:195px;
	top:0;
	display:none;
	border-left:1px solid#ddd;
	z-index:20;
	box-shadow: #444 0px 2px 20px;
	background:rgba(232,232,232, 0.98);
    width: auto;
}
    
.categoria > li > a{
	display:block;
	text-decoration:none;
	font-size:0.8em;
	padding:15px 0;
	color:#000;
	text-shadow:0.3px 0.3px 0px #7c7c7c;
    margin-left:15px;
    width:180px;
    position:relative; 
    }
    
.categoria li:hover .subcategoria{
	display:block;

}
    
.categoria .icon-flecha-baja{
	float:right;
        margin-top:15px; 
}

.categoria li:hover .rect{
	border:2px solid#fff;
}

.categoria li:hover .redo{
	border:2px solid#fff;
}

/*****************************SUBCATEGORIA */

.subcategoria{
	position:absolute;
	left:195px;
	top:0;
	display:none;
	border-left:1px solid#ddd;
	z-index:20;
	box-shadow: #444 0px 2px 20px;
    background:rgba(232,232,232, 0.98);
}

.subcategoria > li > a{
	display:block;
	text-decoration:none;
	font-size:0.8rem;
	padding:12px 15px;
	color:#000;
	text-shadow:0.3px 0.3px 0px #7c7c7c;
	width:180px;
    margin-left:0; 
    position:relative;
    width: 250px;
}
   
  #tres-pasos{
    display: block;
    position: absolute;
    right:3%;
    top:145px;
    border:1px solid#ddd;
    width: 15%;
    z-index: -200;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 1px 2px 8px #ddd;
}

#tres-pasos h3{
    background: #ffbc00;
    padding: 3px 10px ;
    color:black;
    text-align: center;
 
}

#tres-pasos h3 span{
    font-size: 3rem;
    text-align: center;


}
    
    
    .subcategoria .icon-flecha-baja{
	float:right;
    margin-top:15px;       
}
    
        
       .subcategoria li:hover .tintas{
	display:block;

}
    
    .subcategoria a:hover{
	color:#fff;
	
}
 
/****************************************TINTAS */
 
    
  
    .categoria img{
        margin-left: 10px;
        margin-right: 10px;
    }

   /****************************************TINTAS */ 

}

/********************************************************************************ICONOS DE MENU DISPOSITIVOS MOVILES*/

.icon-nosotros, .icon-home {
    display: block;
    font-size:0.9rem; 
   width: 30px;
    float: left;
}

.icon-tienda, .icon-servicios, .icon-contactos{
     display: block;
     font-size:1.2rem; 
   width: 30px;
    float: left;
}

.icon-flecha-baja{
     font-size:0.4rem; 
   width: 30px;
    margin-left:10px;
}

.icon-auto-pro, .icon-auto-reg {
    font-size: 1.9rem;
    margin-right: 8px;
}

 .icon-man-s{
    font-size: 1.5rem;
    margin-right: 8px;
}

 .contactos{
       margin: auto;
 width: 60%;
}

 .contactos ul li{
     margin-right: 10%;
      margin-left: 5%;

}


/**********************************ICONOS DE MENU PC*/


@media (min-width:1024px){
.icon-nosotros, .icon-tienda, .icon-servicios, .icon-contactos, .icon-home{
   display:none;
}
       
}

    @media (min-width:1024px){
    .icon-nosotros, .icon-tienda, .icon-servicios, .icon-contactos, .icon-home{
       display:none;
    }
}
    
   @media (min-width:1200px){ 
#menu > li > a{
	display:block;
	text-decoration:none;
	font-size:0.7rem;
	padding:42px 5px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-shadow:0.3px 0.3px 0px #7C7C7C;
    z-index: 125;
}
       
       .slides img{
    position:absolute;
	width:29%;
           
}
       
       .slides{
	width:99.9%;
    background:#cb0513;
    margin-top:18px;
    padding-bottom: 3%;
   
}
       }

   @media (min-width:1400px){ 
#menu > li > a{
	display:block;
	text-decoration:none;
	font-size:0.73rem;
	padding:42px 20px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-shadow:0.3px 0.3px 0px #7C7C7C;
    
}
       
       #formulario-enviado{
    

    width:100%;
    height: 150px;
 
    top:400px;
         text-align: center;
    margin-top: 50px;
           padding-top: 50px;

    
}
       
            #formulario-enviado span{
    
font-size: 1.8rem;

    
}
       
       .slides img{
    position:absolute;
	width:29%;
}
    .slides{
	width:99.9%;
    background:#cb0513;
    margin-top:18px;
    padding-bottom: 3%;
   
}   
       #horarios{
           width: 200%;
           height: auto;
           padding:20px;
       }
       
            #horarios li{
                width: 37%;
    margin:15px 20px;
       }
       
                 #horarios a{
                width: 90%;
 
       }
       
       .renglon-horarios{
              margin: auto;
           padding:15px 0;
           border-bottom: 1px solid#000;
           width: 85%;
       }
       
             .renglon-horarios h4{
       text-transform: uppercase;
       }

       
              .renglon-horarios p{
       font-size:0.9rem;
                  line-height: 1.7;
       }
       
       .franja-pie{
           display: none;
       }
       
       #domingos{
           border: none;
       }
       
       .local {
           height:220px;
       }    
       
           .local ul{
          	text-align: left;
	font-size: 0.92rem;
	text-shadow: 0 1px 0 #fff;
	font-family: 'Open Sans', sans-serif;
    color:#282828;
    width:90%;
     padding:0!important;

       } 
       
       
    .local li {
            list-style: none;
line-height:1.5!important;
               width: 250px!important;
        padding:0!important;
               
       } 
       
           .local li a: hover {
      background:none!important;
               
       }
       
    .local span {
margin-right:15px!important;
               
       }
       
       .wrapper{
	width:100%;
           height:135px;
	margin:0 auto 40px;
	background: #f9f9f9;
           background-image:url(../img/textura-lineal2.png);
	padding: 10px 0;
    border-top: 1px solid#ddd;
    border-bottom: 1px solid#ddd;
}

.slider-testimonial{
	width: 90%;
	max-width: 1400px;
	margin: auto;
}


.client-name{
	font-family: "Open sans";
	font-weight: 600;
	text-align: center;
    color:#323232;
    margin-top:15px;
    font-size: 0.8rem;
}

.testimonial-text{
	padding: 20px 120px;
}

.testimonial-text p{
	font-family: "Open sans";
	font-size: 1rem;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	color: #757575;
}
       
       #especificado{
           width:200px;
       }
       
          #especificado li a{
           width:200px;
       }
       
       }

/***************************************************************************************************FIN ICONOS DE MENU*/

#vino{
background:#91071f;
	height:100%;
    width:100%;
 
}
        #pro img{
     margin-top:30px;
     width:38%;
    height:auto; 
}
	
}