*{
    src: url('fonts/HelveticaNowText-Medium.ttf');
    font-style: normal;
    font-weight: normal;
    color:white;
  }

 .icon-bar {
  position: fixed;
  top: 86%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
   z-index: 100;

}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}


.linkedin {
  background: #007bb5;
  color: white;
}


.form {
  background: #008080;
  color: white;
}

.file {
  background: black;
  color: white;
}



.d-block{
    filter: brightness(70%);
     height:40em;
     width: 100%;
}


.SOC{
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 5em ; 
    height: 4em; 
    float: left; 
    background-color:#efefef;
    margin-left:-0.4vw;
}

.card{
    box-shadow: 14px 14px 20px 0 rgba(20, 20, 20, 0.3);
}



.collapse{
    font-weight: bold;
    }
nav.navbar{
    
    position: fixed;
    top:0;
    z-index: 100;
    width:100%;
    background-image: linear-gradient(90deg, #e0e0e0 0 12.5em, #266E81 12.5em 100%) !important;
    border-radius: 4px;
    display: left;
    
}

.logo{
    height: 60px;
    width: 150px;
}
.body{
            background-size: cover;
            overflow-x: hidden;
            
        }

.Servicios{
    box-shadow: 14px 14px 20px 0 rgba(20, 20, 20, 0.3);
    background-color:#008080 !important;
    height: 5.25em;
    width: 99%;
    border-radius: 4px;
}




.derechador2{
    float: left;
    position: relative; 
    height: 30em; 
    width: 50%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0.2%; 
    
}

.derechador3{
    float: right;
    position: relative; 
    height: 30em; 
    width: 50%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 0.2%; 
}

.POR_I{
    float: left;
    height: 21.5em; 
    width: 50%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.POR_D{
    float: right;
    height: 21.5em; 
    width: 50%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}



.SOL_I{
    width: 40%;
    height: 29.7em;
    float: left;
    padding: 0.5%;
    border-top-left-radius: 4px;
    border-bottom-left-radius:4px ;
    box-shadow: 14px 14px 20px 0 rgba(20, 20, 20, 0.3);
}


.SOL_D{
    width: 60%;
    height: 29.7em;
    float: right;
    border-top-right-radius: 4px;
    border-bottom-right-radius:4px ;
    padding: 0.5%;
    box-shadow: 14px 14px 20px 0 rgba(20, 20, 20, 0.3);
}

.txt{
    margin-top: 1em;
    padding-left: 0.5em;
    color: white;
}

.txtB{
    src: url('fonts/HelveticaNowText-Medium.ttf');
    font-style: normal;
    font-weight: normal;
    color: white;
}

.txtN{
    src: url('fonts/HelveticaNowText-Medium.ttf');
    color: black;
        font-style: normal;
    font-weight: normal;}

button a{
    color: black;
}

button a:hover{
    color: black;text-decoration: none;
}

.footer1{
    color: black;
    font-weight: bold;
    background-color:rgb(17, 157, 164);
}

@media screen {
    .dropdown:hover .dropdown-menu,
    .btn-group:hover .dropdown-menu {
    display: block;
    }
    .dropdown-menu {
    margin: auto;
    }
    .dropdown-toggle {
    margin: auto;
    }
    .navbar .dropdown-toggle,
    .nav-tabs .dropdown-toggle {
    margin: auto;
    }
    }

.bajador{
    margin-top: -5em;
    width: 10em;
    height: 9.5em;
    position: relative;
}
.form-control-feedback {

    pointer-events: none;
  }
  
  
  
 .izquierdador{
    width: 50%;
    height: 100%;
    float: left;
    padding: 0.5%;
    border-top-left-radius: 4px;
    border-bottom-left-radius:4px ;
}

.derechador{
    width: 50%;
    height: 100%;
    float: right;
    border-top-right-radius: 4px;
    border-bottom-right-radius:4px ;
}

.minidiv{
    width: 85% ;
    height: 5em;
    border: 6px outset #008080 ;
    padding:5%;
}


.txt{
    margin-top: 1em;
    padding-left: 0.5em;
    color: white;
    font-size:3vw;
}




.VDI_I{
    width: 60%;
    height: 25em;
    float: left;
    padding: 0.5%;
    border-top-left-radius: 4px;
    border-bottom-left-radius:4px ;

}


.VDI_D{
    width: 40%;
    height: 25em;
    float: right;
    border-top-right-radius: 4px;
    border-bottom-right-radius:4px ;
    
}

.PO_I{
    width: 60%;
    height: 28em;
    float: left;
    padding: 0.5%;
    border-top-left-radius: 4px;
    border-bottom-left-radius:4px ;
}

.PO_D{
    width: 40%;
    height: 28em;
    float: right;
    border-top-right-radius: 4px;
    border-bottom-right-radius:4px ;
}

.ISO_I{
    width: 55%;
    height: 34em;
    float: left;
    padding: 0.5%;
    border-top-left-radius: 4px;
    border-bottom-left-radius:4px ;
}

.ISO_D{
    width: 45%;
    height: 34em;
    float: right;
    border-top-right-radius: 4px;
    border-bottom-right-radius:4px ;
}

#contador {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}