@import "config.css";


.titulos {width:100%; height:auto; margin-bottom:30px; text-transform:uppercase;}
.titulos h3 {font-size:36px; line-height:46px; color:#303674; font-weight:700;}
.titulos h4 {font-size:18px; color:#989898; font-weight:300;}


/* TOPO */
#barra_topo {width:100%; height:60px; line-height:60px; left:0; top:0; position:absolute; z-index:999;}	
#links_topo {float:left; color:#fff;}
#links_topo a {color:#fff;}
#links_topo span {display:inline-block; margin-right:15px;}
#redes_socias_topo {float:right;}
#redes_socias_topo a {color:#fff; font-size:16px; padding:0 10px;}

#banner {width:100%; height:auto; overflow:auto}


/* BG */
#bg_topo {width:100%; height:auto; min-height:600px; padding:250px 0 100px 0; background:url("../imagens/bg_fundo.jpg") center no-repeat; background-size:cover; text-align:center; color:#fff;}

#bg_topo h1 {font-size:50px; line-height:60px;}
#bg_topo p {max-width:500px; margin:20px auto; font-size:16px;}

#bg_topo a {display:inline-block; padding:20px 40px; color:#fff; margin:10px; transition:.5s;}
#bg_topo a:first-child {border:1px solid #fff;}
#bg_topo a:last-child {border:1px solid #0093db; background:#0093db;}
#bg_topo a:hover {border:1px solid #fff; background:#fff; color:#0093db;}


/* SOBRE */
#sobre {width:100%; height:auto; padding:70px 0; overflow:auto;}

#img_sobre {float:left; width:40%; text-align:center;}

#texto_sobre {float:right; width:55%; height:auto;}
#texto_sobre p {color:#484848; font-size:16px;}
.box_valores {width:30.333%; height:auto; text-align:center; float:left; margin-right:4.5%;}
.box_valores:last-child {margin-right:0;}
.box_valores h3 {font-weight:700; color:#555; font-size:18px; margin-top:40px;}
.box_valores i {color:#303674; font-size:22px;}
.box_valores p {font-size:14px!important;}

.btn_sobre {font-size:18px; color:#0491e0; border:1px solid #0491e0; display:block; padding:22px; max-width:350px; text-align:center; margin-top:30px; transition:.5s;}
.btn_sobre:hover {background:#0491e0; color:#fff;}



/* ESTRUTURA */
#estrutura {width:100%; height:auto; padding:70px 0; overflow:auto;}
.p_estrutura {float:right; width:45%; margin-top:-90px; font-size:16px; color:#555;}


/* SERVIÇOS */
#servicos {width:100%; height:auto; padding:70px 0; overflow:auto;}
#img_servicos {width:45%; height:auto; position:absolute; left:0; float:left;}
#texto_servicos {float:right; width:50%; height:auto; margin-top:70px;}
.box_text_servico {width:50%; height:auto; min-height:120px; margin:1% 0; float:left; overflow:auto;}
.box_text_servico span {width:70%; height:auto; float:right; display:block;}
.box_text_servico h2 {font-size:18px; font-weight:700; color:#0491e0;}
.box_text_servico p {width:90%; line-height:18px; margin:0;}
.box_text_servico i {width:25%; height:70px; border-radius:2px; float:left; line-height:70px; font-size:30px; text-align:center; background:#303674; color:#fff;}



/* CLIENTES */
#links_cliente {float:right; width:100%; max-width:400px; margin-top:-90px;}
#links_cliente a {display:block; width:48%; padding:20px; text-align:center; transition:.5s; font-size:16px; font-weight:700;}
#links_cliente a:first-child {border:1px solid #0093db; background:#0093db; color:#fff; float:left;}
#links_cliente a:last-child {border:1px solid #ccc; color:#555; float:right;}


#clientes {width:100%; height:auto; padding:90px 0; overflow:auto;}
.capa_logo_cliente {width:90%; height:140px; margin:10px auto 20px auto; position:relative; border-radius:5px; background:#fff; text-align:center; overflow:hidden; border:1px solid #eee;
-webkit-box-shadow:0px 5px 20px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:   0px 5px 20px 0px rgba(50, 50, 50, 0.05);
box-shadow:        0px 5px 20px 0px rgba(50, 50, 50, 0.05);
}
.capa_logo_cliente img {position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; max-width:130px!important;}


/* CARGA */
#bg_carga {width:100%; min-height:220px; /* background:#0079d6; */ background:url("../imagens/bg_carga2.jpg") repeat-y; background-size:cover;}

#img_carga {float:left; width:40%;}
#img_carga img {margin-bottom:-7px;}
#texto_carga {float:right; width:60%; height:auto; color:#fff; margin:40px 0;}
#texto_carga span {display:block; width:50%; height:auto; float:left;}
#texto_carga h3 {font-size:30px; line-height:40px; font-weight:700;}
#texto_carga p {margin:0; font-size:16px;}

#texto_carga a {display:block; width:40%;float:right; height:auto; text-align:center; color:#fff; border:1px solid #fff; padding:20px; font-size:16px; font-weight:700; margin-top:20px; transition:.5s;}

#texto_carga a:hover {background:#2dd264;}


/* MAP */
#map {width:100%; height:650px; overflow:hidden; position:relative;}

#links_map {width:100px; height:auto; position:absolute; z-index:99; right:100px; top:80px;} 
#links_map a {display:block; width:70px; height:70px; line-height:70px; border-radius:70px; color:#fff; background:#303674; margin:15px auto; font-size:35px; text-align:center;}


/* FOOTER */
#footer {width:100%; height:auto; overflow:auto; padding:50px 0; border-bottom:1px solid #eee; background:#fff;}
#sobre_footer {float:left; width:30%; height:auto; color:#555;}
#ct_right_footer {float:right; width:65%; height:auto;}

.boxs_footer {float:left; width:25%; height:auto; color:#fff;}
.boxs_footer h3 {display:block; font-size:16px; color:#484848; text-transform:uppercase; font-weight:700; margin-bottom:15px;}
.boxs_footer ul {margin:0; padding:0; list-style:none;}
.boxs_footer li {display:block;}
.boxs_footer a {display:block; color:#9b9b9b; padding:5px 0; font-size:15px;}
.boxs_footer a:hover {text-decoration:underline;}

#r_sociais_footer {width:100%;}
#r_sociais_footer a {color:#adb5bd; font-size:22px; padding:10px; display:inline-block;}

#by {width:100%; height:auto; overflow:auto; padding:25px 0; color:#9b9b9b; font-size:14px; background:#fff;}
#by_left {float:left;}
#by_left p {float:left; margin:10px 0 0 10px}
#by_right {float:right; margin-top:10px;}
#by_right a {font-weight:700; color:#9b9b9b;}
#logo_footer {float:left; width:170px;}
/* FOOTER */






/* CONTEÚDO */
.margin_top_bottom {width:100%; height:auto; margin:40px 0;}
#crumb {width:100%; padding:180px 0 30px 0; color:#fff; background:url("../imagens/bg_fundo.jpg") fixed no-repeat; background-size:cover;}

#crumb h2 {font-weight:700; font-size:20px; line-height:30px; display:block; margin:0 0 10px 0; text-transform:uppercase;}
#crumb a {color:#fff;}

.conteudo_left {float:left; width:70%; height:auto; overflow:auto; font-size:16px; color:#555; line-height:27px;}
.conteudo_left h3 {display:block; font-size:33px; line-height:43px; color:#000;}
.conteudo_left ul {padding:0; margin:0; line-height:none;}
.conteudo_left a {color:#888; text-decoration:underline;}

#lateral {float:right; width:25%; height:auto; overflow:auto;} 
#lateral a {display:block; text-align:center; margin:20px 0;}
/*
#links_laterais {width:90%; margin:10px auto; height:auto; background:#0093db; border-radius:5px; box-shadow:0px 3px 13px 0px rgba(000, 000, 000, 0.1);}
#links_laterais ul {margin:0; padding:15px; list-style:none;}
#links_laterais ul li {display:block; border-bottom:1px solid #0582c0;}
#links_laterais ul li:last-child {border-bottom:0;}
#links_laterais ul li a {display:block; padding:15px 10px; font-size:16px; color:#fff; transition:.5s;}
#links_laterais ul li a:hover {padding:15px 10px 15px 20px;}
#links_laterais .fas {float:right; font-size:14px;}
*/



.container_categoria {width:100%; max-width:23%; height:auto; float:left; margin:0 2% 4% 0; background-color:#fff; border-radius:7px; overflow:hidden; position:relative; border:1px solid #ddd;}
.container_categoria span {display:block; background-color:#f9f9f9; border-top:1px solid #eee; color:#999; padding:10px 0; text-align:center; bottom:0; position:absolute; width:100%}

.capa_box_cat {width:100%; height:150px; overflow:hidden; position:relative; background-color:#f9f9f9; z-index:1;}
.capa_box_cat img {position:absolute; margin:auto; top:0; left:0; right:0; bottom:0; max-width:100%;}

.text_box_cat {width:100%; height:auto; padding:15px;}
.text_box_cat h3 {display:block; font-weight:300; font-size:20px; line-height:27px; color:#000; height:52px; overflow:hidden;}
.text_box_cat p {font-weight:300; color:#888; height:90px; overflow:hidden;}

.capa_img_galeria {width:23%; height:220px; position:relative; float:left; margin:1%; text-align:center;}
.capa_img_galeria img {margin:auto; position:absolute; top:0; left:0; right:0; bottom:0; max-width:100%; max-height:100%;}

.obrigado {width:100%; height:auto; padding:90px 0; text-align:center; text-transform:uppercase;}
.obrigado h1 {font-size:40px; line-height:50px; color:#000; font-weight:lighter;}
.obrigado h3 {margin-bottom:15px; color:#555;}
/* CONTEÚDO */


/* CONTATO */
.ctt {width:100%; height:auto; padding:70px 0; overflow:auto;}
.ctt h2 {text-transform:uppercase; font-size:30px; color:#000;}
.ctt p {color:#777; font-size:17px;}
.ctt form {margin-top:40px;}
.ctt input, .ctt textarea {width:100%; height:auto; padding:15px; border:1px solid #ddd; font-size:15px; font-family: 'Barlow', sans-serif; margin:5px 0 20px 0;}
.ctt input:focus, .ctt textarea:focus {box-shadow:0 0 6px rgba(102, 175, 233, 1); border:1px solid #000;}
.ctt input[type="submit"] {max-width:250px; margin:10px auto; background-color:#000; color:#fff; font-size:18px; cursor:pointer;}
.input_left {width:49%; float:left;}
.input_right {width:49%; float:right;}
/* CONTATO */











/* CSS RESPONSIVO */ /* CSS RESPONSIVO */ 


@media screen and (min-width: 1500px) {
	#img_servicos {position:relative; left:auto;}
	#estrutura {background:#f5f5f5; margin-bottom:50px;}
	.crsl_estrutura {max-width:1200px; margin:0 auto;}
}


@media screen and (max-width: 1280px) {
body, html {width:100%;}
.container {width:90%;}
}

@media screen and (max-width: 1200px) {

	/* TOPO */
#barra_topo {width:100%; height:auto; line-height:normal; padding:10px 0; position:relative; background:#0093db}	
#links_topo {float:none; text-align:center;}
#links_topo span {display:block; margin:0; padding:7px 0;}
#redes_socias_topo {display:none;}
.box_text_servico {min-height:160px; overflow:hidden;}	
#crumb {width:100%; padding:30px 0;}
	
}

@media screen and (max-width: 900px) {
	
	
/*.titulos {width:100%; height:auto; margin-bottom:30px; text-transform:uppercase;}*/
.titulos h3 {font-size:30px; line-height:40px;}
.titulos h4 {font-size:16px;}
	
	
/* TOPO */
#barra_topo {width:100%; height:auto; line-height:normal; padding:10px 0; position:relative; background:#0093db}	
#links_topo {float:none; text-align:center;}
#links_topo span {display:block; margin:0; padding:7px 0;}
#redes_socias_topo {display:none;}
	

/* BG */
#bg_topo {padding:150px 0 100px 0;}
#bg_topo h1 {font-size:40px; line-height:50px;}
#bg_topo a {display:block; padding:20px 40px; color:#fff; margin:10px auto; max-width:300px;}

	
	
/* SOBRE */
#sobre {width:100%; height:auto; padding:70px 0; overflow:auto;}
#img_sobre {float:none; width:100%; max-width:200px; margin:30px auto 0 auto;}
#texto_sobre {float:none; width:100%; height:auto;}
	
.box_valores {width:100%; height:auto; text-align:left; float:none; margin:0;}
.box_valores:last-child {margin-right:0;}
.btn_sobre {font-size:16px;}

	
	
/* ESTRUTURA */
#estrutura {padding:50px 0;}
.p_estrutura {float:none; width:100%; margin:0 0 40px 0;}
	
	
/* SERVIÇOS */	
#servicos {padding:50px 0;}
#img_servicos {display:none;}
#texto_servicos {float:none; width:100%; height:auto; margin:0;}
	
.box_text_servico {width:100%; margin:1% 0; float:none;}
.box_text_servico span {width:70%; height:auto; float:left; padding-left:3%;}
.box_text_servico i {width:25%; max-width:70px;}
	
	
/* CLIENTES */
#links_cliente {float:none; width:100%; max-width:400px; margin:0 0 40px 0; overflow:auto;}
#links_cliente a {display:block; width:48%; padding:20px; text-align:center; transition:.5s; font-size:16px; font-weight:700;}
#links_cliente a:first-child {border:1px solid #0093db; background:#0093db; color:#fff; float:left;}
#links_cliente a:last-child {border:1px solid #ccc; color:#555; float:right;}
	
	
#clientes {padding:50px 0;}
	

/* CARGA */
#bg_carga {text-align:center;}
#img_carga {display:none;}
#texto_carga {float:none; width:100%; margin:0; padding:50px 0;}
#texto_carga span {width:100%; float:none;}
#texto_carga a {width:100%; float:none; max-width:400px; margin:30px auto 0 auto;}

	
/* MAP */
#map,
#map iframe {width:100%; height:auto;}
#links_map {width:auto; height:auto; position:static; right:auto; top:auto;} 
#links_map a {display:block; width:25%; height:auto; float:left; line-height:normal; border-radius:0; margin:0; padding:20px 0; font-size:30px; border-right:1px solid #242a67;}
#links_map a:last-child {border-right:0;}	
	

/* FOOTER */
#footer {text-align:center;}
#sobre_footer {float:none; width:100%;}
#ct_right_footer {float:none; width:100%;}
.boxs_footer {float:none; width:100%; border-bottom:1px solid #eee; padding:20px;}
.boxs_footer:last-child {border-bottom:0;}
#by_left,
#by_right {float:none; text-align:center; display:block; margin:5px 0;}
/* FOOTER */
	
	
	
	
	

/* CONTEÚDO */
.conteudo_left, #lateral {float:none; width:100%;}
#links_laterais {width:100%; max-width:300px; margin:10px auto;}


.container_categoria {width:100%; max-width:400px; height:auto; float:none; margin:0 auto 40px auto; border:1px solid #eee;}
.container_categoria span {position:relative;}
.text_box_cat h3, .text_box_cat p {height:auto;}
	
.obrigado {padding:30px 0;}
.obrigado h1 {font-size:30px; line-height:40px;}
	
.capa_img_galeria {width:100%; height:300px; float:none; margin:20px auto;}	
}