@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

.fatorcriativo { background: url(../img/fatorcriativo.png) no-repeat; width: 117px; height: 25px; text-indent: -9999px; display: block; }
.copy { padding: 5px 0; font-family: 'Oswald', sans-serif;  }

body { font-family: "Helvetica Neue", tahoma, arial, sans-serif; background:url(../img/bg.png) top center; }
body, select, input, textarea { color: #333; font-size:14px;}

h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; font-weight:normal; }

.left { float:left; }
.right { float:right; }

.brd_r { -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; }

.fx_2s,a{ -webkit-transition:0.2s all ease-out; -moz-transition:0.2s all ease-out; -o-transition:0.2s all ease-out; transition:0.2s all ease-out; }
.fx_4s{ -webkit-transition:0.4s all ease-out; -moz-transition:0.4s all ease-out; -o-transition:0.4s all ease-out; transition:0.4s all ease-out; }
.fx_6s{ -webkit-transition:0.6s all ease-out; -moz-transition:0.6s all ease-out; -o-transition:0.6s all ease-out; transition:0.6s all ease-out; }

.bt_topo { width:30px; height:30px; display:none; position:fixed; right:10px; bottom:9px; background:url(../img/bt_topo.png) no-repeat center center rgba(0,0,0,.5); border-radius:6px;}

