/*@import url('https://fonts.googleapis.com/css?family=ABeeZee|Bangers|Concert+One|K2D|Monoton');*/



/*@font-face {
font-family:"ABeeZee";
src: url(../fonts/ABeeZee-Regular.ttf);
font-display:swap;
}*/
@font-face {
font-family:"Bangers";
src: url(../fonts/Bangers-Regular.ttf);
font-display:optional;
}
@font-face {
font-family:"Concert+One";
src: url(../fonts/ConcertOne-Regular.ttf);
font-display:optional;
}
/*@font-face {
font-family:"K2D";
src: url(../fonts/K2D-Regular.ttf);
font-display:swap;
}
@font-face {
font-family:"Monoton";
src: url(../fonts/Monoton-Regular.ttf);
font-display:swap;
}*/

:root{
--titles-font:'Lucida Sans', 'Lucida Sans Regular';
--primary-text:'Segoe UI', Tahoma,Verdana, sans-serif;
--secondary-text:'Concert+One',sans-serif;
--special-text:'Bangers';
--pri-color:#1C2D3B;/*steelblue*/
/*#1C2D3B*/
/*#f56f46*/
/*#c4fdf3*/
--sec-color:#FBA919;/*#FBA919*/
--third-color:#1ABDCA;
--fs-maintext28:28px;
--fs-secondarytext22:22px;
--fs-bulktext18:18px;


--new-color:#aeff6e;
--new-fontcolor:#2f2e0c;
}





*{
box-sizing:border-box;
padding:0px;
margin:0px;
}

body{
/*font-family: 'Concert+One',sans-serif;*/
font-family: var(--primary-text);
margin:0px;
padding:0px;
margin-top:5px;
font-size:var(--fs-bulktext);
text-align: justify;

}

img{
display:block;
max-width:100%;
}

section p{
    margin-right:0.2em;
}

h1,h2,h3,h4,h5,h6 {
/*font-family: 'bangers',sans-serif;*/
font-family: var(--titles-font)
/*letter-spacing: 4px;
word-spacing:1px;*/
}


a {
text-decoration: none;
color:white;

}

.seo {
    text-decoration: none;
    color:#FBA919;
    
}
    

ol a {
    color:#FBA919;
    
}
/*Estilos del Header --------*/

.cabecera .contenedor{    
/*background-color:steelblue;*/
background-color:#1800ad;
height:85px;
border-bottom: 2px solid #FBA919;
border-top: 2px solid #FBA919;
display:flex;
justify-content:space-between;
padding-top:8px;
margin:auto;
color:white;
}

.logo {
/*background-color:steelblue;*/

letter-spacing:1.5px;
color:rgb(250, 250, 249); 
margin-left:3px; 

}

.cabecera p{
font-family: 'bangers',sans-serif;
letter-spacing: 3.5px;
word-spacing:1px;
text-align:center;
margin-top:14px; 
font-size:32px;
font-weight:bold;
}

.titleimagen{
color:#FBA919;
font-size:32px;
}

/*.logo h1 {    
font-size:32px;         
}*/

/*van los logos de facebook instagram y email que no se ven arriba en movil ni en tablets*/

.h2{
display:none; 
}

/*Icono de Menu en movil*/

.icon-menu {
display:flex;
align-content:center;
justify-content:center;
align-items:center;
width:40px;
height:40px;
font-size:30px;
background: #FBA919;
color:white;
text-align:center;
line-height:50px;
border-radius:5px;
margin-top:10px;
margin-right:5px;
cursor:pointer;
}

/*Estilos Menu en Movil se mueve fuera de la pantalla y trae con js*/

nav {
position:absolute;
top:0;
left:-100%;
top:90px;
width:100%;
z-index:5;
}

.menunav {
list-style:none;
padding:0;
margin:0;
}

/*no se muestra iconos de contacto en movil */

.h-cont{
    width:38px;
    height:38px;
    }

.loco{
display:none;
}

.contacticono{
width:40px;
height:40px;
}


