@charset "utf-8"; 
body{font:100% Calibri,Helvetica,Verdana,sans-serif; background:#696969 url(fondo.png) repeat-x; margin:0; padding:0; text-align:center; color:#000}
#container{width:1020px; margin:0 auto; text-align:left; left:-20px; position:relative}
#header{top:-20px; text-align:left; position:relative; height:240px; width:1007px; background:url(header.png) no-repeat; z-index:12}
#twitter_div{text-align:left; width:600px; position:relative; top:80px; left:280px}
#subfooter{background:url(subfooter.png) repeat-y; display:none}
#mainContent{top:-55px; left:-5px; position:relative; height:546px; background:url(content.png) no-repeat; padding-top:10px; padding-left:65px; padding-right:10px; z-index:1}
#mainContent p{max-width:930px}
#intro{width:909px; height:300px; background:url(intro3.png) no-repeat; padding-top:200px; padding-left:15px; z-index:3}
#avatar{width:355px; height:332px; background:url(avatar_holder.png) no-repeat; top:10px; left:620px; z-index:4; position:absolute}
#avatar2{width:250px; height:250px; top:33px; left:719px; z-index:3; position:absolute}
#twitter_div ul{list-style-type:none; margin:0}
.abajoderecha{bottom:50px; right:20px; position:absolute}
.modal-overlay{position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background:#fff; z-index:101}
.modal-window{position:absolute; top:50px; left:50px; margin:0; padding:0; z-index:102}
.blog {font-size:1.1em;margin-right: 150px;}
.blog span{font-size:1.3em;}
.blog a{font-size:0.8em;color:#333333;}
.blog a:hover{text-decoration:none;}
/*#footer{margin:0 auto; text-align:left; background:#ddd; position:inherit; left:20%; bottom:0%; width:768px; height:38px; z-index:9; background:url(footer.png) no-repeat}
#footer p{margin:0; padding-top:10px; padding-left:10px}*/
#footer{width:100%; float:left; bottom:0px;margin:0;text-align:center; padding:10px 0 10px 0; background: #ddd;}
#footer_left { float:left; width:480px; text-align:right;}
#footer_right { float:right; width:480px;  text-align:left;}
.footer_content { width:1000px; clear:both; margin:0 auto; }
.footer_content ul { margin:0; padding-left: 20px; }
.footer_content p { margin: 5px 0; }

#gloss { background: transparent url(gloss.png) no-repeat; z-index:50; width:581px; height:297px; position:absolute; display:block; top:0px;left:0px; }
#overlay { background-image:url(overlay.png); }
#googlewave { background-color:#EEEEEE; border-bottom:2px solid #666666; border-right:2px solid #666666; padding:10px;}