a {color: #666; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
a:hover { color: #666666;}

::-moz-selection{background: #1572c0; color: #fff; text-shadow: none;}
::selection {background: #1572c0; color: #fff; text-shadow: none;} 

a:link {-webkit-tap-highlight-color: #1572c0;} 

ins {background-color: #1572c0; color: #000; text-decoration: none;}
mark {background-color: #1572c0; color: #000; font-style: italic; font-weight: bold;}

.c_verde { color:#7dac41; }
.bg_verde { background:#7dac41; }
.m_b2p { margin-bottom:2%; }

.logotype { margin-top:12px; }
.main {  padding-bottom:160px; min-height:500px; }

/*
* FOOTER
*/
#footer { width:100%;  height: 150px; text-align: left; position: absolute; bottom: 0px; z-index:10;}
.endereco_footer { line-height:normal; text-align:left; height:32px; padding-top:4px; padding-left:25px; background:url(../img/icon_endereco_footer.png) no-repeat left center; }
.box_sassmaq { text-align:right; margin-top:-16px; width:100px; }
.box_sassmaq span { float:right; font-size:11px; margin:0;  padding:0; }
.box_sassmaq .sassmaq { width:72px; height:26px; background:url(../img/sassmaq.png) no-repeat; float:right;}
            

/*
* MENU CANAIS
*/
#nav { margin:50px 0; position:relative; z-index:30; }
#nav ul { line-height: 100%; width: auto; margin:0; }
#nav li { float: left; position: relative; list-style: none; margin: 0 0 0 1px; }
#nav a,
#nav a:link { font-family: 'Oswald', sans-serif; font-weight:400; font-size: 14px; color: #333; background:#dfdfdf; text-decoration: none; text-transform:uppercase; display: block; padding:14px 16px; margin: 0;  border: 1px solid #dfdfdf; }
#nav a:hover { background: #FFF; color: #000; }
#nav .active a,
#nav li:hover > a { background: #FFF; color: #444; border-top: solid 1px  #f8f8f8; -webkit-box-shadow: 0 1px 0 #999; -moz-box-shadow: 0 1px 0 #999; box-shadow: 0 1px 0 #999; }

#nav li:first-child > a { border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;}
#nav li:last-child > a { border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; }
#nav li:hover > ul { display: block;}
#nav ul ul { display: none; margin: 0; padding: 0; width: 100%; position: absolute; top:100%; padding-top:4px; left: 0;  }
#nav ul ul a,
#nav ul ul li a:link { font-weight: normal; font-size: 12px; color: #666; background:#EEE !important; padding:10px !important;  }
#nav ul ul li { float: left; margin: 0; width: 170px; }
#nav ul li:last-child ul li{ left: auto; right:0; float: right;}
#nav ul ul li:hover a,
#nav ul ul li:hover a { background:#FFF !important; color: #000;}
#nav ul ul li:first-child > a { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0;}
#nav ul ul li:last-child > a { border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; }
#nav ul:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

#nav ul ul:before { position: absolute; display: block; border-right: 7px solid transparent; border-bottom: 7px solid #EEE; border-left: 7px solid transparent; left: 50%; top:-3px; margin-left:-7px; content: '';}
#nav ul ul:after { position: absolute; display: block; border-right: 6px solid transparent; border-bottom: 6px solid #c3c5c6; border-left: 6px solid transparent; left: 50%; top:-3px; margin-left:-8px;  content: '';}

* html #nav ul { height: 1%; }

/*
* BUTTONS
*/

.btn { float: left; padding:0; font-size:14px; line-height:24px; cursor: pointer; display: inline-block; text-decoration: none; border:1px solid #999; border-bottom: 2px solid #999; background:#eee; border-radius: 4px 4px 6px 6px; font-family: 'Open Sans',sans-serif;}
.btn .icon { float:left; background: url(../img/arrow_next.png) no-repeat center center; border-radius:4px 0px 0px 6px; width:20px; height:10px; border-right:1px solid #999; margin-top:4px;}
.btn .icon.icon_arrow_prev { background: url(../img/arrow_prev.png) no-repeat center center; }
.btn .icon.icon_mais { background: url(../img/icon_mais.png) no-repeat center center; }
.btn .icon.icon_redefinir { background: url(../img/icon_redefinir.png) no-repeat center center; }
.btn { font-size:14px; }
.btn span { margin:2px 10px; float:left; color:#333333; font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; }
.btn .icon  { padding:5px; }
.btn:hover { background:#CCC; border-color:#333; }

.box_img { display:block; border:1px solid #CCC;}
.box_img img{ display:block; }


/*
* HOME
*/
.text_center { text-align:center; }
.text_center h1{ font-family: 'Open Sans', Arial, sans-serif; text-align:center; font-size:32px; line-height:1.2em; margin:0; padding:0; }

.atalho_home { float:left; background:#FFF; padding:10px; border-bottom:1px solid #999; -webkit-border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; -o-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px;  }
.atalho_home h3 { padding:0; margin:0; line-height:20px; text-transform:uppercase; }
.atalho_home p { padding:0; margin:3px 0 8px; line-height:14px; }

.box_icone { width:22%; padding:0 2%; float:left; text-align:left;}		
.box_sec_home h2 { font-size:26px; text-transform:uppercase; color:#333; line-height:28px;} 
.box_sec_home h2 span{ font-size:18px; text-transform:uppercase; color:#666; }
.box_sec_home p { line-height:normal; padding:4px 0; margin-bottom:10px; }

.pin_local { width:13px; height:23px; float:left; position:absolute; background:url(../img/pin_areas.png) no-repeat; }
.pin_1 { top:57.5%; left:75%; } /* RJ */
.pin_2 { top:16%; left:53%; } /* PA */
.pin_3 { top:56%; left:62%; } /* SP */
.pin_4 { top:16%; left:69%; } /* MA */

.pin_local .box_endereco { display:none; position:absolute; bottom:10px; z-index:10; }
.pin_local:hover .box_endereco { display:block; }
.pin_local .box_endereco .brd_r { float:left; margin-left:-80px; width:160px; height:auto; padding:8px; background:#EEE; margin-bottom:23px; box-shadow:0px 1px 8px rgba(0,0,0,.4); position:relative; }
.pin_local .box_endereco h6 { font-size:14px; line-height:14px; margin:0; color:#333; text-transform:uppercase; }
.pin_local .box_endereco p { font-size:11px; margin:0; padding:5px 0; color:#333;}
.pin_local .box_endereco hr { margin-bottom:8px; }

				
.pin_local .box_endereco .brd_r:before { position: absolute; display: block; border-right: 7px solid transparent; border-top: 7px solid #EEE; border-left: 7px solid transparent; left: 50%; bottom:-7px; margin-left:-9px; content: '';}
.pin_local .box_endereco .brd_r:after { position: absolute; display: block; border-right: 6px solid transparent; border-top: 6px solid #EEE; border-left: 6px solid transparent; left: 50%; bottom:-7px; margin-left:-8px;  content: '';}


/*
* QUEM SOMOS
*/

.empresa { border-top:3px solid #CCC; padding-top:10px; }
.empresa p { font-size:16px; }


/*
* FROTA
*/

.frota { border-top:3px solid #CCC;  padding-top:10px; }
ul { list-style: outside; }
.gallery { display: block; width: 100%; clear: both; margin: 10px 0; padding: 0; list-style: none; overflow: hidden; text-align: center; }
.gallery li { display: inline-block; margin: 0; padding: 0; width: 34%; min-width: 84px; max-width: 420px; }
.gallery li p { margin:0; font-size:12px; color:#666;}
.gallery li p.local { color:#FFF;}
.gallery figure { background: #CCC; padding:1px; display: block; }

.gallery figure:hover { background: #666;  }
.gallery figure a { display: block; }
.gallery figure img { width: 100%; max-width: 100%; height: auto; }


/*
* CLIENTE
*/

.clientes { border-top:3px solid #CCC;  padding-top:10px; }
ul.cliente li div h4 { margin-bottom:10px; color:#666; }
ul.cliente li div:hover h4 { color:#FFF; }

/*
* FALE CONOSCO / TRABALHE CONOSCO
*/

.fale_conosco { border-top:3px solid #CCC; padding-top:10px; }

/* FORMULARIO */
.form input,
.form select,
.form textarea { outline:none; width:99%; color:#333; height:18px; padding: 5px 0 5px; font-size:14px; border:1px solid #CCC; float:left; display:block; }
.form textarea { height:auto; resize:vertical; }
.form label { padding: 5px 5px 2px; font-size:13px; float:left; color:#666; position:relative; }
.form label span { font-size:20px; float:left; position:absolute; top:2px; right:-5px; color:#733f3d; }
.form input[type=text]:focus,
.form input[type=password]:focus,
.form input[type=email]:focus,
.form select:focus,
.form textarea:focus{ background:#E6FFFF; border-color:#999; }
.form input[type=file] { height:26px; }
.form .radio input { width:auto; margin:0 5px; border:0 none; }
.form .combo_box, .form .box_fix { width:100%; float:left; }
.form .box_select { margin: 0 2% 0 0; float: left; display: block; }
.form select { width:100%; padding: 5px 5px 5px 0; height:30px; }
.form select option{ padding:2px 5px; margin:0px 0px 1px; }
.form .dia { width: 60px; float:left; }
.form .mes { width: 130px; float:left; }
.form .ano { width:90px;  float:left; }
.form .form { position:relative; }
.form fieldset {margin: 10px 2px 0;}
.form legend { padding:5px 5px 0; }
.form legend h2 { padding: 5px 0 15px; line-height:10px; font-weight:normal; color:#6a3937; }
.form .form .desc { float:left; color:#999; font-size:12px; padding:6px 0 0 10px; margin-bottom:0; }
.form p { padding:0px; font-size:13px; }
.form button.btn { margin-top:10px; }
.box_t_1 img { margin-top:-40px; }
#home .box_t_1 img { margin-top:0px; }
.box_t_1 .grid_12 { overflow:hidden; }
.link_cep { font-size:12px !important; margin-left:10px !important; text-decoration:underline !important; color:rgb(24,116,205) !important; }


.dados { background:#FFF;  border-bottom:1px solid #999; }
.dados .box_interno { padding:10px; }
#map-canvas { width:100%; height:280px; border:1px solid #CCC; }
#map-canvas  img { width:auto; max-width:none; }

.img_trab { margin-bottom:-15px; }


@media screen and (max-width: 1382px) { 
	
}
@media screen and (max-width: 1024px) { 	
	
}
@media screen and (max-width: 800px) { 

}
@media screen and (max-width: 480px) {
	
}
@media print { 

}