body{
	background-image: url("fondo1.gif");
	/*background-size: 100vw 100vh;*/
  background-size: 1440px;
	/*background-size: cover;*/
  /*background-attachment: fixed;*/
  background-repeat: no-repeat;
  background-color: #275075;
	font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;

}


#container {
  position: fixed;
    width:1100px;
}
#mexico{
	/*padding: 0 0 0 0 ;*/
	position: absolute;
	/*width: 100px;*/
	margin-top: 12%;
	margin-left: 65%;
}

#colombia{
  position: absolute;
  margin-top: 36%;
  margin-left: 95%
}

#peru{
	position: absolute;
  margin-top: 47%;
  margin-left: 91%;
}


#mexico img{width: 120px;}
#peru img{width: 120px;}
#colombia img{width: 120px;}

/*#frase{
	width: 600px;
position: absolute;
top: 70%;
left: 48%;
}*/
/*.texto2{
	text-align: center;
	color: #FFFFFF;
	font-size: 20pt;
}
*/
/*#mexico .texto:hover{
		color: #275075;
}*/

.logo{
	display: none;
}
.texto2{
	display: none;
}
.frase{
	display: none;
}
/*display pequeño*/
@media (max-width: 1024px){
  body{
      background-size: 1024px;
  }
  #container {
  position: fixed;
    width:1024px;
    height: 100%
  }
  #mexico{
  /*  position: absolute;
  */  
    margin-top: 10%;
    margin-left: 48%;
  }

  #colombia{
  /*  position: absolute;
  */  margin: 27% 0 0 71%;

  }

  #peru{
  /*  position: absolute;
  */  margin: 36% 0 0 68%;

  }
}
/*Versión móvil*/
@media (max-height: 480px) {
 /*#container{
  width: 100%;
  height: auto;
  position: static;

 }*/

 #mexico{
  top: -3%; 
 }
 #colombia{
  top:-7%;
 }

 #peru{
  top:-10%;
  left: 1%;
 }
}

@media (max-width: 480px) {
  body {      
  	background-image: url("fondo4.gif")!important;
  	/*background-size: 550px;*/
    background-size: 100vw 100vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0% 20%; 
    background-color: #275075;
  }
  #frase{
  	display: inline;
  	position: absolute;
  	top: 30%;
  	left: 5%;	
  }
  .texto2{
  	display: block;
  	font-size: 10pt!important;
    text-align: center;
    color: #FFFFFF;
    font-size: 20pt;
  }
 
  .logo {
  	position: absolute;
  	top: 45%;
  	left: 13%;
  	display: block;
  }
  .logo img{
  	width: 150px;
  }
  #container{
    width: 100%;
    height: 100%;
    position: fixed;
  }
  #mexico{
    position:fixed;
  	
    margin-left: 18%; 
    margin-top: 28%;
  }
  #colombia{
    position:fixed;
   
    margin-top: 80%;
  	margin-left: 73%
  }
  #peru{
    position:fixed; 
    margin-left: 68%;
  	margin-top:105%;
  }
	#mexico img{width: 90px;}
	#peru img{width: 90px;}
	#colombia img{width: 85px;}

}