@charset "UTF-8";
/* CSS Document */

body {background:#000 url(../images/bg.jpg) fixed; margin:0; padding:0; font:12px Helvetica, Arial, sans-serif; color:#434343; width:4000px; position:absolute; top:0; left:0; bottom:0}

acronym, abbr {cursor:help;}
a {color:#0062bd; text-decoration:none;}
a:visited {color:#003399;}
a:hover {color:#ff0000;}
img {border:none;}
ul, li {margin:0; padding:0; list-style:none;}
form, input, textarea, button, select {margin:0; padding:0 2px; font:12px Helvetica, Arial, sans-serif;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}


#mainContainer  {background:url(../images/bg2.jpg) no-repeat top left fixed; min-width:4000px;}
#bodyWrapper {background:url(../images/bg4.png) no-repeat top right;}

#header {position:fixed; left:35px;}
#menu {position:fixed; top:15px; left:480px; font-size:14px; z-index:9999;background:url(../images/bgDivCont.png); padding:4px 6px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#menu li {display:inline; color:#f1f1f1;}
#menu li a {color:#fff; font-weight:bold; padding:2px 6px; text-shadow:1px 1px 1px #000; outline:none;}
#menu li a:hover {color:#fff; background:#000; text-shadow:0px 0px 5px #76C400;  padding:2px 6px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
#menu li a span {text-decoration:underline;}

#scrolling {position:fixed; left:820px; top:60px; z-index:9999}
#scrolling li {float:left;}
#scrolling li a {display:block;}
#scrolling li a.goleft img {background:url(../images/goleft.png) no-repeat bottom left; width:93px; height:53px; margin-right:-20px;}
#scrolling li a.goright img {background:url(../images/goright.png) no-repeat bottom left; width:93px; height:53px;}
#scrolling li a.goleft:hover img {background:url(../images/goleft.png) no-repeat top left}
#scrolling li a.goright:hover img {background:url(../images/goright.png) no-repeat top left;}

#content {margin-left:240px; position:relative;}
.divCont {background:url(../images/bgDivCont.png); margin:130px 35px 0; padding:0 5px 5px 5px; float:left; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.divCont h2 {margin:0; padding:0; height:60px; font-weight:bolder; font-size:50px; color:#fff; text-shadow:1px 1px 5px #000; letter-spacing:-2px;}
.divCont p {margin:0; padding:0 5px 7px 10px;}

#about h2 {background:url(../images/titAbout.png) no-repeat top left;}
#works h2 {background:url(../images/titWorks.png) no-repeat top left;}
#contact h2 {background:url(../images/titContact.png) no-repeat top left;}

.contenido {background:#fff; margin:0 5px 5px; padding:5px 10px 10px 15px; float:left; height:325px; overflow:auto; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.contenido h3 {font-size:30px; color:#000; letter-spacing:-1px; margin:0; padding:0;}
.contenido input {width:200px;}
.contenido textarea {width:230px;}

#bio {width:385px;}
#skills {width:180px;}
#skills li {margin:5px 0 5px 10px; padding:0 0 2px 33px;line-height:13px;}
#skills li.icoPS {background:url(../images/icoPSD.png) no-repeat top left;}
#skills li.icoDW {background:url(../images/icoDW.png) no-repeat top left;}
#skills li.icoAI {background:url(../images/icoAI.png) no-repeat top left;}
#skills li.icoFl {background:url(../images/icoFl.png) no-repeat top left;}
#skills li.icoHTML {background:url(../images/icoHTML.png) no-repeat top left; padding:6px 0 8px 33px !important;}
#skills li.icoCSS {background:url(../images/icoCSS.png) no-repeat top left; padding:6px 0 8px 33px !important;}
#skills li.icoWP {background:url(../images/icoWP.png) no-repeat top left;}
#blog {width:214px;}

#astronaut1 {position:absolute; top:320px; left:880px;}


/*.column {}*/
ul.laburo {width:1750px;}
ul.laburo ul {width:auto;}
ul.laburo li {height:105px; overflow:hidden; margin-bottom:10px; width:420px; margin-right:10px; float:left;}
ul.laburo li a img {background:url(../images/bgLaburo.png) no-repeat top left; padding:10px;}
ul.laburo li:hover {color:#000;}
ul.laburo div.info ul li {margin:7px 0; height:auto; margin:auto; width:auto; float:none;}
.hidden {display:none;}

#contact {width:300px;}

#socCol {float:left; margin-top:132px;}
#socCol div {margin-bottom:20px;}