body {background: #222 url('/img/bg_top.gif') repeat-x top left;padding-top:46px;color:white;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;}

header,footer,nav,section,article{display:block;}

a:link, a:visited {color: #E21B1B;}

a:hover, strong{color: #E21B1B;}
em{font-style:oblique;}
li{list-style-type:none;}
h1{color:#fff;font-size:42px;margin-bottom:25px;}
p{font-size:20px;color:#ccc;margin-bottom:20px;line-height:25px;font-weight:200;}

/*
MAIN MENU
*/

header{margin-bottom:20px;}

#menu_principal{margin-top:20px;}
#menu_principal ul{float:right;}
#menu_principal ul li{float:left;}

#menu_principal a * {display: none;}

#menu_principal ul li a, #menu_principal ul li a .hover{/*border:1px solid red;*/position: relative;display: block;background:transparent url('/img/menu_img.jpg') no-repeat 0 0;display:block;width:127px;height:54px;text-indent:-99999px;margin-left:1px;}
#menu_principal ul li a .hover{left:-2px;}
#menu_principal ul li span.active{background:transparent url('/img/menu_img.jpg') no-repeat 0 0;display:block;width:128px;height:54px;text-indent:-99999px;margin-right:1px;}
#menu_principal ul li#work span.active{background-position:0px -54px;}
#menu_principal ul li#info span.active{background-position:-129px -54px;}
#menu_principal ul li#contact span.active{background-position:-258px -54px;}

#menu_principal ul li#work a{background-position:0 -108px;}
#menu_principal ul li#info a{background-position:-129px -108px;}
#menu_principal ul li#contact a{background-position:-258px -108px;}

#menu_principal ul li#work a .hover{background-position:0px 0px;top:-16px;}
#menu_principal ul li#info a .hover{background-position:-129px 0px;top:-16px;}
#menu_principal ul li#contact a .hover{background-position:-258px 0px;top:-16px;}

/*
MAIN
*/

#main{padding:20px 0; color:#666;}
#after, #before{display:block;position:absolute;width:50px;height:50px;top:160px;z-index:99;text-indent:-9999px;}

.big_work h2{font-size:44px;color:#E21B1B;}
.big_work dl{margin-top:12px;}
.big_work dt{font-size:22px;color:#333;margin-bottom:3px;}
.big_work dd{font-size:17px;color:#666;margin-bottom:9px;}
.box{background:white;-moz-border-radius:4px;-webkit-border-radius:4px;margin-bottom:20px;padding:20px 0;}
.big_work{background:white;-moz-border-radius:4px;-webkit-border-radius:4px;}
.box img{box-shadow:3px 3px 5px #d9d9d9;-webkit-box-shadow:3px 3px 5px #d9d9d9; -moz-box-shadow:3px 3px 5px #d9d9d9;margin-left:20px;}

.work h3{font-size:32px;color:#E21B1B;margin:0 0 20px 20px;}
.work dl{margin-left:6px;}
.work dt{font-size:18px;color:#333;margin-bottom:5px;}
.work dd{font-size:16px;color:#666;margin-bottom:5px;margin-right:5px;}
.box{background:white;-moz-border-radius:4px;-webkit-border-radius:4px;margin-bottom:20px;}
.work{background:white;-moz-border-radius:4px;-webkit-border-radius:4px;}

/*
INFO PERSONAL
*/

#info_personal{margin-top:25px;}
h4{font-size:30px;color:white;font-weight:lighter;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;margin:0 0 10px 0;}
#info_personal p{color:#999;margin-bottom:10px;line-height:20px;font-size:15px;}
#info_personal li{color:#999;font-size:14px;margin-bottom:5px;}

#loquehago{margin-bottom:75px;}
#tweet{background:transparent url('/img/twitter.gif') no-repeat top left;padding:0px 8px 105px 12px;margin-bottom:12px;}
#tweet p{color:#666;font-weight:bold;}
#tweet a{font-weight:bold;}
#tweet a.tweet_avatar{float:left;padding:5px;margin-right:15px;background:#efefef;}
#tweet div.tweet_wrapper{margin-top:6px;color:#666;}
span.tweet_text, span.tweet_join{color:#2d2d2d;}
#info_personal ul li strong{color:white;}

#info_personal ul#enlaces_online {margin-top:8px;}
#info_personal ul#enlaces_online li{font-size:16px;color:#999;float:left;margin:0 10px 10px 0;}
#info_personal ul#enlaces_online li a{background:#2d2d2d;color:#fff;display:block;padding:8px 12px;text-decoration:none;white;-moz-border-radius:4px;-webkit-border-radius:4px;}
#info_personal ul#enlaces_online li a:hover{}
#info_personal ul#enlaces_online li.twitter a:hover{background:#6AACC7;color:#222;}
#info_personal ul#enlaces_online li.flickr a:hover{background:#FF0084;color:#222;}
#info_personal ul#enlaces_online li.unvlog a:hover{color:#fff;background:#000;}
#info_personal ul#enlaces_online li.delicious a:hover{background:#3274D1;color:#fff;}
#info_personal ul#enlaces_online li.lastfm a:hover{background:#B70300;color:#fff;}
#info_personal ul#enlaces_online li.linkedin a:hover{background:#0076A8;color:#fff;}
#info_personal ul#enlaces_online li.facebook a:hover{background:#3B5998;color:#fff;}
#info_personal ul#enlaces_online li.dribbble a:hover{background:#C5376D;color:#fff;}


/*
INFO PAGE
*/

#info_page article.photo img{padding:10px;background:white;-moz-border-radius:4px;-webkit-border-radius:4px;margin-bottom:30px;}
ul#ontheweb{margin-top:10px;float:left;}
ul#ontheweb li{float:left;margin-right:23px;margin-bottom:30px;}

a.cv, a.vc{text-decoration:none;-moz-border-radius:4px;-webkit-border-radius:4px;width:150px;font-size:16px;color:#fff;display:block;padding:10px 20px 10px 50px;}
a.cv{background:#2d2d2d url('/img/email-16x16.png') no-repeat 25px center;}
a.vc{background:#2d2d2d url('/img/vcard-16x16.png') no-repeat 25px center;}
a.cv:hover{background:#fff url('/img/email-16x16.png') no-repeat 25px center;color:#2d2d2d;}
a.vc:hover{background:#fff url('/img/vcard-16x16.png') no-repeat 25px center;color:#2d2d2d;}

h4.vCard{margin-top:20px;}

ul#ontheweb li a{display:block;width:32px;height:32px;text-indent:-9999px;position:relative;}
ul#ontheweb li a .hover{position:absolute;top:0;display:block;width:32px;height:32px;}

ul#ontheweb li.linkedin a{background:transparent url('/img/linkedin-32x32_over.gif') no-repeat 0 center;}
ul#ontheweb li.linkedin a .hover{background:transparent url('/img/linkedin-32x32.png') no-repeat 0 center;}

ul#ontheweb li.facebook a{background:transparent url('/img/facebook-32x32_over.gif') no-repeat 0 center;}
ul#ontheweb li.facebook a .hover{background:transparent url('/img/facebook-32x32.png') no-repeat 0 center;}

ul#ontheweb li.flickr a{background:transparent url('/img/flickr-32x32_over.gif') no-repeat 0 center;}
ul#ontheweb li.flickr a .hover{background:transparent url('/img/flickr-32x32.png') no-repeat 0 center;}

ul#ontheweb li.lastfm a{background:transparent url('/img/lastfm-32x32_over.gif') no-repeat 0 center;}
ul#ontheweb li.lastfm a .hover{background:transparent url('/img/lastfm-32x32.png') no-repeat 0 center;}

ul#ontheweb li.twitter a{background:transparent url('/img/twitter-32x32_over.gif') no-repeat 0 center;}
ul#ontheweb li.twitter a .hover{background:transparent url('/img/twitter-32x32.png') no-repeat 0 center;}

ul#ontheweb li.tumblr a{background:transparent url('/img/tumblr-32x32_over.gif') no-repeat 0 center;}
ul#ontheweb li.tumblr a .hover{background:transparent url('/img/tumblr-32x32.png') no-repeat 0 center;}

ul#ontheweb li.skype a{background:transparent url('/img/skype-32x32_over.gif') no-repeat 0 center;}
ul#ontheweb li.skype a .hover{background:transparent url('/img/skype-32x32.png') no-repeat 0 center;}

ul#ontheweb li.delicious a{background:transparent url('/img/delicious-32x32_over.gif') no-repeat 0 center;}
ul#ontheweb li.delicious a .hover{background:transparent url('/img/delicious-32x32.gif') no-repeat 0 center;}

ul#ontheweb li.unvlog a{background:transparent url('/img/unvlog-32x32_over.png') no-repeat 0 center;}
ul#ontheweb li.unvlog a .hover{background:transparent url('/img/unvlog-32x32.png') no-repeat 0 center;}

/*
CONTACT
*/

fieldset{position:relative;}
input, textarea{border:1px solid #fff;-moz-border-radius:4px;-webkit-border-radius:4px;}
input{border:1px solid #222;padding:10px;margin-bottom:20px;color:#999;font-size:20px;}
input#subject{width:677px;}
fieldset.nombre input{width:677px;}
fieldset.email input{width:677px;}
input.input_nombre{}
input.enviar_btn{padding:0;}
textarea{width:675px;padding:10px;margin-bottom:20px;height:200px;color:#999;font-size:20px;}
label.overlabel {color:#E21B1B;font-size:20px;position:absolute;top:12px;left:12px;z-index:1;color:#999;}
.contact_message{background:#E21B1B;padding:20px;-moz-border-radius:4px;-webkit-border-radius:4px;}

/*
FOOTER
*/

#wrapper_footer{background:#2D2D2D;padding:20px 0;width:100%;margin-top:30px;}
#footer p{font-size:12px;margin-top:10px;margin-right:18px;color:white;float:right;}
#footer ul{float:right;margin-top:15px;clear:both;}
#footer ul li{float:left;}
#footer ul li a{display:block;font-size:12px;margin-left:1px;color:white;text-decoration:none;padding:6px 10px;-moz-border-radius:4px;-webkit-border-radius:4px;} 
#footer ul li span.active{display:block;font-size:12px;text-decoration:none;margin-left:5px;color:white;background:#222;padding:6px 10px;-moz-border-radius:4px;-webkit-border-radius:4px;}
#footer ul li a:hover{color: #fff;background:#E21B1B;-moz-border-radius:4px;-webkit-border-radius:4px;}