/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/



a:link {
	color: #FF6600;
	text-decoration:none;
	font-weight: 100;
}

a:visited {color: #FF6600; text-decoration:none;
font-weight: 100;}

a:hover {
color: #FF6600;
	text-decoration:underline;
	font-weight: 100;
}

.speciallink {
color: #FFFFFF;
font-weight: 100;
}


.speciallink a:link {
color: #FFFFFF;
	text-decoration:none;
	font-weight: 100;
		opacity:.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
}

.speciallink a:visited {
color: #FFFFFF; text-decoration:none;
font-weight: 100;
	opacity:.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
}

.speciallink a:hover {
color: #FFFFFF;
font-weight: 100;
	opacity: 1.00;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
}


.speciallink2 {
color: #FFFFFF;
font-weight: 100;
}

.speciallink2 a:link {
color:#FFFFFF;
font-weight: 100;
	text-decoration:none;
}

.speciallink2 a:visited {
color: #FFFFFF; text-decoration:none;
font-weight: 100;
}

.speciallink2 a:hover {
font-weight: 100;
text-decoration:underline;
}


.speciallink3 {
color: #FFFFFF;
font-weight: 100;
}


.speciallink3 a:link {
color: #FFFFFF;
	text-decoration:none;
	font-weight: 100;
		opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}

.speciallink3 a:visited {
color: #FFFFFF; text-decoration:none;
font-weight: 100;
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}

.speciallink3 a:hover {
color: #FFFFFF;
font-weight: 100;
	opacity: 1.00;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
}

.speciallink4 {
color: #FFFFFF;
font-weight: 100;
}


.speciallink4 a:link {
color: #FF6600;
	text-decoration:none;
	font-weight: 100;
		opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}

.speciallink4 a:visited {
color: #FF6600; text-decoration:none;
font-weight: 100;
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
}

.speciallink4 a:hover {
color: #FF6600;
font-weight: 100;
	opacity: 1.00;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00;
}



img {
	border: none;
}

/* FESTIVALS ATTENDED*/

#space {
	height: 40px;
	margin: 0 auto;
	float: center;
	width: 100px;
	color: #000000;
}


#canvas {
	width: 300px;
	height: 458px;
}

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body { 
	/*margin: 20px 0;
	padding: 0;
	background: #000000;*/
	font-family: "DIN-Light", "Lucida Sans Unicode", Geneva, Verdana;
	color:#000000;
	background-color: #000000;
	text-align:center;
	font-weight: 100;
	min-height:850px;/* for good browsers*/
	min-width:600px;/* for good browsers*/
	color:#000000;
}

#outer{
height:100%;
width:100%;
min-width:1050px;
display:table;
vertical-align:middle;
}

#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 458px;
} 

#contentB {
	width: 1150px;
	height: 458px;
	margin: 0 auto;
	vertical-align: middle;
}

#content0 {
	width: 150px;
	height: 458px;
	float:left;
}

#content1 {
	width: 760px;
	height: 428px;
	float: left;
	/*background: url(images/alastres.png);*/
}



#header h1 {
	float: left;
	padding: 20px 0 0 330px;
	font-size: 3em;
}

#header h2 {
	float: left;
	padding: 0px 0px 0px 0px;
}

/* Menu */

#menu {
	float: right;
	width: 100px;
	height: 458px;
	margin: 0 auto;
	vertical-align:middle;
}

#menu2 {
	float: right;
	width: 40px;
	height: 458px;
	margin: 0 auto;
	vertical-align:middle;
}

#menu ul {
	margin: 0;
	padding: 0;
	text-align:center;
	vertical-align:middle;
	list-style: none;
}

#menu li {
	display: inline;
	text-align:right;
	height: 10px;
	vertical-align:middle;
}

#menu li2 {
	text-align:left;
	height: 10px;
	vertical-align:middle;
	padding:0px 20px 0px 0px;
}

#menu a {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	vertical-align:middle;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	/*color: #CCCCCC;*/
}



#menu a:hover, #menu .active a {
	/*background: #FFFF00;*/
	background-image: url("images/yellow2.png");
	/*filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;*/
}


#menu .speciallink a {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	vertical-align:middle;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	background-image: url("images/yellow.png");
	/*font-weight: bold;
	background:#FFFF00;*/
	color:#3366FF;
}


#menu .speciallink a:hover, #menu .active .speciallink a {
		background-image: url("images/yellow2.png");
		/*background: #FFFF00;*/
}


#menu .speciallink2 a {
	display: block;
	float: left;
	width: 100px;
	text-align: left;
	vertical-align:middle;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	/*font-weight: bold;*/
	color:#FFFFFF;
}


#menu .speciallink2 a:hover, #menu .active .speciallink a {
color:#FFFF00;
}





/* Content */

#content {
	width: 700px;
	height: 487px;
	margin: 0 auto;
	background: url(images/img1.gif);
}


