﻿* 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.gif").substr(0,0)
    )
    :
    this.runtimeStyle.filter=""
   )
  );
}

hr
{
    height: 1px;
}

body
{
    width: 100%;
    background: White;
}

*
{
    margin: 0px;
    padding: 0px;
}

p
{
    font-size: 12px;
    font-family: Arial;
    color: black;
}

b
{
    color: Blue;
}

#myFrame
{
    width: 900px;
}

a:link
{
    font-size: 12px;
    font-family: Arial;
    color: Blue;
}
a:visited
{
    font-size: 12px;
    font-family: Arial;
    color: Blue;
}
a:hover
{
    font-size: 12px;
    font-family: Arial;
    color: #ff7857;
}
a:active
{
    font-size: 12px;
    font-family: Arial;
    color: #ff7857;
}

h1
{
    font-size: 12px;
    font-family: Arial;
    color: Blue;
}

.all
{
    position: relative;
    width: 900px;
    height: auto;
    margin-top: 0px;
    margin: auto;
    top: 0px;
    left: 0px;
}

.logo
{
    position: absolute;
    left: 0px;
    top: -20px;
}

.language
{
    position: absolute;
    top: 4px;
    margin-left: 78%;
    left: 0px;
    width: 200px;
}

.googlesearch
{
    position: absolute;
    top: 27px;
    left: 628px;
    width: 270px;
    height: 25px;
    z-index: 0;
}

.gsearch
{
    position: relative;
    top: 40px;
    left: 600px;
    z-index: 1;
    height: 23px;
    width: 295px;
}

.searchinside
{
}

.bgmenu
{
    position: absolute;
    background-image: url(../img/bgmenu.jpg);
    background-repeat: repeat-x;
    top: 94px;
    left: -1px;
    width: 656px;
    height: 49px;
    z-index: 0;
}

.bgmenu2
{
    position: absolute;
    height: 44px;
    left: 655px;
    background-image: url(../img/bgmenu2.jpg);
    background-repeat: repeat-x;
    top: 100px;
    width: 243px;
    z-index: 0;
}

.mp
{
    position: absolute;
    top: 78px;
    left: 0px;
}

.mpd
{
    position: absolute;
    top: 975px;
    left: 0px;
}

.mbt
{
    position: relative;
    margin-top: 20px;
    border-top: dotted 1px #bbb;
    margin-top: 10px;
    clear: both;
}

.ms
{
    position: absolute;
    top: 80px;
    left: 680px;
    width: auto;
    height: auto;
    z-index: 2;
}

.innersearch
{
    position: absolute;
    top: 111px;
    left: 624px;
    width: 271px;
}

.banner
{
    position: absolute;
    top: 143px;
    left: -2px;
    z-index: 1;
}

.iframe
{
    position: absolute;
    top: 437px;
    left: -3px;
    height: auto;
    width: 900px;
}

.cr
{
    position: absolute;
    left: -2px;
    top: 1000px;
}

.crbt
{
    position: relative;
    margin-top: 10px;
}

.page
{
    position: relative;
    width: 900px;
    height: auto;
    margin: auto;
}

