<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Lorenzo Madrid</title> <style> li a{color: #fff; text-decoration:none} li a:hover{color: #fff; text-decoration:underline} li a:visited{color: #fff} li a:active{color: #fff} li{ margin-left: 20px} </style> <style> /********************topo**********************/ @ Font-face { font-family: "Segoe UI"; src: url ("http://lorenzomadrid.com/fonts/SEGOEUI.eot") / * arquivo EOT para o IE * / } @ Font-face { font-family:"Segoe UI" ; src: url ("http://lorenzomadrid.com/fonts/SEGOEUI.TTF") / * arquivo TTF para CSS3 navegadores * / } img{border: 0;} html{width: 100%; height: 100%; } body{margin:0; padding:0; font-size: 100%;background:#000 url(../images/background_2.png) no-repeat fixed top center; font-family: "Segoe UI"; } a{outline: 0;} #topo{margin: 0 auto;width:1140px;height:83px;} #topo_logo{width:208px;height:83px;background:url(../images/logo_lorenzomadrid.png) no-repeat left top; float: left;} #topo_logo a{float:left;width:217px;height:87px;} #topo_logo img{border:none;} .topo_nome{display:none;} #clear{ clear: both;} /************ final da barra superior todas as pginas**************/ #conteudoi{width: 1140px; height: auto; margin: 0 auto; margin-top:100px} #about{ width: 840px; height: auto; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #f4f4f4; } #contem_menu{width:300px; float: right; margin-top: 150px; height: auto; display: block } /* .title_rec{ font-size:14px ; margin-top:10px;display:block} .title_rec2{ font-size:12px ; margin-top:10px;display:block} */ .title_rec{ font-size:16px ; position:absolute; bottom:0; display:block; text-align:left; padding: 5px} .borda{ background: #0072C6; border: 1px solid black; float: left; margin: 4px; width: 100px; height: 100px;position: relative; z-index:1; text-align:center } /*/.borda:hover{border: 1px solid #fff; cursor: pointer; } .borda a{display: block; width: 100px; height: 100px; color:#fff;text-decoration:none; } .borda a:hover{color:#DADADA} .borda h4{Margin-top:10px}*/ .borda a{display: block; width: 100px; height: 100px; color:#fff;text-decoration:none; } #about_link, #contato{background: #007233;} /******************************/ .foto_lo{ float: left; margin: 0 10px 10px 10px } p{ margin-bottom: 10px } #clear{ clear: both; } .title{text-align: center; display: block; font-size: 30px; margin-left: 30px; float: left; margin-bottom: 25px} </style> <!---/**************TOPO***************/---> <div id="topo" > <div id="topo_logo" ><a href="http://www.lorenzomadrid.com" ></a><span class="topo_nome" >LORENZO MADRID</span></div> </div> <div id="clear"></div> <!--- conteudo ---> <div id="conteudoi" > <div id="about"> <span class="title">Papers &amp; Articles</span> <div id="clear"></div> <p> <ul> <li><a href="The_Economic_Impact_of_Interoperability.pdf" target="_blank">The economic impact of interoperable,connected government systems</a></li> <li><a href="Beyondreturnoninvestment.pdf" target="_blank">Beyond return on investment</a></li> <li><a href="HowSaoPaulotransportationisleadingtheway.pdf" target="_blank">How So Paulo transportation is leading the way</a></li> <li><a href="Brazilawescitizenswithfastefficient services.pdf" target="_blank">Brazil awes citizens with fast, efficient services</a></li> <li><a href="http://www.igi-global.com/chapter/assessing-value-investments-government-interoperability/67034" target="_blank">Assessing the Value of Investments in Government Interoperability</a></li> </ul></p> </div> <div id="contem_menu"> <div class="borda" id="home"><a href="http://lorenzomadrid.com/" title="Lorenzo Madrid.com"><span class="title_rec">Home</h4></a></div> <div class="borda" id="blog"><a href="http://lorenzomadrid.wordpress.com/" target="_blank" title="Blog"><span class="title_rec">Blog</h4></a></div> <div class="borda" id="hoteisrestaurantes"><a href="http://www.tripadvisor.com/members-reviews/Lmadrid" target="_blank" title="Hotis e Restaurantes"><span class="title_rec">Hotis & Restaurantes</span></a></div> <div class="borda" id="foto"><a href="http://lorenzomadrid.com/fotografias.html" target="_blank" title="Fotografias"><span class="title_rec">Fotografias</span></a></div> <div class="borda" id="livros"><a href="http://lorenzomadrid.com/meuslivros.html" target="_blank" title="Livros"><span class="title_rec">Livros</span></a></div> <div class="borda" id="workshop"><a href="http://lorenzomadrid.com/workshop.html" target="_blank" title="Workshop"><span class="title_rec">Workshop</span></a></div> <div id="clear"></div> <div class="borda" id="contato"><a href="mailto:lorenzo.madrid@hotmail.com" title="Contato"><span class="title_rec">Contato</span></a></div> </div> </div> </body> </html>