@charset "UTF-8"; 
@font-face {
  font-family : 'font-nav'; src : url(../fonts/YanoneKaffeesatz-Regular.ttf);
}
@font-face {
  font-family : 'font-card'; src : url(../fonts/Oswald-Bold.ttf);
}
@font-face {
  font-family : 'font-titulo';
  src : url(../fonts/Oswald-Bold.ttf);
} 
html {
  margin: 0;
  padding: 0;
  height: 100%; 
}
body {
  margin-top: 70px;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
h3{color: rgb(105, 105, 105); text-shadow: 0.1em 0.1em 0.2em rgb(169,169,169, 1.0);
  font-family : font-card ; 
  font-size: 1.2rem; 
  letter-spacing: 0.1rem;
  word-spacing: 0.05rem;
}
h4{color: rgb(105, 105, 105); text-shadow: 0.1em 0.1em 0.2em rgb(169,169,169, 1.0);
  font-family : font-card ; 
  font-size: 1.3rem; 
  letter-spacing: 0.05rem;
  word-spacing: 0.05rem;
}
h5{
  color: #1A5276; 
  font-family : font-titulo ; 
  font-size: 1.5rem; 
  letter-spacing: 0.07rem;
  word-spacing: 0.05rem;
}
iframe{
  border-radius: 1rem;
}
#satelital{ 
  background-image: url(../img/meteorologia/img-02.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
#aeronautica{ 
  background-image: url(../img/meteorologia/img-04.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}
/**************************/
/********  class **********/
/*************************/
.navbar-dark .navbar-nav .nav-link {
  color : #FFF;
  font-family : 'font-nav';
  font-size: 2.0rem;
  line-height: 2.0rem;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color : #172531;
}
.nav-item1:hover {
  color: #495057;
  background-color: greenyellow;
  border-color: #dee2e6 #dee2e6 #fff;
  border-radius: 0.55rem;
} 
.nav-item.active1 {
  color: #495057;
  background-color: rgba(0, 82, 196, 0.7);
  border: 1px solid  rgba(255, 255, 255, 0.9);
  border-radius: 8px;
}
.navbar-nav .show > .nav-link,
.navbar-nav .nav-link.active {
  color: #FFD300;

}
.bg-primary {
  background-color :  #3c7bc9;
  box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.5);
} 
.btn-info {
  font-family : 'font-nav';
  font-size: 1.5rem;
  color : #FFFFFF;
}
.bg-snorkel-blue {
  background-color : #e9f5ff !important;
}
.bg-azul {
  background-color : #3c7bc9;
}
.dropdown-item{
  font-family : 'font-nav';
  font-size: 1.5rem;
}
.dropdown-item:hover, .dropdown-item:focus {
  border-color : rgba(34, 34, 34, 0.05);
  /*background-color :  #0d6efd;*/
  background-color: rgb(95, 158, 160);
  transition : all 0.35s;
  font-family : 'font-nav';
  color : #FFFFFF;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-family : 'font-nav';
  font-size: 1.2rem; /* modificado estaba como 0.85 2021-01-10 */
  color: #858796;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid  #172531;
  border-radius: 0.55rem;
} 
.dropdown-menu li {
  position: relative;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 0.25rem 0.25rem 0;
}
.dropdown-submenu:hover .dropdown-menu {
  display: block;
}
.footer-item {background-image: url(../img/meteorologia/e-03-2.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
}
.footer-index {
  background-color:  #3c7bc9;
  color: #fff;
  text-align: center;
}

.copyright {
  background-color: #1a252f;
}

.card {  
  background-color: #fcfbfa;
  /*box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.5);*/
  margin-bottom: 15px;
  border: 2px solid rgba(0, 0, 0, 0.125);
  border-radius: 1rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.9) !important;
}
.card-header {
  font-family: 'font-card2';
  font-size: 1.2rem;
  color :  #f6f4ef;
  text-align: center;
  margin-bottom: 0;
}
.card-title {
  text-align: center;
}
.card-img-top {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.card-img-bottom {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.card-body h5{
  color : #FFF;
  font-family : 'font-card1';
  font-size: 1.3rem;
  line-height: 0.2rem;  
} 

/******************************************/
/*  dispositivos                          */
/******************************************/
@media (min-width: 992px) {
.navbar-dark .navbar-nav .nav-link {font-size: 1.5rem;}
.nav-item.active {
  color: #495057;
  background-color: rgba(0, 82, 196, 0.7);
  border: 1px solid  rgba(255, 255, 255, 0.9);
  border-radius: 8px;
}
.nav-item:hover {
  color: #495057;
  background-color: greenyellow;
  border-color: #dee2e6 #dee2e6 #fff;
  border-radius: 0.55rem;
}
/*
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
right: 100%;
top: -7px;
}
*/
}