body{background-color:#E6E6E6;color:#666;font-family: georgia,times,"times new roman";font-size: 11px;}
#wrap{width:850px;margin:10px auto 0}
/* ------------------------- header---------------------------*/
#header{width:850px;padding-bottom:8px}
#header h1{float: left; width:401px;height:45px;font-size:30px;font-weight:bold;letter-spacing:0.3em; text-indent: -9999px;}
#header h2{float: right; text-align: right; font-size:20px;font-weight:bold;letter-spacing:0.05em}
/* ------------------------- nav---------------------------*/
#nav{float:right;text-align:right;width:450px;margin-top:12px; }
#nav ol{font-size:1.5em}
#nav ol li{display:inline;margin-left:5px;float:left}
#nav ol li a{color:#3D3D38;text-decoration:none}
#nav ol li a span{color:#A8CA8A}
#nav ol li a:hover{color:#666}
/* ------------------------- 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{background:#FFF url(../img/bg_hcard.gif) 300px 5px no-repeat;width:395px;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}
#content .cont #hcard p.to-right{padding-top:0;margin-right:7px;margin-bottom:0.8em}
#content .cont #hcard p.to-right a{padding:5px 0 5px 28px;background:url(../img/bg_down_vcard.gif) center left no-repeat;font-size:1em}
#content .cont #hcard p.to-right a:hover{color:#3399CC}
/* contact_form------ */
#contact_form{width:415px;padding-left:5px}
#content .cont #contact_form form p{margin-bottom:10px}
#contact_form label{width:90px;float:left;display:block;font-weight:bold;padding:5px 0 0 6px}
#contact_form label.inline{display:inline;float:none;font-weight:normal}
#contact_form input.texto,#contact_form textarea{width:305px;border:1px solid #E4E4E4;padding:4px 5px;color:#3D3D38}
#contact_form input.middle{vertical-align:middle}
#contact_form textarea{height:75px;font-family:Arial,Helvetica,sans-serif;font-size:1em}
#contact_form #error{border:1px solid #c00;color:#fff;font-weight:bold;padding:15px 10px 15px;background:#f40; margin-bottom: 10px}
#contact_form #ok{border:1px solid #75BA00;color:#fff;font-weight:bold;padding:15px 10px 15px;background:#75BA56}

#skills_cloud{color: gray; font-size: 24px; height:261px;display:block; line-height:30px}


/* ------------------------- footer---------------------------*/
#footer{position:relative;color:#999999;font-size:1.2em;margin-bottom:30px;color:#A8CA8A}

#infolancer {padding-top: 15px}