.menu-link {
display:block;
padding:15px;
background: #FBA919;
text-decoration:none;
color:white;
}

.menu-link:hover, .select {
background: rgb(238, 234, 234);
color: #FBA919;


}


.mostrar {
Left:0;
transition:0.5s;
}




/*Seo Sem Steps*/
/*Added to help SEM*/
.sem-text{

position:absolute;
bottom:0px;
margin-left:1px;

}

ol {
    list-style: none;
    counter-reset: steps;
    font-family: 'Lucida Sans', 'Lucida Sans Regular';
    font-size:0.8em;
   
    
  }
  ol li {
    counter-increment: steps;
    margin-bottom:0.02em;
    background: linear-gradient(to right, #ffffffb4,rgba(255, 255, 255, 0.11));
    border-radius: 25%;
  }
  ol li::before {
    content: counter(steps);
    margin-right: 0.5rem;
    background: #ff6f00;
    color: white;
    width: 1.3em;
    height: 1.3em;
    border-radius: 50%;
    border:solid 2px white;
    display: inline-grid;
    place-items: center;
    line-height: 1.2em;  
    font-family: 'Lucida Sans', 'Lucida Sans Regular';
    font-weight: 2000;
    
  }
  ol ol li::before {
    background: darkorchid;
  }

/*Seo Sem Steps*/
/*Added to help SEM*/
















/*Banner principal estilos*/
/*carrusel*/
.carrusel-container{  
width:100%;
overflow:hidden;
position:relative;
/*height:200px;*/
margin-bottom:4px;
background-color:transparent;
}
/*es el menu que reemplaza el nav regular para colocarlo sobre el slider*/
.tip{
display:none;
}


.icononuevosprod{

position:absolute;
bottom:8px;
right:5%;
width:80px;
}

/* 
.carrusel-slide { 
position:absolute;   
display:flex;
z-index:2;
}*/

.wsdirectcontact {
  position:absolute;
  top:10%;
  right:25%;
 width:60px;
    
}


#carrusel-slide img {    
object-fit:cover;
width:100%;
height:300px;
}
    
#carrusel-slide video {    
object-fit:cover;
width:100%;
/*height:300px;*/
}   
    
    
/*Botones en carrusel*/   
    
#prev  {
opacity: 0.75;
width:35px;  
height:35px;  
position:absolute;
z-index:3;
right:0px;
top:50%;
transform:translateY(-50%);
background-color: #4CAF50;
border: none;
color: white;
border-radius:50%;
left:0px;
cursor:pointer;
font-size:25px;

}  
   
#next {
opacity: 0.75;
width:35px;  
height:35px;   
display:inline-block;
position:absolute;
z-index:3;
top:50%;
transform:translateY(-50%);
background-color: #4CAF50;
border: none;
color: white;
border-radius:50%;
right:0px;
cursor:pointer;
font-size:25px;
}

.textbannerprincipal{
   display:none;  
  
}


.textotitulo {
    /*position:absolute;*/
   /*font-size:38px;*/
    font-size:14px;
    color:white;
    letter-spacing:1px;
   /* top:10%;*/
    top:8%;
   /* left:50%;
    transform:translatex(-50%);*/
    padding:0px;
    margin:0px;
    text-align:center;
    font-family:'Arial';
    }
    
    .textosubtitulo{
      
   /* padding:50px;*/
    padding:0px;
   /* position:absolute;*/
    /*font-size:26px;*/
    font-size:14px;
    color:#FBA919;
    letter-spacing:1px;
   /* top:55%;
    left:50%;*/
    bottom:0px;
    /*transform:translatex(-50%);*/
    padding:0px;
    margin:0px;
    text-align:center;
     font-family:'Arial';
    }

    
    .textbannersecundario{
        display:none;
        }
.mainsocial{
     width:100%;
    padding-right:0.1em;


}
.mainlink{

    position:absolute;
    /*top:110%;*/
     top:380%;
    left:50%;
    transform:translatex(-50%);
    background-color:#FBA919;
    border-radius:10px;
    padding:3px;
    text-align:center;
   /* width:65%;*/
   width:55%;
    height:40px;
    line-height:32px;
    color:white;
    border-style:solid;
    border-color:white;
    cursor:pointer;
    

}  
  
