*{
  margin: 0;
  padding: 0;
}
.contenidoIndex{
  background-color: #000000;
  text-align: center;
  padding-top: 8%;
  padding-bottom: 15%;
}
.contenidoIndex a{
  text-decoration: none;
  margin-top:70px;
}
.tituloINICIAL{
  background-color: #adadad;
  color: #2a2929;
  text-align: center;
  line-height: 30px;
  font-size: 1.8em;
  padding:30px;
}
.tituloINICIAL1{
  color: #e7e6e6;
  text-align: center;
  line-height: 30px;
  font-size: 1.8em;
}
.ART1, .RETAIL1{
  padding-bottom: 15%;
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
}
.ART1:hover{
  background-color: #2a2929;
  padding-top: 15%;
}
.RETAIL1:hover{
  background-color: #2a2929;
  padding-top: 15%;
}
.bannerINDEXG {
  text-decoration: none;
  color: #676766;
}

body{
  background-color: white;
  font-family: Verdana, Geneva, Tahoma, sans-serif;  
  font-size: 1em;
  color: #676766;
}
header{
  background: #000000;
  padding: 10px;
  display: inline;
}
h1{
  color: #000000;
  font-size: 1em;
  text-align: right;
  line-height: 25px;
}
h1:hover{
  font-size: 1.2em;
  color: #c1b30c;
}
.redes a{
  padding: 10px;
}
.UP {
  position:fixed;
  right:25px;
  bottom:15px;
  width:0;
  height: 0; 
  cursor:pointer; 
  display:inline;  
  text-indent:-9999px; 
  border-left:30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 40px solid #239C3B;
  z-index: 200;
}
.UP:hover {
  border-left:30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 40px solid #ffd000;
}
.WHATS {
  position:fixed;
  right:10px;
  bottom:60px;
  width:90px;
  height: 90px;
  cursor:pointer; 
  display:inline-flex;  
  text-indent:-8888px; 
  z-index: 200;
}
.WHATS:hover{
  border-radius:100px;
  box-shadow: 0 8px 16px 0 rgba(1, 61, 29, 0.187), 0 6px 20px 0 rgba(3, 59, 13, 0.19);
}
.sectionINICIAL a{
  text-decoration: none;
}
.titulos img{
  padding-top: 20px;
  margin: 0 auto;
}
.redes{
  margin: 20px 0px 20px -10px;
}
h2{
  text-align: center;
  font-size: 2em;
  padding-top: 10px;
  color: #000000;
}
h3{
  text-align: center;
  font-size: 1.2em;
  font-style: oblique;
  margin-top: 0px;
  padding-bottom: 20px;
  color: #676766;
}
.banner1{
  width: 100%;
  margin-bottom: 20px;
}
.banner a{
  margin-top: 20px;
  text-decoration: none;
}
.cuadroS{
  margin: 15px;
  background-color: #e7e6e6;
  box-shadow: 3px 3px 3px 1px rgba(10, 10, 10, 0.2);
  display: inline;
  text-align: center;
}
.cuadroS a{
  float: left;
  text-decoration: none;
  font-size: 0.8em;
  color: #000000;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-left: 30px;
}
.cuadroS img{
  width: 100%;
  padding: 10px 0px 10px 0px;
}
.cuadroS span{
  font-weight: bold;
  font-size: 1.3em;
  font-style: oblique;
  margin-top: 10px;
}
.cuadroS span:hover{
  color: #676766;
}
.teleI{
  width: 100%;
  max-width: 93px;
}
.BOTONcatalog{
  display: inline-block;
  padding: 25px;
}
.BOTONcatalog a{
  text-decoration: none;
}
.renglon h2{
 float: right;
 margin-bottom: -25px;
}
.renglon img{
  display: inline-block;
}
.renglon span{
  font-size: 0.8em;
}
.renglon a{
  text-decoration: none;
  color: #676766;
}
.showcase img{
padding: 20px;
}
.descriptionUS{
  margin:0 auto;
  background-color: rgba(173, 173, 173, 0.173);
  box-shadow: 3px 3px 3px 1px rgba(10, 10, 10, 0.2);
  padding: 20px;
}
.articleUS{
  padding: 20px;
}
.articleUS img{
  padding-right: 10px;
}
.articleUS p{
  font-size: 1.1em;
  padding-top: 15px;
  padding-bottom: 10px;
  color: #000000;
}
.IMGnos{
  width: 100%;
  max-width: 450px;
}
.sectionFOOTER{
  background-color: #000000;
  padding: 20px;
}
.info-footer{
  padding: 20px;
  text-align: center;
  color: #e7e6e6;
}
.recuadro{
  padding: 20px 20px 0px 20px;
  border: 2px solid #c1b30c;
}
#enviarEmail{
  margin-top: 20px;
  padding: 5px;
}
#enviarEmail:hover{
  background-color: #c1b30c;
}
.datos{
  padding: 20px;
  text-align: center;
}
.datos a{
  text-decoration: none;
  padding: 10px;
}
.autor{
  background-color: #000000;
  text-align: center;
}
.autor a{
  text-decoration: none;
  color: #adadad;
}
.h6-autor{
  font-size: 0.5em;
}

