body{background-color:#ffffff;color:#666;font-family: georgia,times,"times new roman";font-size: 11px;}
#wrap{width:850px;margin:10px auto 0}
#nav, #contact_form, #add_vcard, #footer, .top {display: none}
/* ------------------------- header---------------------------*/
#header{width:850px;padding-bottom:8px}
#header h1{ width:401px; height:45px;font-size:30px;font-weight:bold;letter-spacing:0.3em; text-transform:uppercase;}
#header h2{font-size:20px;font-weight:bold;letter-spacing:0.05em}
/* ------------------------- content---------------------------*/
#presentacion,#conocimientos,#ultimos_proyectos{margin-bottom:30px}
#content{width:850px;margin:1.5em 0;color:#3D3D38;padding-bottom:20px;}
#content h3{font-size:1.4em;color:#3D3D38;text-transform:uppercase;padding-bottom:8px;position:relative;margin-bottom:10px;font-weight:bold}
#content h3 span{color:#A8CA8A}
#content span.top, #footer span.top{position:absolute;top:0px;right:0px;}
#content span.top a, #footer span.top a{color:#A8CA8A; font-size:11px;text-transform:lowercase; font-weight:bold}
#content .cont{font-size:1.2em;line-height:1.3em}
#content .cont p{margin-bottom:1em}
#content .cont .float-left{background:#FFF;padding:10px;width:400px}
#content .cont .float-left p{margin-bottom:1.5em}
#content .cont .float-right{width:420px; }
#content .cont .one-column{background:#FFF;padding:10px;width:840px}
#content .cont li{margin-bottom:0.45em;padding-left:8px}
#content .cont h4{color:#3D3D38;text-transform:uppercase;padding-bottom:4px; margin-top: 15px; position:relative;font-weight:bold}

/* hcard------ */
#hcard{border:#000 solid 1px; width:300px; color:#666;padding:15px 10px 1px 15px;font-size:0.9em;margin-bottom:15px}
#content .cont #hcard p{margin-bottom:0.7em}
#content .cont #hcard a{color:#666;text-decoration:none}