/*
Alpha PNG support for IE
------------------------------
Aviso, este código abaixo funciona apenas para visualização na tela. Quando este documento for impresso, o bug voltará.
O Hack Abaixo faz o código rodar apenas no IE. Sendo que os outros browsers como, Firefox, Opera e Safari já tem a transparencia de PNG nativo.
\*/
* html img/**/ {
 filter:expression(
   this.alphaxLoaded ? "" :
   (
    this.src.substr(this.src.length-4)==".png"
    ?
    (
     (!this.complete)
     ? "" :
      this.runtimeStyle.filter=
      ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
      (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
      String(this.alphaxLoaded=true).substr(0,0)+
      (this.src="blank.png").substr(0,0)
    )
    :
    this.runtimeStyle.filter=""
   )
  );
}


/*-------- menu flash -------*/

#bt1
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
        height:150px;
    top:-105px;
    left:-6px;
        position:absolute;
        z-index:7;
   
}

#bt2
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
    height:150px;
    top:-105px;
    left:59px;
    position:absolute;
    z-index:7;
   
}

#bt3
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
    height:150px;
    top:-105px;
    left:124px;
    position:absolute;
    z-index:7;
   
}

#bt4
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
    height:150px;
    top:-105px;
    left:189px;
    position:absolute;
    z-index:7;
   
}

#bt5
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
    height:150px;
    top:-105px;
    left:254px;
    position:absolute;
    z-index:7;
   
}


#bt1i
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
        height:150px;
    top:65px;
    left:176px;
        position:absolute;
        z-index:7;
   
}

#bt2i
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
    height:150px;
    top:65px;
    left:239px;
    position:absolute;
    z-index:7;
   
}

#bt3i
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
    height:150px;
    top:65px;
    left:304px;
    position:absolute;
    z-index:7;
   
}

#bt4i
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
    height:150px;
    top:65px;
    left:369px;
    position:absolute;
    z-index:7;
   
}

#bt5i
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:100px;
    height:150px;
    top:65px;
    left:434px;
    position:absolute;
    z-index:7;
   
}

/*---------- tabela -----------*/

#tabela_precos {
	text-align:center;
	border-color: #000;
	color: #FFFFFF;
}

#tabela_precos td {
	color: #000; 
	font-size: 11px; 
	font-weight:normal ;
	text-align: center;
}

#tabela_pa {
	text-align:center;
	border-color: #CCCCCC;
	background-color: #043668;
    width: 71%;
    height: 516px;
    margin-right: 0px;
}

#tabela_pa td {
	color: #FFFFFF; 
	font-size: 12px; 
	font-weight: normal;
}


/* Inicio da pagina */

ul.nav { 
	margin:0; 
	padding:0;
	}
ul.nav li 
{
    list-style-type:circle; 
    margin:0px 0px 0px 15px;
    padding:0px; 
    font-size:11px; 
    font-family:Arial, Verdana, MS Sans Serif; 
    line-height:15px; 
    color:#000;
    
}


div{ margin:0px; padding:0px;}


body 
{
    width:100%;
    margin: center;
    margin-top:0;
    background-color:Transparent;
   
}

#sombraesq
{
    width:25px;
    height:900px;
    position:absolute;
    top:0px;
    margin:0px;
    left:-22px;

}

#sombradir
{
    width:27px;
    height:900px;
    position:absolute;
    top:0px;
    margin:0px;
    left:801px;

}

#sombrabaixo
{
    width:800px;
    height:27px;
    position:absolute;
    top:900px;
    margin:0px;
    left:0px;

}

#quinaleft
{
    width:49px;
    height:44px;
    position:absolute;
    top:894px;
    left:-37px
}

#quinarigth
{
    width:49px;
    height:44px;
    position:absolute;
    top:894px;
    left:793px
}

p
{
    font-size:11px;
    line-height:normal;
    font-family:Arial, Verdana, MS Sans Serif;
    color:Black;

    text-align:justify;    
    margin:0px;
    padding:0px;
}

p.center{ font-size:11px; line-height:normal; font-family:Arial, Verdana, MS Sans Serif; color:Black; width: auto; height: auto; text-align:center; margin:0px; padding:0px;}