.article1{
  margin-top: 20px;
  margin-bottom: 30px;
}
.part1,.part2, .part3, .part4, .part6, .part7{
  float: left;
  text-align: center;
  margin: 0 auto;
}
.part2{
  background-color: #adadad;
  box-shadow: 3px 3px 3px 1px rgba(10, 10, 10, 0.2);
  padding: 20px;
}
.part2 h4{
  font-size: 1.7em;
  padding: 10px;
  color: #2a2929;
}
.article2{
  background-color: rgba(247, 230, 154, 0.315);
  box-shadow: 3px 3px 3px 1px rgba(10, 10, 10, 0.2);
  color: #676766;
  margin-bottom: 30px;
}
.part4{
  padding: 20px;
}
.part3{
  padding: 20px;
}
.part3 h4{
  font-size: 1.7em;
  padding: 10px;
  color: #2a2929;
}
.subtit2{
  color: #c1b30c;
  margin-bottom: -20px;
  font-size: 1.2em;
}
.article3{
  background-color: #adadad;
  box-shadow: 3px 3px 3px 1px rgba(10, 10, 10, 0.2);
  padding: 20px;
  margin-bottom: 20px;
}
.part7 h4{
  font-size: 1.7em;
  padding: 10px;
  color: #2a2929;;
}
.article4{
  background-color: rgba(0, 0, 0, 0.638);
  box-shadow: 3px 3px 3px 1px rgba(10, 10, 10, 0.2);
  padding: 20px;
  color: #e7e6e6;
  margin-top: 30px;
}
.article4 h4{
  font-size: 1.5em;
  padding: 10px;
}
.part8 p{
  padding-top: 20px;
  padding-left: 40px;
}
.part8 span{
  font-weight: bolder;
  padding-right: 20px;
}
.part8 img{
  float: right;
  margin-right: 70px;
}
.articleW{
  margin: 20px auto;
  padding: 30px;
}
.articleW h4{
  padding: 20px;
}
.inicioW{
  margin-left: 20px;
}
.inicioW span{
  text-align: center;
  font-weight: bold;
}
h5{
  font-size: 0.9em;
  font-weight: bold;
}
.galeryW{
  margin-bottom: 30px;
}
.galeryW img{
  padding: 20px;
}


.extra{
  display: none;
}
.leerMAS p{
  display: inline;
}
input[type="checkbox"]{
  height: 2em;
  display: block;
  appearance: none;
}
label{
  position: relative;
  padding: 5px;
  background-color: #000000;
  color: #e7e6e6;
  cursor: pointer;
}
label::before{
  content:'Read More';
}
input[type="checkbox"]:checked ~ label::before{
  content: 'Read Less';
}
.dots:has(~ input[type="checkbox"]:checked){
  display: none;
}
.extra:has(~ input[type="checkbox"]:checked){
  display: inline;
}

.extra2{
  display: none;
}
.dots2:has(~ input[type="checkbox"]:checked){
  display: none;
}
.extra2:has(~ input[type="checkbox"]:checked){
  display: inline;
}


.recuadro{
  padding: 20px 20px 0px 20px;
  border: 2px solid #c1b30c;
}
#enviarEmail{
  margin-top: 20px;
  padding: 5px;
}
#enviarEmail:hover{
  background-color: #c1b30c;
}
.datos{
  padding: 20px;
  text-align: center;
}
.datos a{
  text-decoration: none;
  padding: 10px;
}