*{margin:0; padding:0; border:0;}
body{ background-color: #FFFFFF; width: 100%; height: auto;}
html{ overflow-x: hidden;}

/* GERAIS */
a:link, a:visited, a:hover{ color:#FFFFFF; text-decoration:none;}
.clearfix{ float:none;  clear:both;}
#wrap{ margin-top: 0px; width:100%; height: auto;}
.util{ width:1000px; height:auto; margin:0 auto;}
.titulo{font-family: Arial; font-size: 30px; color: #1D1D1B; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; height: 120px;}
.titulo2{font-family: Arial; font-size: 30px; color: #1D1D1B; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; float: left; width: 500px; height: 100px;}
.titulo3{font-family: Arial; font-size: 30px; color: #1D1D1B; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; float: left; width: 500px; height: 100px; /*margin-left: 200px*/;}
.titulo4{font-family: Arial; font-size: 30px; color: #1D1D1B; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; float: right; text-align: right; width: 500px; height: 100px; /*margin-right: 200px;*/}
.titulo5{font-family: Arial; font-size: 24px; color: #1D1D1B; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; height: 120px;}

.icone{width: 28px; height: 28px; float: right; margin-top: 35px; cursor: pointer;}
.txt2{font-family: arial; color: #555555; font-size: 13px; text-align: left;}
#clientes, #cases, #instagram, #contato, #blog{padding-bottom: 60px;}
.animacao{-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}


/* GERAIS */

/* MSG */
#msgalerta{width:100%; height:130px; text-align: center; font-family: 'Arial'; font-size: 24px; letter-spacing: -1px; color:#000000; overflow:hidden;}
#msgalerta img{padding:14px;}
#tmsg{margin-top:-5px;}
/*MSG*/
/* SCROLL TOP */
#btn-dinamic {overflow: hidden; width: auto; z-index: 5000; position: fixed; bottom: 8px; right: 8px; top: auto; left: auto; cursor:pointer;}
#btn-dinamic span { display: block; overflow: hidden; width: 35px; height: 35px; border: 2px #ffffff solid; background: url(../imagens/seta.png) no-repeat center center; background-color: #1D1D1B; margin-right: 15px; -webkit-border-radius: 90px; -moz-border-radius: 90px; border-radius: 90px;}
/* SCROLL TOP */

/*TOPO*/
.topo{width: 2000px; height: 90px; background-color: #FFFFFF; opacity: 1 ; left: 50%; margin-left: -1000px; position: fixed; z-index: 2000; -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1); }
.logomarca_template{width: 136px; height: 58px; background: url(../area/img/cust_geral/846270cc6c73755011e3207ced458ff1.jpg) no-repeat; position:fixed; opacity:1; z-index: 2002; margin: 16px 0px; cursor: pointer; }
ul.menu{width: 1000px; height: 90px; z-index: 2001; position:fixed; opacity:1;   }
ul.menu li{list-style: none; float: right; font-family: arial; font-size: 17px; color: #1D1D1B; font-weight: bold; line-height: 90px; padding: 0px 12px; cursor: pointer; margin-right: 1px;}
ul.menu li.ativo, ul.menu li:hover{background-color: #ECEBE9;}
/*TOPO*/

/*TOPO CELL*/
.topo2 { width: 100%; height: 90px; background-color: #FFFFFF; opacity: 1 ; position: fixed; z-index: 2001; display: none; }
.topo2 .iconemenu { width: 38px; height: 34px; background: url(../imagens/menucell.png) no-repeat; float: right; margin-top: 28px; cursor: pointer;}
.topo2 .iconemenu:hover { background: url(../imagens/menuativo.png) no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.topo2 .logomarca_template { width: 136px; height: 58px; background: url(../area/img/cust_geral/846270cc6c73755011e3207ced458ff1.jpg) no-repeat; float: left; margin: 16px 0px; cursor: pointer;}
.topo2 ul.menu2 { width: 100%; height: auto; float: right; margin-top: 20px; display: none;}
.topo2 ul.menu2 li { background-color: #FFFFFF; border-top: 1px solid #FFFFFF; list-style: none; font-family: arial; font-size: 17px; color: #1D1D1B; text-align: center; font-weight: bold; line-height: 35px; padding: 0px 0px; cursor: pointer; margin-right: 1px; width:100%; }
.topo2 ul.menu2 li.ativo, .topo2 ul.menu2 li:hover { background-color: #ECEBE9; color: #1D1D1B; border-top: 1px solid #0c67b6;}
/*TOPO CELL*/

/*RODAPE*/
.rodape{width: 100%; min-height: 120px; height: auto; background-color: #FFFFFF; bottom: 0px; left: 0px; position: relative; z-index: 2000; display: block;}
.rodape .info{float: left; margin: 25px 0 0;}
.rodape .info h1{font-family: Arial; font-size: 30px; color: #1D1D1B; font-weight: bold; letter-spacing: -1px;}
.rodape .info p{font-family: Arial; font-size: 14px; color: #1D1D1B; font-weight: bold; letter-spacing: -1px;}
.rodape .redes{width: auto; float: left; margin: 0 auto; position: absolute; left: 50%; }
.rodape .redes img{width: 28px; height: 28px; float: left; margin: 46px 5px;}
.rodape .redes img:hover{margin-top: 40px;}
.rodape .logomarca_dlxtecnologia{width: 100px; height: 100px; background: url(../area/img/cust_geral/45be720985dc2a26c7cb6e9f18d35074.png) no-repeat center center; float: right; margin: 10px 0px;}
.rodape .logomarca_dlxtecnologia:hover{margin-right: -5px;}
.direitos{width: 100%; height: 50px;}
.direitos p{font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-align: center; line-height: 50px; letter-spacing: -1px;}
#mascara-c {width: 100%; height: 290px; position: absolute; display: block; background: url(../imagens/loading.gif) no-repeat center center #e6e6e6; z-index: 100; margin-top: 90px;}

/* POPUP */
#fechar { z-index:100002; position:fixed; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 3px solid #d5d5d5; overflow: hidden; }
#mascara { position:fixed; width:100%; min-height: 100%; left: 0; top: 0; z-index:100001; background-color: #FFFFFF; opacity: 0.83; }
/*RODAPE*/

@media screen and (max-width: 1020px) {
	.util{width: 700px;}
	.topo{display: none;}
	.topo2{display: block;}
}
@media screen and (max-width: 980px) {
	.titulo3{width: auto;}
	.titulo4{width: auto;}
}
@media screen and (max-width: 700px) {
	.util{width: 94%; margin: 0 3%;}
	.rodape{min-height: 200px;}
	.rodape .redes{ margin-top: 90px; }
}
@media screen and (max-width: 640px) {
	#mascara, #fechar, #pop, #pop img { width: 0px; height: 1px; top: 0; left: 0; overflow: hidden; }
	.util{width: 500px;}
	.titulo2{font-family: Arial; font-size: 30px; color: #0c67b6; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; float: left; width: auto; height: 100px;}
	.rodape .logomarca_dlxtecnologia{width: 100px; height: 100px; background: url(../area/img/cust_geral/45be720985dc2a26c7cb6e9f18d35074.png) no-repeat center center; position:absolute; right:10px; margin: 10px 0px;}
}
@media screen and (max-width: 480px) {
	.util{width: 300px; margin: 0 auto; }
	.titulo2{font-family: Arial; font-size: 30px; color: #0c67b6; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; float: left; width: auto; height: 100px;}
	.titulo3{width: 85%; float: left; text-align: left;}
	.titulo4{display: none;}
	.rodape .info{margin: 15px 0px; width: 100%; text-align: left; position:absolute; left:10px;}
	.rodape .redes img{margin: 30px 5px 0px 5px;}
	.rodape .redes img:hover{margin-top: 0px;}
}
@media screen and (max-width: 360px) {
	.util{width: 300px; margin: 0 auto; }
	.titulo2{font-family: Arial; font-size: 30px; color: #0c67b6; text-align: left; line-height: 120px; font-weight: bold; letter-spacing: -1px; float: left; width: auto; height: 100px;}
	.titulo3{width: 85%; float: left; text-align: left;}
	.titulo4{display: none;}
	.rodape .info{margin: 15px 0px; width: 100%; text-align: left; position:absolute; left:10px;}
	.rodape .redes img{margin: 30px 5px 0px 5px;}
	.rodape .redes img:hover{margin-top: 0px;}
}