/* LES COLUMNES AMB TEXT DINS DE 'CONTENT'*/

#xspace {
	float: left;
	width: 760px;
	height: 110px;
}

#xspaceindex {
	float: left;
	width: 460px;
	height: 110px;
}

#xspaceindex2 {
	float: left;
	width: 300px;
	height: 40px;
}

#cube {
	float: left;
	width: 460px;
	height: 610px;
}

#xspaceclip {
	float: left;
	width: 165px;
	height: 110px;
}

#colizq  {
	float: left;
	width: 180px;
	height: 400px;
}


#xspaceclip2 {
	float: left;
	width: 400px;
	height: 80px;
}

#xspaceclip3 {
	float: left;
	width: 400px;
	height: 60px;
}

#xspace2 {
	float: left;
	width: 550px;
	height: 300px;
}

#sinopsis {
	float: left;
	width: 300px;
	text-align:left;
	height: 220px;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	color: #FFFFFF;
	padding: 60px 0px 0px 35px;
}

#sinopsisdev {
	float: left;
	width: 300px;
	text-align:left;
	height: 275px;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	color: #FFFFFF;
	padding: 20px 0px 0px 35px;
}


#sela {
	float: left;
	width: 300px;
	text-align:left;
	height: 230px;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	color: #FFFFFF;
	padding: 40px 0px 0px 0px;
}

#clip {
	float: left;
	width: 500px;
	text-align:left;
	height: 300px;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	color: #FFFFFF;
	padding: 0px 0px 0px 35px;
}


#xcolumn {
	float: left;
	width: 40px;
	height: 400px;
}

#entremedio {
	float: left;
	width: 175px;
	height: 200px;
}

#opacidad {
	float: left;
	width: 120px;
	height: 100px;
	background-color:#F0F0F0;
	opacity:.20;
	filter: alpha(opacity=20);
	-moz-opacity: 0.20;
}

#seleccion {
	float: left;
	width: 120px;
	height: 17px;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	color: #FF6600;
}

#seleccion2 {
	float: left;
	width: 300px;
	height: 17px;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	text-align:left;
	color: #FFFFFF;
	padding: 0px 0px 0px 35px;
}

#festivals {
	float: left;
	width: 500px;
	height: 27px;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	text-align:left;
	color: #FFFFFF;
	padding: 0px 0px 0px 35px;
	opacity:.40;
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
}

#festivals2 {
	float: right;
	width: 500px;
	height: 37px;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	text-align:left;
	color: #FFFFFF;
	padding: 0px 0px 0px 35px;
	opacity:.40;
	filter: alpha(opacity=40);
	-moz-opacity: 0.40;
}

#news {
	float: left;
	color:#FFFFFF;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	text-align:left;
		width: 250px;
		opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	height: 200px;
	padding: 0px 0px 0px 15px;
}

#past {
	float: left;
	color:#FFFFFF;
	font-family:"Andale Mono";
	font-size:12px;
	font-weight: 100;
	text-align:left;
		width: 500px;
		opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	height: 200px;
	padding: 0px 0px 0px 0px;
}



#texto {
	float: left;
	text-align:left;
		width: 120px;
	height: 100px;
	padding: 15px 0px 0px 15px;
}



#colTwo2 {
	float: left;
	width: 500px;
	height: 327px;
	padding: 30px 0px 0px 0px;
/*	background: url(images/rectangleBplainSmall.gif); */
}

#colTwo3 {
	float: left;
	width: 500px;
	height: 327px;
	padding: 30px 0px 0px 0px;
/*	background: url(images/rectangleBplainSmall.gif); */
}


#colTwoCast {
	float: left;
	width: 500px;
	height: 327px;
	padding: 30px 0px 40px 0px;
/*	background: url(images/rectangleBplainSmall.gif); */
}


#colTwoSt {
	float: left;
	width: 500px;
	height: 327px;
	padding: 40px 0px 0px 0px;
/*	background: url(images/rectangleBplainSmall.gif); */
}

#colTwoTr {
	float: left;
	width: 550px;
	padding: 30px 0px 0px 0px;
/*	background: url(images/rectangleBplainSmall.gif); */
}


#colstillsOne {
	float: left;
	width: 500px;
	height: 281px;
/*	background: url(images/rectangleBplainSmall.gif); */
}

#colstillsTwo {
	float: left;
	width: 500px;
	height: 84px;
/*	background: url(images/rectangleBplainSmall.gif); */
}


#colThree {
	float: left;
	width: 0px;
	height: 327px;
}



#colFour {
	float: right;
	width: 100px;
	height: 327px;
	padding: 0px;
}

/* Footer */

#footer1 {
	width: 700px;
	height:73px;
	margin: 0 auto;
	padding: 0px 0;
	background: url(images/festivals2.gif) repeat-x;
	font-size: smaller;
}

#footer {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0;
	background-color:#000000;
}

#footer * {
color:#FFFFFF;
}