body {
	background-color: #f3f3f3;
	font-family: "Arial";
}

div#topos {
	background-image: url('../imagens/imagem-topo.png');
    background-repeat: no-repeat;
	background-size: 100%;
    background-position: top; 
	height: 500px;
}

div#Definicao {
	font-size: 25;
	font-style: italic;
	color: #ffc019;
	text-shadow: 0 0 5px #000;
	position: absolute;
	top: 0px;
	
}


div.container-fluid{
	background-color: #333;
	
}

a {
    color: #9d9d9d; 
    text-decoration: none; 
}

a:focus, a:hover{
	color: #FFFFFF; 
    text-decoration: none;
}

.navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
}
.navbar-brand {
	
	float:none;
	padding: 7px 7px !important;
	font-size: 14px !important;

}	

div#corpobranco{
	
	background-image: url('../imagens/free_corpobranco.jpg');
    background-repeat: no-repeat;
    background-position: top; 

	
}

.titleHuge{
	font-size: 30px;
	margin-top: 75px;
}
div.thumbnail{
	height: 250px;
}

span#imgFail{
	display:inline-block;
	background-color: #858585;
	vertical-align: middle;
	height: 35px;
	
}

div#divFail{
	background-color: #fcb716;
	font-size: 12;
}

#img{
	
	position:relative;
	top: 5px;
}

div#arquitetura{
	
	background-image: url('../imagens/arquitetura.png');
    background-repeat: no-repeat;
	 background-size: 100%;
    background-position: top; 	
}

div#funcionalidades{
	background-color: #858585;
	background-image: url('../imagens/imagem-funcionalidades.png');
    background-repeat: no-repeat;
	background-size: 100% 100%;
    background-position: top; 
	color: #FFFFFF;	
}

td {
    height: 40px;
    vertical-align: top;
}

div#funcionalidades table td {
	color: #FFFFFF;
	font-size: 12;
	vertical-align: middle;
	padding: 3px;
	
}

#menuMobile{
	position: fixed;
	float: right;
	width: 90%;
	margin-top: 5px;
	z-index: 1000;
	
}

#tableArquitetura{
	bottom: 450px;
}

#buttonCatalogue{
	background-color: #ffc019; width: 180px; height: 45px; text-shadow: 0 0 5px #000; font-size:22;	
}

.tdFuncionalidades{
	font-size: 12px !important;
}

.tdContacts{
	font-size: 14px !important;
}
@media screen and (min-width: 0px) and (max-width: 460px) {
  #menuMobile { display: block; }  /* show it on small screens */
  #menuNormal { display: none; }  /* hide it on small screens */
  div#Definicao {top: -150px; left:-20px; font-size: 10;}
  #buttonCatalogue{background-color: #ffc019; width: 100px; height: 25px; text-shadow: 0 0 5px #000; font-size:10;}
  #tableArquitetura{margin-top: 200px; margin-left: 300px; font-size:10; width: 270;}
  td{height: 20px;}
  .titleHuge{font-size: 20px; margin-top: 30px;}
  .tdFuncionalidades{font-size: 6px !important;}
  .tdContacts{font-size: 9px !important;}
  div#divFail{font-size: 7px;}
  h6{font-size: 8px !important;}
  div.thumbnail{height: 165px;}
}

@media screen and (min-width: 461px) and (max-width: 765px) {
  #menuMobile { display: block; }  /* show it on small screens */
  #menuNormal { display: none; }  /* hide it on small screens */
  div#Definicao {top: -150px; left:-20px; font-size: 12;}
  #buttonCatalogue{background-color: #ffc019; width: 120px; height: 30px; text-shadow: 0 0 5px #000; font-size:12;}
  #tableArquitetura{margin-top: 285px; margin-left: 300px; font-size:11; width: 270;}
  td{height: 22px;}
  .titleHuge{font-size: 20px; margin-top: 40px;}
  .tdFuncionalidades{font-size: 10px !important;}
  .tdContacts{font-size: 11px !important;}
}

@media screen and (min-width: 766px) and (max-width: 1300px) {
  #menuMobile { display: none; }   /* hide it elsewhere */
  #menuNormal { display: block; }  /* show it on small screens */
  div#Definicao {top:-100px;font-size: 12;left:0px;}
  #buttonCatalogue{background-color: #ffc019; width: 120px; height: 30px; text-shadow: 0 0 5px #000; font-size:12;}
  #tableArquitetura{margin-top: 280px; margin-left: 0px; font-size:11; width: 300;}
  td{height: 22px;}
  .titleHuge{font-size: 20px; margin-top: 73px;}
  .tdFuncionalidades{font-size: 12px !important;}
  .tdContacts{font-size: 12px !important;}
}

