@charset “utf-8″;
/* CSS Document */

*{
	margin: 0 auto;
	padding:0; 
	border:0;
}
@font-face {
     font-family: Saira;
     src: url('Saira');
}
body{
    width: 100%;
	height: 100%;
	font-family:  Saira, Geneva, sans-serif;
	font-size: 19px
	
}

#container {

    height: 1700px;
	width: 1360px;
	border: none;
	position: absolute;
	background-color: none;
	margin-top:0px;
	margin-left: 0px;

}

#topo {
	width: 1360px;
	height: 160px;
	background-color: #ffffff;
	position: fixed;
	margin-top: -5px;
	margin-left: 10 px;
	color: #69eef0;

	
}
#logo{
	width: 231px;
	height:101px;
	position: absolute;
	border: none;
	margin-top: 36px;
	margin-left: 53px;
}
#telefone {
	width:40px;
	height: 40px;
	position: absolute;
	border: none;
	margin-left: 295px;
	margin-top: -107px;
	position: relative;
}
#fone {
	width:130px;
	height: 28px;
	position: absolute;
	border: none;
	margin-top: -35px;
	margin-left: 345px;
	font-family: Saira, Geneva, sans-serif;
	color: #0077b7;
	font-size: 18px;
}
#wats {
	width: 40px;
	height: 40px;
	position: relative;
	border: none;
	margin-top: -40px;
	margin-left: 1002px;
}
#face {
	width: 40px;
	height: 40px;
	position: relative;
	border: none;
	margin-top: -40px;
	margin-left: 1055px;
}
#ista {
	width: 40px;
	height: 40px;
	position: relative;
	border: none;
	margin-top: -39px;
	margin-left: 1110px;
}

*{margin: 0; padding: 0;}

body{
	font-family:  Saira, Geneva, sans-serif;
	font-size: 19px;
	
}

.menu{
	width:720px; /* Largura do Menu,*/
	height:40px; /* Altura do Menu */
	list-style:none; 
	border: none;
	position: absolute;
	margin-left: 455px;
	margin-top: 37px;	
}
.menu li{
	position:relative; 
	float:left; 
	border-right:none; 
}
.menu li a{color:#0077b7; text-decoration:none; padding:7px 15px; display:block;}

.menu li a:hover{
	background:#cd2131; 
	color:#fff; 
	-moz-box-shadow:0 3px 10px 0 #CCC; 
	-webkit-box-shadow:0 3px 10px 0 #ccc; 
	text-shadow:0px 0px 5px #fff; 
}
.menu li  ul{
	position:absolute; 
	top:43px; 
	left:0;
	background-color:#fff; 
	display:none;
}	
.menu li:hover ul, .menu li.over ul{display:block;}
.menu li ul li{
	border:1px solid #c0c0c0; 
	display:block; 
	width:160px;
}
/*-----------------------------fim topo--------------------------*/

#parte1 {
	width: 1360px;
	height: 300px;
	position: float;
	border: none;
	margin-top: 150px;
	margin-left: -0px;
}
h5{
	margin-top: -20px;
	margin-left: 10px;
	font-family: font-family:  Saira, Geneva, sans-serif;
	font-size: 18px;
	color: #0077b7;
	border:none;
}
#pagina {
	width: 430px;
	height: 40px;
	position: float;
	border: none;
	font-size: regular;
	margin-left: 138px;
	margin-top: 40px;
	font-size: 1.2em;
	color: #0077b7;
}
.vertical-menu {
    width: 200px;
	margin-left: 145px;
	border: none;
	border-radius: 10px 10px 10px 10px;
	}
	

.vertical-menu a {
	font-family: font-family:  Saira, Geneva, sans-serif;
	font-size: 15px;
    background-color: #eee;
    color: #0077b7;
    display: block;
    padding: 12px;
    text-decoration: none;
	border-radius: 10px 10px 0px 0px;

}

.vertical-menu a:hover {
    background-color: #ccc;
	
}

.vertical-menu a.active {
    background-color: #0077b7;
    color: white;
	
}

#box2 {
	width: 250px;
	height: 250px;
	
	position: float;
	margin-top: -145px;
	margin-left: 380px;
}
#box3 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: -250px;
	margin-left: 660px;
}
#box4 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: -250px;
	margin-left: 940px;
}
#box5 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: 30px;
	margin-left: 380px;
}
#box6 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: -250px;
	margin-left: 660px;
}

#box7 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: -250px;
	margin-left: 940px;
}
#box8 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: 30px;
	margin-left: 380px;
}
#box9 {
	width: 250px;
	height: -250px;
	position: float;
	margin-top: -250px;
	margin-left: 660px;
}
#box10 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top:-260px;
	margin-left: 940px;
}
#box11 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: 30px;
	margin-left: 380px;
}
#box12 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: -250px;
	margin-left: 660px;
}
#box13 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: -250px;
	margin-left: 940px;
}
#box14 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: -250px;
	margin-left: 660px;
}
#box15 {
	width: 250px;
	height: 250px;
	position: float;
	margin-top: -250px;
	margin-left: 940px;
}
#como_comprar {
	width: 250px;
	height: 50px;
	position: float;
	margin-top: 30px;
	margin-left: 660px;
}
#fechamento {
	width: 820px;
	height: 174px;
	position: float;
	margin-top: 30px;
	margin-left: 380px;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 15px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 59; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #055e91; /* Set a background color */
	font-family: Saira, Geneva, sans-serif;
	font-size: 12px;
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding:10px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #cd2131; /* Add a dark-grey background on hover */
}


#rodape {
	width: 1360px;
	height: 90px;
	background-color: #2c8ccb;
	margin-top: 85px;
	font-family: Saira, Geneva, sans-serif;
	color: #000;
	
}
h6{
	width: 500px;
	height: 50px;
	position: float;
	margin-left: 460px;
	padding-top: 38px;
	font-family: Saira, Geneva, sans-serif;
	font-size: 14px;
	color:  #ffffff;
	
}
#adesign{
	width: 77px;
	height: 27px;
	position: float;
	margin-top: -70px;
	margin-left: 45px;
	padding-top: 18px;
}