#trabalhe
{
    position: absolute;
    right: 0;
    top: 0;
    width: 212px;
    height: 492px;
    background: url(../img/trabalhe.jpg) no-repeat center top;
}
/*menu*/
/*--------------------------------------------------------------------------*/
/* Navigation */
.nav, .nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav
{
    font-family: Arial, Helvetica, sans-serif;
    z-index: 100;
    position: relative;
}
.nav li
{
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited
{
    font: bold 12px Arial, Helvetica, sans-serif;
    background-color: Transparent;
    color: blue;
    display: block;
    margin: auto;
    padding: 5px;
    text-transform: lowercase;
    text-decoration: underline;
}

.nav li a:hover
{
    font-size: 12px;
    font-family: Arial;
    color: #ff7857;
    border-top: solid 3px #ff7857;
    padding-top: 2px;
}
#nav-one li:hover a, #nav-one li.sfHover a
{
    font-size: 12px;
    font-family: Arial;
    color: #ff7857;
    border-top: solid 3px #ff7857;
    padding-top: 2px;
}
#nav-one li:hover ul a, #nav-one li.sfHover ul a
{
    background: #fff;
    color: blue;
    border-top: none;
}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover
{
    background: #f3f3f3;
    color: #ff7857;
    border-top: none;
}

.nav ul
{
    background: #fff;
    list-style: none;
    margin: 0;
    width: auto;
    position: absolute;
    top: -999em;
    margin-left: 5px;
}

.nav li:hover ul, .nav li.sfHover ul
{
    top: 20px;
}

.nav ul li
{
    border: 0;
    float: none;
}

.nav ul a
{
    border-left: solid 3px blue;
    border-right: solid 3px blue;
    border-bottom: dotted 1px #555;
    border-top: none;
    width: auto;
    white-space: nowrap;
}

.nav ul a:hover
{
    background: #f3f3f3;
    color: #ff7857;
    border-left: solid 3px #ff7857;
    border-right: solid 3px #ff7857;
    border-top: none;
}

.logoanos
{
    width: 100px;
    float: right;
}
.logoanos2
{
    width: 55px;
    float: left;
    margin-left: 10px;
}
.logoanosdiv
{
    position: absolute;
    left: 380px;
    top: 5px;
    z-index: 0;
    width: 200px;
}

/*Sistemas*/
/*--------------------------------------------------------------------------*/

#menuSistemas
{
    position: relative;
    width: 900px;
    height: 25px;
}

ul.menu
{
    height: 25px;
    width: 900px;
    background-color: White;
    float: left;
    padding-left: 40px;
}
li.menu
{
    height: 30px;
    list-style: none;
    float: left;
}

li.menu a
{
    font-family: Arial;
    font-weight: bolder;
    font-size: 12px;
    width: 30px;
}
li.menu a:link
{
    text-decoration: none;
    font-family: Arial;
    font-weight: bolder;
    font-size: 12px;
    width: 30px;
    color: #268bbb;
}
li.menu a:visited
{
    text-decoration: none;
    font-family: Arial;
    font-weight: bolder;
    font-size: 12px;
    width: 30px;
    color: #268bbb;
}
li.menu a:hover
{
    text-decoration: none;
    font-family: Arial;
    font-weight: bolder;
    font-size: 12px;
    width: 30px;
    color: #268bbb;
    border-bottom: solid 2px #268bbb;
}
li.menu a:active
{
    text-decoration: none;
    font-family: Arial;
    font-weight: bolder;
    font-size: 12px;
    width: 30px;
    color: #ff7857;
    border-bottom: solid 2px #ff7857;
}

.atv
{
    text-decoration: none;
    font-family: Arial;
    font-weight: bolder;
    font-size: 12px;
    width: 30px;
    color: #ff7857;
    border-bottom: solid 2px #ff7857;
}

#textoSistemas
{
    position: relative;
    width: auto;
    height: auto;
    margin-top: 20px;
    padding: 0 15px 0 15px;
    font-family: Arial;
    text-align: justify;
    font-size: 12px;
    color: #414141;
    background-image: url(../img/bg_sistemas.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

.p_sistemas
{
    font-family: Arial;
    text-align: justify;
    font-size: 12px;
    font-weight: bold;
    color: #414141;
}

.span_sistemas
{
    font-family: Arial;
    text-align: justify;
    font-size: 18px;
    font-weight: bolder;
    text-decoration: underline;
    color: #ff7857;
}
.span_windows, .span_android
{
    font-family: Arial;
    text-align: justify;
    font-size: 12px;
    font-weight: bolder;
    font-style: italic;
    font-variant: small-caps;
    color: #4269ec;
}

.span_android
{
    color: #8baa30;
}

.span_sistemas_subTit
{
    font-family: Arial;
    text-align: justify;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    color: #ff7857;
}

.span_sistemas_sub
{
    font-family: Arial;
    text-align: justify;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: #414141;
}

li.sistemas
{
    list-style-type: circle;
    list-style-position: inside;
    font-family: Arial;
    text-align: justify;
    font-size: 12px;
    font-weight: bold;
    color: #414141;
    padding-left: 20px;
}

/*Podutos*/
/*--------------------------------------------------------------------------*/
#textoProdutos
{
    position: relative;
    width: auto;
    height: 500px;
    margin-top: 20px;
    padding: 0;
    font-family: Arial;
    text-align: justify;
    font-size: 12px;
    color: #414141;
}

#example
{
    background-color: #fff;
    font-family: Arial;
    font-size: 10px;
    height: auto;
}

#imgProduto
{
    position: relative;
    margin-right: 8px;
    height: auto;
    float: left;
    text-align: center;
}

#txtProduto
{
    position: relative;
    width: 740px;
    height: auto;
    float: left;
    margin-bottom: 20px;
}


dl
{
    width: auto;
}
dl, dd
{
    margin: 0;
}
dt
{
    display: block;
    margin-bottom: 8px;
    height: 16px;
    background-image: url(../img/AC_link.png);
    background-repeat: no-repeat;
    background-position: 3px -1px;
    background-color: #f1f1f1;
    color: #268bbb;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
    text-decoration: none;
}
dt:hover
{
    background-image: url(../img/AC_hover.png);
    background-color: #ccc;
    border-top: dotted 1px #bbb;
    border-bottom: dotted 1px #bbb;
    height: 14px;
    margin-top: -1px;
    margin-bottom: 9px;
}
dl a:link
{
    color: #268bbb;
    text-decoration: none;
}
dl a:visited
{
    color: #268bbb;
    text-decoration: none;
}
dl a:hover
{
    color: #ff7857;
    text-decoration: none;
}
dl a:selected
{
    color: #ff7857;
    text-decoration: none;
}

/*Sobre Nós*/
/*--------------------------------------------------------------------------*/
.p_sobre
{
    font-family: Arial;
    text-align: justify;
    font-size: 11px;
    font-weight: bold;
    color: #414141;
    margin-top: 5px;
}

#txtSobre
{
    position: relative;
    width: 540px;
    height: auto;
    float: left;
    text-align: justify;
}

#txtContato
{
    position: relative;
    width: 300px;
    height: auto;
    float: right;
    margin-left: 10px;
    border-left: dotted 1px #bbb;
    padding-left: 10px;
}

#endereco
{
    position: relative;
    width: 215px;
    height: auto;
    text-align: justify;
    padding-left: 30px;
    background: url(../img/ico_empresa.png) no-repeat center left;
}

#mensagem
{
    position: relative;
    height: auto;
    padding-left: 30px;
    padding-top: 30px;
    margin-bottom: 30px;
    background: url(../img/ico_mensagem.png) no-repeat center left;
}

/*Parcerias*/
/*--------------------------------------------------------------------------*/
#imgParcerias
{
    width: 200px;
    height: auto;
    float: left;
    margin: 0 40px 0 40px;
    text-align: center;
    margin-bottom: 20px;
}

/*Softwares*/
/*--------------------------------------------------------------------------*/
.pageDROPD
{
    position: relative;
    width: 800px;
    height: auto;
    margin: auto;
    padding-top: 10px;
}

#softwares
{
    width: 245px;
    height: auto;
    float: left;
    margin: 0 10px 0 10px;
    text-align: center;
    margin-bottom: 20px;
    border-right: dotted 1px #ccc;
}

/*Hardwares*/
/*--------------------------------------------------------------------------*/
.pageHARD
{
    position: relative;
    width: 600px;
    height: auto;
    margin: auto;
    padding-top: 10px;
}

.hardwares
{
    position: relative;
    width: 600px;
    height: auto;
    margin: auto;
    padding: 20px 0;
    clear: both;
    border-bottom: solid 1px #ccc;
}

.imghardwares
{
    float: left;
    text-align: center;
    position: relative;
}

.txthardwares
{
    position: relative;
    width: 400px;
    float: right;
}

#video
{
    width: 358px;
    height: 300px;
    float: right;
    margin-bottom: 20px;
    background: url(../img/bg_video.png) no-repeat center;
}

