@charset "utf-8";
/* CSS Document */

/*

Cliente: Vito Transportes

Agência: Spark-Ite

Designer: Guilherme Teixeira | guitng@gmail.com

*/

*{
list-style:none;
margin:0;
padding:0;
text-decoration:none;
}

a{
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
}

a:hover{
font:bold 12px "Arial", Helvetica, sans-serif;
color:#01654b;
}

body{
background:url("../images/bg1.jpg") repeat-x center top #fff;
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
}

h2{
color:#626262;
font:bold 24px "Arial", sans-serif;
}

/*DIV CENTER QUE CONTROLA OS WRAPPERS*/

#center{
margin:0 auto;
width:960px;
}

.wrapper{
margin:0 auto;
width:960px;
float:left;
}

.wrapper2{
width:960px;
float:left;
padding-bottom:20px;
}


/*DIV DA MARCA*/

#brand{
margin:0;
padding-left:0px;
width:162px;
height:162px;
float:left;
background:url("../images/bg_brand.jpg") repeat-x center top #fff;
}

/*DIV DO FORM DE LOGIN DA INTRANET*/

#login{
margin:0;
margin-top:23px;
margin-right:10px;
border-left:#bdbcbd solid 1px;
width:157px;
height:109px;
float:right;
}

.intranet{
margin:0px;
border:0px;
padding-left:23px;
}

.login_input{
background-image:url(../images/bg_field.jpg);
background-repeat:repeat-x;
border:1px solid #dcdbdc;
font:12px "Arial", sans-serif;
height:15px;
width:134px;
padding:3px;
margin-bottom:5px;
}

.ok{
float:right;
font-size:12px;
padding:5px;
border:none;
color:#FFFFFF;
background:#006e2e;
}

/*MENU GERAL*/

#menu{
background:#01654b;
clear:both;
height:48px;
width:387px;
float:left;
}

#menu ul {
list-style-type:none;
margin:0px;
padding:0px;
text-align:left;
}

#menu ul li {
display:inline;
padding:0px;
margin:0px;
}

#menu ul li span{
display:none;
}

#menu ul li#institucional a{
background:url("../images/btn_institucional.jpg");
display:block;
float:left;
width:95px;
height:48px;
}

#menu ul li#institucional a:hover{
display:block;
width:95px;
height:48px;
background:url("../images/btn_institucional2.jpg") no-repeat;
float:left;
}

#menu ul li#clientes a{
background:url("../images/btn_clientes.jpg");
display:block;
float:left;
width:75px;
height:48px;
}

#menu ul li#clientes a:hover{
display:block;
width:75px;
height:48px;
background:url("../images/btn_clientes2.jpg") no-repeat;
float:left;
}

#menu ul li#equipamentos a{
background:url("../images/btn_equipamentos.jpg");
display:block;
float:left;
width:205px;
height:48px;
}

#menu ul li#equipamentos a:hover{
display:block;
width:205px;
height:48px;
background:url("../images/btn_equipamentos2.jpg") no-repeat;
float:left;
}

#menu ul li#contato a{
background:url("../images/btn_contato.jpg");
display:block;
float:left;
width:87px;
height:48px;
}

#menu ul li#contato a:hover{
display:block;
width:87px;
height:48px;
background:url("../images/btn_contato2.jpg") no-repeat;
float:left;
}

/*MENU DE SERVIÇOS*/

#menu_servicos{
background:#01654b;
clear:both;
height:48px;
width:399px;
float:right;
}

#menu_servicos ul {
list-style-type:none;
margin:0px;
padding:0px;
text-align:left;
}

#menu_servicos ul li {
display:inline;
padding:0px;
margin:0px;
}

#menu_servicos ul li span{
display:none;
}

#menu_servicos ul li#transporte a{
background:url("../images/btn_transporte.jpg");
display:block;
float:left;
width:133px;
height:48px;
}

#menu_servicos ul li#transporte a:hover{
display:block;
width:133px;
height:48px;
background:url("../images/btn_transporte2.jpg") no-repeat;
float:left;
}

#menu_servicos ul li#florestal a{
background:url("../images/btn_florestal.jpg");
display:block;
float:left;
width:133px;
height:48px;
}

#menu_servicos ul li#florestal a:hover{
display:block;
width:133px;
height:48px;
background:url("../images/btn_florestal2.jpg") no-repeat;
float:left;
}

#menu_servicos ul li#mineracao a{
background:url("../images/btn_mineracao.jpg");
display:block;
float:left;
width:133px;
height:48px;
}

#menu_servicos ul li#mineracao a:hover{
display:block;
width:133px;
height:48px;
background:url("../images/btn_mineracao2.jpg") no-repeat;
float:left;
}

/*BANNER DA PÁGINA INICIAL*/

