@charset "UTF-8";

* {	padding:0px; margin:0px; border:0px; outline: 0;}
input::-moz-focus-inner { border: 0; }

li {list-style: none;}

a { text-decoration: none; color:#bbb; }
	a:hover { color: #000; }
	
body { width: 1140px; min-height:1280px; margin: 0 auto; padding: 0 20px;
	font-family: "GillSans-Light", "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 16px; }

h2 { font-family: "GillSans-Light", "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 28px; text-transform: uppercase;
	margin:80px 0 110px; }
	h2 b { font-size: 18px; text-transform: uppercase; margin-left: 45px; font-weight: lighter;}
p { margin-bottom: 1em; }

strong {font-weight:bolder; }

/* PORTADA */
h1 { width:100%; height:22px; padding: 40px 0 110px; /*background: url(http://homepages.gold.ac.uk/davidferrando/img/index.jpg) no-repeat left bottom;*/ position:relative; }
	h1 img { display:none; } 
/* MENU PORTADA */
ul#menuPortada li { width: 24%; /* height: 300px; */ float: left; margin-right:3%; }
	ul#menuPortada li#bioPortada { width: 15%; margin-right:0; }
ul#menuPortada h2 { font-size: 30px; font-weight: lighter; text-transform: uppercase; cursor: pointer; display: inline; margin: 0; }
ul#menuPortada a { font-size: 15px; line-height: 1.2em; }
ul#menuPortada li ul { height:0; margin-top:20px; overflow: hidden; }
ul#menuPortada li li { width:99%; height: auto; margin-bottom: 1em; padding-left:1%; color:#666; }
	ul#menuPortada #newsPortada li { width:264px; }
ul#menuPortada li b { font-weight: lighter; }
	ul#menuPortada #newsPortada li b { font-weight:500; color:#000; }

/* SUBMENU WORKS */
#worksSubmenu { width:288px; margin-left:852px; position:absolute; text-align:right; background:#fff; } 
	#worksSubmenu ul {margin-top:30px; height: 0; overflow: hidden; }
		#worksSubmenu ul b {display: none; }
	#worksSubmenu li {margin-bottom: 1em; padding-right:1px; }
	body #worksSubmenu p {margin-bottom: 1em; }
	#worksSubmenu b {display: inline; font-weight: lighter; cursor: pointer; }
	#worksSubmenu a, .texts a {color: #b2b2b2;}
		#worksSubmenu a#portada, #worksSubmenu a:hover, .texts a:hover {color: #000; }
		
#Amanecer .Amanecer,
#texts_notes .texts_notes,		
#Paperweight .Paperweight,
#LOSS .LOSS,
#Fantasist .Fantasist,
#JourneysEnd .JourneysEnd,
#RoadMovie .RoadMovie,
#RuinBuilder .RuinBuilder,
#CryWolf .CryWolf,
#MeteoriteFall .MeteoriteFall,
#NaturalScenes .NaturalScenes,
#SHOWREEL .SHOWREEL,
#ND .ND,
#MF .MF,
#Catoptrophilia .Catoptrophilia,
#SPEECH .SPEECH,
#texts_again .texts_again,
#texts_MF .texts_MF, 
#texts_film .texts_film, 
#texts_journeys .texts_journeys, 
#texts_situation .texts_situation, 
#texts_conversation_mp .texts_conversation_mp, 
#texts_genre .texts_genre,
#accursed .accursed,
#vortex .vortex { color:#000; }

/* CONTENIDOS */
table {width: 1140px;}
td.intro {width: 850px; text-align: justify; padding: 0 24px 12px 0;}
td.img {width: 850px; padding: 12px 24px 12px 0;}
	/*td.img img {padding-top: 4px;}*/
td.txt {vertical-align: top; padding: 12px 0 12px 0;}

.texts { color: #B2B2B2; text-align: right; }

/* C.V. */
#cv p { margin-bottom: 0;}
#cv .indent { padding-left: 4em; }
#cv .year { width:4em; color:#b2b2b2; font-weight:500; display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; }

/* TEXTS */
#texts_notes h2,
#texts_again h2,
#texts_film h2, 
#texts_journeys h2, 
#texts_situation h2, 
#texts_conversation_mp h2, 
#texts_genre h2 {margin-bottom: 0;}

h3 { margin:5px 0 87px; font-family: "GillSans-Light", "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: lighter; font-size: 18px; }

/* PIE */
#footer { width: 100%; text-align: center; font-size: 16px; float: left; padding: 80px 0 30px; }
#footer #mailto { float: left }
	#index #footer #mailto, #index #footer #up { display:none; }
#footer #up { float: right; display:inline; }
	#cv #footer #up, #bio #footer #up { display:none; }

/* INDEX FONDO NEGRO */
/*
body#index { background:red; color:#fff; }
	body#index a:hover { color:#fff; }
	body#index ul#menuPortada #newsPortada li b { color:#FFF; }
	body#index ul#menuPortada li li { color:#888; }
*/

/* INDEX FONDO COLORES 
body#index { color:#000; background: #4ff6b1; background:#d95853; }
	body#index a { color:#000; }
		body#index a:hover { color:#fff; }
	body#index ul#menuPortada #newsPortada li b { color:#000; }
	body#index ul#menuPortada li li { color:#000; }*/