body { margin:0; padding:0; font-family:Trebuchet MS, Arial; background-color:#1d2228; font-size:12px; color:#666;
}

/************************* MASTER PAGE HOME ************************/


.conteudoInstitucionalTopo{ width:980px; height:79px; margin:0 auto; position:relative; z-index:1000;}

.slidedown_top { height:20px; width:133px; margin:30px 15px 0px 20px; float:left; background-image:url(../../imagens/homeTopoInstitucionalIcone.gif); background-position:0px 0px; background-repeat:no-repeat; cursor:pointer;}
.slidedown_content { position: absolute; width: 100%; overflow:hidden; height: 386px; top: -305px; text-align:center; background-color:#e7e7e7;  z-index:1100;} 
.slidedown_content .content { margin:0 auto; width:950px; height:305px; background-image:url(../../imagens/institucionalEasyBack.gif); background-repeat:no-repeat; background-position:bottom center; overflow:hidden;}
.institucionalCliente{ width:185px; height:90px; float:left; position:relative; left:25px; top:190px; color:#666; padding-right:20px; text-align:left;}
.institucionalFilosofia{ width:650px; height:115px; float:left; position:relative; left:10px; top:155px; color:#FFF;}
.divideInstitucional{ width:20px; height:125px; float:left; position:relative; left:0px; top:155px;}
.chamadaSistemasInstitucional{ width:200px; height:30px; position:absolute; right:40px; top:-260px;}
.institucionalTituloDestaque{ width:930px; height:30px; color:#FFF; font-size:12px; font-weight:bold; position:absolute; left:10px; top:-200px;}


.institucionalFilosofiaJscrollTitulo{ width:645px; height:30px; float:left; color:#666; font-size:25px; font-weight:bold; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #666;}
.institucionalFilosofiaJscroll{ width:650px; height:115px; position:relative !important; text-align:left; color:#666;}

.slidedown_content .footer { height:82px; position:relative;  background-image:url(../../imagens/homeBarraInstitucionalBack.gif); background-repeat:repeat-x; z-index:1100;}
.barraInstitucionalTopo{ width:420px; height:20px; border-bottom:1px solid #e0e0e0; padding:0; float:left; margin-top:20px; margin-left:10px;}
.telefoneInstitucional{ width:197px;  background-image:url(../../imagens/homeTopoInstitucionalIcone.gif); background-position:-133px 0px; height:20px; float:left; margin-top:30px; margin-left:20px; background-repeat:no-repeat;}

.linksBarraTopo{ width:130px; height:20px; position:absolute; top:30px; right:20px; z-index:9999;}
.mapaSite{ width:72px; height:20px; text-indent:-9999px; float:left; background-image:url(../../imagens/homeTopoInstitucionalIcone.gif); background-position:-330px 0px; background-repeat:no-repeat;}
.contatoEasySystem{ width:50px; height:20px; text-indent:-9999px; float:left; background-image:url(../../imagens/homeTopoInstitucionalIcone.gif); background-position:-402px 0px; background-repeat:no-repeat;}


.slidedown_bottom { width: 100%; height:204px; position:relative; top:82px; background-image:url(../../imagens/homeTopoLinksBack.gif); background-repeat:repeat-x;}

.menuLinks { width: 100%; height:204px; position:relative; background-color:#1d2228; top:82px; background-image:url(../../imagens/homeTopoLinksBack.gif); background-repeat:repeat-x; z-index:1000;}

.topoLogoInputsCont{ width:980px; height:124px; margin:0 auto; z-index:10000;}
.topoLogoEasy{ width:240px; height:77px; position:relative; float:left; top:37px; padding-left:5px; background-image:url(../../imagens/homeLogoInputs.gif); background-repeat:no-repeat; background-position:10px -5px;}
.topoAreaRestrita{ width:500px; height:77px; position:relative; float:right; top:37px; padding-right:30px; background-image:url(../../imagens/homeLogoInputs.gif); background-repeat:no-repeat; background-position:-235px -5px; z-index:10000;}
.topoAreaRestritaNaoLogin{ width:200px; height:20px; font-size:10px; color:#FFF; text-decoration:none; position:absolute; top:70px; right:77px;}
.topoAreaRestritaNaoLogin:hover{ text-decoration:underline;}

.inputsAreaRestrita{ width:250px; height:60px; position:absolute; top:10px; right:22px;}
.topoLogoEasyInputs{ width:190px; background-image:none; background-color:#556870; margin-bottom:12px; font-size:12px; height:16px; float:left; border:none; color:#FFF;}
.logarBtRestrita{ width:30px; height:20px; position:absolute; top:22px; right:33px; float:left;}


.menuLinksLista { width:980px; height:80px; position:relative; top:0px; margin:0 auto; padding:0;}

ul.menu { width:950px; height:80px; list-style:none; margin:0px 0px 0px 20px; padding:0;}
ul.menu li { float:left;}
	
ul.menu li a { background:url(../../imagens/homeBarraMenuEasySystem.gif) no-repeat scroll top left; display:block; 	width:159px; height:80px; position:relative;}
	
ul.menu li a.home {	width:65px; height:80px; background-position:0px 0px;}
ul.menu li a.home span { width:65px; height:80px; background-position:0px -80px;}
	
ul.menu li a.desktop { width:207px; height:80px; background-position:-65px 0px;}
ul.menu li a.desktop span { width:207px; height:80px; background-position:-65px -80px;}
	
ul.menu li a.web { width:176px; height:80px; background-position:-272px 0px;}
ul.menu li a.web span { width:176px; height:80px; background-position:-272px -80px;}
	
ul.menu li a.solucoesProdutos { width:158px; height:80px; background-position:-448px 0px;}
ul.menu li a.solucoesProdutos span { width:158px; height:80px; background-position:-448px -80px;}
	
ul.menu li a.parcerias { width:90px; height:80px; background-position:-610px 0px;}
ul.menu li a.parcerias span { width:90px; height:80px; background-position:-610px -80px;}
	
ul.menu li a.cases { width:69px; height:80px; background-position:-700px 0px;}
ul.menu li a.cases span { width:69px; height:80px; background-position:-700px -80px;}
	
ul.menu li a.portifolio { width:91px; height:80px; background-position:-770px 0px;}
ul.menu li a.portifolio span { width:91px; height:80px; background-position:-770px -80px;}
	
ul.menu li a.premios { width:87px; height:80px; background-position:-857px 0px;}
ul.menu li a.premios span { width:87px; height:80px; background-position:-857px -80px;}
	
	
ul.menu li a span { background:url(../../imagens/homeBarraMenuEasySystem.gif) no-repeat scroll bottom left; display:block; position:absolute; top:0; 	left:0;	width:159px; height:80px; z-index:100;}
ul.menu li a span:hover { cursor:pointer;}


.flashHolder{ width:100%; min-height:100px; float:left; border-bottom:2px solid #FFF;}
.flashEasySystemEsq{ width:49%; height:700px; margin-top:80px; background-image:url(../../imagens/homeFlashLeftDiv.gif); float:left; background-repeat:repeat-x;}
.flashEasySystemDir{ width:49%; height:700px; margin-top:80px; background-image:url(../../imagens/homeFlashRightDiv.gif); float:right; background-repeat:repeat-x;}
.FlashEasySystemCont{ width:920px; height:453px; position:absolute; background-image:url(../../imagens/homeFlashBackGround.gif); background-position:0px 0px; top:79px; left:25px;}
.empresaNovidades{ width:920px; height:246px; position:absolute; top:532px; left:25px; background-color:#1d2228;}
.empresaNovidadesCont{ width:550px; height:380px; position:absolute; top:370px; left:25px;}
.empresaNovidadesContHolder{ width:550px; height:380px; position:relative; z-index:999;}
.empresaNovidadesContHolderTitulo{ width:400px; height:43px; float:left; background-repeat:no-repeat; background-image:url(../../imagens/homeTitulosEmpresa.gif); background-position:0px 0px;}
.empresaNovidadesContHolderFoto{ width:178px; height:280px; float:left; position:relative; top:30px; border:2px solid #FFF;}
.empresaNovidadesContHolderTexto{ width:320px; height:110px; float:right; position:relative; overflow:hidden; top:200px; padding-left:20px; color:#FFF;}
.empresaNovidadesContHolderPropaganda{ width:200px; height:173px; position:absolute; top:70px; right:70px;}

.premiosHolder{ width:380px; height:185px; position:absolute; top:180px; right:-430px; padding-left:30px; border-left: 1px solid #FFF;}
.premiosHolderTitulo{ width:380px; height:43px; float:left; background-image:url(../../imagens/homeTitulosEmpresa.gif); background-repeat:no-repeat; background-position:0px -43px;}
.premiosHolderTexto{ width:250px; height:105px; position:relative; overflow:hidden; top:20px; float:left; color:#FFF;}
.premiosHolderFoto{ width:107px; height:174px; float:left;}


.homeMeioProgramasSites{ width:100%; height:1019px; float:left; background-image:url(../../imagens/homeMeioBack.gif); background-repeat:repeat-x;}
.homeMeioProgramasSitesHolder{ width:980px; height:980px; margin:0 auto;}
.meioTituloVerde{ width:956px; height:83px; background-image:url(../../imagens/homeBarraVerde.gif); margin:0px 0px 0px 0px; float:left;}

.rodape{ width:100%; height:214px; float:left; background-color:#1d2228; background-image:url(../../imagens/homeRodapeBack.gif); background-repeat:repeat-x;}
.rodapeHolder{ width:980px; height:214px; position:relative; margin:0 auto;}
.rodapeLinks{ width:190px; height:180px; float:left; overflow:hidden; position:relative; left:30px; padding-left:0px; margin:30px 0px 0px 0px;}
.rodapeEmpresa{ width:400px; height:150px; float:left; position:relative; left:30px; margin:37px 0px 0px 70px;}

.rodapeNewsletter{ width:250px; height:120px; position:absolute; top:50px; right:0px; background-image:url(../../imagens/homenewsLetter.gif); background-repeat:no-repeat;}
.rodapeNewsletterInputs{ width:185px; height:16px; margin-bottom:7px; position:relative; top:58px; left:13px; font-size:11px; float:left; padding:4px; padding-bottom:3px; color:#b2b1b1; background-color:#5c5d5e; border:none;}
.rodapeNewsletterBt{ width:25px; height:25px; float:left; position:absolute; top:70px; right:8px;}

.barraRodape{ width:3px; height:100px; display:inline; position:relative; left:30px; margin-top:60px; float:left; border-left:2px solid #7c7c7c;}
.linksRodapeLista{ width:200px; height:18px; float:left; margin:0px 0px 0px 0px; color:#7c7c7c; text-decoration:none;}
.linksRodapeLista:hover{ color:#FFF; text-decoration:underline;}


/*jquery slide*/

.meioDesktopSlideSistemasDesktop{ width:900px; min-height:300px; float:left;}
.meioDesktopSlideSitesPortais{ width:900px; min-height:300px; margin-top:20px; float:left;}


.jcarousel-skin-tango{ width:830px; margin-top:30px; min-height:350px; position:relative; left:70px; float:left;}

.jcarousel-container { width:750px; min-height:300px; float:left; position: relative;}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li,
.jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px;}
.jcarousel-item img{ width: 150px; height: 188px;}


.jcarousel-next { z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}


.jcarousel-skin-tango .jcarousel-container { width:750px; min-height:110px; float:left;}
.jcarousel-skin-tango .jcarousel-container-horizontal { width:750px; min-height:110px; float:left; color:#666; font-size:10px; text-align:center; padding: 20px 40px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:750px; min-height:300px; float:left;}
.jcarousel-skin-tango .jcarousel-item { width: 220px; min-height: 75px; float:left;}
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right:40px; width: 220px; min-height:300px; float:left;}
.slideTextos{ width:220px; min-height:10px; float:left; text-align:left;}
.slideTitulo{ width:220px; min-height:10px; font-size:18px; font-weight:bold; text-align:center; padding-bottom:10px; float:left;}
.slideTituloSitesPortais{ width:220px; min-height:10px; font-size:18px; font-weight:bold; text-align:center; padding-bottom:10px; float:left;}
.jcarousel-skin-tango .jcarousel-item-horizontal img { border:none; margin-bottom:5px;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background:#fff; color:#000;}
.jcarousel-skin-tango .jcarousel-list-horizontal{ width:750px; min-height:300px; float:left;}

.jcarousel-skin-tango .jcarousel-next-horizontal { position:absolute; top:40px; right:-5px; width:42px; height:118px; cursor:pointer; background:transparent url(../../imagens/sistemasSlideRight.gif) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal { position:absolute; top:40px; left:-5px; width:42px; height:118px; cursor:pointer; background: transparent url(../../imagens/sistemasSlideLeft.gif) no-repeat 0 0;}


/*jquery slide*/

.homeBarraSepara{ width:980px; height:21px; position:relative; margin:10px 0px 30px 0px; float:left; background-image:url(../../imagens/homeBarraSepara.gif);}
.homeTituloSitesPortais{ width:389px; height:51px; position:absolute; top:45px; left:60px;}
.homePropagandaPromocoes{ width:195px; height:150px; background-image:url(../../imagens/homeBalaoPromocaoPNG.png); position:absolute; top:45px; right:280px; z-index:999;}

/* POPUP ESCOLHA PORTIFOLIO */

.escolhaPortifolio{ width:689px; height:483px; display:none; position:absolute; left:-300px; background-image:url(../../imagens/portifoliosEscolha.png); z-index:999999;}

.escolhaPortifolioDektopoBt { width:250px; height:250px; display:block; text-indent:-9999px; position:absolute; top:140px; left:60px; z-index:999999;}
.escolhaPortifolioWEB_Bt { width:250px; height:250px; display:block; text-indent:-9999px; position:absolute; top:140px; left:370px; z-index:999999;}
.escolhaPortifolioFecharPopUP { width:82px; height:34px; display:block; text-indent:-9999px; position:absolute; top:55px; right:43px; z-index:999999;}

/* POPUP ESCOLHA PORTIFOLIO */

/************************* MASTER PAGE HOME ************************/

/************************* MASTER PAGE INTERNAS ************************/

.homeMeioProgramasSitesInternas{ width:100%; min-height:100px; margin-top:80px; float:left;}

.homeMeioProgramasSitesInternasTopo{ width:100%; height:110px; background-color:#FFF; background-image:url(../../imagens/internasTopoContBack.gif); background-repeat:repeat-x; float:left;}
.homeMeioProgramasSitesInternasMeio{ width:100%; min-height:500px; float:left; background-color:#FFF;}

.homeMeioProgramasSitesHolderInternas{ width:980px; min-height:500px; margin:0 auto;}

.homeMeioProgramasSitesInternasBaixo{ width:100%; height:105px; background-color:#FFF; background-image:url(../../imagens/internasBaixoContBack.gif); background-repeat:repeat-x; float:left;}

.internasContGeral{ width:950px; min-height:100px; position:relative; left:30px; float:left;}
.internasContGeralTitulo{ width:950px; height:50px; position:relative; top:-60px; left:0px;}

.paginadorInternas{ width:900px; height:30px; position:relative; text-align:center; margin:60px 0px 60px 0px; padding-top:20px; float:left;}
.paginadorInternasStyleNumber{ font-size:45px; font-weight:bold; color:#00a1e5; text-decoration:none;}
.paginadorInternasStyleNumber:hover{ color:#CCC;}
.paginadorInternasStyleNumberNormal{ font-size:25px; color:#00a1e5; text-decoration:none;}
.paginadorInternasStyleNumberNormal:hover{ color:#CCC;}

/************************* MASTER PAGE INTERNAS ************************/

/************************* PAGINA VIEW ************************/

.textoCompletoView{ width:920px; min-height:100px; float:left;}
.textoCompletoViewTitulo{ width:920px; min-height:20px; float:left; margin-top:-30px; padding-bottom:20px; font-size:25px; font-weight:bold; color:#00b6f7;}
.fotoView{ width:200px; height:182px; float:left; margin:0px 30px 30px 0px; border:2px solid #00b6f7;}
.fotoView img{ width:200px; height:182px;}
.fotoView2{ width:200px; height:182px; float:left; margin:0px 30px 30px 0px;}
.fotoView2 img{ width:200px; height:182px;}

/************************* PAGINA VIEW ************************/

/************************* CASES/PARCEIROS ************************/

.casesDestaques{ width:920px; height:280px; margin-top:-20px; float:left;}
.casesDestaquesEsq{ width:430px; height:280px; float:left;}
.casesDestaquesEsqFoto{ width:123px; height:112px; float:left;}
.casesDestaquesEsqTitulo{ width:250px; height:112px; position:relative; left:20px; float:left; text-decoration:none; font-size:16px; font-weight:bold; color:#00a1e5;}
.casesDestaquesEsqTitulo:hover{ color:#CCC;}
.casesDestaquesEsqTexto{ width:400px; height:145px; overflow:hidden; position:relative; top:20px; float:left;}

.barraDivideCasesPrincipais{ width:30px; height:280px; float:left; position:relative; left:20px; background-image:url(../../imagens/casesBarraDivide.gif); background-position:center; background-repeat:no-repeat;}

.casesDestaquesDir{ width:430px; height:280px; float:left; position:relative; left:50px;}
.casesDestaquesDirFoto{ width:123px; height:112px; float:left;}
.casesDestaquesDirTitulo{ width:250px; height:112px; position:relative; left:20px; float:left; text-decoration:none; font-size:16px; font-weight:bold; color:#00a1e5;}
.casesDestaquesDirTitulo:hover{ color:#CCC;}
.casesDestaquesDirTexto{ width:400px; height:145px; overflow:hidden; position:relative; top:20px; float:left;}

.barraSeparaPagina{ width:950px; height:50px; float:left; margin-top:40px;}

.casesLista{ width:950px; min-height:100px; float:left; margin-top:35px;}
.casesListaDepoimentos{ width:900px; min-height:20px; float:left; margin:0px 0px 0px 0px;}
.casesListaDepoimentosFoto{ width:79px; min-height:73px; float:left; margin-top:3px;}
.parceriasListaDepoimentosFoto{ width:123px; min-height:112px; float:left; margin-top:3px;}

.casesListaDepoimentosTitulo{ width:800px; min-height:20px; padding-bottom:5px; text-decoration:none; font-size:16px; font-weight:bold; color:#00a1e5; position:relative; left:30px; float:left;}
.parceriasListaDepoimentosTitulo{ width:750px; min-height:20px; padding-bottom:5px; text-decoration:none; font-size:16px; font-weight:bold; color:#00a1e5; position:relative; left:30px; float:left;}

.casesListaDepoimentosTitulo:hover{ color:#CCC;}
.parceriasListaDepoimentosTitulo:hover{ color:#CCC;}

.casesListaDepoimentosTexto{ width:800px; min-height:20px; position:relative; left:30px; float:left;}
.parceriasListaDepoimentosTexto{ width:750px; min-height:20px; position:relative; left:30px; float:left;}

.casesBarraSeparaLista{ width:920px; height:20px; float:left; margin:20px 0px 20px 0px; background-image:url(../../imagens/casesBarraSeparaLista.gif); background-position:center; background-repeat:no-repeat;}


/************************* CASES/PARCEIROS ************************/


/************************* DESENVOLVIMENTO DESKTOP/WEB ************************/

.apresentacaoDesenvolvimento{ width:950px; min-height:245px; top:-50px; float:left; position:relative;}
.barraDesenvolvimentoMudaWEB{ width:428px; height:35px; position:absolute; top:-10px; background-image:url(../../imagens/desenvolvimentoBotoesMudaSistemas.gif); right:0px;}
.barraDesenvolvimentoMudaSistema{ width:428px; height:35px; position:absolute; top:-10px; background-image:url(../../imagens/desenvolvimentoBotoesMuda-WEB.gif); right:0px;}
.barraPortMudaWEB{ width:428px; height:35px; position:absolute; top:-10px; background-image:url(../../imagens/portifolioBotoesMudaDesktop.gif); right:0px;}
.barraPortMudaDesktop{ width:428px; height:35px; position:absolute; top:-10px; background-image:url(../../imagens/portifolioBotoesMudaWEB.gif); right:0px;}
.menuQualDesenvolvimentoWEB{ width:190px; height:20px; position:absolute; top:7px; right:15px;}
.menuQualDesenvolvimentoSistema{ width:145px; height:20px; position:absolute; top:7px; right:15px;}
.imagemDesenvolvimentoSistemas{ width:300px; height:300px; margin-top:0px; float:left;}
.textoApresentacaoSistemasDesktop{ width:570px; height:230px; margin-top:40px; float:right;}
.caracteristicasSistemas{ width:965px; min-height:20px; float:left; position:relative;}
.caracteristicasSistemasBarraCima{ width:965px; height:20px; float:left; background-image:url(../../imagens/barraCaracteristicasTopo.gif); background-repeat:no-repeat; background-position:-4px 4px;}
.caracteristicasSistemasCont{ width:962px; min-height:100px; position:relative; left:1px; min-height:100px; background-color:#00b8f8; float:left;}
.caracteristicasSistemasContTitulo{width:930px; height:40px; font-size:30px; font-weight:bold; color:#FFF; position:absolute; left:30px; top:10px;}
.caracteristicasSistemasContTituloMenor{ font-size:25px; font-weight:normal;}
.caracteristicasSistemasCont1{ width:265px; min-height:16px; color:#FFF; padding:70px 20px 20px 30px; line-height:20px; float:left;}
.caracteristicasSistemasBarraBaixo{ width:965px; height:16px; float:left; background-image:url(../../imagens/barraCaracteristicasBaixo.gif); background-repeat:no-repeat; background-position:-4px 0px;}


.chamadaPortifolioPagina{ width:965px; min-height:20px; margin-top:50px; float:left; position:relative;}
.chamadaPortifolioPaginaEsq{ width:520px; min-height:225px; float:left; position:relative;}
.chamadaPortifolioPaginaEsqTitulo{ width:469px; height:53px; float:left;}
.chamadaPortifolioPaginaEsqTexto{ width:490px; min-height:100px; padding-left:7px; margin-top:15px; float:left;}
.chamadaPortifolioPaginaEsqChamada{ width:250px; height:49px; padding-top:15px; float:left;}


.chamadaPortifolioPaginaDir{ width:400px; min-height:225px; float:right; position:relative;}



/*JScroll*/


.scrollText{width:550px; height:230px; float:left; background-color:#FFF;}

.holder{float: left; margin: 10px;}
.scroll-pane{width:200px; height:200px; overflow:auto; background-repeat:no-repeat; float:left;}

.jScrollPaneContainer{ width:25px; position:relative; overflow:hidden;  z-index:1; padding-right:20px;}
	
.jScrollPaneTrack{ height:100%;  position:absolute;  cursor:pointer;  right:0;  top:0;}
.jScrollPaneDrag{position:absolute; width:5px !important; left:2px !important;  background:#59ceff; background-image:url(../../imagens/barraScroll.gif); background-repeat:repeat-y;  cursor:pointer;  overflow:hidden;}
.jScrollPaneDragTop{position: absolute;  top:0;  left:0;  overflow:hidden;}
.jScrollPaneDragBottom{position:absolute; bottom:0;  left:0;  overflow:hidden;}

a.jScrollArrowUp{top:0;  right:0; height:22px; width:11px !important;  position:absolute;  z-index:1;  display:block;  overflow:hidden;  text-indent:-2000px; background-image:url(../../imagens/setaCimaPNG.png); background-repeat:no-repeat; background-position:center;}			 
a.jScrollArrowDown{bottom:0;  right:0; height:22px; width:11px !important;  position:absolute;  z-index:1;  display:block;  overflow:hidden;  text-indent:-2000px; background-image:url(../../imagens/setaBaixoPNG.png); background-repeat:no-repeat; background-position:center;}


/*JScroll*/


/************************* DESENVOLVIMENTO DESKTOP/WEB ************************/

/************************* PREMIOS ************************/


.scrollTextPremios{width:635px; height:290px; float:left; background-color:#FFF;}


.seletorPremios{ width:965px; height:310px; float:left; position:relative; overflow:hidden;}
.premiosTituloCont{width:630px; min-height:10px; font-size:30px; color:#429bb9; padding-bottom:15px; border-bottom:1px solid #429bb9; margin-bottom:20px; float:left;}
.premiosTituloContDestaque{ font-size:35px; font-weight:bold;}
.textoApresentacaoPremios{ width:660px; height:290px; position:absolute; top:0px; right:0px;}

/************************* PREMIOS ************************/


/************************* PORTIFOLIO SISTEMAS/WEB ************************/

.scrollTextPort{width:677px; height:220px; float:left; background-color:#FFF;}
.scrollTextPort a{ text-decoration:none; color:#429bb9; font-size:16px; font-weight:bold;}
.scrollTextPort a:hover{ color:Aqua;}

.textoApresentacaoPort{ width:700px; height:220px; position:absolute; top:40px; right:0px;}
.portTituloCont{width:680px; min-height:10px; font-size:30px; font-weight:bold; color:#59ceff; padding-bottom:15px; border-bottom:1px solid #59ceff; margin-bottom:20px; float:left;}
.imagemPortifolio{ width:220px; height:280px; margin-top:35px; float:left;}

.chamadaDesenvolvimentoPagina{ width:950px; min-height:20px; float:left; position:relative;}
.chamadaDesenvolvimentoPaginaTitulo{ width:950px; height:53px; float:left;}
.chamadaDesenvolvimentoPaginaTexto{ width:950px; min-height:20px; padding-left:7px; margin-top:15px; float:left;}
.chamadaDesenvolvimentoPaginaChamada{ width:600px; height:50px; padding-top:15px; float:left;}

.portDivisaoPagina{ width:950px; height:35px; margin:20px 0px 20px 0px; float:left;}

.barraSeletora{ width:697px; height:30px; position:absolute; bottom:-50px; right:0px; background-image:url(../../imagens/portiFolioWEB-Foto1.gif);}
.barraSeletoraCont{ width:340px; height:30px; position:relative; left:345px;}
.barraSeletoraSites{ width:76px; height:21px; float:left; margin-top:3px; margin-right:25px;}
.barraSeletoraPortais{ width:90px; height:21px; float:left; margin-top:3px; margin-right:20px;}
.barraSeletoraSistemas{ width:125px; height:21px; float:left; margin-top:3px;}


.barraSeletoraDesktop{ width:697px; height:30px; position:absolute; bottom:-50px; right:0px; border-top:1px solid #5aceff;}


/************************* PORTIFOLIO SISTEMAS/WEB ************************/

/************************* CONTATO ************************/

.apresentacaoDesenvolvimentoEsq{ width:400px; min-height:400px; margin-bottom:40px; margin-top:30px; float:left;}
.apresentacaoDesenvolvimentoEsqTitulo{ width:400px; height:40px; margin-bottom:20px; float:left;}
.apresentacaoDesenvolvimentoEsqTexto{ width:395px; min-height:100px; margin-bottom:30px; padding-left:5px; float:left;}
.apresentacaoDesenvolvimentoEsqBotao{ width:400px; height:30px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #5aceff; float:left;}
.apresentacaoDesenvolvimentoEsqTelefones{ width:253px; height:151px; float:left;}


.apresentacaoDesenvolvimentoDir{ width:507px; min-height:400px; margin-top:40px; float:left; position:relative; left:40px;}
.easyFormInputs{ width:422px; height:35px; float:right; padding:7px 0px 0px 17px; background-image:url(../../imagens/contatoTextBoxBack.gif); background-repeat:no-repeat;}
.easyFormInputsStyle{ width:400px; height:15px; float:left; padding:5px;  border:none; border-color:Black; color:#00a1e5; font-family:Trebuchet MS, Arial;}

.easyFormTextArea{ width:507px; min-height:100px; padding-top:10px; float:right; z-index:1;}
.easyFormTextAreaTopo{ width:444px; height:15px; float:right; background-image:url(../../imagens/contatoBarraMensagemTopo.gif); background-repeat:no-repeat;}
.easyFormTextAreaMeio{ width:444px; min-height:20px; float:right; background-image:url(../../imagens/contatoBarraMensagemMeio.gif); background-repeat:repeat-y;}
.easyFormTextAreaBaixo{ width:444px; height:15px; float:right; background-image:url(../../imagens/contatoBarraMensagemBaixo.gif); background-repeat:no-repeat;}
.redimencioneBox{ width: 400px; height:100px; position:relative; left:15px; top:-9px; padding:10px 10px 0px 10px; display: block; border:none; border-color:Black; font-family: Trebuchet MS, Arial;  font-size: 18px; font-weight:bold; color:#00a1e5;}

.menuListaContatos{ width:422px; height:35px; float:right;}
/*lista*/
.easyFormListaArea{ width:422px; height:35px; float:right; padding:0px 0px 0px 0px; z-index:5;}
.easyFormListaArea2Botoes{ width:410px; min-height:50px; position:absolute; top:36px; left:17px; border:1px solid #00a1e5; border-top:none; background-color:#FFF; z-index:10;}
/*lista*/

.mostrarListaContatosLinks{ width:350px; height:15px; position:relative; left:17px; float:left; padding:5px; border:none; border-color:Black; color:#00a1e5; font-family:Trebuchet MS, Arial; z-index:5;}

.easyFormList{ width:444px; height:35px; position:relative; left:-17px; float:left; padding:7px 0px 0px 0px; background-image:url(../../imagens/inputLista1.gif); background-repeat:no-repeat; background-position:0px 0px; z-index:5;}

.easyFormListaArea2{ width:422px; height:35px; position:absolute; top:169px; left:67px; display:none; padding:0px 18px 0px 0px; z-index:500; z-index:10;}
.linksAreasForm{ width:380px; height:25px; float:left; text-decoration:none; padding:10px; padding-left:20px; border-top:1px solid #00a1e5; font-family:Trebuchet MS, Arial; font-size:14px; font-weight:bold; color:#00a1e5; z-index:10;}
.linksAreasForm:hover{ background-color:#00a1e5; color:#FFF;}

.contatoBtEnviar{ width:120px; height:50px; position:relative; left:50px; top:10px; padding-bottom:60px; float:left;}

/************************* CONTATO ************************/


/************************* MAPA ************************/

.mapaBackground{ width:920px; height:583px; position:relative; left:-20px; margin-top:-20px; margin-bottom:30px; background-image:url(../../imagens/mapaEasySystem.gif); background-repeat:no-repeat; background-position:0px 0px;}
.mapaBotao1{ width:258px; height:36px; position:absolute; left:110px; top:75px;}
.mapaBotao2{ width:217px; height:36px; position:absolute; left:110px; top:133px;}
.mapaBotao3{ width:201px; height:36px; position:absolute; left:110px; top:188px;}
.mapaBotao4{ width:87px; height:36px; position:absolute; left:110px; top:248px;}
.mapaBotao5{ width:54px; height:36px; position:absolute; left:110px; top:305px;}
.mapaBotao6{ width:180px; height:36px; position:absolute; left:110px; top:360px;}
.mapaBotao7{ width:139px; height:36px; position:absolute; left:110px; top:420px;}
.mapaBotao8{ width:78px; height:36px; position:absolute; left:110px; top:480px;}
.mapaBotao9{ width:75px; height:36px; position:absolute; left:110px; top:535px;}

/************************* MAPA ************************/

/************************* SOLUCOES E PRODUTOS ************************/


.solucoeseprodutosCont{ width:950px; min-height:500px; float:left;}
.solucoeseprodutosContWEB{ width:950px; min-height:100px; border-top:1px solid #7fddff; padding-top:30px; float:left;}
.solucoeseprodutosContWEBEsq{ width:220px; height:230px; padding-right:20px; float:left;}
.solucoeseprodutosContWEBDir{ width:650px; height:230px; float:left; background-image:url(../../imagens/fundoPromocaoSites.gif); background-repeat:no-repeat;}
.solucoeseprodutosContWEBDirText{ width:550px; height:180px; position:relative; top:80px; left:33px; float:left; color: #FFF;}

.solucoeseprodutosContDesktop{ width:950px; min-height:100px; margin-bottom:30px; margin-top:-50px; float:left;}
.solucoeseprodutosContDesktopEsq{ width:650px; height:230px; float:right; background-image:url(../../imagens/fundoPromocaoSistemas.gif); background-repeat:no-repeat; background-position:right;}
.solucoeseprodutosContDesktopEsqText{ width:550px; height:180px; position:relative; top:80px; left:72px; float:left; color: #FFF;}
.solucoeseprodutosContDesktopDir{ width:220px; height:230px; float:left;}

/************************* SOLUCOES E PRODUTOS ************************/





/************************* PROGRAMACAO ************************/
.BloqueiaConteudo{position:absolute; left:0px; top: 0px; width:100%; height:100%; z-index:0; background-color:white; opacity:0; -moz-opacity: 0; filter: alpha(opacity=0);}



/************************* PROGRAMACAO ************************/


/************************* EMPRESA ************************/




/************************* EMPRESA ************************/