/* @override 
	http://www.bcnsportsfilm.org/2012/css/default.css
	http://bcnsportsfilm.org/2012/css/default.css
	http://www.bcnsportsfilm.org/css/default.css */

/* CSS Document

	Created by Natalia Artigas  http://www.fluid.cat
	
	For: BCNSFF	
	Date:  03/03/2011

*/

/*
	RESET
-----------------------------------------------------------------------------*/
	:link,:visited { text-decoration: none; }
	h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; }
	ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; }
	a img,:link img,:visited img,:hover img { border: none; }
	:focus { outline: none }
	ul,li{ list-style:none;}
/*
	HTML GENERAL ELEMENTS
-----------------------------------------------------------------------------*/
img{ border: none;}
a{ color:#343434; text-decoration:underline;}
p{ margin-bottom:15px;}
	
.left{ float:left !important;}
.right { float:right !important;}
#content h1{ position:absolute; left:-99999px;}
h2{padding: 10px 0px 1px 0px; margin-bottom:18px; color: #00476e; font: bold 26.52px/26px Helvetica, Arial, sans-serif;
text-transform:uppercase;
background-position: 0px 0px;
border-bottom: 1px solid #7f7f7f;
}

h2.twoLines{ background-image:url(img/bg_h2_2l.gif);}
h3{ color: #00476e; font-size: 20px; font-weight: bold; text-transform:uppercase;
line-height: 18px;
}
h3.points{ font: bold 13px/16px helvetica, arial; color:#343434; background: url(img/points.png) bottom left repeat-x; width: 631px;}
.row{ clear:both; display:block; overflow:hidden;}
.wAuto{ width: auto !important;}
.hidden{ display: none;}

.pager{ background: repeat-x left top; height:35px; display:block;
	border-top: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
}
.pager ul li{ display:inline; line-height:35px;}


/*
	LAYOUT
-----------------------------------------------------------------------------*/
html{
	/*background: url(img/bg_html.jpg) repeat-y center top #ffffff;*/
	background-color: #ffffff;
}
body{ font: normal 13px/16px Helvetica, Arial, sans-serif; background: url(img/bg_body_es.jpg) top center no-repeat;  margin:0px; padding:0px; color:#343434;}
body.lang_ca{ background-image: url(img/bg_body_ca.jpg);}
body.lang_en{ background-image: url(img/bg_body_en.jpg);}
#wrapper{ width: 985px;/* 960px + 2 x 6px de ombra */ display:block; margin:0 auto;
	padding-left: 20px;
}
#header{}
#middle{display:block; overflow:hidden; width:100%; background: url(img/bg_middle.png) repeat-y 0 0; min-height:316px;
}
	#nav{width: 270px; padding-left: 28px; float:left;
	}
	#content{ width:632px; padding:0px 23px 15px 23px; float:right; }
#footer{ background: url(img/bg_footer.png) no-repeat 2px 0;
	padding: 80px 25px 80px 26px;
}


/*
	HEADER
-----------------------------------------------------------------------------*/
#header{ height:284px; display:block; overflow:hidden; position:relative;
	padding-top: 12px;
}
#header h1 a{ position:absolute; width: 242px; height:220px; top:10px; left:29px;}
#header h1 a span{position:absolute; left:-999px;}
#header ul{ float: left;
}
#header ul li{ display:inline;}

.partners{ height:56px; display:block; overflow:hidden; background:url(img/points.png) 103px 0px repeat-y; position:absolute;
	right:0px;
	width: 640px;
	top: 68px;
}
.partners p{ font-size:18px; font-weight:bold; line-height:56px; letter-spacing:-1px; float:left; margin-right:25px; margin-bottom:0px;}
#header .partners ul,
	#header .partners ul li{ float:left;}
	#header .partners ul li{ margin-left:15px;}
	#header .partners ul li.first{margin:0px;}

#header ul.quickNav,
#header ul.lang{ font: bold 14px/30px Helvetica, Arial, sans-serif; color:#b4b4b4; text-transform:uppercase;}
#header ul.lang{ width:136px;
	text-align:center;
}
#header ul.quickNav{ margin-right: 13px;
margin-left: 330px;
}
#header ul.quickNav a,
#header ul.lang a{ margin:0px 4px; color:#b4b4b4;}
	#header ul.quickNav a:hover,
	#header ul.lang a:hover{ color:#00476e;}
