#slidecontainer1{
display:none;
}


#boxx{
margin: 2%;
}

.cc{
width: 20%;
    float: left;
   margin-top: 2%;
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cb{

border: 2px solid #000;
border-radius: clamp(8%,calc((100% - 105px) * -9999),14%);
}
.cr{
display: grid;
    text-align: center;
/*height: 200px;*/
    width: 98%;
/*border: 2px solid #D1D6D7;
border-radius: 8px;*/
margin-top: 10%;
background-color: ghostwhite;
 
}
.ck{
display: -webkit-box;


}
@media screen and (max-width: 900px){
.ck{
display: grid;

}
.cc{
width: 100%;
margin-top: 2%;
float: none;
height: auto;
}
}

.cj{
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important;
}
.lalala{cursor:pointer;}
.box {
    width: 92%;
    float: left;
    padding: 20px 4%;
}
.columnas{
	width:40%;
	margin:20px 1%;
}
.caja-amz{
  box-shadow: 2px 2px 5px #999;
	border-radius: 10px;
 background-color: #fff;
 text-align: center;
  transition: transform .2s; /* Animation */
margin-left: auto !important;
  margin-right: auto !important;
  display:table !important
}
.caja-amzB{
margin-left: auto !important;
  margin-right: auto !important;
  display:table !important
}
.caja-amz:hover {
  transform: scale(1.2);
}
.boton-comprar-amz{
background: #333;
    border-bottom: double 10px #fff;
    padding: 15px 5%;
    width: 80%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
	max-height: 15px;
    overflow: hidden;
font-size: 16px !important;
}
@media screen and (max-width: 1260px) {
	.columnas{
	width:31.33%;
	margin:20px 1%;
}
	.columnas .precios-amz, .columnas .boton-comprar-amz{
	font-size:10px;
}
}
@media screen and (max-width: 900px) {
.columnas{
	width:48%;
	margin:20px 1%;
}

.columnas .precios-amz, .columnas .boton-comprar-amz{
	font-size:12px;
}

}
@media screen and (max-width: 600px) {
.columnas{
	width:98%;
	margin:20px 1%;
}
}
.animacion {
  text-align: center;
  padding: 10px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  border: 1px solid #786025 !important;
  border-radius: 6px !important;
  background: #eeb933 !important;
  background: linear-gradient(to bottom, #f7dfa5, #f0c14b) !important;
  color: black !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display:table !important;
  font-weight:600;
  font-size:30px;

}

.animacion span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.animacion span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.animacion:hover span {
  padding-right: 25px;
}

.animacion:hover span:after {
  opacity: 1;
  right: 0;
}
body{
	margin: 0;
	font-family: 'Montserrat Alternates', sans-serif;
	background-color: #f9f9f9;
}
.colorh1{
	color:#fff;
}
#logo{
	text-align:center;
	margin:30px 0;
}
#logo p{
	text-align:center;
	margin:10px 0;
	font-family: 'Montserrat Alternates', sans-serif;
	font-weight:200;
}
#logo a{
	font-family: 'Montserrat Alternates', sans-serif;
	font-size:30px;
	text-decoration:none;
	font-weight:900;
}
#menu{
background:#fff;
float:left;
width: 100%;	
    position: fixed;
    z-index: 999;
}
.container{
    width: 80%;
    margin: 0 auto;
    display: flex;
    max-width: 1250px;
margin-left: auto !important;
  margin-right: auto !important;
  display:table !important
}
.encabezado{
    width: 92%;
	    padding: 0px 4% 12px 4%;
    margin: 0 auto;
	    text-align: center;
    /* text-transform: uppercase; */
    border-bottom: double 10px #fff;
}
.box{
	    width: 92%;
    float: left;
    padding: 20px 4%;
}
#post{
	width:100%;
	float:left;
	background-color: #f9f9f9;
}
#footer{
	width:80%;
	padding: 0 10%;
	float:left;
	position:relative;
}
.copyright{
	float:left;
	position:relative;
}
.copyright a{
	color:#fff;
	margin:20px;
	float:left;
}
.etiqueta a{
	float:left;
	padding:10px;
	text-decoration:none;
	font-size:12px;
	color:#fff;
}
.etiquetas{
	width: 80%;
    padding: 10px 10%;
    background: #222;
    float: left;
	position:relative;
}
.imagen-afiliados{
	margin-top:10px;
	float:left;
	display: block;
}
.imagen-afiliados img{
	width:100%;
    max-width: 250px;
}
@media only screen and (max-width: 900px) {
#post{
	width:100%;
	float:left;
}
.container {
    width: 100%;
    margin: 0;
	float:left;
	    display: inline;
}
h1{
	font-size:20px;
}
#logo a{
	font-size:20px;
}
#logo p{
	font-size:12px;
}
}
.topnav {
  overflow: hidden;
  
  padding: 0 7%;
  width:90%;
}
@media screen and (max-width: 900px) {
  .topnav{
padding-top: 5%;
  width:88%;
  }
  #logo{
	 font-size:4vw;
float: inherit !important;
  }

#slidecontainer1{
display: inline-flex;
margin: 3%;

}
.toggle-menu{
display:none
}

.c430{
width: auto !important;
}

}