/***** fonts *****/
a:link {
color:#BE0500;
text-decoration:none;
}

a:visited {
color:#F27D00;
text-decoration:none
}

a:hover {
text-decoration:underline
}

a:active,a:focus {
background:#969696 !important;
text-decoration:none;
color:#fff !important
}

body {
font: small verdana, arial, sans-serif;
padding:0;
margin:0;
color:#000;
background:#000;
text-align:center
}

/***** header *****/

div#headback {
background: url('../img/header-background.gif') #fff repeat-x top;
padding:0px;
text-align:center;
height:300px;
}

div#header {
max-width:68em;
margin:auto;
padding:0;
color:#fff;
}

div#header img {
border:0;
margin:0px 0 0 0;
float:left;
}

div#header ul {
font-size:100%;
margin:0px 0 0 0;
padding:60px 0 0;
text-align:right;
list-style:none;
line-height:1.5em;
}

div#header ul a {
color:#fff;
padding-right:20px;
background: url('../img/white-dot.png') no-repeat right
}

div#header ul a.active {
background: url('../img/yellow-dot.png') no-repeat right;
color:#F27D00
}

/***** content *****/

#contentback {
clear:both;
background: #fff repeat-x top;
padding:0 10px
}

#content {
max-width:68em;
margin:auto;
}

#column1 {
float:left;
width:34%;
text-align:center;
margin-bottom:20px;
}

#column2 {
float:right;
width:63%;
margin-top:-20px;
text-align:left
}

.others {
margin-top:-10px !important
}

.clearer {
clear:both;
}


h1 {
margin:20px 0 1em 0;
padding:0;
font-size:160%;
font-family:arial, sans-serif;
color:#000;
text-transform:uppercase
}

.noCaps {
text-transform:none;
}

#column1 ul {
padding:0;
margin:0 0 1.5em 0;
list-style:none;
line-height:1.3em;
font-size:110%;
font-weight:bold
}

#column1 ul a {
color:#BE0500;
font-size:70%;
font-weight:normal
}

#column1 ul a.feed {
padding:0;
background:none;
}

#column1 ul a.feed img {
border:none;
vertical-align:middle;
}

#column1 ul a.active {
color:#F27D00
}

#column1 p {
font-size:75%;
color:#969696;
text-align:justify;
margin:30px;
line-height:1.3em
}

.home h2 {
margin:30px 0 15px;
font-size:130%;
color:#000;
padding:2px 0px;
letter-spacing:0.05em;
border-top:1px solid #000;
text-transform:uppercase;
font-family:arial, sans-serif;
}

.home h3 {
margin:0 0 1em 15px;
padding:0;
font-size:100%;
clear:both
}

.entry {
margin:0 15px;
position:relative;
min-height:117px
}

.others .entry {
margin:0 0px 13px 15px;
position:relative;
min-height:117px;
border-bottom:1px #969696 dotted;
}

.entry dl {
padding:0;
margin:0 0 0 115px;
font-size:85%
}


dd.title {
text-transform:uppercase;
font-weight:bold;
}

.entry img {
margin:0 10px 0px 0;
border:1px solid #000;
position:absolute;
padding:1px
}

.entry dt {
padding:0;
color:#969696;
width:5em;
float:left;
padding-bottom:6px;
clear:left;
}

.entry dd {
padding:0;
margin:0 0 0 6em;
padding-bottom:6px;
display:block;
}

.entry p {
text-align:right;
font-size:75%;
padding:0;
margin:0.5em 0 1em 0;
}

.cycle {
border:1px #969696 dotted;
margin:10px 0 20px;
padding:10px 0 0;
}


/***** footer *****/
div#footerback {
background: #000;
color: #fff;
height:130px;
padding:0 10px;
}

#footer {
max-width:68em;
margin:0 auto;
text-align:left;
position:relative;
}

#footer a {
color:#fff;
text-decoration:underline
}

#footer div {
font-size:85%;
padding:15px 0 0;
margin:0px;
position:absolute;
right:0;
top:0;
text-align:right;
line-height:2em;
}

#footer img {
display:block;
border:0;
margin-top:1em;
}

/***** pagination *****/

.pages {
margin: 30px 15px;
font-size: 80%;
clear:left;
height:20px;
}

