a:link {text-decoration:none}
    a:visited {text-decoration:none}
    

    .quickedit, .amzn-native-header, .amzn-native-brand, .amzn-native-brand-bottom{
	display:none !important;
}

    body{
      background:#eeeeee;
      min-width : 320px;
      margin:0 auto;
	  overflow-x:hidden;
}
  
    .cards{
	background:rgba(255,255,255,1);
	width:auto;
	max-width:728px;
	margin:8px;
	padding:5px;
	box-shadow:#bbbbbb 0 1px 2px;
	border-radius:3px;
	transition: all 0.5s ease-in-out;

}


		#cabecera{
background:#0078d7;
animation-name:intro;
animation-duration:700ms;
animation-iteration-count: 1;

    }
@keyframes intro{
from{transform:translateY(-130px)}
to{transform:translateY(-0px)}
}

#test{
position:absolute;
top:5px;
right:4px;
width:50px;
height:50px;
border-radius:50%;
transition: 0.3s ease-in-out;
background:rgba(255,255,255,0.2) url("img/speedtest.png" ) no-repeat center;
display:none;

}
    #test:hover{
transform:scale(1.1,1.1);
}
 
   

#l-button{
position:absolute;
top:5px;
left:4px;
width:50px;
height:50px;
border-radius:50%;
background:rgba(255,255,255,0.2) url()no-repeat center;
transition: 100ms ease-in-out;
}

    #l-button:hover{
	background:rgba(0,0,0,0.2) url() no-repeat center
}
 




    
    #saludo{
color:#fff;
background-image:url(img/hola-es.png);
background-size:contain;
background-repeat:no-repeat;
background-position: center; 
animation-name:saludo;
animation-duration:27s;
animation-iteration-count: infinite;
-moz-animation-name:saludo;
-moz-animation-duration:27s;
-moz-animation-iteration-count: infinite;
-webkit-animation-name:saludo;
-webkit-animation-duration:27s;
-webkit-animation-iteration-count: infinite;
-o-animation-name:saludo;
-o-animation-duration:27s;
-o-animation-iteration-count: infinite;
-ms-animation-name:saludo;
-ms-animation-duration:27s;
-ms-animation-iteration-count: infinite;
}
        @keyframes saludo{
0%,10%{
background-image:url(img/hola-es.png);
}
11%,20%{
background-image:url(img/hello.png);
}
21%,30%{
background-image:url(img/holaarabe.png);
}
31%,40%{
background-image:url(img/ola.png);
}
41%,50%{
background-image:url(img/hallo.png);
}
51%,60%{
background-image:url(img/ciao.png);
}
61%,70%{
background-image:url(img/merhaba.png);
}
71%,80%{
background-image:url(img/bonjour.png);
}
81%,90%{
background-image:url(img/holachino.png);
}
91%,100%{
background-image:url(img/ruso.png);
}
	 
    }

        @-moz-keyframes saludo{
0%,10%{
background-image:url(img/hola-es.png);
}
11%,20%{
background-image:url(img/hello.png);
}
21%,30%{
background-image:url(img/holaarabe.png);
}
31%,40%{
background-image:url(img/ola.png);
}
41%,50%{
background-image:url(img/hallo.png);
}
51%,60%{
background-image:url(img/ciao.png);
}
61%,70%{
background-image:url(img/merhaba.png);
}
71%,80%{
background-image:url(img/bonjour.png);
}
81%,90%{
background-image:url(img/holachino.png);
}
91%,100%{
background-image:url(img/ruso.png);
}
	 
    }

        @-webkit-keyframes saludo{
0%,10%{
background-image:url(img/hola-es.png);
}
11%,20%{
background-image:url(img/hello.png);
}
21%,30%{
background-image:url(img/holaarabe.png);
}
31%,40%{
background-image:url(img/ola.png);
}
41%,50%{
background-image:url(img/hallo.png);
}
51%,60%{
background-image:url(img/ciao.png);
}
61%,70%{
background-image:url(img/merhaba.png);
}
71%,80%{
background-image:url(img/bonjour.png);
}
81%,90%{
background-image:url(img/holachino.png);
}
91%,100%{
background-image:url(img/ruso.png);
}
	 
    }
     #launcher a{
       width:70px;
       height:90px;
        display: inline-table;
       color: #616161;
       font-family: sans-serif;
       font-size: 13px;
       border-radius:5px;
       
    }
     .icon-content{
        background: rgba(0,0,0,0.05);
        border-radius: 50%;
        height: 48px;
        width:48px;
        margin: 10px 5px;
      }
#launcher a img{
        width:48px;
        height:auto;
        border-radius: 50%;
        margin-bottom: 5px;
    }



   #ads{
        position:relative;
        top:0;
        height:100px;
        transition: all 0.4s ease-in-out;
    }