p.header{ font-size:11px; font-family:Arial, Verdana, MS Sans Serif; line-height:normal; color:#fff;}

p.contato:first-line { font-size:11px; font-family:Arial, Verdana, MS Sans Serif; line-height:normal; color:#0099ff; text-decoration: underline;}

p.smartsis {font-size:9px; font-family:Arial, Verdana, MS Sans Serif; line-height:normal; color:#666;}

p.ondas { font-size:11px; font-family:Arial, Verdana, MS Sans Serif; line-height:normal; color:#09f; filter: blur(Add=3, Direction=270, Strength=6); text-align:left;}

span
{ 
    font-size:11px;
    line-height:normal;
    font-family:Arial, Verdana, MS Sans Serif;
    color:Black;
    text-align:center;
}

a { font-size:10px; font-family:Arial, Verdana, MS Sans Serif; line-height:normal; color:Black; }

a.classi1:link {text-decoration: none; border: 0px;}
a.classi1:visited {text-decoration: none; border:0px;}
a.classi1:hover {color: #0099ff; border:0px;}
a.classi1:active {text-decoration: none; border:0px;}

a.classi2:link {text-decoration:underline; border: 0px; font-style:italic; font-size:11px}
a.classi2:visited {text-decoration: underline; border:0px; font-size:11px;}
a.classi2:hover {color: #0099ff; border:0px;font-size:11px;}
a.classi2:active {text-decoration: underline; border:0px;font-size:11px;}

a.classi3:link { color:#0099ff; text-decoration:none; border: 0px;  font-size:11px}
a.classi3:visited {color:#0099ff; text-decoration: none; border:0px; font-size:11px;}
a.classi3:hover {color: #000; border:0px;font-size:11px;}
a.classi3:active {color:#0099ff;text-decoration: none; border:0px;font-size:11px;}

.botao {width:132px; height:56px; top:460px;left: 650px; z-index:6; position:absolute;}
.botao a:hover { width:132px; height:56px; top:460px;left: 650px;display:none;}

.botao1 {width:132px; height:56px; top:460px;left: 650px; z-index:6; position:absolute;}
.botao1 a:hover { width:132px; height:56px; top:460px;left: 650px;display:none;}    

#page
{
    width:800px;
    height:900px;
    position:relative;
    top:0px;
    margin:auto;
    background: #fff;
    left: 0px;
}

#fundo
{
    width:800px;
    height:853px;
    position:absolute;
    background-image: url("png/pagebg1.png");
    background-repeat:repeat-x;
    z-index:1;
   
}


#fundorua
{
    width:800px;
    height:609px;
    position:absolute;
    top:290px;
    z-index:2;
    filter:alpha(opacity=85);
   
}


#pheader
{
    top:2px;
    left:5px;
    padding:0px;
    position:absolute;
    z-index:5;
    width: 101px;
    right: 694px;
}

#header1
{
    width:800px;
    height:62px;
    position:absolute;
    top:17px;
    background-image:url("png/header1bg.png");
    background-repeat:repeat-y;
    z-index:2;
}

#header2
{
    width:800px;
    height:25px;
    position:absolute;
    top:78px;
    background-image:url("png/header2bg.png");
    background-repeat:repeat-y;
    z-index:3;
}

#acabaesq
{
    width:353px;
    height:30px;
    position:absolute;
    top:100px;
    left:445px;
    background-image:url('png/acbesq.png');
    z-index:4;
    filter: alpha(Opacity=40);
}

#meio
{
    width:362px;
    height:752px;
    position:absolute;
    top:100px;
    left:174px;
    background-image:url('png/meio.png');
    filter:alpha(opacity=55);
    z-index:4;
}

#logotipo
{
    width:233px;
    height:217px;
    position:absolute;
    top:-135px;
    left:20px;
    z-index:4;
}

#telefone
{
    width:204px;
    height:186px;
    position:absolute;
    top:-70px;
    left:364px;
    z-index:4;
}

#autofalante
{
    width:27px;
    height:23px;
    position:absolute;
    top:-162px;
    left:493px;
    z-index:5s;
    padding-top:5px;
}

#pc
{
    width:62px;
    height:32px;
    position:absolute;
    top:-172px;
    left:539px;
    padding-top:5px;
    z-index:5;
}

#fumaca
{
    width: 800px;
    height:300px;
    position:absolute;
    top:-103px;
    left:0px;
    z-index:4;
    
}

#slide
{
    
    width:251px;
    height:112;
    position:absolute;
    top:29px;
    left:543px;
    z-index:5;
   
}

#atendimento
{
    width:261px;
    height:110;
    position:absolute;
    top:356px;
    left:539px;
    z-index:4;
}

#responsabilidade
{
    width:261px;
    height:110px;
    position:absolute;
    top:486px;
    left:543px;
    z-index:4;
}

#botao
{
    width:132px;
    height:56px;
    position:absolute;
    top:530px;
    left: 650px;
    z-index:10; 
       
}


#contato
{
    width:250px;
    height:208px;
    position:absolute;
    top:605px;
    left:550px;
    z-index:4;
    background:url("img/contato.png") no-repeat;
    
}

#pcontato
{
    width:130px;
    height:159px;
    position:absolute;
    top:618px;
    left:550px;
    z-index:5;
    padding: 40px 20px 10px 100px;
}

#line1
{
    width:252px;
    height:1px;
    position:absolute;
    top:344px;
    left:539px;
    z-index:4;
}

#line2
{
    width:252px;
    height:1px;
    position:absolute;
    top:475px;
    left:539px;
    z-index:4;
}

#line3
{
    width:252px;
    height:1px;
    position:absolute;
    top:606px;
    left:539px;
    z-index:4;
}

#rodape
{
    width:800px;
    height:46px;
    position:absolute;
    top:852px;
    left:0px;
    z-index:3;
}



#carrosrodape
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width:108;
    height:904px;
    position:absolute;
    top:-17px;
    left:1px;
    z-index:5;
    }

#smartsis
{
    width:119px;
    height:29px;
    position:absolute;
    top:670px;
    left:479px;
    z-index:5;
}

#psmartsis
{
    top:670px;
    left:517px;
    position:absolute;
    z-index:5;
    width: 88px;
    height: 27px;
}

#retanguloesq
{
    width:154px;
    height:844px;
    position:absolute;
    top:-204px;
    left:6px;
    z-index:5;
}

#ondas
{
    width:146px;
    height:45px;
    position:absolute;
    top:435px;
    left:19px;
    z-index:5;
}

#txtondas
{
    top:266px;
    left:-158px;
    position:absolute;
    z-index:5;
    width: 112px;
}


#xxanos
{
    position:absolute;
    top:695px;
    left:20px;
    z-index:5;
}

#fachada
{
    position:absolute;
    top:539px;
    left:-2px;
    z-index:5;
    bottom: 228px;
}
/*------------ iframe ------------------------*/

#if
{
    
    width:339px;
    height:653px;
    position:absolute;
    top:171px;
    left:168px;
    margin:0px;
    padding:0px;
    z-index:6;
} 

#iframe2
{
    width:800px;
    height:890px;
    top:20px;
    left:0px;
    z-index:6;
    margin:0px;
    padding:0px;
    position:absolute;
    background-color:Transparent;
}

#pageiframe
{
    width:326px;
    height:628px;
    position:relative;
    top:0px;
    left:0px;
    background-color:Transparent;
}

#pageiframe2
{
    width:359px;
    height:664px;
    position:relative;
    top:171px;
    left:167px;
    margin-right: 0px;
    background-color:Transparent;
}

#tituloiframe
{
    width:243px;
    height:34px;
    position:absolute;
    top: 0px;
    left: 6px;
    background-color:Transparent;
}

#txtiframe
{
    width:350px;
    height:620px;
    position:absolute;
    top:40px;
    left:5px;
    background-color:Transparent;
}

/* ----------- MENU ESQUERDA -----------------*/

div.banner {
  margin: 0;
  font-size: 11px;
  line-height: 150%;
  text-align: center;
  position: absolute;
  top: 43px;
  left: -169px;
  width: 164px;
  z-index:5;
  color: #0099ff;
  
  
}
div.banner p {
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  font-size:11px;
  color: #0099ff;
}

div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 1px solid #ccc }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }

div.banner a:link { text-decoration: none; color: #0099ff; font-size:11px; text-align:left;}
div.banner a:visited { text-decoration:none;color: #0099ff; font-size:11px; text-align:left;}
div.banner a:hover { background: #0099ff; color: white ;font-size:11px;text-align:left;}
div.banner a:active { text-decoration:none;}


/*---------------- Menu do rodape ---------------*/

.menurodape
{
    position:absolute;
    top:842px;
    left:16px;
    z-index:9; 
    margin:0px;
    padding:0px;
    font-size:11px; 
    line-height: 150%;
    text-align: center;
}

div.menurodape p { font-size:11px; font-family: Arial, Sans-Serif; color:black;}

div.menurodape a:link { text-decoration:underline; color:black; font-size:11px; text-align:left; margin:0px; padding:0px;}
div.menurodape a:visited { text-decoration:underline; color:black; font-size:11px; text-align:left; margin:0px; padding:0px;}
div.menurodape a:hover { color:#09f; text-decoration:underline; font-size:11px; text-align:left;margin:0px; padding:0px;}
div.menurodape a:active { text-decoration:underline;}

/*---------------- HOME -------------------------*/

p.compromisso{font-size:11px; font-family:Arial, Verdana, MS Sans Serif; line-height:normal; color:#f60; text-align:justify;}




#carroscentro
{
    width:324px;
    height:909px;
    position:absolute;
    top:-485px;
    left:17px;
    
    
}


#pcompromisso2
{
    width:346px;
    height:146px;
    position:absolute;
    top:455px;
    left:5px;
}


/*-------------------------- Frota ------------------------------*/






#grafico
{
    width:329px;
    height:243px;
    position:absolute;
    top:245px;
    left:4px;
    padding:0px 10px 0px 10px;
}


#popup
{
    width:321px;
    height:346px;
    position:absolute;
    top:200px;
    left:200px;
    z-index:10;
}

#close
{
    width:50px;
    height:20px;
    position:absolute;
    top:3px;
    right:4px;
    z-index:11;
}

#grafico
{
    width:329px;
    height:243px;
    position:absolute;
    top:245px;
    left:4px;
    padding:0px 10px 0px 10px;
}


#control
{
    width:85px;
    height:75px;
    position:absolute;
    top:0px;
    right:-85px;
    z-index:100;
}