.pages a, .pages span {
display: block;
float: left;
padding: 3px 5px;
margin-right: 3px;
border: 1px solid #FFF;
color: #000;
background: #FFF;
}

.pages span.current {
border: 1px solid #000;
font-weight: bold;
background: #000;
color: #FFF;
}

.pages span.current a {
padding: 0;
border: 0px;
background: #000;
color: #FFF;
}

.pages a {
border: 1px solid #000;
text-decoration: none;
background: #fff;
}

.pages a.nextprev {
font-weight: bold;
}

.pages a:hover {
border-color: #000;
background: #000;
color: #FFF;
}

.pages span.nextprev {
border: 1px solid #969696;
color: #969696;
}

/***** search *****/

textarea,input {
background:#fff;
font-size:85%;
border-top:1px solid #C0C0C0;
border-left:1px solid #C0C0C0;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
padding:2px;
width:140px;
}

.button {
height:1.8em;
width:auto;
border-bottom:1px solid #717171;
border-right:1px solid #717171;
border-top:1px solid #c2c2c2;
border-left:1px solid #c2c2c2;
background: #fff url('../img/button-background.png') bottom repeat-x;
color:inherit;
}

.button:hover {
background: #fff;
}

fieldset {
border:0;padding:20px 0
}


/***** cycles *****/

#cycles ul {
list-style:none;
font-size:100%;
padding:0 0 0 15px;
margin:0 0 30px 0;
font-weight:bold
}

#cycles li {
padding:0;
margin:10px 0 0 0;
}

#cycles p {
font-size:85%;
font-weight:normal;
padding: 5px 0 15px 0;
margin:0;
border-bottom:1px #969696 dotted;
}

p#descripciocicle {color:#000 !important;margin-bottom:20px}


#fresca {margin-top:40px}

#fresca img {border:0;display:block;margin:10px 5px 30px}

/***** film *****/

.others h2 {
margin:0 0 15px;
font-size:130%;
color:#000;
}

#film1 {
float:left;
width:55%;
font-size:85%;
line-height:1.5em;
}

#film1 p {
text-align:justify;
margin:0 0 1em 0;
padding:0
}

#film1 dl {
margin:15px 0;
padding:0;
}

#film1 dt {
margin:0;
padding:0;
color:#969696;
}

#film1 dd {
margin:0;
padding:0 0 10px;
}

#film2 {
float:right;
width:45%;
min-width:220px;
text-align:right;
overflow:hidden;
margin-bottom:20px
}

#film2 img {
border:1px solid #000;
padding:1px;
display:block;
margin:0 0 15px auto;

}

#film2 ul {
width:204px;
padding:0;
margin:0px 0 0px auto;
list-style:none;
line-height:1.5em;
text-align:left;
}

.mainlist {
margin-top:15px
}

#film2 a {
font-size:75%;
}

div.filmprojecctions {
border:dotted 1px #969696;
margin:0 0 20px;
padding:5px 10px 10px 10px;
line-height:1.5em;
}

.filmprojecctions ul {
list-style:square;
margin:0 0 0 8px;
padding:0 0 0 8px;
font-size:75%
}

.filmprojecctions li {
padding:5px 0px;
}

.filmprojecctions h3 {
padding:0 0 5px;
margin:0;
font-size:100%;
text-transform:uppercase;
font-family:arial, sans-serif;
color:#000
}

/***** projection *****/

dl.filmprojecctions  {
font-size:85%;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
margin:0 0 20px;
padding:0px 0px 8px 0px;
line-height:1.5em;
}

.filmprojecctions dt {
padding:0;
margin:8px 0 0 0;
color:#969696;
width:7em;
float:left;
}

.filmprojecctions dd {
padding:0;
margin:8px 0 0 8em;
}

.date, .place {font-weight:bold}

/***** subscription and error *****/

div.submethod, div.error {
border:dotted 1px #969696;
margin:0 0 20px;
padding:15px;
line-height:1.5em
}

div.noItems {
border:dotted 1px #969696;
margin:20px 0;
padding:15px;
line-height:1.5em
}

div.noItems p {
padding:0 0 1em;
margin:0
}

span.error{
color:#ff0000
}

div#banners img {
border:0;
border-top:solid #000 1px;
border-bottom:solid #000 1px;
padding:20px 0;
margin-bottom:10px
}

#fresca img {margin:30px auto}