@import url(reset.css);
@import url(text.css);
@import url(960.css);
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}*/

/*Debug styles*/
/*body{background:url('../img/12_col.gif') repeat-y center;}
*//*p{border:1px solid black;}*/
/*.container_12{border:1px solid red;}*/


/*General styles*/
a{outline:none;}
ul, ul li{list-style-type:none; margin:0;} 
#header{width:100%; padding-bottom:0px;}
#header h1, #header ul li {padding-top:8px;}
#header ul, #content ul {margin:0;}
#header ul li{margin-left:15px;}
#content ul li { margin-bottom:15px; margin-right:10px;}
#header ul li, #content ul li {display:block; float:left; width:84px;}
#header ul li a span {display:block;}
#header h2 {margin-top:30px	;}
#header h2, #content h2{margin-bottom:0px;}
#content h2 {margin-left:0px;}
#header p {margin-top:10px;}
#content {margin:10px auto 0 auto; width:930px; left:-8px; overflow:hidden; position:relative;}
body#home #content div.grid_8 {margin-left:0; width:610px;}
#content h3 , #content .collaboration ,#footer{ padding-top:25px;}
#content .info h3 {padding-top:0px; padding-bottom:10px;}
.collaboration {margin-right:0;}
.collaboration p {margin:0 0 10px 0;}
p.mail {display:block; clear:left; margin:5px 0 5px 0;}
p.mail a {padding:3px;}
#footer{margin:60px auto 0 auto; position:relative; width:930px; overflow:hidden; left:-8px;}
#footer div.container_12{left:-10px; position:relative;}
#footer ul li {display:block; float:right; padding-right:4px;}
#footer #links li {width:150px; padding:0; float:left;}
#footer #links p { margin:0;}
#footer #copy {margin-top:30px;}
.project{margin-bottom:20px; padding-top:20px; position:relative; margin-left:-20px; width:960px; float:left; }
.project .info {margin-right:0;}
#subheader{padding-bottom:0px; margin-bottom:0px; margin-left:0px; }




/*Color & backgrounds*/
/*|||| 	 #46cbe8  ->  Blue  */
/*|||| 	 #46a9ec  ->  light Blue  */
/*|||| 	 #707173  ->  grey    */
/*|||| 	 #bfbfbf  ->  grey light */
body{color:#707173;}


a {color:#bfbfbf;}
#header a:hover {text-decoration:none;}
a:hover {text-decoration:underline;}
#header ul li:hover a, #content ul li:hover a {color:#46cbe8;}
#header ul li:hover, #content ul li:hover  {border-top:3px solid #46cbe8;} 
#header{color:#FFF;background-color:#000;}
#header h1, #header ul li, #content ul li {border-top:3px solid #707173;}
#header ul li, #content ul li {color:#707173;}
#header h2, #header p {color:#46cbe8;}
p.mail a{background:#000;color:#46cbe8;}

#content h3{color:;}
#content h3 , #content .collaboration , #footer, .project{border-top:1px dotted #707173;}
#content .info h3 {border-top:none; border-bottom:1px dotted #707173;}
.info h3 {color:#46a9ec;}
#footer #links a {color:#46a9ec;}
#footer ul li a {color:#707173;}


body#diseno #header ul li.work, body#web  #header ul li.work, body#motion  #header ul li.work  {border-top:3px solid #46cbe8;}
body#diseno #header ul li.work a, body#web  #header ul li.work a, body#motion  #header ul li.work a {color: #46cbe8;}

body#home #header ul li.about_me{border-top:3px solid #46cbe8;}
body#home #header ul li.about_me a {color: #46cbe8;}

body#diseno #content ul li.diseno, body#web  #content ul li.web, body#motion  #content ul li.motion {border-top:3px solid #46cbe8;}
body#diseno #content ul li.diseno a, body#web  #content ul li.web a, body#motion  #content ul li.motion a{color: #46cbe8;}

body#home {background:#000;}
body#home {color:#FFF;}
body#home #content .grid_8 p{color:#707173;}

/*Typography styles*/
body{font-family:Georgia, Lucida Bright, serif;}
p{font-family:Helvetica, Arial, sans-serif;}
a{text-decoration:none;}
#header h1, #header ul li, #header p, #footer,a.mail, #content ul li  {font-family:Helvetica, Arial, sans-serif; font-size:1em;}
#header h1 span{font-weight:normal;}
#header ul li {line-height:1.1em; font-size:0.9em; font-weight:bold;}
#header h2 {color:#46cbe8; font-size:2.8em; font-weight:normal; line-height:1.1em; letter-spacing:0.03em;}
#header p {font-weight:bold;font-size:1em; letter-spacing:0.01em;}

#content h2 {font-size:4em; font-weight:normal;}
#content h3 {font-size:1.3em; font-style:italic; font-weight:normal;}

#footer ul li{font-size:0.8em;}
#footer #copy p {font-size:9px;}
#links p {font-size:0.7em;}