﻿div.aviso {
    position: absolute;
  	width: 220px;
  	height: 220px;
  	right:60px;
  	top:100px;
  	animation-name: example;
	animation-duration: 4s;}

@keyframes example {
  	0%    {top: 600px; right :800px;}
  	25%   {top: 100px; right:60px;}
}
	
div.menu {
	top: 20px;
	font: normal normal bolder 100% arial;
	position: fixed;
	left: 20px;
	z-index: 2;
	font-weight: bolder;
	font-size: x-large;}

div.table {
	table-layout: fixed;}

div.logo {
    position: absolute;
    right: 60px;
	top: 300px;
	z-index:0;}

div.slide {
    position: absolute;
    left: 0px;
	top: 0px;
	z-index:-1;}
	
#SalaComercial-3 {
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 4;
	text-indent: 0px;
	text-align: justify;
	font-size: x-large;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	font-family: Tahoma, Arial , Helvetica, sans-serif;}

div.contato {
	height: 80px;
    width: 100%;
	position: fixed;
    bottom: 20px;
	right: 0;}

#Conteudo {
	position: relative;}

#Inicial {
	border: medium #FF3300 double;
	margin: 10px 10px 10px 10px;
	padding: 5px 20px 20px 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	text-indent: 50px;
	text-align: justify;
	font-size: x-large;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	font-family: Tahoma, Arial , Helvetica, sans-serif;
	width: 93,5%;}
		
#Caixa {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	left: 50px;
	top: 0px;
	text-indent: 10px;
	text-align: justify;
	font-size: x-large;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	font-family: Tahoma, Arial , Helvetica, sans-serif;
	background-color: #FFFFFF;
	vertical-align: middle;
	width: 85%;}

.btn {
  background: #4fb4f7;
  background-image: -webkit-linear-gradient(top, #4fb4f7, #0013e0);
  background-image: -moz-linear-gradient(top, #4fb4f7, #0013e0);
  background-image: -ms-linear-gradient(top, #4fb4f7, #0013e0);
  background-image: -o-linear-gradient(top, #4fb4f7, #0013e0);
  background-image: linear-gradient(to bottom, #4fb4f7, #0013e0);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  -webkit-box-shadow: 3px 3px 2px #000000;
  -moz-box-shadow: 3px 3px 2px #000000;
  box-shadow: 3px 3px 2px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 24px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;}

.btn:hover {
  background: #349fd9;
  background-image: -webkit-linear-gradient(top, #349fd9, #6f94d4);
  background-image: -moz-linear-gradient(top, #349fd9, #6f94d4);
  background-image: -ms-linear-gradient(top, #349fd9, #6f94d4);
  background-image: -o-linear-gradient(top, #349fd9, #6f94d4);
  background-image: linear-gradient(to bottom, #349fd9, #6f94d4);
  text-decoration: none;}

ul.a {
	list-style-type: none;
	list-style-type: square;
	list-style-position: outside;
	padding-left: 20px;
	margin-left: 50px;}
	
ul.b {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 10px;
	margin-left: 20px;}

li span {
  position: relative;
  left: 0px;}

.titulo {
	font-size: xx-large;
	font-weight: bold;
	font-style: italic;
	color: #FF6600;}
	
.sub-titulo {
	font-size: xx-large;
	font-weight: bold;
	font-style: italic;
	color: #000080;
	text-indent: 100;}
		    	
.align-direita {
	vertical-align: top;
	margin-left: 30px;
	margin-right: 30px;
	float: right;}
    
.align-esquerda {
	vertical-align: top;
	margin-left: 30px;
	margin-right: 30px;
	float: left;}
	
IMG.center {
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
	margin-top: 20px;
	width: 80%;}

video {
  float: right;
  margin: 0px 0px 20px 40px;}
	

