*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body{
	
}

.bg-azul{
	background-color: #228DAA;
}

.bg-indigo{
	background-color: #003C4D;
}

.text-azul{
	color: #228DAA;
}
.text-indigo{
	color:  #003C4D;
}

p{
	color: #5B5B5F;
	font-family: 'Roboto', sans-serif;
}

h2{
	color: #003C4D;
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}

h3{
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0;
}

h4{
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	margin: 15px;
	font-size: 20px;
}

h6{
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0;
}

.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}


/* INDEX */

.logo{
	width: 150px;
	display: flex;
	justify-content: left;
}

.menu a{
	font-weight: 600;
	color: #003C4D;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
}

.menu a:hover{
	font-weight: 600;
	color: #9E9E9E;
}

.boton_azul{
	background-color: #228DAA;
	border-radius: 30px 30px 30px 30px;
}

.boton_azul:hover{
	background-color: #003C4D;
}

.boton_blanco{
	border-color:#228DAA;
}

.boton_blanco:hover{
	background-color: #228DAA;
	color:white;
}

.ubi-logo{
	position: relative;
	left: 6%;
}
.ubi-navbar{
	position: relative;
	left: 48.5%;
}

.dist-top{
	position: relative;
	top: 135px;
}

.servicios{
	max-height: 120px;
	max-width: 120px;
	display: flex;
	align-items: center;
	text-decoration: none;
	justify-content: center;
}

.servicios:hover{
	
	box-shadow: 3px 3px 3px rgba(50,100,250,0.9);
}


/* INDEX */
    a:focus, button:focus {
        outline: 2px solid #0056b3;
        outline-offset: 2px;
    }