#header ul.quickNav li.selected a,
#header ul.lang li.selected a{ color:#00476e;}



/*
	NAV
-----------------------------------------------------------------------------*/
#nav{ font-weight: 600; letter-spacing:-2px;}
#nav li,
#nav li a{color:#b4b4b4;font-size: 25px; line-height:25px;}
	#nav a:hover, #nav li.selected a{color: #00476e;}
	#nav li ul{}
	#nav li ul li{ margin-left:12px; font-size: 20px; line-height:22px;}
	#nav li ul li a{color:#b4b4b4; font-size: 20px; line-height:22px;}
		#nav li.selected ul li a:hover{ color:#000000 !important;}
		#nav li.selected ul li a{color:#b4b4b4; display:block;}
			#nav li.selected ul li.selected a{color:#000000;}
	.media{ display: block;  border-top: 1px solid #b4b4b4; margin: 100px 9px 0px 0px;}
		.media p{  font-size:20px; float:left; line-height: 36px;  text-transform: uppercase; color:#B4B4B4;}
		.media .facebook { display: block;  height:27px; width: 27px; float:left; overflow:hidden;  margin:0px 3px;  overflow:hidden; background: url(img/facebook.jpg) 3px 3px no-repeat;}
		.media .twitter{ display: block;  height:27px; width: 27px; float:left; overflow:hidden;  background: url(img/twitter.jpg) 3px 4px no-repeat;}
		.media .facebook span,
		.media .twitter span{ position: relative; left: -999px;}
#nav li.hidden{ display: block;}	
/*
	SLIDESHOWRAPPER
-----------------------------------------------------------------------------*/
.slideshowWrapper{ display: block; width: 630px; height: 366px; overflow: hidden;}

	
/*
	CONTENT
-----------------------------------------------------------------------------*/
.fotoItem{ display:block; overflow:hidden; margin-bottom:23px;}
	.fotoItem img{ float:left;}
	.fotoItem .text{ width:423px; float:right;}
		.fotoItem .text a{ text-decoration:underline;}
		.fotoItem .text p.extra{ margin-bottom:0px;}
		.fotoItem .text .googlemap p{ clear:both; padding-top:14px;}
	
	.fotoItem h3{ margin-bottom:10px;}
	
.prensaItem{ display:block; overflow:hidden; margin-bottom:20px;}
	.prensaItem img{ float:left;}
	.prensaItem .text{ width:480px; float:right;}
		.prensaItem .text a{ text-decoration:underline;}
		.prensaItem .text p.extra{ margin-bottom:0px;}

/* FOOTER
-----------------------------------------------------------------------------*/
#footer{ overflow:hidden;}
#footer h3{ font-size: 13px; color: #00476e;
border-bottom: 1px solid #999895;
font-weight: normal;
font-style: normal;
line-height: 12px;
}
#footer ul{ background: repeat-x 0px 0px; padding:8px 0px 15px 0px; width:100%;}
#footer ul,
#footer ul li,
#footer ul li a{ float:left;}
#footer ul li{ margin-right:10px;}
#footer .box{ float:left; width:100%;}
#footer .t1{ width:230px; padding-bottom:14px;}
#footer .t2{ width:660px;padding:0px 0px 14px 20px;}
#footer .t3{ width:445px;}
#footer .t4{ width:445px;padding-left:21px;}
	#footer .t4 ul li{ margin-right:10px;}
#footer .t5{ width:683px;padding-left:20px;}
/*	
	INICIO
------------------------------------------------------------------------------*/
.video{ background:url(img/points.png) 0px 0px repeat-x; padding:11px 0px;}

ul.highlights{
	padding-top:11px; display:block; overflow:hidden;
background-position: 0px 0px;
border-top: 1px solid #999895;
}
	ul.highlights li{float:left; width: 196px; /*height:430px;*/ overflow:hidden; background:url(img/points.png) 10px 0px repeat-y; padding-left:20px;}
	ul.highlights li.first{ width:197px; padding:0px; background:none;}
		ul.highlights li h3{ font-size:18px; padding:4px 0px 6px 0px; background:url(img/points.png) bottom left repeat-x; margin-bottom:10px; text-transform:uppercase;}
		ul.highlights li h4{ font-size:15px; margin:10px 0px 9px 0px; }
		ul.highlights li a{ text-decoration:underline;}
		
		
#twitter_update_list li{ background: none; width: auto; padding: 0px 0px 10px 0px; clear: both; width: 100%;}
	#twitter_update_list li span{ display: block; font-weight: bold;}
	
	.portada{
		margin-top: 20px;
		color: #000000;
		font-size: 16px;
		line-height: 20px;
	}
	.portada h4{
		margin-bottom: 20px;
		font-size: 18px;
	}

/* 
	PARTICIPANTES 
-----------------------------------------------------------------------------*/
img.map{ margin:5px 0px 20px 0px;}
ul.map{ width:163px; float:left;}
	ul.map.last{ width: 137px;}
	#map{ margin-bottom:20px;}

/*
	PELICULAS
------------------------------------------------------------------------------*/
.sorter{ clear:both; display:block; height:35px; background:url(img/bg_h2.gif) 0px 0px repeat-x; margin-bottom:15px; overflow:hidden;}
	.sorter p,
	.sorter ul,
	.sorter li{ float:left; line-height:32px;}
	.sorter li a{ text-decoration:underline; margin:0px 9px;}
	
ul.movies{margin:0px -10px;}
ul.movies li{clear:both;display:block; overflow:hidden; padding:10px; margin-bottom:10px;}
	ul.movies li h3{ font-size:15px; text-transform:none; margin-bottom:15px;}
	ul.movies li .frame{ float:left;}
	ul.movies li .text{ width:422px; float:right;}
		ul.movies li .text p{ margin-bottom:15px;}
			ul.movies li .text p a{ text-decoration:underline;}
			
			ul.movies li .text .largePsinopsi{ display:none;}
			ul.movies li.selected{ background-color:#efefef;}
* html ul.movies li{ overflow:hidden; height:1%;}

/*	DETAILS
------------------------------------------------------------------------------*/
	
ul.details{margin:0px -10px;}
ul.details li{clear:both;display:block; overflow:hidden; padding:10px; margin-top:10px;}
	ul.details li h3{ font-size:15px; text-transform:none; margin-bottom:15px;}
	ul.details li .frame{ float:left;}
	ul.details li .text{ width:422px; float:right;}
		ul.details li .text p{ margin-bottom:15px;}
			ul.details li .text p a{ text-decoration:underline;}
				ul.details li .text p a:hover{ cursor:pointer;}
			ul.details li .text .largePsinopsi{ display:none;}
			ul.details li.selected{ background-color:#efefef;}
			ul.details .gallery{ display:none;}
* html ul.details li{ overflow:hidden; height:1%;}

/*
	CALENDARIO
------------------------------------------*/
#content.calendar a{ text-decoration: underline;}
form .botons{ margin-bottom: 10px;}
	form .botons input{margin-left: 188px;}

/*
	CONTACTO
------------------------------------------*/
#content.contact h3{ margin-bottom: 16px;}
#content.contact p{ margin-bottom: 25px;}
#content.contact a{ text-decoration: underline;}

/*
	BASES
------------------------------------------*/
#content.bases h3.points{ margin: 25px 0px 15px 0px;}
#content.bases ul{ margin-bottom: 15px;}
#content.bases ul li{ margin-bottom: 5px;}
#content.bases a{ text-decoration: underline;}

/*
	BASES
------------------------------------------*/
#content.bcnsff a{ text-decoration: underline;}

/*
	REGISTER
------------------------------------------*/
.formWrapper{ }
form{ display:block; clear:both; background: url(img/points.png) left bottom repeat-x;}
form legend{ display: block; float:left; font: bold 13px/16px helvetica, arial; color:#343434; background: url(img/points.png) bottom left repeat-x; width: 631px; margin: 15px 0px 26px 0px; padding: 0px;}
form fieldset{border:0px; margin:0px; padding:0px;}
form label{ width:175px; float:left;}
form input.i_text{ border: 1px solid #000000; width:345px; margin-left:13px; float:left; font: normal 13px/20px Helvetica, Arial, sans-serif; height: 19px; text-indent: 2px;}
form textarea{ border: 1px solid #000000; width:345px; margin-left:13px; float:left; height:135px; font: normal 13px/16px Helvetica, Arial, sans-serif; }
form input.i_radio{ float:left; margin-right:10px;}
form input.i_radio,
form input[type="radiobutton"]{ position: relative; top:2px;}
form input[type="checkbox"]{ margin-right:10px; float: left; position: relative; top:2px;}
form .radioGroup{ float:left; margin-left:13px; display:block;}
form .radioGroup label,
form .checkbox label{ width:150px;}
.contact .row{ margin-bottom:12px; line-height:18px;}
.botons{ clear:both; display:block; overflow:hidden;  background:url(img/points.png) 0px 0px repeat-x; padding:15px 0px;}
.button,
.botons .button{ background-color:#000000; color:#FFFFFF; border:none; font-size:11px; padding:0px 15px; }
.privacity{ font-size:11px; background:url(img/points.png) bottom left repeat-x; padding:13px 0px 13px 0px;}
	.privacity p{margin-bottom:0px;}

.register #fecha{ width: 185px; font-style: italic;}
.register #datepicker{ width: 126px; margin: 0px 4px 0px 6px; font-style: italic;}

.register p.help{ font-size:11px; line-height:14px; color:#7c7c7c; clear: both; padding: 10px 244px 3px 187px;}
.register .row { line-height:18px; margin-bottom:12px;}
.register .col2{ margin-left: 187px;}

.register .botons{ margin-top: 20px;}
.register .botons p{ margin: 0px;}
.register .botons .button{ margin-left: 65px;}

.register fieldset.legal{ background: url(img/points.png) left top repeat-x; padding-top: 30px; margin-top: 20px;}
.register fieldset.legal .row.checkbox{ margin-bottom: 30px;}

input.i_text.error,
textarea.error {
	border: 2px solid red;
}



/*
	PROJECTIONS
------------------------------------------*/
h2.free {
    background: url("img/bg_h2_free.jpg") no-repeat scroll 0 0 transparent;
    margin-bottom: 5px;
    padding: 17px 0 13px 121px;
}
#content.projections .selects {
    overflow: hidden;
    padding-top: 12px;
    width: 100%;
}
#content.projections form {
    background: none repeat scroll 0 0 transparent !important;
}
#content.projections .selects select {
    margin: 0 10px 10px 0;
    float:left;
}
#content.projections .selects input {
    clear: both;
    float: left;
}
#content.projections .resultWrapper {
    background-color: #F8F8F8;
}
#content.projections .sortedBy {
    background: url("img/points.png") repeat-x scroll 0 0 transparent;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-top: 11px;
    overflow: hidden;
    padding-top: 1px;
}
#content.projections .sortedBy span {
    font-size: 16px;
}
#content.projections .sortedBy img {
    float: right;
    margin:10px 0px;
}
#content.projections .sortedBy p {
    float: left;
    padding-top: 15px;
    width: 382px;
	line-height:24px;
}
#content.projections .title {
    background: url("img/points.png") repeat-x scroll 0 0 transparent;
    font-size: 16px;
    font-weight: bold;
    padding-top: 11px;
}
#content.projections .result {
    background: url("img/bg_results.jpg") repeat-y scroll 0 0 transparent;
    margin-bottom: 11px;
}
#content.projections .row.first {
    background: url("img/bg_result_row.jpg") no-repeat scroll 0 0 transparent;
    padding-top: 14px;
}
#content.projections .row.lastHour {
    padding-bottom: 15px;
    position: relative;
    top: -15px;
}
#content.projections .row .hour {
    color: #343434;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding-left: 21px;
    position: absolute;
    width: 76px;
}
#content.projections .row .info {
    display: block;
    float: left;
    left: 97px;
    padding: 0 21px;
    position: relative;
    width: 190px;
}
#content.projections .row .sinopsi {
    display: block;
    float: left;
    left: 97px;
    padding: 0 21px;
    position: relative;
    width: 260px;
	}
#content.projections .row .sinopsi p a{ 
	text-decoration:underline;
	}
#content.projections .pager {
    margin-top: 11px;
    text-align: center;
}
#content.projections .pager ul li a {
    margin: 0 10px;
}

/*
	WEB MAP
------------------------------------------*/
ul.mapa{ display:block;margin-bottom: 15px;}
ul.mapa li{margin: 3px 0px 5px 0px;}
ul.mapa li li{ margin-left: 25px;}
ul.mapa li a{ text-decoration: underline;}

/* coses Raul */

#processant {
	width: 400px;
	float: left;
	margin-left: 65px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ad0000;
	font-weight: bold;
}

#processant img{
	margin-right: 10px;
}

#pdf_down {
	float: right;
}

#pdf_down a img {
	position: relative;
	top: 4px;
}

.blackbutton {
	color: white;
	background-color: black;
	padding: 5px;
	margin-left: 280px;
}