* {margin:0;padding:0;font-family:Roboto,arial;text-align:center;box-sizing:border-box;}
*:before, *:after {box-sizing:border-box;}

.div100 {align-items:center;display:inline-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%;}
.div20 {width:20%;margin-bottom:40px;}
.div33 {width:33.33%;}
.div50 {width:50%;}
.div66 {width:66.66%;margin-top:40px;}
.div70 {width:70%;}
img {margin:auto;}
div {margin:auto;}
svg 
{ 
zoom:30%;
display:block;
margin:auto;
}
svg.colombia 
{ 
zoom:50%;
}  
svg.colombia2 
{ 
zoom:40%;
} 
svg.colombia3 
{ 
zoom:20%;
}
svg.colombia4 
{ 
zoom:40%;
}
svg.colombia5 
{ 
zoom:60%;
}
svg.colombia6 
{ 
zoom:70%;
}
@media screen and (max-width:800px) 
{
svg 
{ 
zoom:12%;
}
svg.colombia  
{ 
zoom:28%;
}
svg.colombia2 
{ 
zoom:16%;
} 
svg.colombia3 
{ 
zoom:8%;
}
svg.colombia4 
{ 
zoom:22%;
}
svg.colombia5 
{ 
zoom:36%;
}
svg.colombia6 
{ 
zoom:28%;
}
}
@media screen and (max-width:800px) 
{
.div20, .div33, .div66, .div70
{
width:90%;
}
}
.logo {width:220px;height:96px;display:inline-block;}
img.logos {width:125px;height:70px;display:inline-block;margin:0 auto 10px;}
a {text-decoration:none;color:green;}
a:visited {fill:grey;}
.cerrar {color:black;cursor:pointer;font-size:40px;font-weight:bold;padding:8px;position:absolute;left:20px;top:100px;background-color:transparent;}
div {display:inline-block;vertical-align: text-top;}
h1 {margin:0;padding:20px;display:inline-bock;font-weight:900;color:green;}
p {background-color:AliceBlue;padding:8px;margin:2px 1px;font-size:14px;border:2px solid green;font-weight:300;border-radius: 20px;}
p:hover {cursor:pointer;}
p:active {border:2px solid orange;}
path {stroke:AliceBlue;fill:green;stroke-width:3px;}
path:hover {cursor:pointer;}
.animate 
{
-webkit-animation:animatezoom 0.9s;
animation:animatezoom 0.9s
}
@-webkit-keyframes animatezoom 
{
from {-webkit-transform:scale(0)} 
to {-webkit-transform:scale(1)}
}
@keyframes animatezoom 
{
from {transform:scale(0)} 
to {transform:scale(1)}
}
.accordion {
background-color: #eee;
border: none;
color: #444;
cursor: pointer;
font-size: 15px;
border:1px solid orange;
outline: none;
padding: 18px;
text-align: left;
transition: 0.4s;
width: 100%;
}
.active, .accordion:hover {
background-color: #ccc;
}
.accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
.panel {
padding: 0 18px;
background-color: orange;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
div.encabezado {width:100%;text-align:left;}

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

div.encabezado {text-align:center;}
.cerrar {top:90px;}
}