#banner{
height:304px;
width:960px;
float:left;
padding-top:47px;
padding-bottom:30px;
}

/*JQUERY DO BANNER INICIAL*/

#slider {
    width: 960px; /* important to be same as image width */
    height: 305px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: -2px;
	margin-left: -2px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 300px;
	height:57px;
    background-color: #01654b;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
	-khtml-opacity: 0.9;
    opacity: 0.9;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 24px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/*BOXES DA PÁGINA INICIAL*/

#boxnews{
width:640px;
float:left;
border:1px solid #cfcfcf;
background-image:url(../images/bg_news.jpg);
background-color:#ededed;
background-repeat: repeat-x;
}

#contentnews{
width:600px;
float:left;
text-align:left;
margin:20px;
}

#contentnews h1{
font:bold 12px "Arial", Helvetica, sans-serif;
color:#626262;
}

#contentnews p{
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
margin-bottom:12px;
}

.titnoticias{
margin-left:0px;
float:left;
}

.btnnoticias{
border:none;
margin-right:20px;
margin-top:18px;
float:right;
}

.filtro_noticias{
float:left;
margin-right:-8px;
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px;
}

#boxpontos{
margin-left:0px;
width:280px;
float:right;
border:1px solid #cfcfcf;
background-image:url(../images/bg_news.jpg);
background-color:#ededed;
background-repeat: repeat-x;
margin-bottom:23px;

}

.titpontos{
margin-left:0px;
float:left;
}

/*SANFONA DOS PONTOS DE ATENDIMENTO*/

#accordion_pontos{
float:left;
text-align:left;
padding:10px;
}

#accordion_pontos h1{
font:bold 12px "Arial", Helvetica, sans-serif;
color:#626262;
margin-bottom:-15px;
margin-left:20px;
}
#accordion_pontos p{
font:normal 11px "Arial", Helvetica, sans-serif;
color:#626262;
margin-left:20px;
}

.technology{
cursor: hand;
cursor: pointer;
font: bold 18px Arial;
margin: 10px 0;
}

.openlanguage{
color:#01654b;
}

.closedlanguage{
color:#626262;
}

/*RODAPÉ*/

#footer{
margin:0 auto;
width:100%;
height:51px;
background-repeat: repeat-x;
display:block;
float:left;
}

.footerspark{
display:block;
float:left;
padding-top:8px;
padding-right:8px;
border:none;
}

.footercopyright{
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
display:block;
float:left;
padding-top:17px;
}

.footermenu{
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
display:block;
float:right;
padding-top:17px;
}

/*INICIO DAS INTERNAS*/

#inside_head{
margin-left:0px;
margin-top:60px;
text-align:left;
}

/*ABAS DOS SERVIÇOS*/

#abas_servicos{
clear:both;
height:38px;
width:157px;
float:right;
}

#abas_servicos ul {
list-style-type:none;
margin:0px;
padding:0px;
text-align:left;
}

#abas_servicos ul li {
display:inline;
padding:0px;
margin:0px;
}

#abas_servicos ul li span{
display:none;
}

#abas_servicos ul li#descricao a{
background:url("../images/aba_log_off.png");
display:block;
float:left;
width:74px;
height:38px;
}

#abas_servicos ul li#descricao a:hover{
display:block;
width:74px;
height:38px;
background:url("../images/aba_log_on.png") no-repeat;
float:left;
}

#abas_servicos ul li#logistica a{
background:url("../images/aba_log_off.png");
display:block;
float:left;
width:74px;
height:38px;
}

#abas_servicos ul li#logistica a:hover{
display:block;
width:74px;
height:38px;
background:url("../images/aba_log_on.png") no-repeat;
float:left;
}

#abas_servicos ul li#clientes a{
background:url("../images/aba_clien_off.png");
display:block;
float:left;
width:73px;
height:38px;
}

#abas_servicos ul li#clientes a:hover{
display:block;
width:73px;
height:38px;
background:url("../images/aba_clien_on.png") no-repeat;
float:left;
}

#abas_servicos ul li#videos a{
background:url("../images/aba_vid_off.png");
display:block;
float:left;
width:56px;
height:38px;
}

#abas_servicos ul li#videos a:hover{
display:block;
width:56px;
height:38px;
background:url("../images/aba_vid_on.png") no-repeat;
float:left;
}

#abas_servicos ul li#consulta a{
background:url("../images/aba_consul_off.png");
display:block;
float:left;
width:83px;
height:38px;
}

#abas_servicos ul li#consulta a:hover{
display:block;
width:83px;
height:38px;
background:url("../images/aba_consul_on.png") no-repeat;
float:left;
}

/*BOXES DAS INTERNAS*/

