@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:100%;}

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;}

#shuttle {position:absolute; right:0; bottom:0; z-index:1}


#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:85px; left:480px; 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;}
#menu li a:hover {color:#fff; background:#000;}

#content {margin-left:90px; padding-top:130px; position:relative;}
.divCont {background:url(../images/bgDivCont.png); margin:0 15px; padding:0 5px 5px 5px; float:left; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.divCont h2 {margin:0; padding:0; height:60px;}
.divCont h2 span {margin-left:-99999px;}
.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:25px 10px 10px 25px; float:left; height:360px; overflow:auto; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.contenido h3 {font-size:40px; 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:14px;}
#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:420px; left:870px;}


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

#contact {width:300px;}
#socCol div {margin-bottom:20px;}