.ads1 { width: 320px; height: 100px; } 
@media only screen and (min-width:360px) { .ads1 { width: 360px; } } 
@media only screen and (min-width:375px) { .ads1 { width: 375px; } } 
@media only screen and (min-width:414px) { .ads1 { width: 414px; } } 
@media only screen and (min-width:500px) { .ads1 { width: 468px; } } 
@media only screen and (min-width:756px) { .ads1 { width: 728px; } }
    
    .gcuadrobusqueda {
      color : #ffffff;
	  background:rgba(255,255,255,0.2) url(img/G3.png)no-repeat 5px;
    border-radius:4px;
	border : #ccc solid 0px;
      height : 40px;
      margin-bottom:10px;
      padding: 0 10px 0 50px;
      width : 90%;
	  max-width:685px;
      font-size : 16px;
      position : relative;
      top : 0px;
      -webkit-appearance:none;
      -moz-appearance:none;
	-moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      animation: expander 1s;
    }

        .gcuadrobusqueda:focus {
	  color:#444444;
	  font-size: 16px;
      outline : none;
      background:rgba(255,255,255,1) url(img/G3.png)no-repeat 5px;
      
    }


    #search-btn{
position:relative;
left:0px;top:14px;
height:40px;
width:40px;
border:0px solid #000;
border-radius:10%;
background:rgba(255,255,255,0.2) url(img/forward.png)no-repeat center center;
cursor: pointer;
-webkit-appearance:none;
transition: all 200ms ease-in-out;
}
    #search-btn:hover{
transform:scale(1.1,1.1);
}


 /* Nieve en el fondo del blog
----------------------------------------------- 
 @keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#contenedor-nieve {
background-image: url(img/snow/snow.png), url(img/snow/snow3.png), url(img/snow/snow2.png);
animation: snow 20s linear infinite;
}
*/
    /*---------------En la PC ---------------------*/
    @media only screen and (min-width:756px) {
	 #saludo{
	  height:70px;
-moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      }    
  

#test{
position:absolute;
margin:0 auto;
        top:10px;
		right:7%;

}
  

#l-button{
position:absolute;
margin:0 auto;
        top:10px;
		left:7%;

}
	


      #launcher{
height:auto;
margin:5px auto;

}

      #launcher img{
        width:65px;
		margin:0 auto;
		transition: all 0.3s ease-in-out;
   
      }
      .brw, .movilsearch{
        display:none;

      }
      


}

    /*---------------------MOVIL----------------------*/ 
    @media (max-width:755px) {
        .pcicon, .pcsearch, #gmail {
        display:none !important;
    }
    .gcuadrobusqueda{
border-radius:20px;
width:90%;
}
#launcher{
    animation:intro2 600ms;
}
/*-----------CABECERA-----------*/
   #cabecera{
        margin-top: 175px;
    } 
   


}
@keyframes intro{
from{transform:translateY(-285px)}
to{transform:translateY(-0px)}
}

/*-------------LAUNCHER-----------*/
@keyframes intro2{

        from{transform:translateY(5000px);}		
        to{transform:translateX(0px);}
		

}
/*----------ADS1--------*/
@keyframes intro3{

      from{transform:translateX(-360px);}
	  to{transform:translateX(0px);}
    
}
	  
/*-------- gcuadrobusqueda----*/
        @keyframes expander{

          0%,50%{width:1%;transform:translateX(110px);}
          100%{width:90%;transform:translateX(0px);}

}

      #saludo{

	  height:60px;
      transition: all 0.5s ease-in-out;
      }


      .brx{
display:none;
}
footer{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(50%);
}

      #end{
height:13px;
width:13px;
border-radius:50%;
border: 0 solid #eeeeee;
Background:rgba(0,0,0,0.1);
box-shadow:inset 0px 1px 3px 0px #797779;
margin:10px auto;

}

 .loader-page {
    position: fixed;
    z-index: 25000;
    background: rgb(255 255 255 / 0.99);
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    transition:all .3s ease;
    animation:show 4s 1 linear;
        }
    .loader {
        margin: 40vh auto;
        font-size: 10px;position: relative;
        text-indent: -9999em;
        border-top: 1.1em solid rgba(145,145,146, 0.2);
        border-right: 1.1em solid rgba(145,145,146, 0.2);
        border-bottom: 1.1em solid rgba(145,145,146, 0.2);
        border-left: 1.1em solid #919192;
        transition:all .3s ease;
        transform: translateZ(0);
        animation: rotary 1s infinite linear;
        
        
    }
    .loader,.loader:after {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        
    }
    @keyframes rotary {
        0% {transform: rotate(0deg);
            }
        100% {
                transform: rotate(360deg);
            }
    }
        @keyframes show{
            0%{visibility:hidden;}
            1%{visibility:visible;}
            99%{visibility:visible;}
            100%{visibility:hidden;}
            
        }