.contacto-movil{
   
display:flex;
flex-wrap:wrap;
justify-content:space-around;
width:100%;
background-color:rgba(36, 34, 34, 0.5);
align-items:center;
height:60px;
margin-bottom:4px;

}

.h2-movil{
cursor:pointer;
}


          /*Estilos de productos los banners que van sobre el slider*/

/*.productos {
background-color:steelblue;
color:white; ;
padding:10px 10px 10px 10px;
margin-bottom:10px;
text-align:center;
}*/

.productos {

box-shadow: 1px 9px 7px 1px rgba(148,130,130,0.53);
background: rgb(230, 250, 255);/*linear-gradient(rgb(230, 250, 255) 32%, rgb(255, 255, 255) 100%)*/
color:var(--pri-color);
padding:10px 20px;
margin-bottom:10px;
text-align:center;
border: 1px solid rgba(128, 128, 128, 0.337);
font-weight:500;
border-radius: 15px;
}

.div-img-products:hover{

transform: scale(1.05);
transition:ease-out 0.5s;
filter:brightness(90%);
}

/*.bannertitulo{

Background-color:#FBA919;
width:100%;
height:80px;
color:white;
display:flex;
align-items:center;

}*/


.bannertitulo{
/*background-color:var(--pri-color);/*#1ABDCA*/
/*background-color:#00B4FF;*/
background-color:#1ABDCA;
width:100%;
height:80px;
display:flex;
align-items:center;
margin-bottom:10px;
border: 1px solid #1abeca7c;
border-radius: 10px;
padding:1px;
}

.info-titulo {
font-size:26px;
margin:auto;
color:white;
}

/*.productos img{

 padding:4px 2px ;

}*/


.productos img{
 width:100%;
 padding:2px 2px;
}

.div-img-products img{ 
object-fit:cover; /*This helps to make images fit in the height and width*/
width:100%;
height:200px;
margin-top:10px;
border:var(--sec-color) 3px solid;
border-radius: 5px;
}

.div-img-products340 img{ 
    object-fit:cover; /*This helps to make images fit in the height and width*/
    width:100%;
    height:340px;
}

.productos a{
color:var(--pri-color);
}

/*comienza todo lo  relacionado con textos para información y SEO*/



/* ESTO DE ACA ES PARA EL ESTILO DE TODO LO QUE VA CON LISTA QUE SE USARIA EN EL CARRUSEL PERO POR AHORA SOLO VA EN LA PARTDE DE ETEXTO DEBAJO DE LOS TRES CUADROS.*/


.list-style {
list-style: none;
counter-reset: steps;
font-family: var(--titles-font);
font-size:0.8em;  
color:black;
}

