@font-face {
  font-family: Calibri;
  src: url(fonts/calibri.ttf);
}
@font-face {
  font-family: advbook;
  src: url(fonts/advbook.ttf);
}
@font-face {
  font-family: monospace;
  src: url(fonts/monospace.ttf);
}

body { 
  margin: 0px; 
  padding: 0px; 
  font-family: Calibri;
}


a{text-decoration:none; color white} 

h1 {
  font-family: advbook;
  font-size: 32;
  color: grey;
  text-transform: uppercase;
}

h2 {
  font-family: advbook;
  font-size: 16;
  color: #0B3861;
  font-style: bold;
}

h3 {
  font-family: Calibri;
  font-size: 28;
  color: red;
  text-shadow: 2px 1px grey;
  font-style: italic;
}

h4 {
  font-family: advbook;
  font-size: 18;
  color: grey;
  text-transform: uppercase;
}

h5 {
  font-family: Calibri;
  font-size: 13;
  color: white;
  font-style: normal;
}

h6 {
  font-family: advbook;
  font-size: 18;
  color: #0B3861;
  text-transform: uppercase;
  font-style: bold;
}

h7 {
  font-family: advbook;
  font-size: 19;
  font-style: bold;
}

div.topmenu { 
	width: 1920px;
	background-color: #086A87; 
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: middle;
	font-size: 0;
	line-height: 0;
	td, tr, img  { padding: 0px; margin: 0px; border: none; vertical-align: middle;}
	table { border-collapse: collapse;}	
} 


nav  {
    display: block;
    width: 750px;
    overflow: hidden;
}

nav ul {
    margin: 0 0 0 0;
    padding: 0px;
    float: left;
    list-style: none;

}

nav li {
    float:left;
}

nav a {
    float:left;
    padding: 20px 20px;
    text-decoration: none;
    color: #ffffff;
    font: 'Calibri';
    font-size: 14;
       
 }
 
nav a:hover, nav a:focus {
    outline: 0;
    color: #2EFEF7;

}

nav a:active {
    color: #2EFEF7;
}
 
a.activo {
    color: #2EFEF7;
}

nav_bottom  {
    display: block;
    width: 200px;
    overflow: hidden;
}

nav_bottom ul {
    margin: 0 0 0 0;
    padding: 0px;
    float: left;
    list-style: none;

}

nav_bottom li {
    float:left;
}

nav_bottom a {
    float:left;
    text-decoration: none;
    padding: 10px 10px;
    color: grey;
    font: 'Calibri';
    font-size: 18;
       
 }
 
nav_bottom a:hover, nav a:focus {
    outline: 0;
    color: #2EFEF7;

}

nav_bottom a:active {
    color: #2EFEF7;
}

dd, dt, ul { margin:0px; padding:0px; }
dd { position:relative; }
dd a, dd a:visited { font-size: 15px; font-weight: bold; color:#ffffff; text-decoration:none; outline:none;}
dd a:hover { color:red;}
dt a:hover { font-size: 15px; font-weight: bold; color:#ffffff; border: none; opacity: 1;}
dt a { font-size: 15px; font-weight: bold; color:#ffffff ; url(arrow.png) no-repeat scroll right center; display:block; padding-right:20px; border: none; width:150px; opacity: 0.5;}
dt a span {cursor:pointer; display:block; padding:5px;}
dd ul { background:grey none repeat scroll 0 0; border:none; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;}
span.value { display:none;}
dd ul li a { padding:5px; display:block;}
dd ul li a:hover { background-color:#ffffff;}
img.flag { border:none; vertical-align:middle; margin-left:10px; }
flagvisibility { display:center;}



button {
    background-color:#589EF2;
    border:1px solid #589EF2;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:15px 45px;
    text-decoration:none;

}
button:hover {
    background-color:#0771F0;
    border:1px solid #0771F0;
}
button:active {
    position:relative;
    top:1px;
}


.contenedor-slider {
  margin: auto;
  width: 100%;
  max-width: 1340px;
  height: 70%;
  max-height: 603px;
  position: relative;
  overflow: hidden;
}

.slider {
  display: flex;
  width: 400%;
}

.slider__section {
  width: 100%;
}

.slider__img {
  display: block;
  width: 100%;
  height: 100%;
}

.btn-prev, .btn-next {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  line-height: 40px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  border-radius: 50%;
  font-family: monospace;
  cursor: pointer;
}

.btn-prev:hover, .btn-next:hover {
  background: white;
}

.btn-prev {
  left: 10px;
}

.btn-next {
  right: 10px;
}

.current {
  position: relative;
  width: 100%;
}

#slide1 {
  position: absolute;
  left: 40%;
  bottom: 630px;
  padding: 5px;
  cursor: pointer;
}
#slide2 {
  position: absolute;
  left: 43%;
  bottom: 630px;
  padding: 5px;
  cursor: pointer;
}
#slide3 {
  position: absolute;
  left: 46%;
  bottom: 630px;
  padding: 5px;
  cursor: pointer;
}
#slide4 {
  position: absolute;
  left: 49%;
  bottom: 630px;
  padding: 5px;
  cursor: pointer;
}

#texto-slide1 {
  position: relative;
  bottom: 50%;
  left: 0; 
  z-index: 1;
  left:300px;
  width: 400px;
  height: 300px;
  text-align: left;

}
#texto-slide2 {
  position: relative;
  bottom: 65%;
  left: 0; 
  z-index: 1;
  left:-200px;
  width: 400px;
  height: 300px;
  text-align: left;

}