﻿html, body {margin:0px; padding:0px; font-family: "Arial", Arial, Tahoma, Verdana; color:#fff; font-size: 12pt; height: 100%; width: 100%;
background: #fff; 
/* background-attachment: fixed;
background-size: 100% auto;
background-position: top center;
background-repeat: no-repeat;*/
letter-spacing: 0px; line-height: 15pt;}
html {/*overflow-y:scroll;*/}
a {text-decoration:none; cursor:pointer; color: #ffc20f; text-decoration: none; font-family: "Arial", Arial, Tahoma, Verdana;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;}
a:hover {text-decoration:none; cursor:pointer; color: #ffc20f; text-decoration: none; font-family: "Arial", Arial, Tahoma, Verdana;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;}
ul, li {padding:0px; margin:0px; float:left; list-style:none; display:block;}
p {margin:0; padding:0;}
form {margin:0; padding:0;}
div, input, input:focus, textarea, textarea:focus, select, select:focus {outline: 0 none;}

/* Scrollers */
.wrapper {position:relative; float:left; height: 100%; width: 100%; overflow: hidden;}
.scroller {position:relative; float:left; height: 100%; width: 100%;}
.scroller ul {position:relative; float:left; height: 100%; overflow:hidden; width:100%;}
.scroller li {position:relative; float:left; height: 100%; width: 100%;}
.dragging {-webkit-user-drag: none!important;}

/* Helpers */

.border {
-o-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.border-top {
-o-border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px;
-webkit-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
}
.border-bottom {
-o-border-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
}

.page {width:100%; height:auto; position:relative; float:left; visibility: hidden;}
.pageSize {position:absolute; top:0px; left:0px; visibility:hidden; width:100%; height:100%;}

.topo{width:100%; background:none; position:relative; float:left;}
.alinhamentoTopo {position:relative; width: 960px; margin:auto; background:none;}

.glow {
	box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
	-moz-box-shadow: 0 0 15px #000;
    filter:progid:DXImageTransform.Microsoft.Glow(Color=#000,Strength=15);
}

.inGlow {
	box-shadow: inset 0 0 5px #666;
	-webkit-box-shadow: inset 0 0 5px #666;
	-moz-box-shadow: inset 0 0 5px #666;
    /*filter:progid:DXImageTransform.Microsoft.Glow(Color=#666,Strength=5);*/
}

.geral {float:left; position:relative; width:100%; background:none;}
.alinhamento{position:relative; width: 960px; background:none; margin:auto; height:100%;}
.alinhamento .interna {position:relative; float:left; width:100%; height:100%;}

section {position:relative; float:left; width:100%; display: block; height: auto;}

section#contato .form {position: relative; float: left; width: 100%; height: auto;}
section#contato .form #formContato {position: relative; float: left; width: 100%; height: auto; margin: 0px 0px;}
section#contato .form .erroCampo {border: 0px solid #032533;}
section#contato .form .erroLabel {}
section#contato .form ul li {width: 100%; float:left; position:relative; margin-bottom: 10px;}
section#contato .form label {width: 100%; float:left; position:relative; font-family: "Arial", Arial, Tahoma, Verdana; color: #032533; font-size: 10pt; margin-bottom: 0px;}
section#contato .form input {width: 388px; height: 20px; padding: 5px 5px; float:left; position: relative; border: 1px solid #032533; background: #fff; font-family: "Arial", Arial, Tahoma, Verdana; color: #032533; font-size: 10pt;}
section#contato .form .textAreaDiv {width: 388px; height: 80px; padding: 5px 5px; float:left; position: relative; background: #fff; border: 1px solid #032533;}
section#contato .form textarea {width: 414px; height: 76px; resize: none; float:left; position:relative; border:0px; background: none; font-family: "Arial", Arial, Tahoma, Verdana; color: #032533; font-size: 10pt;}
section#contato .form .btnEnviarContato {position: relative; float: left; width: 100%;}
section#contato .form .btnEnviarContato input {width: auto; height: auto; float: left; position: relative; padding: 20px 20px; border: 0px; cursor: pointer; background: #fff; font-family: "Arial"; font-size: 10pt; font-weight: normal; color: #032533; text-transform: none;
-webkit-transition: background 0.1s ease-out;
-moz-transition: background 0.1s ease-out;
-o-transition: background 0.1s ease-out;
transition: background 0.1s ease-out;}
section#contato .form .btnEnviarContato input:hover {cursor: pointer; background: #032533; color: #fff; }
section#contato .form .retornoContato {width: 100%; float:left; position:relative; margin: 0px; font-family: "Arial", Arial, Tahoma, Verdana; color: #032533; font-size: 10pt; margin-top: 10px;}
section#contato .form .retornoContato.none {display: none;}
section#contato .form .retornoContato .erro {color: #032533;}
section#contato .form .retornoContato .sucesso {color: #032533;}

section#contato .loadingContato {position:absolute; top:0px; left:0px; width: 100%; height: 100%; z-index:800; display:none;}
section#contato .loadingContato .bg {width:100%; height:100%; position: absolute; z-index: 801;
background: #ccc; opacity: 0.50;*filter: alpha(opacity = 50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
section#contato .loadingContato .conteudo {width:100%; height:100%; position: absolute; z-index: 802;}
section#contato .loadingContato .loadingInterna {width: 60px; height: 60px; margin:auto; margin-top: 35%;}
section#contato .loadingContato .loadingInterna img {width: 60px; height: 60px; margin:auto;}

section#contato .mapa iframe {border:5px solid #032533;}

.rodape{width:100%; background:none; position:relative; float:left; color:#fff;}
.alinhamentoRodape {position:relative; margin:auto; width: 960px; height:100%; background:none;}

h1 {position: relative; float: left; width: 100%; height: auto; font-family: "Arial", Arial, Tahoma, Verdana; font-size: 22pt; line-height: 25pt; margin: 0px; padding: 0px; font-weight: normal;}
h2 {position: relative; float: left; width: 100%; height: auto; font-family: "Arial", Arial, Tahoma, Verdana; font-size: 18pt; line-height: 20pt; margin: 0px; padding: 0px; font-weight: normal;}
h3 {position: relative; float: left; width: 100%; height: auto; font-family: "Arial", Arial, Tahoma, Verdana; font-size: 14pt; line-height: 15pt; margin: 0px; padding: 0px; font-weight: normal;}
h4 {position: relative; float: left; width: 100%; height: auto; font-family: "Arial", Arial, Tahoma, Verdana; font-size: 12pt; line-height: 15pt; margin: 0px; padding: 0px; font-weight: normal;}
h5 {position: relative; float: left; width: 100%; height: auto; font-family: "Arial", Arial, Tahoma, Verdana; font-size: 12pt; line-height: 15pt; margin: 0px; padding: 0px; font-weight: normal;}
hr {position: relative; float: left; height:1px; background:#000; width:100%; border:0;}

.divLB {float:left; position:relative; background:#fff; padding:15px;}

.loadingGeral {position:fixed; top:0px; left:0px; width: 100%; height: 100%; z-index:997; display:none;}
.loadingGeral .bg {width:100%; height:100%; position: fixed; z-index: 998;
background: #fff; opacity: 1;*filter: alpha(opacity = 100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.loadingGeral .conteudo {width:100%; height:100%; position: fixed; z-index: 999;}
.loadingGeral .loadingInterna {width: 32px; height: 32px; margin:auto; margin-top: 20%;}
.loadingGeral .loadingInterna img {width: 32px; height: 32px; margin:auto;}

.divLoading {opacity: 0.95;*filter: alpha(opacity = 95); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; background:#fff; position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2; display:none;}
.divLoading .interna {position:relative; float:left; width:100%; height:100%;}
.divLoading .interna img {position:relative; float:left; margin-left: 220px; margin-top: 45%;}

.assinaturas {position:absolute; bottom:0px; right:0px; z-index:750; width: 45px; height: 11px; visibility: visible!important;
opacity: 0.25;*filter: alpha(opacity = 25); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
/* Firefox */
-moz-transition-property: opacity;
-moz-transition-duration: 0.5s;
-moz-transition-delay: 0s;
/* WebKit */
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.5s;
-webkit-transition-delay: 0s;
/* Opera */
-o-transition-property: opacity;
-o-transition-duration: 0.5s;
-o-transition-delay: 0s;
/* Standard */
transition-property: opacity;
transition-duration: 0.5s;
transition-delay: 0s;}
.assinaturas:hover {
opacity: 1;*filter: alpha(opacity = 100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.assinaturas ul {position:relative; float:left; width:100%; }
.assinaturas ul .signUzzye {position:relative; float:left; width:45px; height:11px; background:url(images/assinaturas.png) no-repeat top left; background-position:0px 0px;}
/* .assinaturas ul .signOrca {position:relative; float:left; width:45px; height:15px; background:url(images/assinaturas.png) no-repeat top left; background-position:-45px 0px; margin-left:5px;} */

.loadie {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	width: 0;
	height: 4px;
	z-index: 999999;
	-webkit-transition: width 0.1s ease-out;
	/*box-shadow: 0px 1px 5px rgba(0,0,0,0.25);*/
	box-shadow: 0px;
}

/*filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
/*filter: gray; /* IE6-9 */
/*-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
/*To disable grayscale on hover you can use:-
section .listaEmp .itEmp .imagem img:hover {
    filter: none;
    -webkit-filter: grayscale(0);*/
    
/* MOBILE */

/* geral */
@media screen and (max-device-width: 768px), screen and (max-width: 768px) {
	
}

/* somente smartphones */
@media screen and (max-device-width: 768px) {

}