* {margin:0;padding:0;border:0;outline:0;}
ul{list-style:none;}
html, body{font-family:Tahoma, Geneva, sans-serif;font-size:12px;text-align:left;text-shadow:1px 1px 1px #fff;color:#000;background:#35373d;}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:underline;color:#333}
.content{width:940px;margin:0 auto}
.Main{padding:30px 0}

/*---------- Topo ----------*/
.DivTopo{height:75px;background:url(img/bg_topo.jpg) left center repeat-x}
.logo{float:left;padding-top:20px;}
.TopoRight{width:400px;float:right;font-size:11px;color:#FFF;}
.TopoRight a{color:#FFF;}
.TextCadastre{float:right;width:139px;height:19px;line-height:19px;text-shadow:1px 1px 0 #333;background:url(img/bg_cadastro.png) bottom center no-repeat;padding:28px 0 0 10px}
.TextFale{float:right;height:19px;line-height:19px;text-shadow:1px 1px 0 #000;padding:28px 10px 0 0}

.TextLogado{float:right;text-shadow:1px 1px 0 #000;padding:12px 7px 3px 0;}
.TextProjetos{float:right;width:149px;height:19px;line-height:19px;text-align:center;text-shadow:1px 1px 0 #333;background:url(img/bg_projetos.png) bottom center no-repeat;}
.TextFale2{float:right;height:19px;line-height:19px;text-shadow:1px 1px 1px #000;padding:0 10px 0 0}

.BgMenu{height:43px;background:url(img/bg_menu.jpg) left center repeat-x;border-bottom:#666666 solid 1px}
.menu{float:left;color:#fff;font-size:18px;line-height:43px;text-align:center;text-shadow:1px 1px 0px #333;cursor:pointer;}
.BtnHome{float:left;padding-right:30px;}
.BtnDemo, .BtnFuncoes, .BtnClientes, .BtnVideos, .BtnFaq{float:left;padding:0 30px;background:url(img/barrinha.jpg) left center no-repeat}
.BtnHome:hover, .BtnDemo:hover, .BtnFuncoes:hover, .BtnClientes:hover, .BtnVideos:hover, .BtnFaq:hover{color:#CCC;}

.BtnDownload{float:right;padding-top:6px}
/*---------- Topo ----------*/

/*-------------home-------------*/
.BgBanner{height:329px;background:url(img/bg_banner.jpg) left center repeat-x}
.Box{float:left;width:252px;color:#FFF;margin:10px 0 0 45px}
.CenterBox{height:220px;text-shadow:1px 1px 1px #000;padding:0 10px;border-left:#4b4d51 solid 2px;border-right:#4b4d51 solid 2px;background:#3d3f43;}
.titleBox{font-size:14px;font-weight:bold;text-transform:uppercase;text-shadow:2px 2px 2px #000;padding:5px 0 15px 0}
.textoBox{height:168px;line-height:14px;}
.FAQMore a{color:#4E87BE}
.BgMain{background:url(img/bg_main.jpg)}
.Clientes{height:109px;padding-bottom:20px}
.BoxClientes{float:left;width:921px;height:92px;background:#FFF url(img/bg_box_ferramentas.jpg) left bottom repeat-x;border-top:#bdbcbd solid 1px;border-bottom:#bdbcbd solid 1px;padding:15px 0 0 0}
.BoxClientes img{max-width:78px;margin:0 8px;}
.ClienteMore{text-align:center;margin:18px 18px 0 0px}
.ClienteMore a{color:#4E87BE}
.Ferramentas{height:109px;padding-top:20px}
.BoxFerramentas{float:left;width:921px;height:84px;text-align:center;color:#999999;background:#FFF url(img/bg_box_ferramentas.jpg) left bottom repeat-x;border-top:#bdbcbd solid 1px;border-bottom:#bdbcbd solid 1px;padding:23px 0 0 0}
.BoxMain{height:288px;background:#FFF url(img/bg_box_main.jpg) left bottom repeat-x;border-left:#bdbcbd solid 1px;border-right:#bdbcbd solid 1px;padding:5px 15px}
.titleBoxMain{font-size:14px;font-weight:bold;padding-bottom:15px}
.titleBoxMain span{font-size:12px;color:#666666}
.planos{color:#666666;border-bottom:#666666 solid 1px;padding-bottom:10px}
.valorPlano{float:left;padding-left:10px}
.semJuros{float:right;font-size:11px;padding-top:2px}

.vantagens{line-height:18px;margin-top:5px;border-bottom:#666666 solid 1px;}
.VantMore{position:absolute;margin:-13px 0 0 193px;}
.VantMore a{color:#4E87BE}
.videos{border-bottom:#666666 solid 1px;padding:5px 0 5px 0;margin:5px 0 20px 0}
.VideoMore{position:absolute;margin:-13px 0 0 202px;}
.VideoMore a{color:#4E87BE}
.ImgVideo{float:left;padding:4px 10px 0 0;}
.TextVideo{float:left;width:220px}
.TitleTextVideo{font-size:14px;font-weight:bold;padding-bottom:3px}
/*-------------home-------------*/

/* ---------- @ Funcoes -----------*/
.VantTitle{width:260px;font-weight:bold;padding:10px 5px 2px 5px;border-bottom:solid 2px #AAA;}
.VantTitle:hover{background-color:#FFF;}
.VantItem{padding:10px 10px 5px 10px;margin-bottom:15px;border:#CCC solid 1px;background-color:#FFF;}
.VantItem a{color:#4E87BE}
.LinkAzul{line-height:20px;}
/* ---------- @ Funcoes -----------*/

/* ---------- @ Videos -----------*/
#MsgFndVideo{display:none;position:fixed;background-color:#000;top:0%;left:0%;width:100%;height:100%;opacity:0.90;-moz-opacity:0.90;filter:alpha(opacity=90);z-index:5;}
#video_tutorial{display:none;position:fixed;width:560px;height:345px;top:50%;left:50%;margin:-170px 0 0 -280px;z-index:6;}
.VidItem{float: left;width: 190px;text-align:center;padding:150px 10px 5px 10px;margin-bottom:15px;}
.VidItem a{color:#4E87BE}
/* ---------- @ Videos -----------*/

/* ---------- @ demo -----------*/
.DemoLegenda{width:464px;padding:10px 55px;}
/* ---------- @ demo -----------*/

/* ---------- @ FAQ -----------*/
.FAQTitle{width:260px;font-weight:bold;padding:10px 5px 2px 5px;border-bottom:solid 2px #AAA;}
.FAQTitle:hover{background-color:#FFF;}
.FAQItem{padding:10px;margin-bottom:15px;border:#CCC solid 1px;background-color:#FFF;}
.FAQItemTitle{font-size:14px;font-weight:bold;padding-bottom:10px;}
/* ---------- @ FAQ -----------*/

/* ---------- @ Forum -----------*/
.ForumCol1{float:left;width:750px;}
.ForumCol2{float:right;width:80px;text-align:center;}
.ForumCol3{float:right;width:50px;text-align:center;}
.ForumCol4{float:right;width:20px;text-align:center;}
.ForumMsgCol1{float:left;width:205px;}
.ForumMsgCol2{float:left;width:690px;min-height:35px;border-left:#CCC 1px solid;padding-left:15px;}
.ForumMsgCol4{float:right;width:20px;}
/* ---------- @ Forum -----------*/

/* ---------- @ clientes -----------*/
.CliItem{float:left;width:140px;text-align:center;margin:0 15px 25px 0;}
.CliItem img{max-width:140px;}
.CliItem .TitNome{padding-top:5px;}
/* ---------- @ clientes -----------*/

/* ---------- @ Download -----------2px 2px 1px #999;*/
.titlePassos{font-size:20px;text-shadow: 1px 1px 0 #FFF;margin:10px 0 30px 60px;}
.titlePassos span{color:#666;}
.FontDown{width:289px;height:42px;cursor:pointer;font-size:14px;font-weight:bold;line-height:40px;text-align:center;color:#FFF;text-shadow:1px 1px 0 #333;background:url('img/btn_download2.png') 0 -42px no-repeat;}
.FontDown:hover{color:#666;text-shadow:1px 1px 0 #FFF;background:url('img/btn_download2.png') 0 0 no-repeat;}
.textDownload font{font-size:11px;}
/* ---------- @ Download -----------*/

/* ---------- @ fale conosco -----------*/
.FormCadRi{float:right;width:580px;}
.titleFaqRi{height:48px;font-size:20px;text-shadow: 1px 1px 0 #FFF;padding:10px 0 0 60px;background:url(img/icon_faq.png) left top no-repeat;}
.FaqMoreRi{text-align:right;}
.FaqMoreRi a{color:#4E87BE}
/* ---------- @ fale conosco -----------*/

/* ---------- @ gerador -----------*/
.GeradorFloatRi{float:right;width:290px;}
.titleGeraRi{height:60px;font-size:20px;text-shadow: 1px 1px 0 #FFF;padding:10px 0 0 60px;background:url(img/icon_help.png) left top no-repeat;}
/* ---------- @ gerador -----------*/

/* ---------- @ cadastrese -----------*/
.BoxClientesRi{float:left;margin:0 10px 10px 0;}
.BoxClientesRi img{max-width:86px;}
.titleCliRi{height:48px;font-size:20px;text-shadow: 1px 1px 0 #FFF;padding:12px 0 0 60px;background:url(img/icon_clientes.png) left top no-repeat;}
.ClienteMoreRi{text-align:right;margin:0 15px 0 0;}
.ClienteMoreRi a{color:#4E87BE}
/* ---------- @ cadastrese -----------*/

/*-------------internas-------------*/
.btnAdd{height:30px;line-height:30px;cursor:pointer;border:#CCC solid 1px;background:url('img/bg_btnAdd.jpg') center bottom repeat-x;}
.btnAdd:hover{color:#666;background:#eeeeee;}
.btnAdd2{padding-left:27px; background:url('img/ico_add.png') 5px center no-repeat;}
.DivProject{font-size:14px;line-height:16px;padding:5px 8px;margin-bottom:15px;border:#CCC solid 1px;background:#FFF;}
.DivProject span{font-size:11px;color:#999;}
.DivProject:hover{background-color:#EFEFEF;}
.DivProject:hover span{color:#666;}

.DivModulo{height:130px;font-size:14px;line-height:16px;padding:5px 8px 0 8px; border:#CCC solid 1px;background:#FFF;}
.DivModulo span{font-size:11px;color:#999;}
.DivModulo:hover, .DivModulo:hover .DivAvan{background-color:#EFEFEF;}
.DivModulo:hover span{color:#666;}
.SortFNhandle{cursor:move;background:url('img/btn_sortable.png') right 15px no-repeat;}
.DivAlterSave{display:none;float:left;padding:10px;border:#DFD77D 1px solid;background:#FFFCDF;}

.MoveFN{list-style-type:none;width:925px;min-height:50px;}
.MoveFN li{float:left;width:177px;margin:4px;}
.areaABA{padding:5px;margin-bottom:20px;border-right:dashed 2px #cccccc;border-bottom:dashed 2px #cccccc;border-left:dashed 2px #cccccc;background-color:#e7e8e3;}
.ui-highlight{width:175px!important;height:135px;border:1px solid #DFD77D;background-color:#FFFCDF}
.titMod{height:33px;line-height:31px;padding-left:10px;border:solid 1px #cccccc;background:url('img/bg_tit_mod.jpg') center top repeat-x}
.Campos{color:#666;border-bottom:1px solid #333;background-color: transparent;}
.DivAvan{display:none;position:absolute;width:159px;padding:10px 8px 8px 8px;margin:0 0 0 -9px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;background-color:#FFF;}
.btnAvan{font-size:11px;margin-top:5px;border:1px solid #CCC}
/*-------------internas-------------*/

/*---------- Footer ----------*/
.BgFooter{color:#EFEFEF;background:#35373d url(img/bg_footer.jpg) left top repeat-x}
.TitleFooter{font-size:18px;text-shadow:2px 2px 2px #000;padding-bottom:15px}
.TextFooter{width:100px;color:#999999;text-shadow:1px 1px 0px #000;line-height:18px}
.TextFooter a{color:#999999}
.FooterMapa{float:left;width:80px;height:200px;background:url(img/barra.jpg) right center no-repeat;padding:30px 30px 0 35px}
.FooterArea{float:left;width:140px;height:200px;background:url(img/barra.jpg) right center no-repeat;padding:30px 35px 0 35px}
.FooterSobre{float:left;width:285px;height:200px;background:url(img/barra.jpg) right center no-repeat;padding:30px 35px 0 35px}
.FooterDireitos{float:left;width:140px;height:200px;padding:30px 35px 0 35px}
/*---------- Footer ----------*/

/*-------------titles-------------*/
.titleBGMain{color:#999;border-bottom:3px solid #CCC;background-color:#FFF;}
.titleMain{float:left;font-size:20px;text-shadow:1px 1px 2px #999;padding: 25px 0;}
.titleMain span{color:#aaa;font-size:12px;text-shadow:0 0 0 #999;}
.titleMain a{color:#aaa;}
.titleMainRight{float:right}
/*-------------titles-------------*/

/*-------------login-------------*/
.DivLoginMaster{float:left;width:200px;height:117px;}
#DivLogin{display:block;}
#DivLogin p{padding-bottom:15px;}
#DivPass{display:none;}
#DivPass p{padding-bottom:15px;}
.MsgEnvio{line-height:30px; padding:0 10px;}
.DivEsq{float: right;height:17px;padding: 4px 10px;margin-top:8px!important;background-color: #A6E485;}
/*-------------login-------------*/

/* ---------- @ popup -----------*/
#MsgFnd{display:none;position:fixed;background-color:#000;top:0%;left:0%;width:100%;height:100%;opacity:0.80;-moz-opacity:0.80;filter:alpha(opacity=80);z-index:7;}
#MsgFndCorpo{display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;z-index:8;}
#MsgFndFoto{display:none;position:fixed;background-color:#000;top:0%;left:0%;width:100%;height:100%;opacity:0.90;-moz-opacity:0.90;filter:alpha(opacity=90);z-index:5;}
#ZoomFoto{display:none;position:fixed;width:600px;height:400px;top:50%;left:50%;margin:-200px 0 0 -300px;z-index:6;}

.MsgProj{width:350px;text-align:left;padding:10px;border:#AAAAAA 1px solid;background:#FFFFFF;}
.TitPageLightbox{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:#4e87bd;text-transform:uppercase;float:left;margin:0 0 3px 0;}
.btnclose{float:right;cursor:pointer;font-size:15px;color:#4e87bd;}
.Linha{border-top:#AAAAAA 1px solid;}
.Font10{font-size:10px;}
.legenda{font-size:10px;}
/* ---------- @ popup -----------*/

/* ---------- @ Mensagens -----------*/
.MsgSucess{padding:10px 10px 10px 40px;margin-bottom:15px;background:#D0FED7 url("img/icon_sucess.jpg") no-repeat 5px center;border:#7ce58f solid 1px;}
.MsgErro{padding:10px 10px 10px 45px;margin-bottom:15px;background:#FFFCDF url("img/icon_alert.jpg") no-repeat 10px center;border:#dfd77d solid 1px;}
/* ---------- @ Mensagens -----------*/

/* ---------- @ Formulario -----------*/
.DivPagamento{float:right;width:300px;height:72px;padding:10px;background-color:#EEE;}
.FormCad{float:left;width:330px;margin-right:20px;}
.FormPag{float:left;width:330px;padding:15px;background-color:#FFF;}
.FormNET:after{display:block;visibility:hidden;clear:both;height:0;content:".";}
.FormNET{display:inline-block;}
.FormNET{display:block;padding:8px 10px;background-color:#FFF;}
.FormNET .MsgErro{display:none;position:absolute;}
.FormNET .Item{line-height:16px;font-weight:bold;color:#333333;}
.FormNET i{color:#CA0707;font-weight:bold;}
.FormNETForm{color:#333333;font-size:14px;padding:5px 3px;background:#ffffff url("img/fnd_txt.jpg") left top repeat-x;border:#aaaaaa 1px solid;}
.FormNETFocus{background-color:#EFEFEF;}
.FormNETFocus .FormNETForm{border:solid 1px #4E87BE;}
.FormNETAlert{background-color:#E8EFF7; border-color:#DF7D7D; border-width:1px 0 1px 0;}
.FormNETAlert .MsgErro{display:block;font-weight:bold;color:#AF4C4C;padding:5px 7px 5px 23px;margin-bottom:5px;background:#FFBFBF url("img/icon_error.jpg") 4px center no-repeat;border:#AF4C4C 1px solid;}
.FormNETAlert .Item{font-weight:bold;}
.FormNETAlert .FormNETForm{border:solid 1px #FFBFBF;}
.FNBtn{height:25px;font-size:12px;color:#FFFFFF;cursor:pointer;padding:0 15px;background:#528BC2 url("img/fnd_btn.jpg") left top repeat-x;border:#4e87bd 1px solid;}
.FNBtn:hover{background:#528BC2;}
.BtnL{float:left;padding:8px 0 0 10px;}
.BtnR{float:right;padding:8px 10px 0 0;}
.BtnLLight{float:left;padding-top:8px;}
.BtnRLight{float:right;padding-top:8px;}
.loading{float:left;padding:10px 0 0 3px;display:none;}
/* ---------- @ Formulario -----------*/

/* ---------- @ Float Clearing -----------*/
.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat{display:inline-block;}
.clearfloat{display:block;}
.clear{clear: both;}
/* ---------- @ Float Clearing -----------*/