<!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 pÃ¡ginas**************/





#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 São 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="Hotéis e Restaurantes"><span class="title_rec">Hotéis & 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>