.list-style .ml-item {
counter-increment: steps;
margin-bottom:0.02em;
background: linear-gradient(to right, #dddcdc,rgba(255, 255, 255, 0.288));
border-radius: 25%;
}

.list-style .ml-item::before {
content: counter(steps);
margin-right: 0.5rem;
background: var(--sec-color);/*#1abeca9b;/*ff6f00*/
color: white;
width: 1.3em;
height: 1.3em;
border-radius: 50%;
border:solid 2px white;
display: inline-grid;
place-items: center;
line-height: 1.2em;  
font-family: var(--titles-font);
}

.list-int {  
list-style:none;
font-family: var(--primary-text);
font-size:var(--fs-bulktext);    
padding-left:10px;
padding-top:25px;
margin-bottom:35px;
/*border-bottom:1px solid rgba(128, 128, 128, 0.491);*/
}

.list-int .sl-item {    
margin-bottom:0.8em;
/* background: linear-gradient(to right, #dddcdc,rgba(255, 255, 255, 0.288));*/
border-radius: 25%;

}
.list-int .sl-item::before {
content: "\2714";
margin-right: 1.2rem;
background: #1C2D3B;/*#1C2D3B*/
color: white;
width: 1.3em;
height: 1.3em;
border-radius: 50%;
border:solid 2px white;
display: inline-grid;
place-items:center;
line-height: 1.0em;  
font-family: var(--primary-text);
font-size:14px;
}
.list-int div{
    margin-bottom:20px;
}

.list-var{
margin-bottom:0.8em;
padding:1em;
text-align:left;
font-family: var(--fs-maintext28);
font-size:var(--fs-bulktext);    
}
.list-var .ml-item{
background:white;
font-size:var(--fs-bulktext);    
font-family:var(--primary-text);
 
}
 


/* ESTO DE ACA ES PARA EL ESTILO DE TODO LO QUE VA CON LISTA QUE SE USARIA EN EL CARRUSEL PERO POR AHORA SOLO VA EN LA PARTDE DE ETEXTO DEBAJO DE LOS TRES CUADROS.*/



/*#blogmainpage {      

background-color:rgba(250, 253, 255, 0.993);
width:100%;    
  
}

se reemplaza con el de abajo .sl-belowf
*/

.sl-belowf {      
/*color:gray;*/
background-color:white;/*rgba(250, 253, 255, 0.993)*/
width:90%;  
margin:auto;
text-align:left;

}



/*#welcome{
    
text-align:center;
font-size: 40px;
color:#FBA919;
font-family: 'agency FB';
font-family: 'bangers',sans-serif;
letter-spacing: 4px;
word-spacing:1px;

margin-block-start: 0.83em;
margin-block-end: 0.83em;
font-weight: bold;

}se reemplaza con el de abajo .welcomef */

.welcome{    
    
text-align:center;
font-size: var(--fs-maintext28);
font-family: var(--primary-text);
color:var(--sec-color);
padding:10px;

}

.sl-content{
padding:1em;
margin-bottom:0.8em;
/*border:1px rgba(128, 128, 128, 0.301) solid;*/
}

.sl-content h2{
  font-size:var(--fs-secondarytext22);
  margin-bottom:10px;
}

.ssl-belowf{
background-color:#1ABDCA;
border-radius: 5px;

}

/*#subtitlewelcome{
color:rgb(65, 52, 52);
text-align:center;
/*font-family: 'agency FB';
}*/

.subtitlewelcome{
/*color:rgb(65, 52, 52);*/
font-size:var(--fs-maintext28);
font-family: var(--primary-text);
color:white;/*var(--sec-color)*/
text-align:center;
padding:20px;


}

/*caja importante flex de varios objetos*/
.content-vinilos{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
text-align:center;
}

.cv-content{

border: 1px solid #1ABDCA;
border-radius: 5px;
}

/*flex solo para le texto y la foto de al lado*/

#textcontent-viniloscontainer{
color:black;
width:100%;
padding-top:10px;
padding-right:10px;   
}
        
/*#textcontent-vinilos{    
color:#FBA919;
font-size: 20px;
line-height:26px;   
}*/

.Rotulos-img{
    padding:20px;
    text-align:center;
}

.tl-content{
/*color:black;

padding-top:10px;
padding-right:10px;*/
margin:auto;
width:90%;
}
  
  
  .btl-content{
    border-radius: 20px;
    width:160px;
    height:45px;
    background:#1ABDCA;
    color:white;
    text-align:center;
    padding:11px;
    font-weight:700; 
    margin:auto;    
    margin-top:20px;
    margin-bottom:20px;
    
    } 
    
  .art-content{
padding:8px;

/*margin-bottom:50px;*/

}  
   
   
   .sp-text{
        margin-bottom:10px;
    } 
       
/*.buttoncontentviniloscontact{
border-radius: 20px;
width:160px;
height:45px;
background:#FBA919;
color:white;
text-align:center;
padding:11px;
font-weight:700;           
}    */







/* -------- estilos para articulos titulos y cajas con texto ----- */

