/* estils comuns */
html,body {margin:0;padding:0;height:100%;background-color:#333;color:#ddd;}

/*
div.fons {min-height:100%;height:auto;}
* html div.fons {height:100%} */

div.fons {height:100%;position:relative;}
html>body div.fons {min-height:100%;height:auto;}

div.fons {background-position:top center;background-repeat:repeat-y}


b, strong {font-weight:bold}
i, em {font-style:italic}
/* formularis */
form {margin:0;padding:0}
form .boto, .boto,form .botoEnviar, .botoEnviar {font-family:"Lucida Sans Typewriter", "Lucida Console","Lucida Sans",Lucida, "Courier New", Courier, mono;color:#ddd}
form .boto:hover, .boto:hover,form .botoEnviar:hover, .botoEnviar:hover {color:#fff}
form .boto, .boto {font-weight:normal;height:auto}
form .botoEnviar, .botoEnviar {font-weight:bold;height:auto}
/* titols i paragrafs */
h1, h2, h3, h4, h5, h6 {font-family:"Lucida Sans Typewriter", "Lucida Console","Lucida Sans",Lucida, "Courier New", Courier, mono;color:#DB0030}
/* altres elements */
.separadorBoth,.separadorLeft,.separadorRight {margin:0;padding:0;font-size:0}
.separadorBoth {clear:both}
.separadorLeft {clear:left}
.separadorRight {clear:right}
acronym, abbr {cursor:help;border-bottom:1px dotted #DB0030}

/* capcalera */
#FonsCap {background-image:url('/img/fonsMenu.gif');background-position:center}
#Cap {width:770px;height:90px;margin-left:auto;margin-right:auto;text-transform:lowercase;position:relative}
#Cap * {margin:0;padding:0;list-style:none}
#Cap #Logotip {width:140px;height:90px;background-image:url('/img/logotip-01.gif');background-position:bottom;background-repeat:no-repeat}
#Cap #Logotip a {display:block;width:140px;height:90px;background:none;padding:0;margin:0}
#Cap #Logotip a img {display:none}
#Cap .titol {border-bottom:1px solid #888;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.6em;color:#db0030;padding-left:3px}
#Cap ul {border-right:1px solid #888;height:20px;float:right}
#Cap li {float:left}
#Cap a {font-family:"Lucida Sans Typewriter", "Lucida Console","Lucida Sans",Lucida, "Courier New", Courier, mono;color:#999;text-decoration:none;background-image:url('/img/cantoGris.gif');background-repeat:no-repeat;padding:2px 4px}
#Cap a:hover {color:#ccc;background-image:url('/img/cantoGris_Over.gif')}
#Cap #Menu {position:absolute;width:340px;height:40px;top:25px;left:170px}
#Cap #Menu ul {padding-top:5px}
#Cap #Menu li {margin:0 10px}
#Cap #Menu a {font-size:0.8em}
#Cap #Idiomes {position:absolute;width:300px;height:40px;top:10px;left:450px}
#Cap #Idiomes ul {padding-top:3px}
#Cap #Idiomes li {margin:0 5px}
#Cap #Idiomes a {font-size:0.7em}

/* cos */
#Cos {width:770px;margin-left:auto;margin-right:auto;text-transform:lowercase;position:relative;padding-top:4em;background-repeat:no-repeat}
#Cos .continguts {margin-left:150px;font-family:"Lucida Sans Typewriter", "Lucida Console","Lucida Sans",Lucida, "Courier New", Courier, mono;color:#ddd;line-height:130%}
#Cos .continguts p,#Cos .continguts li {font-size:0.7em}
#Cos .continguts li li {font-size:100%}
#Cos .continguts h4 {font-weight:normal}
#Cos .continguts a {color:#bbb}
#Cos .continguts a:hover {color:#ddd}
#Cos table.credits {width:100%}
#Cos table.credits th {color:#DB0030;font-weight:normal;text-align:left}
#Cos table.credits td {font-size:0.7em}
#Cos table.credits td.personatge {width:100%;border-bottom:1px dotted #888}
#Cos table.credits td.persona {text-align:right;white-space:nowrap;border-bottom:1px dotted #888}
#Cos .continguts form#Contacte {width:410px;margin-left:auto;margin-right:auto}
#Cos .continguts form div.linia {clear:both;padding:2px}
#Cos .continguts form div.linia label,#Cos .continguts form div.linia input.text {width:200px;display:block;font-size:0.7em;height:1em}
#Cos .continguts form div.linia textarea.text {width:200px;display:block;font-size:70%;height:5em}
#Cos .continguts form div.linia label {float:left}
#Cos .continguts form div.linia input.text,#Cos .continguts form div.linia textarea.text {float:right;background-color:transparent;border:1px solid #888;color:#ddd;font-family:"Lucida Sans Typewriter", "Lucida Console","Lucida Sans",Lucida, "Courier New", Courier, mono;padding:2px}
#Cos .continguts form div.botons {text-align:center;padding-top:1em}
#Cos .continguts form div.botons input {color:#ddd;background-color:#444;font-size:0.7em;padding:2px;border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #888;border-right:1px solid #888}
#Cos .continguts form div.botons input:hover {color:#fff}
#Cos .continguts ol.termesLegals li {margin:10px 0}

/* aplicacio */
#llistaSeries {padding-left:140px}
#llistaSeries.portada div {margin:5px;width:90px;height:75px;float:left;background-position:center;background-repeat:no-repeat}
#llistaSeries.portada div a {width:90px;height:75px;display:block;background-image:url('/img/cantoGris_Over.gif');background-repeat:no-repeat}
#llistaSeries.portada div a * {display:none}
#llistaSeries.portada div a:hover {background-image:url('/img/marcGris.gif')}
#llistaSeries.portada div.destacat a {background-image:url('/img/cantoVermell.gif')}
#llistaSeries.portada div.destacat a:hover {background-image:url('/img/marcVermell.gif')}
#llistaSeries.destacat {position:absolute;right:310px}
#Destacat {width:300px;margin:5px 0;float:right}
#Destacat .foto {width:300px;text-align:center;padding:5px 0}
#Destacat .text {background-image:url('/img/fonsFitxa.gif');margin-top:5px}
#Destacat .text h4 {padding:5px 10px;margin:0;float:left}
#Destacat .text div.link {float:right;margin-top:0.5em;padding-right:10px;background:url('/img/triangleDreta.gif') center right no-repeat}
#Destacat .text div.link a {font-size:0.6em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#888;background:url('/img/cantoVermell.gif') no-repeat;padding-left:5px}
#Destacat .text div.link a:hover {color:#ddd}
#Destacat .text span.fitxa a {text-decoration:none;color:#DB0030}
#Destacat .text span.fitxa a span {text-decoration:underline;color:#888}
#Destacat .text span.fitxa a:hover,#Destacat .text span.fitxa a:hover * {color:#ddd}
#Destacat p {font-size:0.6em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ddd;padding:5px 10px;margin:0;line-height:160%}
#Serie {width:700px;margin-left:auto;margin-right:auto}
#Serie #btn_Anterior_Clicable,#Serie #btn_Anterior_EnEspera,#Serie #btn_Seguent_Clicable,#Serie #btn_Seguent_EnEspera {width:100px;padding-top:200px}
#Serie #btn_Anterior_Clicable a,#Serie #btn_Seguent_Clicable a {font-weight:bold;font-size:0.6em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#888;text-decoration:none}
#Serie #btn_Anterior_EnEspera,#Serie #btn_Seguent_EnEspera {font-style:italic;font-weight:bold;font-size:0.6em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#666}
#Serie #btn_Anterior_Clicable a span,#Serie #btn_Seguent_Clicable a span {text-decoration:underline}
#Serie #btn_Anterior_Clicable a:hover,#Serie #btn_Seguent_Clicable a:hover {color:#ddd}
#Serie #btn_Anterior_Clicable,#Serie #btn_Anterior_EnEspera {float:left;text-align:right}
#Serie #btn_Seguent_Clicable,#Serie #btn_Seguent_EnEspera {float:right}
#Serie #btn_Anterior_Clicable,#Serie #btn_Seguent_Clicable {display:none}
#Serie #Imatge {width:450px;margin-left:auto;margin-right:auto}
#Serie #CapFoto {background-color:#111;height:25px}
#Serie #CapFoto .text {float:left;padding-left:5px;padding-top:3px}
#Serie #CapFoto .text h5,#Serie #CapFoto .text .fitxa,#Serie #CapFoto .text .serie {display:inline}
#Serie #CapFoto .text .fitxa,#Serie #CapFoto .text .serie {border-left:1px solid #888;margin-left:5px;padding-left:5px}
#Serie #CapFoto .text .fitxa a,#Serie #CapFoto .text .serie a {color:#DB0030;font-size:0.6em;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:none}
#Serie #CapFoto .text .fitxa a span,#Serie #CapFoto .text .serie a span {text-decoration:underline;color:#888}
#Serie #CapFoto .text .fitxa a:hover,#Serie #CapFoto .text .fitxa a:hover *,#Serie #CapFoto .text .serie a:hover,#Serie #CapFoto .text .serie a:hover * {color:#ddd}
#Serie #CosFoto {text-align:center}
#Serie #CosFoto img {border:5px solid #fff}
#Serie.fitxa {width:auto;margin-left:160px;}
#Serie.fitxa #CosFoto .foto {float:left;margin-top:1em}
#Serie.fitxa #CosFoto .foto img {border:none}
#Serie.fitxa #CosFoto .text {margin-left:290px;background-image:url('/img/fonsFitxa.gif');text-align:left;font-size:0.7em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#ddd;padding:0 5px;line-height:160%}
#Serie #PeuFoto {text-align:right;font-size:0.7em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#888;padding:5px;letter-spacing:0.2em}
#Serie #PeuFoto span {color:#ddd;background:url('/img/cantoVermell.gif') no-repeat;padding:2px 3px}
#Serie div.autoplay {float:right;margin-top:0.5em;padding-right:10px;background:url('/img/triangleDreta.gif') center right no-repeat}
#Serie div.autoplay a {font-size:0.6em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#888;background:url('/img/cantoGris.gif') no-repeat;padding-left:5px}
#Serie div.autoplay a:hover {color:#ddd;background-image:url('/img/cantoGris_Over.gif')}

/* peu-avis legal */
#Avis {clear:both;padding:1em}
#Avis a {font-size:0.6em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#888;background:url('/img/cantoGris.gif') no-repeat;padding-left:5px}
#Avis a:hover {color:#ddd;background-image:url('/img/cantoGris_Over.gif')}

/* control d'accés */
#ControlAcces {font: 0.8em Verdana;}