/*@charset "utf-8";
 CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none; color:#FFF}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img{border:0;}
ul{ list-style:none;}
.clear{clear:both;}

body{background:#D8D9DD url(../imagens/bg_body.jpg) top center repeat-x;min-width:980px;}

#mask {position:absolute; width:100%; left:0; top:0; background-color:#000; display:none; z-index:99999;}
#boxes .window {position:absolute; left:0; top:200px; width:400px; height:553px; display:none; z-index:999999;}
#boxes #dialog2 {position:fixed; background:transparent; width:400px; margin-top:0; left:50%; margin-left:-200px;}
.close{display:block; text-align:right; padding: 10px; background:#b11731; border:0; color:#fff; font-size:12px; cursor:pointer}
.img_pop {display:block; float:left; width:400px; height:553px;}

.bg_top{width:100%; height:100px; float:left; position:relative; background:none;}
#bg_banner{width:100%; height:375px; float:left; position:relative; background:none;}
#bg_conteudo{width:100%; height:auto; float:left; position:relative; background:none;}
#bg_guia_icones{width:100%; height:120px; float:left; position:relative;}
#bg_guia_rapido{width:100%; height:260px; float:left; position:relative;}
#bg_sub-menu{width:100%; height:20px; float:left; position:relative; background:none;}
#bg_rodape{width:100%; height:25px; float:left; position:relative; background:none;}

.box_banner {position:relative;margin:auto;width:100%;height: 352px;float: left;z-index: -99999;}
.banner {position:relative;float:left;width:100%;height:375px;padding:0 0 0.4em 0;box-sizing: border-box;}
.box_banner_ap {position:relative;width:100%;height:375px;}
.box_banner_ap img{position:relative;float:left;width:26%;padding: 0 20px 20px 0;box-sizing:border-box;}

/*HEADER TOPO*/
#topo{width:980px; height:100px; position:relative; left:50%; margin-left:-490px; background: #000000;}
.logo{width:177px; height:80px; position:relative; float:left; margin:5px;}
/*MENU*/
#menu{width:500px; height:100px; position:relative; float:right;}
#menu li{width:100px; height:100px; display:inline; float:left; text-align:center; line-height:100px;}
#menu li a{width:100px; height:100px; font-size:18px; font-variant:small-caps;}
#menu li a:hover{color:#CCC;}
#atendimento{width:210px; height:auto; position:relative; float:left; top:15px;}
#atendimento p{font-size:18px; font-weight:bold; font-style:italic; color:#FFF; position:relative; top:15px; left:80px;}

/*BANNER*/
#banner{width:980px; height:375px; position:relative; left:50%; margin-left:-490px; background:#FFF;}

/*SECTION CONTEUDO*/
#interna{width:980px; height:auto; position:relative; left:50%; margin-left:-490px; background:#FFF; padding:10px 0;}

#guia_icones{width:960px; height:100px; position:relative; left:50%; margin-left:-490px; background:#FFF; padding:10px;}
#guia_icones img{width:auto; height:auto; position:relative; float:left; margin:0px 0px 0px 0.63em;
border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;
box-shadow:2px 2px 3px #999; -moz-box-shadow:2px 2px 3px #999; -ms-box-shadow:2px 2px 3px #999; -o-box-shadow:2px 2px 3px #999; -webkit-box-shadow:2px 2px 3px #999;
-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-filter: grayscale(100%);}
#guia_icones img:hover{-moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); -webkit-filter: grayscale(0%);}