.fondotitulos {
    /*background-color:#FBA919;*/
    width:100%;
    height:100px;
    display:flex;
    align-items:center;
    justify-content: center; 
    border-bottom:var(--pri-color) 2px solid;
    margin-bottom:20px;
   /* border-bottom-style:solid;
    border-bottom-color:rgb(4, 6, 46);
    line-height: 17px;
    padding-top:0.8px;  */
     
    
    }           
    
    
    .fondotitulos h3{            
    /*color:rgb(4, 6, 46);  */
    color:var(--sec-color);
    text-align:center;
    font-size:30px;
    }    
    
    
     .ft-var{

    background-color:#1ABDCA;
    border:#1ABDCA 2px solid;

    }
     
    .ft-var h3{
        color:white;

    }
    .sp-text{
        margin-bottom:10px;
    }
    
    
    
    
    
.textseo{

padding-left:50px;

}
    



/*articulos externos parte de abajo--------*/


.postarticulos{
display:flex;
flex-direction:column;
background-color:var(--third-color);
width:90%;
margin:auto;
}

.postext{
padding:20px;
}

.textpostart{
text-align: justify;    
}

.blogimg{
width:100px;
height:100px;
margin:auto;
}

.postarticulos a {
color:white;
}


/*Estilo footer */
  
footer{
position:relative;
Background-color:black;
color:white;
text-align:center;
font-size:12px;
margin-top:20px;
/*top:-100px;*/
height:400px;
}
.redesfooter{
padding:20px 10px;
width:100%;

}
.menufooter{
    width:100%;
}

.menufooter ul li{

    line-height:25px;
    list-style:none;
    
}

.redesfooter img{
Background-color:transparent;
/*text-align:center;*/
display:inline;
margin-right:20px;
}

.flex-3{
    padding-top:5px;
    
    }
        

.link-seo{

cursor:pointer;
color:black;
}                                                /*Estilos para diferentes tamaños*/

  
/*-------------Media max 350 px --------------*/

@media (max-width:360px){

    .cabecera p{   
    font-size:24px; 
    }   
      
    .titleimagen{   
    color:#FBA919;
    font-size:24px;
    }

.icononuevosprod{

    position:absolute;
    bottom:8px;
    right:5%;
    width:55px;
    }

    }

/* ----------------Media de 400 px ---------------- */ 


/*.wsdirectcontact {
  position:absolute;
  top:45px;
  right:100px;
 width:60px;
    
}*/


@media (min-width:380px){

.cabecera p{
font-size:32px; 
/*margin-top:19px;*/                  
}
.titleimagen{   
    color:#FBA919;
    font-size:32px;
    }
.carrusel-container{
/*height:500px; */
background-color:transparent;
}

#carrusel-slide img{

object-fit:cover;
height:500px;

}

.textbannerprincipal{
    display:block;
    position:absolute;
    /*width:60%;*/
    width:34%;
    /*height:320px;
    height:80px;*/
    background-color:rgba(0, 0, 0, 0.303);
    /*top:200px;*/
    bottom:5px;
    right:0px;
   /* transform:translatex(-50%);  */    
   padding:0px;
   
   
}

/* Added to help SEM*/
.sem-text{

    position:absolute;
    bottom:5px;
    margin-left:2px;
    
    }
/* Added to help SEM*/

.sl-content {

   width:100%;
   /*padding-left:30px;*/
    margin:center;
   justify-content: center;
   margin-bottom:10px;
 }

/*borrar borrar borrar*/

/*.plop {

   width:100%;
   padding-left:30px;
    margin:center;
   justify-content: center;
   margin-bottom:10px;
 }*/

/*borrar borrar borrar*/

}

/* ----------------Media de 450 px ---------------- */ 

@media (min-width:450px){

.cabecera p{
/*font-size:40px; 
margin-top:13px;*/
}

.titleimagen{
color:#FBA919;
font-size:40px;
}



#carrusel-slide img{

    object-fit:cover;
    width:100%;
   
    
    }
    
.sl-belowf {    
text-align: justify;
}
    


