/* estils generals */
HTML {background: #fff url('../images/default_background.png') repeat-x top left;}
BODY {font-family:Tahoma; font-size:11px; margin:0px; margin-top:5px; }
TABLE {}
TD {}
INPUT {}
SELECT {font-family:Tahoma; font-size:11px;}
A {text-decoration:none; color:#1C3E66;}
A:hover {text-decoration:underline; color:#2E65A6}
H1 {font-size:20px; border-bottom:1px black solid;}
DIV.pageBreak {font-size:1px; color:white;}

/* frames */
DIV.container {width:770px; margin-left:auto; margin-right:auto; }
DIV.containerBig {width:100%; height:100%; }
DIV.header {background: #000000 url('../html/images/banner_home2.jpg') no-repeat top left; height:122px; border:1px black solid; margin-bottom:1px;}
DIV.subheader {background-color:black; color:White; height:21px; padding:1px; margin-bottom:1px;}
DIV.content { width:100%; }
DIV.left { width:150px; float:left; height:100%; margin-right:10px;}
DIV.center {right:0px;	bottom: 0px; height:100%; padding-top:5px; }
DIV.footer {background-color:Black; color:White; clear:both; text-align:center; font-size:10px; padding:2px; height:14px; margin-top:5px; }
DIV.separadorPDF {display:none;}

/* subheader */
DIV.subheader SPAN.separator {float:left; margin-top:4px; color:#999999;}

/* estils dels menus */
DIV.menuItemContainer {left:0px; top:0px; display:none; background-color:#AEC6D2; border:1px #224762 solid;}
A.menuItem {color:White; display:block; float:left; padding:4px; padding-left:7px; padding-right:7px; text-decoration:none; font-weight:bold;}
A.menuItem:hover {color:#000000; background-color:White; text-decoration:none;}
A.menuItemSelected {color:#000000; background-color:#CCCCCC; display:block; float:left; padding:4px; padding-left:7px; padding-right:7px; text-decoration:none; font-weight:bold;}
A.menuItemSelected:hover {color:#000000; background-color:White; text-decoration:none;}
DIV.menuItemContainer {background-color:white; float:none; margin-top:1px; border:1px #000000 solid;}
DIV.menuItemContainer A.menuItem {color:#000000; display:block; float:none; padding:4px; padding-left:7px; padding-right:7px; text-decoration:none; font-weight:bold; background-color:white;}
DIV.menuItemContainer A.menuItem:hover {color:#000000; display:block; float:none; padding:4px; padding-left:7px; padding-right:7px; text-decoration:none; font-weight:bold; background-color:#CCCCCC;}
DIV.menuItemContainer A.menuItemSelected {float:none; display:block; background-color:#D7EFFF; color:#0074C1; width:200px}
DIV.menuItemContainer A.menuItemSelected:hover {float:none; display:block; background-color:#D7EFFF; color:#0074C1; width:200px}

/* selectorEstils */
DIV.selectorEstils {float:right; padding:4px;}

/* selectorIdioma */
DIV.selectorIdioma {float:right; padding:1px; padding-left:10px;}
DIV.selectorIdioma SELECT {font-size:10px; padding:0px;}

/* usuari */
DIV.usuari {float:right; padding:3px; padding-right:10px; border:1px black solid;}
DIV.usuari A {float:none;display:inline; margin-top:2px;}
DIV.usuari A:hover {float:none;display:inline; }

/* botonera */
DIV.botonera {}

/* error */
DIV.error {color:Red; padding:5px; font-weight:bold;}

/* locator */
H1.locator {border-bottom:1px #1C3E66 solid; font-size:13px; padding-bottom:2px; color:#1C3E66; margin-top:5px;margin-bottom:10px;}
H1.locator A {}
H1.locator A:hover {}
H1.locator IMG { margin-left:10px; margin-bottom:-2px;}
H1.locator A.versioPerImprimir {float:right; margin-top:-5px; font-weight:normal; }
H1.locator A.versioPerImprimir IMG {border-width:0px; margin:0px; margin-right:4px; margin-bottom:-2px;}
 
/* rutes */
TABLE.llistaRutes {width:100%; }
TABLE.llistaRutes TR.ruta {}
TABLE.llistaRutes TR.ruta TD.imatge {vertical-align:top; width:10px; background-color:black; background-image:url('../images/cintarolloV.png'); width:110px; text-align:center; vertical-align:middle;}
TABLE.llistaRutes TR.ruta TD.imatge IMG {width:70px; border-width:0px; padding-top:5px; padding-bottom:5px;}
TABLE.llistaRutes TR.ruta TD.nom {background-color:#CBCBCB;  vertical-align:top; padding:8px; text-align:justify;} 
TABLE.llistaRutes TR.ruta TD.nom A.titol { font-weight:bold; font-size:medium; display:block;} 
TABLE.llistaRutes TR.ruta TD.nom A.titol IMG { border-width:0px; margin-right:8px; margin-bottom:-2px; }
TABLE.llistaRutes TR.ruta TD.nom A.mesInformacio {float:right; font-style:italic;} 

/* ruta */
DIV.ruta {}
DIV.ruta DIV.head {margin-bottom:5px; }

DIV.ruta DIV.head TD.headCell1 { padding-left:0px; padding-right:5px; vertical-align:top; width:10px;}
DIV.ruta DIV.head TD.headCell2 { padding:0px; vertical-align:top;}
DIV.ruta DIV.head IMG.caratula {width:125px; margin-bottom:4px;}
DIV.ruta DIV.head DIV.pretitol { text-transform:uppercase; margin-bottom:5px; background-color:#000000; color:White; padding:2px; padding-left:10px;font-size:18px;}
DIV.ruta DIV.head DIV.cintarollo {height:10px; background-image:url('../images/cintarollo.png'); border-right:1px black solid;  font-size:2px;}
DIV.ruta DIV.head SPAN.sinopsisTitol {text-transform:uppercase; font-weight:bold; }
DIV.ruta DIV.head DIV.sinopsis {background:white; border-left:1px black solid; border-right:1px black solid; padding:5px; text-align:justify;}

DIV.ruta DIV.head DIV.fitxaTecnica {background-color:#CBCBCB; margin-top:5px; }
DIV.ruta DIV.head DIV.fitxaTecnica TABLE {padding:0px; width:100%;}
DIV.ruta DIV.head DIV.fitxaTecnica TABLE TABLE {padding:5px; width:100%;border:2px #CBCBCB solid; }
DIV.ruta DIV.head DIV.fitxaTecnica TABLE TABLE TD {padding:0px;padding-left:5px;}

DIV.ruta DIV.head TR.row {background-color:#DADADA;}
DIV.ruta DIV.head TR.rowAlternate {background-color:#D2D2D2;}

DIV.ruta DIV.head DIV.titol {text-transform:uppercase; font-weight:bold; background-color:#EBEBEB; padding:2px;}
DIV.ruta DIV.head TD.tecnics {width:50%; vertical-align:top;}
DIV.ruta DIV.head TD.tecnics TD.personaTipus {text-transform:capitalize; font-style:italic; vertical-align:top;}
DIV.ruta DIV.head TD.tecnics TD.personaNom {text-transform:capitalize;vertical-align:top; width:150px; }

DIV.ruta DIV.head TD.artistics {width:50%; vertical-align:top;}
DIV.ruta DIV.head TD.artistics TD.personaNomDeFiccio {text-transform:capitalize }
DIV.ruta DIV.head TD.artistics TD.personaNom {text-transform:capitalize }

DIV.ruta DIV.premisTitol {text-transform:uppercase; font-weight:bold; background-color:#EBEBEB; padding:2px; }
DIV.ruta DIV.premis {background-color:#DBDBDB; padding:5px; margin-bottom:5px; text-align:justify;}

DIV.ruta DIV.sabiesque { margin-bottom:5px; color:white; }
DIV.ruta DIV.sabiesque IMG {height:27px; margin-bottom:-2px; width:100%;}
DIV.ruta DIV.sabiesque DIV.titol {background-color:#A30000;text-transform:uppercase; padding:2px; font-size:20px; border-bottom:1px white solid; margin-bottom:15px;}
DIV.ruta DIV.sabiesque DIV.cos {background-color:#A30000; margin-left:1px; margin-right:1px; padding-left:25px; padding-right:25px; background-image:url(../images/rotllogros.png); background-repeat:no-repeat; background-position:center center; border-left:1px #000000 solid; border-right:1px #000000 solid; text-align:justify;}

DIV.ruta DIV.mapaTitol {text-transform:uppercase; margin-bottom:5px; background-color:#000000; color:White; padding:2px; padding-left:10px; font-size:18px;}
DIV.ruta DIV.mapa {margin-bottom:5px; border:1px black solid;  text-align:center; overflow-x:hidden; width:768px;}
DIV.ruta DIV.mapa IMG {}

DIV.ruta DIV.mapallegenda {background-color:Black; color:White; padding:5px; margin-bottom:4px;}
DIV.ruta DIV.mapallegenda TABLE.mapallegenda {width:100%;}
DIV.ruta DIV.mapallegenda TABLE.mapallegenda TD.mapallegenda {padding:2px; vertical-align:top;}

DIV.ruta DIV.mapallegenda A.itemllegenda {color:white;}
DIV.ruta DIV.mapallegenda A.itemllegenda:hover {color:#A5CBE7; cursor:pointer; text-decoration:none;}
DIV.ruta DIV.mapallegenda A.itemllegenda TABLE.itemllegenda {width:100%; margin-bottom:4px;}
DIV.ruta DIV.mapallegenda A.itemllegenda TD.itemllegendaNumero {background-image:url('../images/cintarollofotograma.png');  background-repeat:no-repeat; font-size:22px; width:39px; height:43px; color:Black; text-align:center;  background-position:center top; vertical-align:top; padding-top:7px; }
DIV.ruta DIV.mapallegenda A.itemllegenda SPAN.adresa { color:#AAAAAA;}
DIV.ruta DIV.mapallegenda A.itemllegenda TD.itemllegendaDescripcio { vertical-align:top; padding-left:5px; text-align:justify;}
DIV.ruta DIV.mapallegenda A.itemllegenda DIV.itemllegendaTransport { color:#AAAAAA; text-align:left;}
DIV.ruta DIV.mapallegenda A.itemllegenda:hover DIV.itemllegendaTransport {color:#77B0DB;}
DIV.ruta DIV.mapallegenda A.itemllegenda DIV.itemllegendaTransport IMG { margin-right:3px; margin-bottom:-1px;}

DIV.ruta DIV.footerBig {background-color:Black; height:55px; margin-bottom:2px; border-top:1px #000000 solid;}
DIV.ruta DIV.footerBig TABLE {width:100%; }
DIV.ruta DIV.footerBig TABLE TD {text-align:center; padding:0px;}
DIV.ruta DIV.footerBig TABLE TD IMG {border-width:0px;}


/* atractiu */
DIV.atractiu {width:770px; margin-left:auto; margin-right:auto;}

DIV.atractiu DIV.titol {text-transform:uppercase; margin-bottom:5px; background-color:#000000; color:White; padding:2px; padding-left:10px; font-size:18px;}

DIV.atractiu DIV.imatges {vertical-align:middle; background:white; margin-bottom:5px; vertical-align:middle; background-image:url(../images/atractiuedificis.png);  background-repeat:repeat-x;  background-position:left bottom; border:1px #000000 solid; -moz-border-radius: 4px 4px 4px 4px;}
DIV.atractiu DIV.imatges TABLE {width:100%;}
DIV.atractiu DIV.imatges TD.imatgesAtractiu {vertical-align:middle; padding-top:5px; padding-bottom:5px;}
DIV.atractiu DIV.imatges TD.imatgesAtractiu IMG {width:90px; margin-left:10px; vertical-align:middle; border:1px black solid;}
DIV.atractiu DIV.imatges TD.imatgesCaratules {text-align:right; padding:0px; padding-top:5px; padding-bottom:5px;}
DIV.atractiu DIV.imatges TD.imatgesCaratules IMG {width:90px; margin-right:10px; border:1px black solid;}

DIV.atractiu DIV.infoHistoricaIPerConeixerMillorLaZona {background-color:#FFF2E5; background-image:url(../images/degradat1.png); padding:5px; padding-left:15px; padding-right:15px; margin-bottom:5px;  background-repeat:repeat-x; border:1px #000000 solid; -moz-border-radius: 4px 4px 4px 4px;}
DIV.atractiu DIV.infoHistoricaIPerConeixerMillorLaZona DIV.infoHistoricaTitol {text-transform:uppercase; padding:2px; font-size:18px; border-bottom:1px #000000 solid;}
DIV.atractiu DIV.infoHistoricaIPerConeixerMillorLaZona DIV.infoHistorica {padding:5px; margin-bottom:5px; text-align:justify;}
DIV.atractiu DIV.infoHistoricaIPerConeixerMillorLaZona DIV.perConeixerMillorLaZonaTitol {text-transform:uppercase; padding:2px; font-size:18px; border-bottom:1px #000000 solid;}
DIV.atractiu DIV.infoHistoricaIPerConeixerMillorLaZona DIV.perConeixerMillorLaZona {padding:5px; margin-bottom:5px; text-align:justify;}

DIV.atractiu DIV.detallFilm {}
DIV.atractiu DIV.detallFilm TABLE {margin-bottom:5px;}
DIV.atractiu DIV.detallFilm TABLE TD {vertical-align:top; border-right:1px #FFFFFF solid; border-left:1px #FFFFFF solid;}
DIV.atractiu DIV.detallFilm TABLE TD.capsalera {background-image:url(../images/fonsvermellprimbordetop.png); height:5px; line-height:5px; overflow:hidden;}
DIV.atractiu DIV.detallFilm TABLE TD.peu {background-image:url(../images/fonsvermellprimbordebottom.png); height:5px; line-height:5px; overflow:hidden;}
DIV.atractiu DIV.detallFilm TD.descripcioEscenes {width:384px;background-color:#A30000;  background-image:url(../images/rotllogrosleft.png); background-repeat:no-repeat; background-position:right center; }
DIV.atractiu DIV.detallFilm TD.descripcioEscenes DIV.cos {padding-left:10px; padding-right:10px; border-right:1px #000000 solid; border-left:1px #000000 solid; height:100%;}
DIV.atractiu DIV.detallFilm TD.descripcioEscenes DIV.titol {font-size:18px; font-weight:normal; color:White; border-bottom:1px white solid; background-color:Transparent; padding-left:0px; margin-bottom:10px; }
DIV.atractiu DIV.detallFilm TD.descripcioEscenes DIV.subtitol {font-size:14px; text-transform:uppercase; color:White; padding-bottom:2px;}
DIV.atractiu DIV.detallFilm TD.descripcioEscenes SPAN.subsubtitol {font-weight:bold;}
DIV.atractiu DIV.detallFilm TD.descripcioEscenes DIV.detallFilmImatges {}
DIV.atractiu DIV.detallFilm TD.descripcioEscenes DIV.detallFilmImatges IMG {width:85px; margin-right:2px; margin-bottom:2px;}
DIV.atractiu DIV.detallFilm TD.descripcioEscenes DIV.detallFilmDescripcio {color:white; padding-top:2px; padding-bottom:5px; text-align:justify ;}
DIV.atractiu DIV.detallFilm TD.anecdotes {width:385px;background-color:#A30000; background-image:url(../images/rotllogrosright.png); background-repeat:no-repeat; background-position:left center; }
DIV.atractiu DIV.detallFilm TD.anecdotes DIV.cos {border-right:1px #000000 solid; border-left:1px #000000 solid; padding-left:10px; padding-right:10px; height:100%; text-align:justify;}
DIV.atractiu DIV.detallFilm TD.anecdotes DIV.titol {font-size:18px; font-weight:normal; color:White; border-bottom:1px white solid; background-color:Transparent; padding-left:0px; margin-bottom:10px;}
DIV.atractiu DIV.detallFilm TD.anecdotes DIV.descripcio {color:White;}

DIV.atractiu DIV.mapaTitol {text-transform:uppercase; margin-bottom:5px; background-color:#000000; color:White; padding:2px; padding-left:10px; font-size:18px;}
DIV.atractiu DIV.mapa {margin-bottom:5px; border:1px black solid; overflow-x:hidden; width:768px;}


DIV.atractiu DIV.footerBig {background-color:Black; height:55px; border-top:1px #000000 solid;}
DIV.atractiu DIV.footerBig TABLE {width:100%; }
DIV.atractiu DIV.footerBig TABLE TD {text-align:center; padding:0px;}
DIV.atractiu DIV.footerBig TABLE TD IMG {border-width:0px;}

/* llistat */
TABLE.llistat {width:100%; }
TABLE.llistat TR.llistatHeaderRow {background-color:#282828; color:White;}
TABLE.llistat TD.llistatHeaderRowCell {padding:2px;}
TABLE.llistat TR.llistatRow {}
TABLE.llistat TR.llistatRowAlternate {background-color:#E5E5E5;}
TABLE.llistat TD {padding:2px; vertical-align:top; }
TABLE.llistat TD.titol {}
TABLE.llistat TD.titol IMG {margin-bottom:-3px; margin-right:5px; float:left;}
TABLE.llistat TD.titol DIV {float:left;}
TABLE.llistat TD.detall {}
TABLE.llistatFooter {width:100%;margin-bottom:5px; height:40px;  background-color:#E5E5E5; margin-top:0px; border-right:1px white solid;}
TABLE.llistatFooter TR.llistatFooterRowPager {}
TABLE.llistatFooter TD.llistatFooterCellPager { vertical-align:bottom; padding:5px; }
TABLE.llistatFooter TD.llistatFooterCellPagerNextPrevious { text-align:right;}
TABLE.llistatFooter SPAN.llistatFooterCurrentPage {padding:2px;padding-left:6px; padding-right:6px; border:1px #CBCBCB solid;}
TABLE.llistatFooter A.llistatFooterFooterOtherPages{padding:2px;padding-left:6px; padding-right:6px; border:1px #CBCBCB solid;}
TABLE.llistatFooter A.llistatFooterFooterOtherPages:hover {color:white; border:1px #CBCBCB solid; background:#000000; text-decoration:none;}
TABLE.llistatFooter A.llistatFooterCellPagerPrevious {padding:4px;border:1px #E0E0E0 solid;}
TABLE.llistatFooter A.llistatFooterCellPagerPrevious:hover {color:white; border:1px #CBCBCB solid; background:#000000; text-decoration:none;}
TABLE.llistatFooter A.llistatFooterCellPagerNext {padding:4px;border:1px #E0E0E0 solid; }
TABLE.llistatFooter A.llistatFooterCellPagerNext:hover {color:white; border:1px #CBCBCB solid; background:#000000; text-decoration:none;}

/* fixa */
TABLE.fitxa {width:100%;}
TABLE.fitxa TR {}
TABLE.fitxa TD {}
TABLE.fitxa TD.variable {font-weight:bold; text-align:right; width:130px; padding-right:5px; vertical-align:top;}
TABLE.fitxa TD.valor {}
TABLE.fitxa TD.valor IMG.recurs {width:120px; float:left; border:1px black solid; margin:2px;}
TABLE.fitxa TD.separador {border-bottom:1px #C3C3C3 solid; padding-top:10px; color:#414141;text-align:left;}

TABLE.fitxa DIV.fitxaLlistatScrollable {height:250px; width:612px; overflow-y:scroll;}
TABLE.fitxa TABLE.fitxaLlistat {border:1px #DDDDDD solid; width:100%; background:white;}
TABLE.fitxa TABLE.fitxaLlistat TR.header {color:black; background-color:#C3C3C3;}
TABLE.fitxa TABLE.fitxaLlistat TR.header TD {padding:2px;}
TABLE.fitxa TABLE.fitxaLlistat TR.Alternate TD {background:#DFDFDF;}
TABLE.fitxa TABLE.fitxaLlistat TD {vertical-align:top; padding:2px;}
TABLE.fitxa TABLE.fitxaLlistat TD IMG {margin-bottom:-3px;}
TABLE.fitxa DIV.fitxaLlistatFooter {padding:2px; color:#666666; text-transform:lowercase;  clear:both;}
TABLE.fitxa IMG.imatgeEscena { width:45px; margin-top:5px;}


/* printpreview */
DIV.printpreview {border:1px #666666 solid; text-align:center; padding:40px; font-size:20px; background:#FFFFFF; margin-top:10px; margin-bottom:10px; padding-bottom:5px;}
DIV.printpreview DIV.small {font-size:12px;}
DIV.printpreview IFRAME {border-width:0px;}
DIV.printpreviewResult {width:600px;}