*{ margin:0;padding:0}
body{ background: url('../img/bg_body.gif') repeat-x; height:100%; min-height:100%; font-family:Tahoma; font-size:12px; color:#fff}
html{ height:100%; min-height:100%}
img {border:0;}
.clear{ clear:both}
#wrapper{width:1700px; height:100%; position:relative}
#distance{float:left;height:60%;margin-bottom:-295px;width:1px;}
#content{ position:relative; clear:left; margin:auto 0; height:400px;}
#content .left{ position:absolute; margin:95px 0 0 0;}
#content .right{ padding:0 0 0 145px;}
#content .right .top{ padding:0 0 15px 10px;}
#content .right .top .left-side{float:left; width:255px;}
#content .right .top .left-side p{ padding:0 0 0 35px; text-align:right}
#content .right .top .right-side{ float:left; padding:15px 0 0 0}
#content .right .top h1{ background:url('../img/bg_title.png') no-repeat; width:256px; height:36px; font-size:22px; font-family:"Cooper Black"}
#content .right .top h1 span{ display:none}
#content .right .middle{ height:135px;}
#content .right .middle .left-side{ width:178px; float:left; padding:13px 0 0 0}
#content .right .middle .center-side{ width:411px; float:left}
#content .right .middle .center-side p{ width:347px;}
#content .right .middle .center-side h1{background:url('../img/bg_title_agorasomos.png') no-repeat; width:399px; height:31px; font-size:22px; font-family:"Cooper Black"}
#content .right .middle .center-side h1 span{ display:none}
#content .right .middle .right-side{ float:left}
#content .right .middle .right-side p{ margin:14px 0 0 0}
#content .right .middle .right-side p a{color:#000; text-decoration:none; font-weight:bold}
#content .right .middle .right-side p a:hover{text-decoration:underline; font-weight:bold}
#content .right .middle .right-side small{ font-size:9px; font-weight:bold}
#content .right .middle .right-side strong{ color:#000}
#content .right .middle .right-side h1{background:url('../img/bg_title_novidades.png') no-repeat; width:195px; height:36px; font-size:22px; font-family:"Cooper Black"}
#content .right .middle .right-side h1 span{ display:none}
#content .right .bottom{ padding:0 0 0 90px; text-align:right}
#content .right .bottom .btleft{float:left}
#content .right .bottom .btcenter{float:left; margin:35px 20px 0 10px}
#content .right .bottom .btright{float:left;background:url('../img/bg_tecnologia.png') no-repeat; width:880px; height:152px; margin:40px 0 0 0; text-align:left}
#content .right .bottom .btright .backend{width:650px; float:left; padding:25px 0 0 25px}
#content .right .bottom .btright .backend .microsoft{float:left; }
#content .right .bottom .btright .backend .opensource{float:left; margin:0 0 0 20px}
#content .right .bottom .btright .backend .outros{float:left;margin:0 0 0 25px}
#content .right .bottom .btright .backend .redessociais{float:left;margin:0 0 0 25px}
#content .right .bottom .btright .backend h3{color:#000; font-size:12px;margin:13px 0 3px 0}
#content .right .bottom .btright .backend li{color:#25bcbd; list-style:none; font-size:11.5px; margin:0 0 0 10px}

#content .right .bottom .btright .backend h2{background:url('../img/txtBackend.png') no-repeat; width:87px; height:14px;}
#content .right .bottom .btright .backend h2 span{display:none}
#content .right .bottom .btright .frontend{width:152px; float:right;padding:28px 0 0 15px}
#content .right .bottom .btright .frontend h2{background:url('../img/txtFrontend.png') no-repeat; width:94px; height:14px;}
#content .right .bottom .btright .frontend h2 span{display:none}
#content .right .bottom .btright .frontend h3{color:#fff; font-size:12px;margin:13px 0 3px 0}
#content .right .bottom p{ width:355px;}
#content .right .bottom h1{background:url('../img/bg_title_agenciati.png') no-repeat; width:275px; height:37px; font-size:22px; font-family:"Cooper Black"; margin:10px 0 5px 78px;}
#content .right .bottom h1 span{ display:none}