*
{
margin:0px;
padding:0px;
}

body
{
background-color:black;
}

a
{
color:red;
font-size:1.2em;
font-family:sans-serif;
}

p
{
font-family:arial;
}

.primeraCaja
{
width:100%;
height:100px;	
background-color:red;
}

.LogoOriginal
{
max-width:100%;
height:63px;
padding-top:17px;
}

.textoPrincipalBox
{
color:white;
position: absolute;
left:117px;
top:12px;
font-size:1.4em;
font-family: sans-serif;
}

.menuimg
{
cursor:pointer;
width:30px;
height:30px;  
}

.section
{
width:100%;
color:white;
}

.article
{
width:100%;
}

.article strong
{
color:red;
}

.img-LogoOriginal
{
width:260px;
height:240px;
}

.description-arrays
{
width:100%;
background-color:red;
font-family:sans-serif;
font-size:0.9em;
}

.footer a
{
color:white;
}

.description-footer
{
text-align: center;
padding:10px;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

/**********MENU RESPONSIVE DESIGN*******************************/
.menudiv
{
top:50px;
left:0px;
width:100%;
background-color:#6E1091;
}

#btn-menu
{
  display:none;
}

.menudiv label
{
display:none;
width:30px;
height:30px;
padding:10px;
border-right: 1px solid #fff;
}

.menudiv label:hover
{
  
cursor:pointer; 
background-color:#8C7298;
 
}

.menu ul
{
 margin:0;
 list-style:none;
 padding:0;
 display:flex;
 background-color:#6E1091;
 justify-content:start;
 max-width:1230px;
}

.menu li
{
  border-right:1px solid #fff;
}

.menu li:hover
{
 background-color:#8C7298;
}

.menu li a
{
display:block;
padding:15px 20px;
color:#2EE907;
text-decoration:none;

}

@media(max-width:768px){
  .menudiv label
 {
   display:block;
 }

.menu{
  position: absolute;
  background-color:#6E1091;
  width:70%;
  margin-left:-70%;
  transition:all 0.5s;
  z-index:1;
}

.menu ul{
flex-direction: column;
}

.menu li{
border-top:1px solid #fff;

}

#btn-menu:checked ~ .menu{
margin:0;
}

}

/**********************************/

@media screen and (max-width:2560px)
{
.section
{
color:white;
}

.textoPrincipalBox
{
font-size:1.4em;
}

.article
{
padding-left:900px;
width: 700px;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:1.2em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:370px;
height:200px;
}

.footer
{
width:100%;
height:80px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
}

.footer p
{
color:white;
font-size:0.8em;
font-family:arial;
padding-top:10px;  
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}

@media screen and (max-width:1439px)
{
.section
{
color:white;
}

.textoPrincipalBox
{
font-size:1.4em;
}

.article
{
padding-left:300px;
width:700px;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:1.4em;
line-height:28px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:370px;
height:200px;
}

.footer
{
width:100%;
height:80px;
padding-top: 15px;
background-color:black;
}


.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
}

.footer p
{
color:white;
font-size:0.8em;
font-family:arial;
padding-top:10px;  
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}

@media screen and (max-width:1023px)
{
.section
{
color:white;
}

.textoPrincipalBox
{
font-size:1.4em;
}

.article
{
padding-left:90px;
width:600px;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:1.2em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:370px;
height:200px;
}

.footer
{
width:100%;
height:80px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
}

.footer p
{
color:white;
font-size:0.8em;
font-family:arial;
padding-top:10px;  
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}


@media screen and (max-width:767px)
{
.section
{
color:white;
}

.textoPrincipalBox
{
font-size:1.4em;
}

.article
{
padding-left:0px;
width: 100%;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:0.8em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:100%;
height:210px;
}

.footer
{
width:100%;
height:80px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}

/*SamsungGalaxyS8+*/
@media screen and (max-width:739px)
{
.section
{
color:white;
}

.article
{
padding-left:0px;
width: 100%;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:0.8em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:340px;
height:210px;
}

.footer
{
width:100%;
height:80px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}

/*IphoneSE*/
@media screen and (max-width:666px)
{

.section
{
color:white;
}

.article
{
padding-left:0px;
width: 100%;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:0.8em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:200px;
height:210px;
}

.footer
{
width:100%;
height:80px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}

/*IphoXR*/
@media screen and (max-width:895px)
{

.section
{
color:white;
}

.article
{
padding-left:90px;
width:600px;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:1.2em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:370px;
height:200px;
}

.footer
{
width:100%;
height:80px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
}

.footer p
{
color:white;
font-size:0.8em;
font-family:arial;
padding-top:10px;  
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}

/*SurDuo*/
@media screen and (max-width:719px)
{

.section
{
color:white;
}

.article
{
padding-left:0px;
width: 100%;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:0.8em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:340px;
height:210px;
}

.footer
{
width:100%;
height:80px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}

/*GalaFold*/
@media screen and (max-width:652px)
{

.textoPrincipalBox
{
font-size:1.1em;
}

.section
{
color:white;
}

.article
{
padding-left:0px;
width: 100%;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:0.2em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:270px;
height:255px;
}

.footer
{
width:100%;
height:100px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:1.1em;
font-family:arial;
padding-right:0.2em;
}

.footer p
{
color:white;
font-size:0.1em;
font-family:arial;
padding-top:10px;  
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.2em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}


@media screen and (max-width:569px) 
{

.section
{
color:white;
}

.textoPrincipalBox
{
font-size:1.4em;
}

.article
{
padding-left:0px;
width: 100%;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:0.8em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:320px;
height:160px;
}

.footer
{
width:100%;
height:80px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
padding-right:0.2em;
}

.footer p
{
color:white;
font-size:0.8em;
font-family:arial;
padding-top:10px;  
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}

@media screen and (max-width:424px) 
{

.section
{
color:white;
}

.textoPrincipalBox
{
font-size:1.4em;
}

.article
{
padding-left:0px;
width: 100%;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:0.8em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:320px;
height:160px;
}


.footer
{
width:100%;
height:80px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
padding-right:0.2em;
}

.footer p
{
color:white;
font-size:0.8em;
font-family:arial;
padding-top:10px;  
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}


@media screen and (max-width:374px) 
{

.section
{
color:white;
}

.textoPrincipalBox
{
font-size:1.4em;
}

.article
{
padding-left:0px;
width: 100%;
}

.article strong
{
color:red;
}

.description-article
{
border:1px solid red;
padding:5px;
text-align: center;
font-size:0.8em;
line-height:20px;
font-family:sans-serif;
}

.img-hotcolegialas
{
width:100%;
height:160px;
}

.footer
{
width:100%;
height:94px;
background-color:black;
padding-top: 15px;
}

.footer a
{
color:white;
font-size:0.8em;
font-family:arial;
padding-right:0.2em;
}

.footer p
{
color:white;
font-size:0.8em;
font-family:arial;
padding-top:10px;  
}

.description-footer
{
text-align:center;
padding:10px;
font-size:0.8em;
}

.description-footer a
{
color: white;
text-decoration: none;
background-color: gray;
padding:8px;
}

}