@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans);


/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
html {
  /*font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;*/
  width: 100% !important;
  
}
body { 
  /*width: 100%;
	margin: 0 auto;
	padding: 0px;
	min-height:100%;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:100%/1.3em;
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%;
  background-color: #E4E3E8;
  background-image: url("../images/FONDO1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 0px 218px;
  color: #848484;
  font-weight: 300;
  overflow-x:hidden;
  max-width: 1600px;*/
  
  width: 100%;
	margin: 0 auto !important;
	padding: 0px;
	background-color: #343434;
  /*background-position: 0px 218px;*/
	height:100%;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	/*font-size:100%/1em;*/
	/*font-size: calc(var(--font-size) * 1em);*/
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	overflow-x:hidden;
	/*max-width: 1600px !important ;*/
}
img{
max-width:100%;
width:auto\9;
height:auto;
vertical-align:middle;
border:0;
-ms-interpolation-mode:bicubic;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
.map {
display: none;
}
#container {
margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}
.imgx {
	margin:0 auto;
		margin-top:8px;
	padding:0;
		  width:auto;
		  max-height:40px;
		  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.logo {
float: left;
width: 80%;
margin: 100px 0 0 10%;
display: flex;
justify-content: center;
align-items: center;
}
.seleccione {
float: left;
width: 50%;
margin: 100px 0 10px 25%;
display: flex;
justify-content: center;
align-items: center;
}
.paiscontainer {
float: left;
width: 100%;
height: auto;
margin: 4px 0 0 0%;
display: block;
justify-content: center;
align-items: center;
}
.pais  {
display: none;
}
.paism {
float: left;
clear: both;
width: 66%;
height: auto;
margin: 20px 0 0 18%;
display: flex;
justify-content: center;
align-items: center;
transition: transform .2s;
}
.paism:hover {
transform: scale(1.1) !important;
}
.ojogrande {
position: absolute;
bottom: 30px;
right: 0px;
max-width: 100px;
}
.footer {
position: absolute;
bottom: 0px;
float: left;
width: 100%;
height: auto;
min-height: 60px;
margin: 220px 0 0 0;
display: block;
background-color: #303030;
}
.logofooter {
position: relative;
clear: both;
float: left;
width: 20%;
margin: 25px 0 0 2%;
display: flex;
justify-content: center;
align-items: center;

}

.txtfooter {
position: relative;
float: left;
clear: none;
width: auto;
margin: 27px 0 10px 4%;
display: block;
text-align: center;
color: #FFF;
font-size: .45em;

}
.txtfooterweb {
display: none;
}
.redesfooter {
position: relative;
float: right;
clear: none;
width: 14%;
margin: 12px 1.6% 0 0;
display: flex;
justify-content: center;
align-items: center;
max-height: 30px;
}
@media only screen and (min-width: 769px) {

body { 
  width: 100%;
	margin: 0 auto;
	padding: 0px;
	min-height:100%;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size:100%/1.3em;
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%;
  background-color: #000000;
  background-image: url("../images/fdowebmapa.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0px 0px;;
  color: #848484;
  font-weight: 300;
  overflow-x:hidden;
  
  }

#container {

	width: 100%;
	max-width: 100% !important;
	padding-left: 0%;
	padding-right: 0%;
	margin: 0 auto;
	}
.map {
display: block;

position: absolute;
top: 0px;
left: 0px;
width: 30%;
height: 680px;
background-image: url("../images/MAPA.png");
  background-repeat: no-repeat;
  background-size: contain;
  
  background-position: left;
}

.imgx {
	margin:0 auto;
		margin-top:8px;
	padding:0;
		  width:auto;
		  max-height:40px;
		  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.logo {
float: left;
width: 100%;
margin: 100px 0 0 0%;
display: flex;
justify-content: center;
align-items: center;
}
.seleccione {
float: left;
width: 100%;
margin: 120px 0 10px 0%;
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
}
.paiscontainer {
float: left;
width: 100%;
height: auto;
margin: 76px 0 0 0%;
display: flex;
justify-content: center;
align-items: center;
}
.paism {
display: none;
}

.pais {
float: left;
clear: none;
width: 160px;
margin: 0px;
display: flex;
justify-content: center;
align-items: center;
transition: transform .2s;
}
.pais img{
max-height: 60px;
}
.pais:hover {
transform: scale(1.06) !important;
}
.ojogrande {
position: absolute;
bottom: 30px;
right: 0px;
max-width: 200px;
}
.footer {
position: absolute;
bottom: 0px !important;
float: left;
width: 100%;
height: auto;
min-height: 40px;

display: block;
background-color: #303030;

}
.logofooter {
position: relative;
clear: both;
float: left;
width: 10%;
margin: 26px 0 0 5%;
display: flex;
justify-content: center;
align-items: center;

}
.txtfooter {
display: none;
}
.txtfooterweb {
position: relative;
float: left;
clear: none;
width: 66%;
margin: 28px 0 20px 3%;
display: block;
text-align: center;
color: #FFF;
}
.redesfooter {
position: relative;
float: right;
clear: none;
width: 5%;
margin: 16px 70px 0 0;
display: flex;
justify-content: center;
align-items: center;
max-height: 40px;

}

}