@media screen and (min-width: 1301px) and (max-width: 1600px) {
  #menuMobile { display: none; }   /* hide it elsewhere */
  #menuNormal { display: block; }  /* show it on small screens */
  div#Definicao {top:0px;font-size: 25;left:0px;}
  #buttonCatalogue{background-color: #ffc019; width: 180px; height: 45px; text-shadow: 0 0 5px #000; font-size:25;}
   #tableArquitetura{margin-top: 400px; margin-left: 0px;}
   .titleHuge{font-size: 30px; margin-top: 75px;}
   .tdFuncionalidades{font-size: 12px !important;}
   .tdContacts{font-size: 14px !important;}
}

@media screen and (min-width: 1601px) and (max-width: 1800px) {
  #menuMobile { display: none; }   /* hide it elsewhere */
  #menuNormal { display: block; }  /* show it on small screens */
  div#Definicao {top:0px;font-size: 25;left:0px;}
  #buttonCatalogue{background-color: #ffc019; width: 180px; height: 45px; text-shadow: 0 0 5px #000; font-size:25;}
   #tableArquitetura{margin-top: 500px; margin-left: 0px;}
   .titleHuge{font-size: 30px; margin-top: 75px;}
	.tdFuncionalidades{font-size: 12px !important;}
	.tdContacts{font-size: 14px !important;}
}

@media screen and (min-width: 1801px) and (max-width: 2200px) {
  #menuMobile { display: none; }   /* hide it elsewhere */
  #menuNormal { display: block; }  /* show it on small screens */
  div#Definicao {top:100px;font-size: 25;left:100px;}
  #buttonCatalogue{background-color: #ffc019; width: 180px; height: 45px; text-shadow: 0 0 5px #000; font-size:25;}
   #tableArquitetura{margin-top: 600px; margin-left: 100px;}
   .titleHuge{font-size: 30px; margin-top: 75px;}
   .tdFuncionalidades{font-size: 12px !important;}
   .tdContacts{font-size: 14px !important;}
}

@media screen and (min-width: 2201px) and (max-width: 3000px) {
  #menuMobile { display: none; }   /* hide it elsewhere */
  #menuNormal { display: block; }  /* show it on small screens */
  div#Definicao {top:200px;font-size: 25;left:200px;}
  #buttonCatalogue{background-color: #ffc019; width: 180px; height: 45px; text-shadow: 0 0 5px #000; font-size:25;}
  #tableArquitetura{margin-top: 850px; margin-left: 100px;}

  .titleHuge{font-size: 30px; margin-top: 75px;}
  .tdFuncionalidades{font-size: 12px !important;}
  .tdContacts{font-size: 14px !important;}
}


.navbar-toggle{
	margin-top: 0px;
	margin-right: 0px;
	background-color: #ffc019;
}
.navbar-collapse{
	background-color: #333; 
	width: 200px; 
	float: right !important;
	padding: 20px;
	
}

.padding{
	line-height: 200%;
	color: #FFFFFF; 
	font-size: 14px;
}
.navbar-header {
	padding: 0px;

}

.navbar-inverse{
	background-color: transparent;
	border-color: transparent;
	z-index: 200;
	
}
.navbar {
	margin-bottom: 0px;
}

#definicao{
	position: relative;	
	margin-top: 200px;
	margin-left: 100px;
}

#fixa{
 position:fixed; 
 top: 5px; 
 left: 5px;
}

.contact_sendbtn {
  background-color: darkorange;
  border: 1px solid #FFFFFF;
  color: #FFFFFF !important;
  float: left;
  font-size: 18px;
  height: 50px;
  margin-top: 18px;
  outline: medium none;
  text-align: center;
  width: 120px;  
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.cookies-area-warning {
    position: fixed;
    display: none;
    bottom: 0px;
    z-index: 1000;
    color: #fff;
    padding: 20px;
    background-color: rgba(0,0,0,0.8);/*#2E2E2E;*/
    width: 100%;
}

.open-cookies{
    animation-name: pickingCookie
    animation-duration: 1.5s;
    -webkit-animation-name: pickingCookie;
    -webkit-animation-duration: 1.5s;
}

.close-cookies {
    animation-name: hideCookie
    animation-duration: 1.5s;
    -webkit-animation-name: hideCookie;
    -webkit-animation-duration: 1.5s;
}

h3 {margin-top: 37px;}

@keyframes hideCookie {
    0% {bottom: 0px;} 
    100% {bottom: -500px;}
}

@-webkit-keyframes hideCookie {
    0% {bottom: 0px;} 
    100% {bottom: -500px;}
}

@keyframes pickingCookie {
    0% {bottom: -500px;} 
    100% {bottom: 0px;}
}

@-webkit-keyframes pickingCookie {
    0% {bottom: -500px;} 
    100% {bottom: 0px;}
}

.cookies-btn {
    float: right;
    margin-top: 0px;
    height: 40px;
    margin-right: 5%;
}

.cookies-content {
    margin-top: 76px; 
    padding: 37px;
}

.cookies-content > p{
    text-align: justify;
}