<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<title>Safira</title>
<meta charset="utf-8">
<STYLE TYPE="text/css">
.menu ul li {background-color: #121d5c; color: white; float: left; width: 200px; height: 40px; display: inline-block; text-align: center; line-height: 40px; font-size: 20px; }
.menu ul li:hover {background-color: #4e65d4;}
.menu ul {padding: 0;}
.menu ul ul{display: none;}
.menu ul li:hover > ul {display: block; }
.acessar {width: 200px; height: 40px; color: white; background-color: #21cfed; font-size: 20px;}
.logo img { border-radius: 100%; background-color: #21cfed; float: left; }
body {background-color: #e4f0f7; }
#cxtexto {width: 75%; position: relative; float: left;}
.safira {width: 40%; border: 1px solid #b50909; margin-left: 2%; padding: 1%; float: left; margin-top: 30px;
background-color: #fff;}
.img {border-radius: 100%; border:double; }
