@charset UTF-8; 

/* CSS Document */
html { font-family:Lucida Grande, Geneva, Verdana, Arial, sans-serif; }
body { background:#fcfcfc; margin:0; padding:0; top:0; overflow: visible; }
img { border:none; }
a,a:visited { color:#69d; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; }
.containerthome { width:980px; position:relative; margin:0 auto; padding:0; overflow:hidden; }
.toplogin { position:absolute; top:0; right:0; margin:0; padding:0; z-index:2002; }
.toplogin img,.toplogin input { margin:0; padding:0; }
.headerhome { width:980px; height:54px; margin:30px 0 0; position:relative; float:left; }
.logohome,.menuhome { width:180px; height:26px; text-align:center; position:relative; float:left; }

/*MENU*/
.menuhome { width:800px; margin:10px 0 0; background:url(img/bgmenu.gif) top repeat-x; text-align:center; }
.menuhome ul { list-style:none; margin:0; padding:0; }
.menuhome li { font-size:12px; color:#FFFFFF; text-align:center; float:left; }
.menuhome li a,.menuhome li a:visited,.menuhome li a.active,.menuhome li a:visited { display:block; padding:0 20px; }
.menuhome li a:hover,.menuhome li a.active,.menuhome li a.active:visited,.menuhome li a.active:hover { background:url(img/bgmenu_over.gif) top repeat-x; }

/*IMAGEM HOME*/
.imagehome { width:100%; margin:5px 0 10px 0; position:relative; float:left; }
.imagehometext { width:400px; position:absolute; font-size:12px; color:#888; right:100px; bottom:120px; z-index:1001; }

/*COLUNAS HOME*/
.hometextcoll { width:980px; text-align:center; font-size:18px; margin:0 0 10px; }
.hometextcoll span { font-size:14px; color:#888; }
.homecolleft,.homecolmiddle,.homecolright { position:relative; float:left; }
.homecontent { position:relative; float:left; width:100%; background:none; }
.homecolleft,.homecolmiddle,.homecolright { width:315px; }
.homecolmiddle { margin:0 17px; }

/*BOX LEFT HOME*/
.boxlefthome_pai { width:210px; position:relative; float:left; }
.boxlefthome_content { width:190px; padding:10px; position:relative; float:left; }
.boxlefthome_content h1 { font-size:18px; font-weight:normal; color:#6C0; margin:5px 0; }
.boxlefthome_content p { font-size:12px; color:#888; margin:0; }
.boxlefthome_content img,.boxlefthome_content input { margin:30px 0 0 20px; text-align:center; }
.boxlefthome_bottom { width:210px; font-size:1px; background:url(img/bgboxlefthome_b.gif) top left no-repeat; height:5px; position:relative; float:left; }

/*SUBMENU LATERAL*/
.prelogcol_left { width:170px; position:relative; float:left; }
.prelogcontent { width:800px; position:relative; float:left; margin:0 0 0 10px; }
.submenuhome { width:100%; margin:0; padding:0; }
.submenuhome ul { list-style:none; border-bottom:1px solid #ddd; margin:0; padding:0; }
.submenuhome li { font-size:12px; _border-bottom:1px solid #f9f9f9; margin:0; }
.submenuhome li a,.submenuhome li a:visited,.submenuhome li a.active,.submenuhome li a.active:visited { display:block; color:#888; background:#f4f4f4 url(img/bordermenu.gif) top repeat-x; padding:5px; }
.submenuhome li a:hover,.submenuhome li a.active,.submenuhome li a.active:visited,.submenuhome li a.active:hover { color:#333; background:#fcfcfc url(img/bordermenu.gif) top repeat-x; }

/*SUBITEM MENU LATERAL*/
.submenuhome li.subitem { font-size:11px; _border-bottom:1px solid #fcfcfc; margin:0; }
.submenuhome li.subitem a,.submenuhome li.subitem a:visited,.submenuhome li.subitem a.active,.submenuhome li.subitem a.active:visited { display:block; color:#69d; background:#fcfcfc; padding:5px 15px; }
.submenuhome li.subitem a.active,.submenuhome li.subitem a.active:visited,.submenuhome li.subitem a.active:hover { color:#333; background:#fcfcfc url(img/arrowsubmenuac.gif) right no-repeat; }
.submenuhome li.subitem a:hover { color:#333; background:#fcfcfc; }

/*CONTENT PRELOGIN*/
.prelogimage { width:100%; position:relative; margin:0 0 10px; }
.prelogtext, .logos_clientes, .logos_afiliacoes { width:630px; _width:627px; position:relative; float:left; }
.afiliacoes_alt { text-align: center; margin: 10px 10px 10px 50px; }
.widthalt { width: 100%; }
.prelogtext { font-size:11px; }
.prelogtext h1, .prelogcontent h1 { font-size:16px; color:#000; font-weight:bold; margin:15px 0 10px 0; }
.prelogtext h2, .prelogcontent h2, .prelogtext h3 { font-size:14px; color:#000; font-weight:bold; margin:15px 0 10px 0; }
.prelogtext h3 { font-size: 12px; margin: 10px 0 5px 0; }
.prelogtext .topspace { margin-top: 40px; }
.prelogtext p, .prelogcontent p { font-size:12px; color:#555; margin:0 0 15px; padding:0; }
.prelogtext p span, .prelogcontent p span { color:#444; font-weight:bold; }
.prelogtext p span.blackbold { color: #000; font-weight: bold; }
.prelogtext p img, .prelogcontent p img { margin:5px 0 0; }
.prelogtext li { margin: 10px 0; font-size: 12px; font-weight: bold; }
.prelogtext p.contact { font-size: 14px; color: #888; margin: 10px 0; }
.prelogtext p.contact span { font-weight: bold; color: #000; }
.imageexample { margin-bottom: 30px; }
.logos_clientes { text-align: justify; width: 605px; margin-right: 25px; }
.logos_clientes img { margin:20px 0 20px 20px; }
.info_clientes_pai { width:215px; position:absolute; margin:0; z-index:1001; }
.logos_afiliacoes { text-align:center; }
.info_clientes { width:200px; background:url(img/tooltip.png) no-repeat; _background:url(img/tooltip2.gif) no-repeat; position:static; float:left; padding:5px 5px 3px 10px; }
.info_clientes h1 { color:#000; font-size:14px; font-weight:normal; margin:18px 0 5px; }
.info_clientes p { color:#888; font-size:11px; font-weight:normal; margin:2px 0; }
.info_clientes_bottom { width:215px; font-size:1px; height:5px; background:url(img/tooltip_bottom.png) top left no-repeat; _background:url(img/tooltip_bottom2.gif) top left no-repeat; position:static; float:left; }
.prelogcol_right { width:140px; background:url(img/bgcolright.jpg) top left no-repeat; height:240px; margin:0 0 0 10px; padding:10px; position:relative; float:left; }
.prelogcol_right h1 { font-size:14px; font-weight:normal; color:#000; margin:0; }
.prelogcol_right p { font-size:11px; color:#555; margin:5px 0; }
.prelogcol_right img,.prelogcol_right input { margin:110px 0 0; }

.prelogcol_demo { width:160px; height:240px; margin:0 0 10px 10px; padding:0; position:relative; float:right; }
.prelogcol_demo .top { float: left; width:100%; height: 114px; background: url(img/bg_demotop.gif) left top no-repeat; }
.prelogcol_demo .bd { float: left; width:100%; background: url(img/bg_demobot.gif) left bottom no-repeat; padding-bottom: 10px; }
.prelogcol_demo .bd h6 { font-size: 14px; padding: 0 10px; color: #666; margin: 0; }
.prelogcol_demo .bd p { font-size: 11px; padding: 10px; color: #888; margin: 0; }
.prelogcol_demo .bd a { margin: 10px 0; float: left; }

/*FREE TRIAL*/
.freetrialconteiner { width:100%; background:url(img/bgfreetrial.gif) top right no-repeat; margin:10px 0 0; padding:10px 0; position:relative; float:left; }
.freetrialtitle { width:100%; font-size:16px; padding:10px 0 0; position:relative; float:left; }
.freetrialline { width:100%; font-size:13px; color:#888; position:relative; float:left; }
.freetrialoptions { width:573px; font-size:13px; text-align:center; color:#888; padding:3px 0 0; position:relative; float:left; }
.freetrialleft,.freetrialright,.freetrialright_alt,.freetrialright_alt2 { height:20px; position:relative; float:left; margin:5px 0 0; }
.freetrialright_alt,.freetrialright_alt2 { width:770px; padding:0 0 10px 10px; }
.freetrialright_alt input { width:680px; height:15px; border:1px solid #ccc; }
.freetrialright_alt2 { width:126px; }
.freetrialleft { width:200px; color:#888; padding:3px 0 0; text-align:right; font-size:13px; }
.freetrialright { width:270px; padding:0 0 0 10px; }
.freetrialright input,.freetrialright_alt2 input { width:200px; height:15px; border:1px solid #ccc; }
.freetrialbutton { width:100%; text-align:center; position:relative; float:left; }
.freetrialbutton p { font-size:12px; color:#888; margin:5px 0; }

/*MENU LATERAL JAVASCRIPT*/
.menu { width:170px; font-size:12px; border-bottom:solid 1px #ddd; overflow:hidden; outline:none; }
.AccordionPanel { margin:0; padding:0; }
.AccordionPanelTab { background:url(img/bgmenuleft.gif) bottom repeat-x; border-top:1px solid #ddd; margin:0; padding:5px; cursor:pointer; color:#888; -moz-user-select:none; -khtml-user-select:none; }
.AccordionPanelTabActive { background:#fff; border-top:1px solid #ddd; margin:0; padding:5px; cursor:pointer; color:#000; -moz-user-select:none; -khtml-user-select:none; }
.AccordionPanelContent { height:70px; overflow:auto; font-size:11px; margin:0; padding:0 0 0 15px; outline:none; }
.AccordionPanelContent ul { margin:0; padding:0; list-style:none; overflow:hidden; }
.AccordionPanelContent li { padding:0; margin:0; }
.AccordionPanelContent li a { display:block; color:#69d; text-decoration:none; margin:0 0 10px; _margin:0; }
.AccordionPanelContent li a:hover { color:#000; text-decoration:none; }
.AccordionPanelContent li a.active { color:#000; text-decoration:none; background:url(img/arrowsubmenuac.gif) right no-repeat; }
.AccordionPanelOpen .AccordionPanelTab { background:#fff; color:#000; }
.AccordionPanelTabHover { color:#888; background:#fff; }
.AccordionPanelOpen { color:#000; }
.AccordionFocused .AccordionPanelTab { background:#f4f4f4; }
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background:#fff; color:#000; }
.tip-top { background:url(img/tooltip.png) top left no-repeat; _background:url(img/tooltip.gif) top left no-repeat; height:18px; width:215px; }
.tip { width:215px; background:url(img/tooltip_body.png) left top repeat-y; _background:url(img/tooltip_body.gif) left top repeat-y; padding:2px 2px 3px 10px; }
.tip-title { color:#000; font-size:14px; font-weight:normal; margin:4px 0 5px; }
.tip-text { color:#000; }
.tip-text p { color:#888; font-size:11px; font-weight:normal; margin:2px 0; }
.tip-bottom { background:url(img/tooltip_bottom.png) left bottom no-repeat; _background:url(img/tooltip_bottom.gif) left top no-repeat; font-size:1px; width:215px; height:5px; }

/*TERMOS DE USO*/
.termsofuse { width: 500px; margin: 0 auto; }
.termsofuse h1 { font-size: 16px; margin: 20px 0 10px 0; text-align: center; }
.termsofuse p { color: #888; font-size: 11px; text-align: center; }
.termsofuse .logo { margin: 10px 0; }
.termsofuse iframe { width: 488px; height: 300px;border: solid 1px #ddd; padding: 0 0 0 10px; }
.termsofuse_text { font-size: 11px; color: #333; padding: 10px 10px 10px 0; }
.termsofuse_text h2 { font-size: 12px; font-weight: normal; color: #000; }
.termsofuse_text p { font-size: 11px; color: #333; }
.termsofuse input[type="submit"] { width:auto; overflow:visible; background:url(img/bg_inputbuttons.gif) top repeat-x; font-size: 11px; padding:2px 10px; * padding:2px .75em 2px .75em; cursor:pointer; border:1px solid; border-color: #ccc #888 #888 #ccc; margin: 10px 0 10px 0; }


/*FOOTER*/
.footerhome { width:980px; position:relative; float:left; line-height:15px; background:url(img/linefooter.gif) top center no-repeat; font-size:10px; color:#888; text-align:center; padding:10px 0 0; margin:10px 0 0; }

/*FORM DEMO*/
.dialogform { position: absolute; width: 490px; height: 360px; background: url(img/bg_form.png) left top no-repeat; z-index: 1001;
background-image: url(img/bg_form.png) !important;
background-image: none;
background: no-repeat left top;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.ilang.com/Home/css/img/bg_form.png,sizingMethod='crop');
}
.dialogform .bt_close { float: right; margin: 0; }
.dialogform iframe { margin: 0 20px 20px 20px; width: 450px; height: 310px; overflow: hidden; }
.formdemo { width: 450px; height: 310px; float: left; overflow: hidden; }
.formdemo p { font-size: 12px; padding: 0 10px 20px 10px; margin: 0; }
.formdemo p.sucess { font-size: 12px; padding: 0 10px 20px 10px; margin: 90px 0; text-align: center; }
.formdemo .line { margin: 5px 0; float: left; }
.formdemo .line label { line-height: 20px; color: #888; float: left; width: 70px; text-align: right; font-size: 11px; margin-right: 5px; }
.formdemo input, .formdemo textarea { border:1px solid #ccc; padding: 2px; margin: 0; }
.formdemo textarea { width: 340px; max-width: 340px; max-height: 70px; }
.formdemo .bt_rg { float: right; margin: 5px 25px 5px 5px; }
.formdemo .load { float: right; width: 16px; height: 16px; margin: 10px 0; }
.formdemo .message span, .formdemo .message span.red { float: right; margin: 15px 5px; font-size: 11px; color: #666; }
.formdemo .message span.red { color: #F33; }
input[type="image"] { border: 0; margin: 0; }

/*SWF*/
.swf { float: left; width: 800px; height: 400px; background: url(img/bgswf.jpg) left top no-repeat; }
.illustration { margin: 10px 0 30px 0; }

/*FILTRO PNG PARA IE6*/
* html img {
filter:expression( this.alphaxLoaded ? "" :
( this.src.indexOf(".png") > 0 ? ( (!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="Home/css/img/blank.gif").substr(0, 0) ) :
this.runtimeStyle.filter="" ) );
}