#guia_rapido{width:980px; height:260px; position:relative; left:50%; margin-left:-490px; background:#FFF url(../imagens/bg_line.jpg) top center no-repeat;}
#guia_rapido h1{font-size:18px; color:#002E82; font-weight:normal; font-variant:small-caps; width:960px; height:auto; padding:5px 10px;}
.guia_links{width:340px; height:100px; position:relative; float:left; top:10px; left:10px;}
.guia_links a{color:#333; font-size:14px; font-variant:small-caps;}
.guia_links a:hover{color:#002E82;}
.guia_imagens{width:610px; height:84px; position:relative; float:right;}
.bancos{width:610px; height:auto; position:relative; float:right;}
.bancos img, .guia_imagens img{width:auto; height:70px; position:relative; float:left; margin:8px;}

#sub-menu{width:980px; height:20px; position:relative; float:left;left:50%; margin-left:-490px; z-index:999; background:#FFF;}
#sub-menu li{display:inline; float:left;}
#sub-menu li a{font-size:14px; font-variant:small-caps; line-height:22px; margin-right:20px; color:#666; margin-left:5px;}
#sub-menu li a:hover{color:#333;}


#rodape{width:980px; height:25px; position:relative; left:50%; margin-left:-490px; background:url(../imagens/bg_bottom.jpg) top center repeat-x;}
.direitos{width:400px; position:relative; float:left; line-height:25px; color:#FFF; left:5px;}
.icones_rodape{width:500px; height:25px; position:relative; float:right;}
.chrome, .mozilla, .opera, .ie, .safari, .html5, .css3{width:23px; height:25px; position:relative; float:right;}
.html5, .css3{height:25px;}
.logo_gray{width:98px; height:25px; position:relative; float:right;}

.ft-title { padding: 10px 20px; width: 940px; height:20px; text-align: left; top:220px;}

/* HOME */
#home{background:url("../imagens/bg_menu_a.jpg") top center no-repeat; width:100px; height:100px;}
#home a{color:#000;}
.box_home{width:453px; height:242px; position:relative; float:left; padding:10px; margin-left:10px; background:#EDEDED; font-variant:small-caps;
border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -border-radius:10px;
box-shadow:2px 2px 3px #333; -moz-box-shadow:2px 2px 3px #333; -ms-box-shadow:2px 2px 3px #333; -o-box-shadow:2px 2px 3px #333; -webkit-box-shadow:2px 2px 3px #333;}
.box_home img{width:128px; height:128px; position:relative; float:left;}
.box_home h1{font-size:14px; font-weight:normal; position:relative; top:30px;}
.box_home h2{font-size:18px; font-weight:normal; color:#002E82; position:absolute; top:10px; left:138px}
.saiba_mais{ color:#002E82; position:absolute; bottom:10px; right:10px; font-size:12px;}

/* EMPRESA */
#empresa {background:url("../imagens/bg_menu_a.jpg") top center no-repeat; width:100px; height:100px;}
#empresa a{color:#000;}
.box_empresa{width:960px; height:auto; padding:10px; position:relative;}
.box_empresa img{width:375px; height:250px; position:relative; float:left; 
box-shadow:2px 2px 5px #666; -moz-box-shadow:2px 2px 5px #666;-ms-box-shadow:2px 2px 5px #666;-o-box-shadow:2px 2px 5px #666;-webkit-box-shadow:2px 2px 5px #666; margin-right:10px;}
.box_empresa h1, .box_empresa h2, .box_empresa p strong{font-size:14px; font-weight:normal; color:#666;}
.box_empresa h1 strong, .box_empresa h3{font-size:15px; font-weight:bold; color:#555;}

/* SERVIÇOS */
#servicos {background:url("../imagens/bg_menu_a.jpg") top center no-repeat; width:100px; height:100px;}
#servicos a{color:#000;}
.box_servicos{width:960px; height:auto; padding:10px; position:relative;}
.box_servicos:nth-child(odd){background:#eee;}
.box_servicos img{width:375px; height:250px; position:relative; float:left; 
box-shadow:2px 2px 5px #666; -moz-box-shadow:2px 2px 5px #666;-ms-box-shadow:2px 2px 5px #666;-o-box-shadow:2px 2px 5px #666;-webkit-box-shadow:2px 2px 5px #666; margin-right:10px;}
.box_servicos p, .box_servicos p, .box_servicos p, .box_servicos p strong, .box_servicos a{font-size:14px; font-weight:normal; color:#666;}
.box_servicos p strong{font-size:15px; font-weight:bold; color:#555;}


/* LINKS */

#links{background:url("../imagens/bg_menu_a.jpg") top center no-repeat; width:100px; height:100px;}
#links a{color:#000;}
.box_links_uteis{width:960px; height:auto; padding:10px; position:relative;}
.box_links_uteis h1{width:960px; padding:10px;font-size:14px; color:#002E82; position:relative; float:left;}
.box_links{width:470px; height:auto; position:relative; float:left; margin-left:10px;}
.box_links h2{font-size:12px; color:#666;}
.box_links a{font-size:12px; color:#666;}
.box_links a:hover{font-size:12px; color:#002E82;}

/* CONTATO */

#contato {background:url("../imagens/bg_menu_a.jpg") top center no-repeat; width:100px; height:100px;}
#contato a{color:#000;}
.box_contato{width:960px; height:auto; padding:10px; position:relative;}

.mapa{width:550px; height:auto;position:relative; float:left; padding:10px; background:#EDEDED;}
iframe{width:550px; height:350px; position:relative; border:0; margin:0;}

#contactform{width: 300px; height:330px; padding:10px; position:relative; float:left;}
.field{width:350px; height:auto; position:relative; float:left; color:#666; font-size:12px;}
.field input{background:#CCC; border:0; padding:3px 0px;}
.field textarea{background:#CCC; border:0; padding:3px 0px;}
.field2{width:177px; height:auto; position:relative; float:left;}
.field_texto{width:220px; color:#F00;}
#interna p{width:auto; height:auto; padding:10px; color:#666;}
.aviso{color:#F00; font-size:12px; position:relative;}
.msg_ok{font-size:12px; color:#000;}


@media only screen and (min-width:980px) and (max-width:1169px) {}
@media only screen and (min-width:768px) and (max-width:979px) {}
@media only screen and (min-width:667px) and (max-width:767px) {}
@media only screen and (min-width:480px) and (max-width:666px) {}
@media only screen and (max-width:479px) {
	body{min-width: 0; width: 100%;}
	.logo {margin: 0;padding: 20px;}
	.bg_top { width: 100%; height: auto;box-sizing: border-box;}
	#topo{width:100%;height:auto;left: 0;margin-left: 0;box-sizing: border-box;}
	#atendimento {width: 100%;box-sizing: border-box;top: 0;}
	#atendimento p{left: 0px;width: 100%;text-align: center;}
	#menu{width:100%;height:auto;padding: 20px; float: left; box-sizing: border-box;}
	menu li {height: auto;}
	#bg_banner {height: auto;}
	#banner{width:100%;left:0; margin-left:0;box-sizing: border-box;}
	.box_banner {float: left; height:auto;}
	#interna{width:100%;left:0; margin-left:0;box-sizing: border-box;padding: 15px;}
	.box_home {width: 100%;height: 350px;margin-top: 20px;box-sizing: border-box;margin-left: 0;}
	#guia_icones{width:100%;height:auto;left:0; margin-left:0;sbox-sizing: border-box;}
	#bg_guia_rapido {width: 100%;height: auto;padding: 20px; box-sizing: border-box;}
	#guia_rapido{width:100%;height:auto;left: 0;margin-left: 0; box-sizing: border-box;}
	#guia_rapido h1{widows: 100% !important;box-sizing: border-box;}
	.guia_links {width: 100%;padding: 10px;height: auto;}
	.guia_imagens {width: 100%;	padding: 10px;height: auto;}
	#bg_sub-menu {height: auto;}
	#sub-menu{width:100%;height:auto;left: 0;margin-left: 0; padding: 10px;box-sizing: border-box;}
	#bg_rodape {height:auto;box-sizing: border-box;}
	#rodape{width:100%;height:auto;left: 0;margin-left: 0;box-sizing: border-box;}
	.direitos{width:100%;box-sizing: border-box;padding: 10px;left: 0px;background-color: black;}
	.icones_rodape{width:100%; height:auto;box-sizing: border-box;padding: 10px;background-color: black;}
	#menu li {margin: 1px;}
	
	/* EMPRESA */
	.box_empresa {width: 100%; height: auto; box-sizing: border-box;text-align: justify;}
	.box_empresa img { width: 100%;height: auto;margin-bottom: 20px; box-sizing: border-box;}
	
	/* SERVIÇOS */
	.box_servicos {width: 100%; height: auto; padding: 10px;position: relative;text-align: justify;box-sizing: border-box;}
	
	/* LINKS UTEIS */
	.box_links {width: 100%;margin-left:0;box-sizing: border-box;}
	.box_links_uteis {width: 100%;box-sizing: border-box;}
	.box_links_uteis h1 {width: 100%;box-sizing: border-box;}
	
	
	/* CONTATO */
	.box_contato { width: 100%; box-sizing: border-box;}
	.mapa { width: 100%; height: 350px;box-sizing: border-box;}
	.mapa iframe{width:100%;box-sizing: border-box;}
	#contactform{width: 100%; height:330px; padding:10px; position:relative; float:left;}
	
}