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

body
{
background-color:black;

}

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

table
{
color:white;

}

table td
{
display: inline-block;
}

td
{
border:1px solid white;
padding:38px;
width:266px;
height:235px;
text-align:center;
}

p
{
color:white;
font-size:1.4em;
line-height:22px;
font-family:sans-serif;
}

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

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

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


.footer a
{
color:white;
}

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


hr
{
color:red;
}

/**********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:2559px)
{
h1
{
color:red;
font-size:1.2em;
font-family:sans-serif;
}

p
{
color:white;
font-size:1.2em;
line-height:18px;
font-family:sans-serif;
}

.menuTable
{
background-color:black;
width:100%;
text-align:center;
}

.menuTable a
{ 
align-content: center;
text-decoration:none;
color:red;  
padding:6px;
background-color:white;
display:inline-block;
}

table
{
color:white;
padding:0px;
}

table td
{
display: inline-block;
}

td
{
border: 1px solid white;
padding:8px;
width:221px;
height:235px;
}

table iframe
{
width:100%;
height:166px;
}

.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;  
}

}

@media screen and (max-width:1439px)
{
h1
{
color:red;
font-size:1.2em;
font-family:sans-serif;
}

p
{
color:white;
font-size:1.2em;
line-height:18px;
font-family:sans-serif;
}

.menuTable
{
background-color:black;
width:100%;
text-align:center;
}

.menuTable a
{ 
align-content: center;
text-decoration:none;
color:red;  
padding:6px;
background-color:white;
display:inline-block;
}

table
{
color:white;
padding:0px;
}

table td
{
display: inline-block;
}

td
{
border: 1px solid white;
padding:8px;
width:205px;
height:235px;
}

table iframe
{
width:100%;
height:166px;
}

.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;  
}

}


@media screen and (max-width:1023px)
{
h1
{
color:red;
font-size:0.8em;
font-family:sans-serif;
}

p
{
color:white;
font-size:0.8em;
line-height:12px;
font-family:sans-serif;
}

.menuTable
{
background-color:black;
width:100%;
text-align:center;
}

.menuTable a
{
align-content: center;
text-decoration:none;
color:red; 
padding:6px;
background-color:white;
display:inline-block;
}

table
{
color:white;
padding:0px;
}

table td
{
display: inline-block;
}

td
{
border: 1px solid white;
padding:8px;
width:173px;
height:270px;
}

table iframe
{
width:100%;
height:166px;
}

.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;  
}

}

@media screen and (max-width:767px)
{
h1
{
color:red;
font-size:0.7em;
font-family:sans-serif;
}

p
{
color:white;
font-size:0.7em;
line-height:10px;
font-family:sans-serif;
}

.menuTable
{
background-color:black;
width:100%;
text-align:center;
}

.menuTable a
{ 
align-content: center;
text-decoration:none;
color:red;  
padding:6px;
background-color:white;
display:inline-block;
}

table
{
color:white;
padding:0px;
}

table td
{
display: inline-block;
}

td
{
border: 1px solid white;
padding:8px;
width:192px;
height:252px;
}

table iframe
{
width:100%;
height:166px;
}

.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;  
}

}

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

h1
{
color:red;
font-size:0.7em;
font-family:sans-serif;
}

p
{
color:white;
font-size:0.7em;
line-height:10px;
font-family:sans-serif;
}

.menuTable
{
background-color:black;
width:100%;
text-align:center;
}

.menuTable a
{
align-content: center;
text-decoration:none;
color:red;
padding:6px;
background-color:white;
display:inline-block;
}

table
{
color:white;
padding:0px;
}

table td
{
display:inline-block;
}

td
{
border:1px solid white;
padding:8px;
width:167px;
height:239px;
}

table iframe
{
width:100%;
height:156px;
}

.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;  
}


}


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

h1
{
color:red;
font-size:0.6em;
font-family:sans-serif;
}

p
{
color:white;
font-size:0.6em;
line-height:10px;
font-family:sans-serif;
}

.menuTable
{
background-color:black;
width:100%;
text-align:center;
}

.menuTable a
{
align-content: center;
text-decoration:none;
color:red; 
padding:6px;
background-color:white;
display:inline-block;
}

table
{
color:white;
padding:0px;
}

table td
{
display: inline-block;
}

td
{
border:1px solid white;
padding:8px;
width:140px;
height:265px;
}

table iframe
{
width:100%;
height:156px;
}

.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;  
}

}