body,h1,h2,h3,h4,ol,ul,li,form,fieldset,input,textarea,dt,dd,dl{margin:0;padding:0;}
html{background:url(../img/bg_dark.gif) repeat-x #000 center top;}
body{background:url(../img/bg_shades.png) repeat-y center top;color:#fff;font:12px "Myriad Pro","Trebuchet MS",Arial;}
h2{display:none;}
p{line-height:16px;text-align:justify;}
a{outline:none;color:#fff;}
a:hover{text-decoration:none;}
img{vertical-align:middle;border:0;}
ul{list-style:none;}
fieldset{border:0;}
input,textarea{font:12px "Trebuchet MS",Arial;cursor:text;}
input[type='submit']{cursor:pointer;}
textarea{overflow:auto;}
.clear{clear:both;}
#wrap{background:url(../img/bg.gif) repeat-x #000 center top;width:930px;padding:0 10px;margin:auto;}
#head{padding:20px 0 0 0;}
h1{float:left;}
h1 a{display:block;width:160px;height:160px;background:url(../img/logo.png);text-indent:-9999px;}
h1 a:hover{background-position:-160px 0;}
body.i h1 a{width:80px;height:80px;background-position:0 -160px;}
body.i h1 a:hover{background-position:-80px -160px;}
#head .title{display:block;background:url(../img/txt/hi.png);width:260px;height:33px;text-indent:-9999px;margin:15px 7px 0 0;float:right;}
#head ul{padding:120px 0 0 0;}
body.i #head ul{padding:40px 0 0 0;}
#head li{float:left;margin:0 0 0 10px;}
#head li a{display:block;background-image:url(../img/menu.png);text-indent:-9999px;height:40px;}
#head li.a a{cursor:default;}
#m_home a{width:79px;background-position:0 0;}
#m_home a:hover{background-position:0 -40px;}
#m_home.a a,#m_home.a a:hover{background-position:0 -80px;}
#m_info a{width:79px;background-position:-79px 0;}
#m_info a:hover{background-position:-79px -40px;}
#m_info.a a,#m_info.a a:hover{background-position:-79px -80px;}
#m_port a{width:102px;background-position:-158px 0;}
#m_port a:hover{background-position:-158px -40px;}
#m_port.a a,#m_port.a a:hover{background-position:-158px -80px;}
#m_cont a{width:102px;background-position:-260px 0;}
#m_cont a:hover{background-position:-260px -40px;}
#m_cont.a a,#m_cont.a a:hover{background-position:-260px -80px;}
#m_blog a{width:79px;background-position:-362px 0;}
#m_blog a:hover{background-position:-362px -40px;}
#m_blog.a a,#m_blog.a a:hover{background-position:-362px -80px;}
#sidebar p,.portfolio p,.articles p,.sticky_desc p{margin:0;}
#sidebar b a,.portfolio b a,.articles b a,.sticky_desc b a{text-decoration:none;}
.destacado{background:url(../img/txt/proyecto_destacado.png);width:219px;height:29px;text-indent:-9999px;margin:10px 0 5px;}
.enelblog{background:url(../img/txt/en_el_blog.png);width:115px;height:28px;text-indent:-9999px;margin:10px 0 5px;}
.info_hola{background:url(../img/info_hola.png);width:895px;height:196px;text-indent:-9999px;margin:0 0 0 25px;}
.info_about{background:url(../img/info_pic.png) no-repeat;width:950px;height:542px;display:block;margin:-133px 0 0 -10px;}
.info_about strong{background:url(../img/info_short.png) no-repeat bottom right;width:505px;height:62px;display:block;text-indent:-9999px;padding:140px 0 0 400px;}
.skillBox{background:url(../img/info_box.png);width:423px;height:284px;margin:-325px 0 0 470px;padding:10px;position:absolute;}
.skillBox .sword{background:url(../img/info_sword.png);width:28px;height:29px;float:left;margin:5px 4px 0 9px;}
.skillBox strong{background:url(../img/info_tc.png);width:151px;height:23px;display:inline-block;text-indent:-9999px;margin:3px 0 0 0;}
.skillBox b{display:block;margin:-6px 0 5px 44px;}
.skillBox .col{float:left;width:200px;padding:5px;}
.skillBox li{background:url(../img/ok.png) no-repeat center left;font:12px Verdana;padding:0 0 0 18px;margin:0 0 4px 0;line-height:14px;}
.skillBox a{text-decoration:none;border-bottom:1px dotted #aaa;}
.skillBox a:hover{color:#aaa;border-bottom:1px dotted #fff;}
.skillBox em{font:bold 16px "Trebuchet MS";display:block;margin:0 0 3px 0;}
.msgBox{margin:-78px 0 0 22px;}
.msgBox .top{background:url(../img/info_msgboxTop.png);width:286px;height:23px;padding:30px 15px;}
.msgBox .bot{background:url(../img/info_msgboxBot.png);width:283px;height:20px;margin:-17px 0 0 0;padding:12px 17px 10px 15px;}
.msgBox textarea{background:none;border:0;color:#fff;font:bold 12px "Trebuchet MS";width:100%;line-height:12px;}
.msgBox input{background:none;border:0;color:#828282;font:bold 12px "Trebuchet MS";float:left;width:250px;}
.msgBox input[type='submit']{float:right;text-indent:-9999px;letter-spacing:0;background:url(../img/mail.png);width:16px;height:16px;}
.msgBox #loading{background:url(../img/loading.gif);width:16px;height:16px;float:right;display:none;margin:-18px 0 0 266px;}
.bar{margin:10px 0;height:41px;}
.bar .l,.bar .r{width:9px;height:41px;float:left;}
.bar .l{background:url(../img/box_left.png);}
.bar .m{background:url(../img/box_mid.png);width:898px;height:15px;padding:13px 7px;float:left;font:10px Verdana;}
.bar .r{background:url(../img/box_right.png);}
.bar b{font:bold 12px Arial;border-right:1px dotted #fff;padding:0 3px 0 0;margin:0 7px 0 0;}
.bar cite{display:block;text-align:center;font:italic 12px Georgia;}
.frame_home{background:url(../img/frame_home.png);width:400px;height:200px;padding:5px;}
.frame_home.left{float:left;}
.frame_home.right{float:right;}
.sticky_desc{float:left;width:490px;margin:0 10px;}
.backlink{margin:5px 0;float:left;color:#698383;font:bold 12px Arial;}
.backlink:hover{color:#3e4f4f;text-decoration:underline;}
.jslink{text-decoration:none;border-bottom:1px dotted #fff;}
.jslink:hover{color:#ccc;border-bottom:1px dotted #ccc;}
.date{font:bold 10px Verdana;color:#a9a9a9;margin:8px 0 0 0;float:right;}
.mainPanel{float:left;width:630px;background:url(../img/mainBorder.gif) repeat-y top right;margin:0 15px 0 0;padding:0 30px 0 0;}
h4{margin:5px;font-size:14px;}
.mainPanel .img{background:url(../img/frame_article.png);float:left;width:300px;height:200px;padding:5px;margin:0 15px 10px 0;}
.articles li{border-bottom:2px dotted #000;padding:0 0 15px 0;margin:0 0 15px 0;height:80px;}
.articles .first{height:130px;}
.articles .img{background:url(../img/frame_thumb.png);width:100px;height:70px;margin:0 10px 0 0;}
.articles .first .img{background:url(../img/frame_first.png);width:175px;height:120px;}
.portfolio li{float:left;margin:0 8px 10px;text-align:center;letter-spacing:-1px;font:10px Verdana;}
.portfolio b{font-weight:normal;}
.portfolio .first{margin:0 12px 16px;}
.portfolio .img{background:url(../img/frame_thumb.png);width:100px;height:70px;margin:0 0 5px;float:none;}
.portfolio .first .img{background:url(../img/frame_first.png);width:175px;height:120px;}
.thumbs li{float:left;margin:0 8px 10px;}
.thumbs .img{background:url(../img/frame_thumb.png);width:100px;height:70px;margin:0 0 5px;}
.comments{margin:10px 0;padding:0 0 0 38px;border:1px solid #111;background:url(../img/comments_sidebg.gif) repeat-y;border-top:1px solid #222;}
.comments li{padding:10px 15px;color:#bebff6;font:bold 16px "Trebuchet MS";border-top:1px solid #000;border-bottom:1px solid #232323;border-right:1px solid #222;border-left:1px solid #111;background:#161616;}
.comments b{font-size:14px;color:#fff;}
.comments i{font:normal 8px Verdana;color:#a9a9a9;margin:0 0 0 5px;}
.comments p{font:10px Verdana;color:#fff;margin:10px;overflow:hidden;}
.pag{background:url(../img/book.png) no-repeat center left;margin:4px 0 0 0;padding:0 0 0 19px;float:right;}
.pag a{padding:0 4px 0 4px;margin:0 2px;border:1px solid #353655;background:#1d1e34;font-weight:bold;text-decoration:none;display:inline-block;}
.pag a:hover{border:1px solid #797993;background:#444559;color:#999aa8;}
.pag .all{border:0;margin:0;padding:0 0 0 2px;background:none;text-decoration:underline;}
.pag .all:hover{border:0;background:none;text-decoration:underline;}
.pag .pagactual{padding:0 4px 0 4px;border:1px solid #797993;background:#444559;color:#000;font-weight:bold;display:inline-block;}
#sidebar{float:left;width:250px;}
.sep{border-bottom:2px dotted #000;margin:15px 0;}
#sidebar .img{background:url(../img/frame_related.png);width:220px;height:150px;padding:5px;margin:0 0 5px;}
.tc_tiene{background:url(../img/txt/tc_tiene.png);width:177px;height:19px;margin:0 0 5px;text-indent:-9999px;}
.mas_tc{background:url(../img/txt/mas_tc.png);width:170px;height:19px;margin:0 0 5px;text-indent:-9999px;}
.ultimoproyecto{background:url(../img/txt/ultimo_proyecto.png);width:135px;height:24px;margin:0 0 5px;text-indent:-9999px;}
.enelblog_sm{background:url(../img/txt/en_el_blog_sm.png);width:86px;height:22px;margin:0 0 5px;text-indent:-9999px;}
.hablemos a{background:url(../img/txt/hablemos.png);width:211px;height:34px;display:block;text-indent:-9999px;}
#search{background:url(../img/search.png);float:left;padding:12px 7px 14px 32px;margin:0 17px -10px 0;}
#search input{outline:none;background:none;border:0;color:#fff;font:10px Verdana;width:123px;display:block;}
#rss{background:url(../img/rss.png);width:52px;height:20px;display:block;text-indent:-9999px;float:left;margin:8px 0 0 0;}
dt{float:left;width:85px;font-weight:bold;}
dd{margin:0 0 5px 0;}
.netName{float:none;width:auto;height:32px;font:bold 16px Verdana;letter-spacing:-1px;color:#97999e;padding:0 0 0 40px;margin:10px 0 0 0;}
.netUrl a{display:block;color:#505666;text-decoration:none;margin:-34px 0 0;padding:20px 40px 0;}
.netUrl a:hover{color:#6e7485;}
.netName.facebook{background:url(../img/icon_facebook.png) no-repeat center left;}
.netName.youtube{background:url(../img/icon_youtube.png) no-repeat center left;}
.netName.lastfm{background:url(../img/icon_lastfm.png) no-repeat center left;}
.netName.twitter{background:url(../img/icon_twitter.png) no-repeat center left;}
.netName.flickr{background:url(../img/icon_flickr.png) no-repeat center left;}
.warn{background:#f99 url(../img/icon_n.png) no-repeat 5px center;border:1px solid #f66;}
.good{background:#cfc url(../img/icon_y.png) no-repeat 5px center;border:1px solid #6f6;}
.warn,.good{padding:3px 5px 3px 27px;width:90%;margin:0 0 10px 0;font:bold 12px "Trebuchet MS";color:#000;}
#comment{color:#fff;font-size:12px;padding:10px 0;}
#comment input{width:515px;padding:5px;margin:0 0 10px 0;font:bold 14px Verdana;}
#comment .field{float:left;}
#comment .field input{width:246px;padding:5px;font:12px Verdana;}
#comment .field.last{margin:0 0 0 10px;}
small{color:#666;font-size:100%;margin:0 0 0 3px;}
#comment textarea{width:515px;height:100px;padding:5px;font:12px Verdana;line-height:14px;}
#comment .submit{width:100px;float:right;font:bold 12px Arial;padding:5px;margin:10px 0 0 0;cursor:pointer;}
#comment #loading{background:url(../img/loading.gif) no-repeat;width:16px;height:16px;float:right;margin:20px 15px 0 0;display:none;}
#contacto fieldset{background:url(../img/mainBorder.gif) repeat-y top right;float:left;width:612px;margin:0 15px 0 0;}
#contacto .field{float:left;padding:0 30px 5px 0;}
label{cursor:pointer;display:block;}
.inputLeft,.inputRight{float:left;width:3px;height:37px;}
.inputLeft{background:url(../img/input_left.png);}
.inputRight{background:url(../img/input_right.png);}
.textareaTop,.textareaBot{width:582px;height:3px;}
.textareaTop{background:url(../img/textarea_top.png);}
.textareaBot{background:url(../img/textarea_bot.png);}
#contacto input,#contacto textarea{color:#fff;font:18px Verdana;}
#contacto input{float:left;background:url(../img/input_mid.png);padding:7px 10px 0;border:0;width:250px;height:30px;}
#contacto textarea{background:url(../img/input_mid.png);border:0;padding:7px 10px;width:562px;height:120px;line-height:18px;display:block;}
#contacto .submit{cursor:pointer;margin:5px 0 0 476px;background:url(../img/submit.png);width:106px;height:37px;text-indent:-9999px;letter-spacing:0;}
#contacto .submit:hover{background-position:bottom center;}
#contacto #loading{background:url(../img/loading.gif) no-repeat;width:16px;height:16px;float:right;margin:-25px 150px 0 0;display:none;}
#foot{background:url(../img/bg_foot.gif) repeat-x;font:10px Verdana;color:#666;width:910px;height:12px;margin:10px 0 0 0;padding:10px;}
#foot .left{float:left;}
#foot .left a{background:url(../img/txt/sign.png);width:136px;height:12px;display:block;text-indent:-9999px;}
#foot .right{float:right;}
#foot .right a{color:#666;border-bottom:1px dotted #666;text-decoration:none;}
#foot .right a:hover{border-bottom:1px dotted #999;}