.tl-content{
padding-top:10px;
padding-right:10px;
}
    
.imgblogmain{
    text-align:center;
    margin:auto;
}

.wsdirectcontact {

  top:15%;
  right:40%;
 width:60px;
    
}

</*#blogmainpage {    
color:gray;
position:relative;
background-color:rgba(250, 253, 255, 0.993);
/*top:1px;
width:100%;
text-align: justify;
}*/
    


/*#textcontent-viniloscontainer{
padding-top:10px;
padding-right:10px;
}


#textcontent-vinilos{
color:#FBA919;
font-size: 20px;
line-height:26px;

}

#textcontent-vinilos1{
line-height:18px;
}

.content-vinilos h2{
color:rgb(48, 40, 40);
}*/

.content-vinilos img {   
object-fit:cover;
width:100%;  

}

#imgblogmain{

    text-align:center;
}

.imagensuper{

margin:center;
width:400px;

}

/*tamaño al flex para diferentes dispositivos*/
.textcontent-segunda{

line-height:20px;
width:100%;

}


    .mainlink{
        
       top:270px;
        width:200px;
      
    }
    
.textbannerprincipal .mainlink{
    
    right:50px;
}    


}




/* ----------------Media de 1020 px ---------------- */ 

@media (min-width:1020px){

.flex-2{
 width:48%; 
 display:flex;
 flex-direction: column;
 justify-content: space-around;
}

img{
display:inline;
}

.cabecera {
margin-top:5px;
/*background-color:steelblue;*/
/*background-color:red;*/
height:80px;
width:99%;
margin:auto;
/*position:relative;
z-index:40;*/
} 

.infocabecerapc {      
/*border: solid green;*/
width:50%;
display:flex;
justify-content:space-between;
}
 
.cabecera h1{    
font-size:40px; 
/*margin-top:36px;
margin-left:10px;  
text-align:center;*/
}

.logo {
width:50%;
height:73px;
/*background-color:steelblue;*/
word-spacing: 10px;
letter-spacing:2px;
color:rgb(250, 250, 249);   
}   

.loco {
position:relative; 
display:block;
width:250px;
height:100px;
/*border:solid;*/
font-size:14px;
text-align:center;
cursor:pointer;
margin-top:-14px;
}   


.loco p{   

font-family: 'bangers',sans-serif;
letter-spacing: 4px;
word-spacing:1px;
font-size:1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
font-weight: bold;

        
/*    
display:inline-block;
font-size:24px;
position:relative;
top:-26px;*/
}

.contacticono {
margin-top:-15px;
display:inline-block;   

}

 #textwhats {
display:inline-block;
top:-12px;
position:relative;
margin-left:5px;
font-size:20px;
}

/*Esconder nav de movil*/

nav {
position:static;
width:auto;   
}
  
.icon-menu, .navegacion {
display:none;
}
   
.menunav {    
display:flex;
}
    
.menu-link{    
background:none;
}
    
.menunav{
margin-right:200px;
margin-top:7px;
}
        
.select{
color:white;
}

/* Fin Esconder nav de movil*/


/*Carrusel*/



.carrusel-container{    
width:95%;
overflow:hidden;
position:relative;
height:600px;
margin:auto;
top:10px;
}

/*Colocar la barra naranja que atraviesa el banner principal con el menu */
.carrusel-container .tip {

background-color:rgba(251,169,25,0.8);
position:absolute; 
width:100%; 
height:10%;
top:15px;
display:block;
z-index:5;
}

/* ****** Revisar esto adicionado para quitar espacio de galeria en pagina categoria.php */
.new-gallery{

height:100px;

}

.new-gallery .tip{
    height:60%
}
/* ****** Revisar esto  */

/*.tip {

position:relative;
}*/

.icononuevosprod{

    position:absolute;
    bottom:60px;
    right:10%;
    width:120px;
    
    
}

.mola {
display:flex;
position:absolute;
list-style:none;
width:100%;
justify-content: space-around;
text-decoration:none;  
align-items: center; 
top:50%;
transform:translateY(-50%);
}

