html{font:62.5% "Lucida Grande", Arial, Helvetica,sans-serif;}
body{margin:0;font-size:100%;}
* html body{font-size:101%;}
*:first-child+html body{font-size:101%;}

h1,h2,h3,h4,h5,h6,p,pre,blockquote{margin:0;font-size:1em;}
ul,ol,dl,dt,dd{padding:0;margin:0;}
ul,ol{list-style:none;}
address,cite{font-style:normal;}
img{border:none;-ms-interpolation-mode:bicubic;}

article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}

td,th{vertical-align:top;}
caption,th{text-align:left;}

form{margin:0;}
fieldset{margin:0;padding:0;border:none;}
legend{margin:0;padding:0;color:#000;}
input,textarea,select{font:1em Arial,Helvetica,sans-serif;}
textarea{overflow:auto;}
input[type="text"]{margin:0;}

.estirar:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.estirar{display:inline-block;}
/*\*/
.estirar{display:block;}
* html .estirar{height:1px;}
/**/
.izq,.col-i{float:left;display:inline;}
.drcha,.col-d{float:right;display:inline;}
.table{display:table;height:1%;}

html { background:#333; color:#ccc; border-left:20px solid #000; min-height:100%; }
body { width:960px; margin:0 auto; }
strong { color:#fff; }
a { color:#006fcf; text-decoration:none; }
a:hover { text-decoration:underline; }

#logo { margin:20px 0 15px; color:#fff; font:2.4em/1 'Lucida Grande', Arial, Helvetica, sans-serif; letter-spacing:-0.02em; }
#logo a { float:left; width:247px; height:78px; background:url(../img/logo.png); text-indent:-999px; overflow:hidden; }
#logo span { float:left; display:block; margin:41px 0 0 14px; }


#top { padding:15px; background:#000; color:#ccc; }
#top img { float:right; margin-left:30px; }
#top h2 { font-size:2.7em; font-weight:normal; line-height:1; color:#fff; margin-bottom:15px; }
#top p { font-size:1.3em; line-height:17px; margin:8px 0; }

#contenedor { margin:15px 0 30px; }
#contenedor h2 { color:#fff; font-weight:normal; line-height:1; font-size:1.8em; margin-bottom:15px; }

#contenido { float:left; background:#212121; padding:15px; width:646px; }

#trabajos ul { width:636px; height:394px; overflow:hidden; background:url(../img/safari.png); padding:38px 9px 10px 1px; margin-bottom:10px; }
#trabajos li { width:636px; height:394px; background:url(../img/spinner.gif) no-repeat center center; display:none; }
#trabajos li.marcado { display:block; }

#trabajos-pie { text-align:right; line-height:30px; }
#trabajos-pie > * { display:inline-block; vertical-align:middle; }
#trabajos-pie p { font-size:1.2em; margin-right:.5em; }
#trabajos-anterior, #trabajos-siguiente { margin-left:1px; width:30px; height:30px; background:url(../img/arrows.gif) no-repeat 0 0; cursor:pointer; }
#trabajos-siguiente { background-position:-30px 0; }


#aside { width:283px; float:right; }
#aside .modulo { padding:15px; background:#212121; margin-bottom:1px; }


#aside li { float:left; width:94px; font-size:1.2em; line-height:24px; padding-left:32px; margin-bottom:8px; background:url(../img/iconos.png) no-repeat 0 0; }
#aside li.mail     { background-position:0 0px; }
#aside li.tel      { background-position:0 -24px;}
#aside li.twitter  { background-position:0 -48px; }
#aside li.flickr   { background-position:0 -72px; }
#aside li.facebook { background-position:0 -96px; }
#aside li.github   { background-position:0 -120px; }

#aside .contacta li { float:none; width:auto; }

#contenido .section { float:left; display:inline; width:592px; }
#contenido .section h2 { font-size:2.9em; }
#contenido .aside { float:right; display:inline; width:228px; }
#contenido .aside h2 { font-size:2.2em; margin:4px 0 9px; }