/* 
/* ~~~ L'Alternativa 2010 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* ~~~ Festival de Cinema Independent de Barcelona ~~~
/* ~~~^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~^~~~ */

* {
	margin:0 0;
	padding:0 0;
	font-weight:normal;
	text-decoration:none;
	}
html {
	width:100%;
	height:100%;
	}
body {
	margin:0 auto;
	padding:0 0;
	color:#7B7B7B;
	background:#FFF;
	}
body, div, p, blockquote, strong, em, u, ol, ul, li, dl, dt, dd, input, textarea, select, option {
	font:12px/16px Arial, Helvetica, sans-serif;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Headers (sIFR) */
h1 {
	margin:0 0 10px 0;
	padding:8px 0 7px 0;
	height:20px;
	color:#000; 
	background-color: transparent;
	font: 19px/22px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:left;
	border-bottom:1px solid #000;
	}
h1.big {padding:0 0 0 0; height:50px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Headers (sidebar) */
h3 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Headers (news) (sIFR) */
h4 {
	display:inline-block;
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
	color:#005A87; 
	height:30px;
	background-color: transparent;
	font: 15px/1em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-align:left;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Titus (premios) */
p {margin:0 0 16px 0; padding:0 0 0 0;}

/* eecc */
p.subSec {margin:20px 0 16px 0; font-weight:bold; color:#B23A29 }

/* awards */
p.tituFilms {margin:25px 0 12px 0; padding:0 0 0 0; font-size:13px; font-weight:bold; text-transform:capitalize; color:#005A87;}
	a.tituFilms {margin:25px 0 12px 0; padding:0 0 0 0; font-weight:bold; text-transform:capitalize; color:#B23A29; text-decoration:underline;}

/* specia mention */
p.titu {margin:20px 0 6px 0; padding:0 0 0 0; font-weight:bold; text-transform:capitalize; color:#7B7B7B;}

/* titu + director */
p.films {margin:0 0 8px 0; padding:0 0 0 0;}
p.listado {margin:0 0 14px 0; padding:0 0 0 20px;}

#main #equip p {} 

#main span.leFilm {color:#000;}
#main span.leColor {color:#B23A29;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ General (miscell) */
blockquote {
	margin: 0 0 20px 20px;
	padding: 0 0 0 0;
	/*border-left:1px solid #757575;*/
}
span.nota {background:#FFFFBC;} /*FFFF99*/

div.nota {width:298px; padding:10px 20px 10px 20px; text-align:center; background:#F6F6F6; border:1px solid #D8D8D8;}
	div.nota:hover {background:#FAECEB; border:1px solid #D55B4D;}

strong {color:#757575; font-weight: bold;}
	strong.film {color:#000;}
	strong.color {color:#005A87; font-size:13px;}
	
em {font-style: italic;}
	
big {font-size: 12px; font-style: italic; color:#000;}

u {color:#000; font-style: normal;} /* films */
img {border: 0; text-decoration: none;}

span.color {color:#005A87}

#copyrightFotos {
	position:absolute;
	top:465px;
	float:right;
	width:700px;
	height:20px;
	color:#B5B5B5;
	font-size:11px;
	text-align:right;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Menus */
ul {list-style:none;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ List menus */
ol { 
	list-style:none;
	margin: 0 0 16px 15px;
	padding:0 0 0 0;
}
ol li {padding:0 0 0 13px; background: url(line.png) no-repeat 0 7px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Links */
/*
:-moz-selection {background: #111; color: #eee;}
:selection {background: #111; color: #eee;}
:focus {outline: 0;}
*/
a {outline:0; border:0; text-decoration:none;}
a:link, a:visited, a:active {color:#000; border:0;}
a:hover {color:#B23A29; border:0;}

a.homeLink:link, a.homeLink:visited, a.homeLink:active {color:#000; font-weight:bold;}
a.homeLink:hover {color:#005A87; background:#FFF;}

#header a {margin:0 0; padding:0 0;}
#header a:link, #header  a:visited, #header a:active {color:#97B5D2;}
#header a:hover {color:#FFF;}

#main a:link, #main a:visited, #main a:active {color:#B23A29; font-weight:bold;}
#main a:hover {text-decoration:underline;}

#main a.homeLink:link, #main a.homeLink:visited, #main a.homeLink:active {color:#000; background:#FFF;}
#main a.homeLink:hover {color:#B23A29; background:#FFF;}

#main a.noLink:link, #main a.noLink:visited, #main a.noLink:active {border:0; text-decoration:none;}
#main a.noLink:hover {border:0; text-decoration:none;}

#main a.icoFicha:link, #main a.icoFicha:visited, #main a.icoFicha:active {padding-right:11px; color:#005A87; background:transparent url(icoFicha.png) no-repeat 100% 3px; font-weight:bold;}
#main a.icoFicha:hover {color:#B23A29; background:transparent url(icoFicha.png) no-repeat 100% -17px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Links xternal */
#main a.otroLink:link, #main a.otroLink:visited, #main a.otroLink:active {}
#main a.otroLink:hover {}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Links xternal black */
#main a.extra:link, #main a.extra:visited, #main a.extra:active {
	margin:0 0; padding:0 8px 0 0; color:#000; background: transparent url(arrowUp.png) no-repeat 100% 5px; cursor:pointer;}
#main a.extra:hover {color:#B23A29;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Links contact */
#main a.contact:link, #main a.contact:visited, #main a.contact:active {}
#main a.contact:hover {}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Links email */
#main a.email:link, #main a.email:visited, #main a.email:active {}
#main a.email:hover {}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Links top */
#main a.topNews:link, #main a.topNews:visited, #main a.topNews:active {
	clear:both;
	position:relative;
	top:-10px;
	left:92%;
	margin: 0 0 0 0;
	padding:0 0 5px 30px;
	color:#C9C9C9;
	font:11px/1.3em Arial, Helvetica, sans-serif;
	text-align:right;
	background:none;
	}
#main a.topNews:hover { border-bottom:none; color:#B23A29  }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Links Films */
#main a.elFilm:link, #main a.elFilm:visited, #main a.elFilm:active {
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#000;
	}
#main a.elFilm:hover {color:#000; text-decoration:underline;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Ficha Films */
h5 {
	display:inline;
	margin:0 0 0 0;
	padding:0 5px 0 0;
	color:#005A87;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	}

/* datos seccion */
#fichaSecc {display:block; float:right; width:700px; position:absolute; top:190px; margin:0 0 0 0; padding:0 0 0 0;}
	#fichaSecc a, #fichaSecc a:link {display:block; height:30px; padding-right:40px; line-height:390%; text-align:right; }
	
/* fotos, trailer */
#leFilmImg {float:right; clear:right; margin:0 0 0 0; padding:0 0 10px 20px; background:#FFF;}
	#leFilmImg img {width:340px; min-height:140px; margin:0 0 0 0; padding:0 0 0 0; background:#FFF;}
	
	#leFilmImg #lasFotos img {display:block; margin:0 0 0 0; padding:0 0 0 0; background:#FFF;}
	#leFilmImg #elTrailer {display:none; margin:0 0 0 0; padding:0 0 0 0; background:#FFF;}
	#leFilmImg #laInfo {margin:10px 0 10px 0; padding:0 0 0 0; text-align:center;}
	
/* datos tecnicos */
#fichaInfo {margin:0 0 10px 0; padding:0 0 0 0; line-height:16px;}

/* datos programacion */
#fichaProg {margin:0 0 0 0; padding:10px 0 10px 0; line-height:16px; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; }
	#fichaProg #sesion {padding:0 0 5px 0; font-weight:bold;}

/* datos artisticos */
#fichaInfoArt {margin:10px 0 0 0; padding:0 0 0 0; line-height:16px;}
#fichaInfoBio {margin:10px 0 0 0; padding:0 0 0 0; line-height:16px;}

/* filmin */
#fichaFilmin {margin:25px 0 0 0; padding:0 0 0 0;}

span.leFilm, span.elFilm {font-weight:bold; color:#000}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Postales / News / Notas */
blockquote.news {
	margin:20px 0 10px 20px;
	padding:0 0 0 10px;
	border-left:5px solid #DDD;
	}

div.news {display:block; border-bottom:1px solid #DDD; margin-bottom:20px;}
div.news p {}
div.news strong {color:#7B7B7B; font-weight: bold;}
div.news img {padding:2px; border:1px solid #EEE;}

p.sub {
	margin: 0 0 15px 0;
	color: #79AC59;
	font:11px/1.3em Arial, Helvetica, sans-serif;
	}
	
img.bigIcon {float:left; padding:1px 20px 0 0;}
img.smallIcon {float:left; position:relative; top:-2px; padding:0 8px 0 0;}
img.emailIcon {float:left; position:relative; top:3px !important; top:4px; padding:0 6px 0 0;}

img.arrow {float:left; position:relative; top:4px; padding: 0 5px 0 0;}
img.postales {padding:5px 0 0 0;}

#postNote {
	float:right;
	width:200px;
	height:176px;
	margin:0 0 0 10px;
	background: url(postit.png) no-repeat 0 0;
	}
	dl {padding:18px 20px 0 30px;}
	dt {font-weight:bold;}
	dd {margin:0 0 8px 10px;}

#postNoteBig {
	float:right;
	width:250px;
	height:220px;
	margin:0 0 0 10px;
	background: url(postit_big.png) no-repeat 0 0;
	}
	#postNoteBig dl {padding:15px 20px 0 35px;}
	#postNoteBig dt {font-weight:bold;}
	#postNoteBig dd {margin:0 0 8px 10px;}

#postNoteBigCas {display:block; float:right; position:absolute;}
	#postNoteBigCas div {position:absolute; top:50px; left:480px; width:219px; height:233px; margin:0 0 0 0; padding:0 0 0 0;background: url(postNote_cas.png) no-repeat 0 0;}
#postNoteBigCat {display:block; float:right; position:absolute;}
	#postNoteBigCat div {position:absolute; top:50px; left:480px; width:219px; height:233px; margin:0 0 0 0; padding:0 0 0 0;background: url(postNote_cat.png) no-repeat 0 0;}
#postNoteBigEng {display:block; float:right; position:absolute;}
	#postNoteBigEng div {position:absolute; top:50px; left:480px; width:219px; height:233px; margin:0 0 0 0; padding:0 0 0 0;background: url(postNote_eng.png) no-repeat 0 0;}
	
div.icoNdP {
	display:block;
	float:left;
	width:150px;
	margin: 10px 20px 0 0;
	background: url(pressSin.png) no-repeat center 0;
	text-align:center;
	}
	div.icoNdP a {display:block; padding-top:80px; text-align:center;}
	div.icoNdP span {display:block; font-size:11px; text-align:center;}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ General Stuff */
.brSin {display:block; height:10px; font-size:0px;}

.break {display: block;	height:1px;}
.clear {display: block !important; display:none; clear:both; height:1px;} /* for IE */
.clearAll {display: block; clear: both;	height:1px; font-size:0px;}

.homeBReng {display:block; clear:both; height:10px; margin:72px 0 5px 0; border-top:1px solid #000;}
.homeBRcas {display:block; clear:both; height:10px; margin:84px 0 5px 0; border-top:1px solid #000;}
.homeBRcat {display:block; clear:both; height:10px; margin:84px 0 5px 0; border-top:1px solid #000;}

.smallBR {display:block; clear:both; height:5px; font-size:0px;}
.normalBR {display:block; clear:both; height:10px; font-size:0px;}
.dobleBR {display:block; clear:both; height:20px; font-size:0px;}
.tripleBR {display:block; clear:both; height:30px; font-size:0px;}

.spacer {padding:0 15px;font-size:0px;}

#stamp {display:block; float:right; position:absolute;}
	#stamp div {position:absolute; left:380px; width:300px; height:260px; margin:0 0 0 0; padding:0 0 0 0;background: url(closedStamp.png) no-repeat 0 0;}

#stampSmall {display:block; float:right; position:absolute;}
	#stampSmall div {position:absolute; left:400px; width:200px; height:173px; margin:0 0 0 0; padding:0 0 0 0;background: url(closedStamp_small.png) no-repeat 0 0;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Flash SlideShow */
#slideShow {
	float:right;
	display:block;
	position:relative;
	width:340px;
	height:272px;
	background:#FFF;
	margin:0 0 10px 20px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Flash Files */
div#alternativaFilms2009, div#alternativaFilms2008, div#alternativaFilms2007, div#alternativaFilms2006, div#alternativaFilms2005 {
	display:block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Form Validation */
div#formContact {float:left; width:330px;}
div#formInfo{float:right; width:330px;}
div#formNews {float:left; width:400px; margin:15px 0 0 0;}

div#formContact p, div#formInfo p, div#formNews p {line-height:15px;}

form {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
fieldset {border:0}
input, textarea {
	color:#000;
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
label { 
	display:block;
	clear:both;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#7E7E7E;
	}
.txtIn { 
	display:block;
	float:left;
	padding: 3px 3px;
	margin:0 0 15px 0;
	width: 300px; 
	border:0;
	color:#005A87;
	background:#F9F9F9;
	border-top: 1px solid #F7F7F7;
	border-right: 1px solid #F7F7F7;
	border-bottom: 1px solid #F7F7F7;
	border-left: 1px solid #E0E0E0;
	}
.medio { width: 300px; }
.normal { width: 400px; }
.doble { width: 670px; }
.simple { width: 160px; }
.justito { width: 410px; }

input:hover, textarea:hover {/*background:#F3F3F3;*/}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Error Validation */
label.labelText {}
span.labelText {display:block; color:#000; margin-bottom:-10px}

label.completed {display: none;}
label.required .labelText {}
label.requiredMarker {}
.correctionIcon {
	float:left;
	display:inline;
	width:7px;
	height:7px;
	padding: 5px 0 0 7px;
	}
.correctionText {display:none;}
.warning {display:none;}
.error {color:#FF0000;}
.errorB {color:#000000;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ Buttons */
#botSubmit {
	display:block;
	clear:both;
	width: 100px;
	margin: 10px 0 20px 0;
	padding: 2px 10px;
	color: #FFF;
	background: #606060;
	border:0;
	border-top: 1px solid #7F7F7F;
	border-right: 1px solid #414141;
	border-bottom: 1px solid #414141;
	border-left: 1px solid #7F7F7F;
	cursor: pointer;
	}
#botSubmitPress {
	display:block;
	clear:both;
	width: 100px;
	margin: 10px 0 20px 0;
	padding: 2px 10px;
	color: #FFF;
	background: #606060; 
	border:0;
	border-top: 1px solid #7F7F7F;
	border-right: 1px solid #414141;
	border-bottom: 1px solid #414141;
	border-left: 1px solid #7F7F7F;
	cursor: pointer;
	}
#botSubmitNews {
	display:block;
	clear:both;
	float:left; 
	width: 100px;
	margin: 0 0 0 0;
	padding: 2px 10px;
	color: #FFF;
	background: #606060; 
	border:0;
	border-top: 1px solid #7F7F7F;
	border-right: 1px solid #414141;
	border-bottom: 1px solid #414141;
	border-left: 1px solid #7F7F7F;
	cursor: pointer;
}

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}

/*---- Header styling ---*/
.sIFR-active h1 {
	visibility:hidden;
	line-height: 1em;
	font-size: 21px;
	}

.sIFR-active h4 {
	visibility:hidden;
	line-height: 1em;
	font-size: 19px;
	}