.menu-link2 {
text-decoration:none;
color:whitesmoke;
background-color: rgba(255, 0, 0, 0.2);

padding:15px;
border-radius: 10px;
}

.menu-link2:hover {
background: rgb(238, 234, 234);
color: #FBA919;
}
    


#carrusel-slide img{

    object-fit:cover;
  height:700px;
   
    
    }


    .textbannerprincipal{
        position:absolute;
        width:38%;
        height:160px;
        background-color:rgba(0, 0, 0, 0.373);
        /*top:400px;*/
        left:73%;
        transform:translatex(-50%);
        border-radius:10px;
        font-family: 'Lucida Sans', 'Lucida Sans Regular';
    }
    
    .textotitulo {
    width:100%;
    font-size:26px;
    
    }
    
    .textosubtitulo {
        width:100%;
        font-size:26px;
        }
    
    .textbannersecundario{
        
       /* background-color:rgba(0, 0, 0, 0.473);*/
        color:white;
        position:absolute;
      
        width:100%;
        display:block;
        text-align:center;
       
        border-width: 1px;
       line-height:22px;
    
    }
    
     .sem-text{

        font-size:27px;

    }
        
    
    .mainlink{
        
       width:180px;
        top:320%;
        left:25%; 
    }
    





/*Quitar barra de redes sociales*/ 

.contacto-movil{
/*display:none;  */

visibility:hidden;

}   

/*Productos*/


main{

position:relative;
margin-top:-50px;
 
}

.infoproductos {
display:flex; 
width:80%;
margin:auto;   
/*position:absolute;
width:80%;
flex-wrap:nowrap;
justify-content:space-around;
text-align: center;  
top:-250px;
left:150px;    */
}

.productos {

margin:5px;
width:50%;
}

.sl-belowf {    
position:relative;
background-color:rgba(250, 253, 255, 0.993);
padding:10px;
text-align: justify;

}

.welcome{
font-size:38px;
}

.tl-content, .imgblogmain{
width:50%;
}

 .sl-content {
        display:flex;  
        width:80%;
        margin:auto;
        }


.ssl-belowf{

    background-color:#1ABDCA;
    width:100%;
    margin:auto;
    }

/*#blogmainpage {    
color:gray;
position:relative;
background-color:rgba(250, 253, 255, 0.993);
/*top:200px;*/
/*width:80%;
left:150px;
padding:10px;
text-align: justify;

}*/

/*#textcontent-viniloscontainer, #imgblogmain{

width:50%;

}*/

.textcontent-segunda{
width:48%;

}

.content-vinilos{

width:80%;
margin:auto;

}
 
.postarticulos{   
flex-direction: row;
width:90%;
margin:auto;
margin-top:10px;
height:100px;
}

.postext {
display:flex;
padding:4px;

}
.postext .textpostart{

margin-left:10px;
align-self:center;

}

/*estilos footer*/

footer {


margin:auto;
margin-top:10px;
padding-top:10px;
width:90%;  
height:300px;  
}

footer img{
width:50px;
height:50px;
margin-right:40px

}


.redesfooter{
    padding:20px 10px;
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    justify-content: space-between;
    font-size:16px;
}
.flex-3{
width:32%;

}


/*borrar borrar borrar*/

.plop {

    display:flex;
  
 }
 
 
 .snippet{
    padding-left:55px;
     width:400px;
    margin-right:10px;
    
 
 }
 /*borrar borrar borrar*/
 
 
 .wsdirectcontact {

  top:25%;
  right:55%;
 width:100px;
    
}
 
 
    
}


/* ----------------Media de 1500 px ---------------- */ 
@media (min-width:1500px){



.cabecera h1{
font-size:40px;   
/* margin-top:38px;
margin-left:50px;  */
}
.contacticono{
position:inline-block;    
margin-top:-10px;
}

#textwhats {
display:inline-block;
top:-12px;
position:relative;
margin-left:5px;
font-size:20px;
}




}