#boxcont{
width:960px;
float:left;
border:1px solid #cfcfcf;
background-color: #f7f7f7;
background-repeat: repeat-x;
margin-bottom:25px;
text-align:left;
}

#boxcont h1{
display:block;
padding:10px;
font:bold 12px "Arial", Helvetica, sans-serif;
color:#626262;

}

#boxcont p{
display:block;
padding:10px;
padding-top:0px;
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
margin-bottom:12px;
}

#boxcont ul {
list-style-type:none;
margin:0px;
padding:0px;
text-align:left;
}

#boxcont ul li {
display:inline;
padding:0px;
margin:0px;
}

#boxvideos{
width:146px;
float:left;
text-align:left;
margin:20px;
margin-right:70px;
}

#boxvideos h1{
margin-left:-10px;
display:block;
font:bold 12px "Arial", Helvetica, sans-serif;
color:#626262;
}

#boxvideos p{
display:block;
padding:10px;
padding-top:0px;
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
margin-bottom:12px;
}

#boxconsulta{
width:500px;
float:left;
text-align:left;
margin:20px;
margin-right:70px;
}

#boxconsulta h1{
margin-left:-10px;
display:block;
font:bold 12px "Arial", Helvetica, sans-serif;
color:#626262;
}

#boxconsulta p{
display:block;
padding:10px;
padding-top:0px;
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
margin-bottom:12px;
}

/*FORM_CONSULTA*/

.consulta{
margin:0px;
border:0px;
padding-left:23px;
}

.label-box{
display:block;
padding-top:0px;
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
}


.nome_input{
background-image:url(../images/bg_field.jpg);
background-repeat:repeat-x;
border:1px solid #dcdbdc;
font:12px "Arial", sans-serif;
height:15px;
width:340px;
padding:3px;
margin-bottom:10px;
}

.nome2_input{
background-image:url(../images/bg_field.jpg);
background-repeat:repeat-x;
border:1px solid #dcdbdc;
font:12px "Arial", sans-serif;
height:15px;
width:165px;
padding:3px;
margin-bottom:10px;
}

.nome3_input{
background-image:url(../images/bg_field.jpg);
background-repeat:repeat-x;
border:1px solid #dcdbdc;
font:12px "Arial", sans-serif;
height:15px;
width:110px;
padding:3px;
margin-bottom:10px;
}

.combo_input{
background-image:url(../images/bg_field.jpg);
background-color:#EBEBEB;
background-repeat:repeat-x;
border:1px solid #dcdbdc;
font:12px "Arial", sans-serif;
height:25px;
width:172px;
padding:3px;
margin-bottom:10px;
}

.combo2_input{
background-image:url(../images/bg_field.jpg);
background-color:#EBEBEB;
background-repeat:repeat-x;
border:1px solid #dcdbdc;
font:12px "Arial", sans-serif;
height:25px;
width:111px;
padding:3px;
margin-bottom:10px;
}

.send{
float:left;
font-size:12px;
padding:5px;
border:none;
color:#FFFFFF;
background:#006e2e;
}


#boxvideos p{
margin-left:-10px;
display:block;
padding-top:0px;
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
margin-bottom:12px;
}

#boxclientes{
width:146px;
float:left;
text-align:left;
margin:20px;
margin-right:70px;
}

#boxclientes h1{
margin-left:-10px;
display:block;
font:bold 12px "Arial", Helvetica, sans-serif;
color:#626262;

}

#boxclientes p{
margin-left:-10px;
display:block;
padding-top:0px;
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
margin-bottom:12px;
}

/*BANNER DAS INTERNAS*/

#banner_internas{
width:960px;
float:left;
padding-top:35px;
padding-bottom:20px;
}

/*FORM DE CONTATO*/

#boxcontato{
width:800px;
float:left;
text-align:left;
margin:20px;
margin-right:70px;
}

#boxcontato h1{
margin-left:-10px;
display:block;
font:bold 12px "Arial", Helvetica, sans-serif;
color:#626262;
}

#boxcontato p{
display:block;
padding:10px;
padding-top:0px;
font:normal 12px "Arial", Helvetica, sans-serif;
color:#626262;
margin-bottom:12px;
}

.contato{
margin:0px;
border:0px;
padding-left:23px;
}

/*ESTILO QUE CONTROLA O COMBO DOS ANOS E MESES DAS NOTÍCIAS*/

.combo3_input{
background-image:url(../images/bg_field.jpg);
background-color:#EBEBEB;
background-repeat:repeat-x;
border:1px solid #dcdbdc;
font:12px "Arial", sans-serif;
height:25px;
width:111px;
padding:3px;
margin-bottom:10px;
margin-left:10px;
float:left;
}

.ok2{
float:left;
font-size:12px;
margin-left:10px;
padding:4px;
border:none;
color:#FFFFFF;
background:#006e2e;
}