@charset "utf-8";
/* CSS Document */
  
*{ margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif}
a,body,input,p,ul{color:#000}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none}a,input,p,textarea,ul{font-family:Arial,Helvetica,sans-serif;font-size:12px}body{line-height:normal}table{border-collapse:separate;border-spacing:0}caption{text-align:left;font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}address{font-style:normal}
a{text-decoration:none}
img, iframe, object, embed, video{max-width:100%; height:auto;}
 
.centro{ max-width:960px; width:100%; margin:0 auto; position: relative; }
.clear{ clear:both}
header, figure, section, aside, article, nav, footer {display: block;}


#header{height:63px; background:url(../img/bg/header.jpg) top repeat-x; position:fixed; width:100%; z-index:99999; top:0px;}
 .logo{ margin:9px 0px 0px -30px; text-align:center; padding:10px 0; float:left; background:url(../img/bg/logo.png) no-repeat 0 0; width:381px; height:65px;}

.tt-empresa,
.menu-emp,
.wpaba,
.tt-serv,
.txt-serv,
.tt-clie,
.tt-par,
.tt-cto,
.txt-cto {opacity: 0; position: relative; left: -50px;}
.img-emp {opacity: 0; position: relative; right: -50px;}
.txt-clie,
.txt-par {opacity: 0; position: relative; transform: scale(.7);}
 
/********************** Inicio Menu *******************************/
	
#menu{ height:51px; max-width:100%; width:595px; float: right; right:0px; top:0px; position:absolute; z-index:99;}
#menu ul li{ float:left; height: 51px; position:relative;}
#menu ul li a{ font-size:16px; display: block; height: 51px; padding: 0px 10px; font-family: 'Roboto', sans-serif; line-height: 51px; color:#fff; text-transform: uppercase; } 
#menu ul li a:hover{ background:#0b3c8d; transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s; } 
.sep{background:url(../img/icones/sep.png) no-repeat center; width:2px;}
/* Submenu */
#menu li ul {position: absolute; z-index:99999; top: 50px; left:0px; display: none; width:160px; background:#0c1b2d; margin-left:0px;}
#menu li ul li { height:auto; padding: 5px 5px; background:#0c1b2d; font-family: 'Roboto', Arial, sans-serif; width:160px; }
#menu ul li:hover > ul {display: block; }
#menu li ul li a{height:auto; line-height:20px; display:block; padding: 5px 5px; color:#ecac21; font-family: 'Roboto', Arial, sans-serif; text-transform:capitalize !important; border-bottom:1px dotted #fff}
#menu li ul li:hover{background: #0b3c8d;}
#menu li ul li a:hover{background: #0b3c8d; }
.nobor{border:none !important} 
/********************** Inicio titulos *******************************/ 

.tit{color:#0b2139; font-size:42px; font-family: 'Roboto', Arial, sans-serif; margin-bottom:30px; font-weight:700; padding-left:10px; margin-left:15px;
 border-left:2px solid #f3aa0c;}

/********************** Inicio Conteiner *******************************/
#inicial{height:63px; display:block; width:100%; background:url(../img/bg/header.jpg) top repeat-x;} 

#empresa{background:url(../img/bg/empresa.jpg) repeat-x center top ; height:540px;}
#servicos{background:url(../img/bg/servicos.jpg) repeat-x center top; height:865px;}
#clientes{background:url(../img/bg/clientes.jpg) repeat-x center top; height:540px;}
#parceiros{background:url(../img/bg/parceiros.jpg) repeat-x center top; height:540px;}
#contato{background:url(../img/bg/contato.jpg) repeat-x center top; height:540px;}

#painel-home{float:left; width:100%; clear:both; } 
.conteiner {display:block; width:100%; clear:both; padding-top:130px;}

.conteiner p {line-height: 18px; font-weight:300; font-family: 'Roboto', Arial, sans-serif; font-size:16px; margin-bottom:3%;} 
.conteiner p strong{ font-weight:700; font-family: 'Roboto', Arial, sans-serif;}
	
.conteudo{float:left; width:500px;}
.conteudo2{float:left; width:690px;}

.menu-emp{ float:left; height:45px; margin-bottom:2%; width:100%;}
.menu-emp li{float:left; margin:0 5px;} 
.menu-emp li a{ display: block; padding: 5px 10px; background: #0b3c8d; font-size: 18px; color: #fff; border-radius: 10px;} 

.img-emp{float:right; }
 
.table {display:table;border-collapse:separate; border-spacing:5px;}
.row {display:table-row;} 
	.cell { width:115px; height:115px; min-width:115px; min-height:115px; max-width:115px; max-height:115px; background:#0b3c8d; 
	border:2px solid #fff; border-radius:50%; text-align:center; padding:10px; color:#fff; font-size:14px; font-weight:bold; vertical-align:middle; 
	display: table-cell;/*  text-transform:uppercase; */ font-family: 'Roboto', sans-serif;}
	.cell span{font-weight:normal; font-size:12px;}
	.cell a {color: #fff; display: block; }
	.cell .link-consulte {color: #000; }


.link-consulte{background:url(../img/icones/btn-consulte.jpg) repeat-x top; height:40px; border:1px solid #fcd640; border-radius:5px; color:#0b2139; 
font-size:22px; line-height:40px; text-align:center; font-family: 'Roboto', Arial, sans-serif; font-weight:700; padding:10px; } 

.centralizar{display:block; margin:0 auto; width:500px;}
.parceiro{float:left; margin:10px; background:#fff; text-align:center; height:167px; width:225px; border:1px solid #b0c3b0; border-radius:10px;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.54); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.54); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.54);}

.endereco {clear:both;}
.endereco h3{color:#0b2139; font-family: 'Roboto', Arial, sans-serif; font-size:16px; margin-bottom:5px; font-weight:700;}
.endereco p{margin-bottom:0px;}


.col1 {float: left; width: 48%;}
#servicos .col1 {float: left; width: 100%}
.fr {float: right;}

 
#servicos .list li{width: 42%; display: inline-block; margin: 0 0 0 2%;}
.list li,
.list li a {color: #0b3c8d;font-family: 'Roboto', Arial, sans-serif; font-weight: bold; font-size: 16px;}

.list li a span {font-size: 14px; font-weight: normal;}
.list li {padding: 12px 0 12px 38px; background: url(../img/ico.png) no-repeat 0 11px; border-bottom: 1px dotted #0b3c8d;}
.col1.fr .list li:last-child {background: none; border-bottom: 0;}

/*---------------------- Formulários --------------------*/
#form {width: 485px; float: left; padding: 0px;}
#form label{display: block; float: left; padding: 0 0 14px 0; min-height: 50px; font-family: Arial, sans-serif; }
#form input,#form textarea{background: #fff; border: 1px solid #ecac21; height: 24px; font-size:14px}
#form .lr {float: right;}
#form label span { display: block; padding: 0 0 3px 0; font-size: 16px; color:#0b2139; font-family: 'Roboto', Arial, sans-serif; }
#form input[type=text],#form textarea { padding: 5px; width: 475px; }
#form input[type=email], #form input[type=tel] {width: 220px;  padding: 5px;}
#form textarea{  height:70px;  }
#form input[type=submit]{ cursor:pointer; background:#f3aa0c; color:#0b2139; border:none; font-family: 'Roboto', Arial, sans-serif; 
width: 100px; font-size:16px; height:45px; float:left; text-transform:uppercase; font-weight:300;}
#form input[type=submit]:hover{background:#0b2139; color:#f3aa0c;}

/*Footer Rodapé*/
#footer{ background:#000; height:71px; color:#FFF; padding:18px 0;}

#footer address{ float:left; margin-top:10px; font-family: Arial, sans-serif; font-size:14px;}
#footer address a{color:#fff; font-size:14px;}
.pratica {background: url(../img/pratica.png) no-repeat left top; float:right;height: 19px;width: 65px;}
.autor{ float:right;margin: 37px 0 0 0; font-size:12px; width:173px;}
/********************** Inicio Interna *******************************/
 	.popups {
		max-width: 780px;
		padding: 10px;
		 max-height: 350px;
		 color: #0b3c8d;
		 overflow-y: scroll;
	}
	.popups strong {
		font-size: 16px;
		color: #0b3c8d;
	}
	.popups p {
		font-size: 14px;
		line-height: 18px;
	}

	.popups a {font-size: 14px; color: blue; text-decoration: underline;}

	.slide {float: left; width:100%; /* height: 400px; */ margin: 0; position: relative;}
	.slide li{width: 33%; padding: 1% 0; display: inline-block; text-align: center;}
	/*.slide li img{max-width: 98%; max-height: 150px; display: block; margin: 0 auto; outline: 1px solid rgba(255, 255, 255, 0.25); outline-offset: -5px; }
*/
	.txt {float: right; width: 100%; padding: 0 0 10px;}
	/* .slide img {display: none;} */

.thumbnail {position: relative; width: 200px; height: 200px; overflow: hidden; margin: 0 auto; display: block; border:2px solid #b5cdf3; }
.thumbnail img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.thumbnail img.portrait { height: auto; max-width: 360px;}

.fotos{float: left; width: 100%; padding: 10px; background-color: #fff; margin-top: 90px;}
.fotos li{float: left; width: 15.5%; padding:0 0.5%; background-color: #fff;}
/********************** Classes úteis *******************************/
.vh {visibility: hidden;}

.bt-efeito:hover, .thumbnail img:hover {opacity: 0.80; -moz-opacity: 0.80; -webkit-opacity: 0.80; -o-opacity: 0.80; filter: alpha(opacity=80);}
.visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
p.error {margin: 0; padding: 0;  color: #f00; font-size: 10px;}
#dp_swf_engine {display:none;}
 
 .barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; }
@media only screen and (max-width: 959px) {
	.conteudo{width:55%;}
	.img-emp{width:40%;}
 } 

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 767px) {
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.bgplb {background: url(../img/icones/pull.png) no-repeat right bottom; width: 36px; height: 36px; margin-right: 20px; float: right; padding: 0 40px 0 0;}  
	.off-canvas {left: 0 !important;}
	#menu {background: #0b2139; position: fixed; left: -100%; top: 0;  z-index: 99999; width: 200px; height: 100%; overflow-y: scroll; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #0b3c8d;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1.3em; text-indent: 0px; width: auto; height: auto; line-height: 36px; padding: 0 0 0 10px; }
	#menu li ul {position:relative; width:100%; top:0;} 
	#menu li ul li{border:none !important; width:100%;}
	.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; width: 100%; height: 35px; z-index:99999; background: #16416e; }	
	.barratopo p{color: #fff; position: absolute; z-index: 99999; line-height:35px; right: 60px; font-size:14px;}
	.barratopo span {color: #fff; position: absolute; z-index: 99999; line-height:35px; left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
	#header{top:35px;}
	.logo{display:block; float:none; margin:9px auto 0 auto;}	
	#painel-home{margin-top:35px;}
	.conteiner {padding:15px; width:auto;}
	.conteudo, .conteudo2{width:100%;}
	.img-emp, .fotos{display:none}
	.table{width:100%; display:block}
	.row{display:list-item; width:100%; }
	.cell{float:left; border-radius:0px; height:80px; margin:1%; padding:15px 5px; width:23% !important;}
	#form{width:97%}
	#form textarea, #form label,#form input[type=email], #form input[type=tel], #form input[type=text]{width:100% !important; } 
	#form input[type=submit]{width:100px !important; }	
	#inicial{ background:none;} 

	#empresa{background:#a6d2ed ; height:auto;}
	#servicos{background:#efedbd ; height:auto;}
	#clientes{background:#f4faf8; height:auto;}
	#parceiros{background:#eaf1f7; height:auto;}
	#contato{background:#fdd262; height:auto;}
	#fancybox-overlay {	z-index: 991100 !important;}
	#fancybox-wrap { z-index: 991101 !important;}
	.carousel{width:295px; }
	.owl-prev {background-position: 0 0; left: -37px; }
	.owl-next  {background-position: -37px 0; right: -37px; }
	 #servicos .list li{width: 40%; display: inline-block; margin: 0 0 0 2%;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 550px) {
	.link-consulte, .linone{display:none !important;}
	.centralizar{width:100%;}
	.parceiro{width:45%; margin:2%;}
	.col1 {float: none; width: auto;}
	.slide,
	.txt {float: none; width: auto;}
	.slide {margin: 0 0 20px;}
	#servicos .list li{width: 90%;}
}