/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#969292;
	background:#111;
}
#interior {position:relative; margin:0 auto; width:955px;}

/*AUXILIAR*/
.subratllat {text-decoration:underline;}
.textBlau {color:#91a3cf; font-weight:bold;} .textBlau a {text-decoration:none; color:#91a3cf;}
.subtituloGris, .subtituloIzq {position:relative; border-bottom:1px solid #313131; text-align:right; margin-top:15px; height:14px;}
.subtituloIzq {text-align:left; margin-top:15px; height:17px;}
.noBorder {border:none;}

.alinearDreta {text-align:right;}
.alinearCentre {text-align:center;}
.esqSub {float:right; margin-top:-10px;}

.form {border:1px solid #313131; font-size:1em; color:#313131; line-height:13px; padding:2px;}
.formBoto {color:#cf0303; font-weight:bold; background:url(../img/boto-form.gif); height:19px; border:none; margin-left:2px; font-size:1em;}
#botoChat {margin:5px 0 0 215px;}
#botoContacto {margin:5px 0 0 186px;}

.margeTop {margin-top:4px;}
.tiraBottomGris {border-bottom:1px solid #313131;}

#logoHome img {position:absolute; top:0; left:0; width:270px; height:80px;}

/*ESTRUCTUA GENERAL*/
#content {position:relative; width:829px; height:100%; margin:0; background-color:#000; padding-bottom:20px;}
#left {position:relative; margin-left:-3px; padding:140px 0 10px 25px; float:left; width:255px; height:100%; background-image:url(../img/logo-hitclubbin.gif); background-position:top; background-repeat:no-repeat;}
#continguts {position:relative; float:right; margin-right:15px; width:518px; height:100%;}

#right {position:relative; width:119px; float:right; padding-left:7px; height:100%;} #right img {border:none;}
#bottom {position:relative; clear:left; width:100%; margin:0 auto; padding-bottom:0px; z-index:5;}

/*MENU PRINCIPAL - HI HA MÉS INFO AL MENU.CSS DE CADA IDIOMA*/
#menuPrincipal ul {list-style:none; margin:0; padding:0; margin:4em 0 2em 0; padding-bottom:1.5em;}
#menuPrincipal ul li {padding:0; float:left;}
#menuPrincipal ul li a {display:block; height:1.91em; /*Quito el padding, pero le pongo altura*/ text-decoration:none;}
#menuPrincipal ul li a:hover {background-position:bottom;}
#menuPrincipal ul li a span {display:none; /*Oculto el texto*/}
#menuPrincipal div {background-color:#000; padding:0.2em 2em; height:1.3em; clear:left; width:47em; text-align:center;} #peu div a {color:#2d2d2d;}
.menuLinkado {background-position:bottom;}

/*CONTINGUTS*/
.neteja {position:relative; clear:both;}
#contingutsPeu {position:relative; background-image:url(../img/fondo-content-bottom.gif); background-repeat:no-repeat;}

#textos {position:relative; margin:0; width:423px; background-color:#111; padding:20px 50px 20px 30px;}
#textos h1 {position:absolute; top:-20px; left:29px; width:424px; height:15px; background-image:url(../img/fondo-titulo.gif); background-repeat:repeat-x; border-bottom:1px solid #313131;}
#textos a {color:#969292;} #textos {color:#969292; text-decoration:none;}
#textos p {position:relative; text-align:justify; line-height:14px;}


/*LATERAL ESQUERRE - BANNERS*/
.banner {
	position:relative; 
	margin:30px 0 10px 0; 
	width:243px; 
	background-image:url(../img/fondo-titulo.gif); 
	background-repeat:repeat-x; 
	background-position:bottom; 
	padding-bottom:20px;
	font-size:0.9em;
}
.banner a {color:#969292;} .banner p {line-height:15px;}
.banner h2 {font-size:1em; margin-bottom:2px;}
.tituloBanner {height:15px; background-image:url(../img/fondo-titulo.gif); background-repeat:repeat-x; border-bottom:1px solid #313131;}
.tituloBannerAcento {height:15px; background-image:url(../img/fondo-titulo.gif); background-repeat:repeat-x; border-bottom:1px solid #313131;} 
.tituloBannerAcento img {position:absolute; top:-2px;}
.pieBanner {position:absolute; bottom:-2px; right:6px;}

/*BANNER ENCUENTRANOS*/
.decorativoEncuentranos {position:absolute; top:30px; left:20px;}
.margeDret {margin-right:50px;}
/*BANNER HORARIOS*/
.horario img {position:absolute; top:30px; left:10px;} .horario p {text-align:right; margin-right:20px; padding-top:5px;}


/*----------------------------BOTTOM----------------------------------*/
#decoratiuDj {position:relative; background-image:url(../img/bottom-fondo.gif); background-repeat:no-repeat; width:962px; height:214px;}
#animaFlash {position:absolute; right:0; bottom:23px; z-index:5;}
#bottomBanner {position:relative; width:520px; background-image:url(../img/fondo-titulo-vermell.gif); background-repeat:repeat-x; border-bottom:1px solid #cf0303; height:16px; top:30px; left:110px;}

/*----------------------------CONTENIDOS------------------------------*/
/*CONTACTO*/
.decorativoContacto {position:relative; text-align:center; padding:10px 0; line-height:1.3em;} .decorativoContacto img {position:absolute; left:85px; top:10px;}
.llistaEsq {position:relative; float:left; width:49%; text-align:right;  font-weight:bold; height:150px; background-color:#FFFF99;}
.llistaDre {position:relative; width:49%; float:right; height:100px; background-color:#CCCCCC;}

.formulari span, .formComentarios span {font-size:10px; font-weight:bold; text-align:right; vertical-align:top; line-height:24px; width:180px; padding-right:2px; display:table-cell;}
.formulari fieldset textarea, .formulari fieldset input, .formulari fieldset select, .formComentarios fieldset textarea, .formComentarios fieldset input {vertical-align:top;}
.formulari fieldset {border:none;}
.formComentarios fieldset {border:1px solid #313131; margin-top:30px; padding-top:20px;}
.formulari fieldset textarea, .formComentarios fieldset textarea {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#111;}
.formComentarios span {width:150px;}

.formComentarios fieldset textarea {margin:0 0 7px 4px; width:200px; height:70px; font-size:1em;}
.checkRecibir { margin-left:50px; font-size:0.8em;} .checkRecibir input {margin-top:0;}
.formText {position:relative; font-size:10px; font-weight:bold; min-width:300px; text-align:right; vertical-align:top; line-height:24px;}

.rojito {text-decoration:none; border-bottom:#00FF00; } .rojito strong {color:#ff0000; text-decoration:none;}

/*EVENTOS*/
.eventos {position:relative; clear:right;}
.eventos h2 {position:absolute; font-size:10px; color:#91a3cf; font-weight:bold; width:200px; text-align:left; left:70px; height:13px; top:-8px; width:248px; overflow:hidden;}
.eventos h2 a {color:#91a3cf; text-decoration:none;} .eventos h2 a:hover {text-decoration:underline;}
.eventos h3 {font-size:10px; color:#969292; font-weight:100;}
.eventos h4 {font-size:10px; float:right; color:#969292; font-weight:100; width:100px; text-align:right; margin-top:-22px; width:100px;  height:13px; overflow:hidden;}

#eventoAmpliado, #noticiaAmpliada {position:relative; clear:right; border-top:1px solid #313131; margin-top:10px; padding-top:15px;}
#eventoAmpliado img, .noticia img {position:relative; float:left; height:69px; width:92px; margin:0 10px 5px 0; border:1px solid #969292;}
#eventoAmpliado h2, #noticiaAmpliada h2 {font-size:10px; color:#91a3cf; font-weight:bold;}
#eventoAmpliado h3, #noticiaAmpliada h3 {font-size:10px; color:#969292; font-weight:100; margin-top:-7px;}
#eventoAmpliado p, #noticiaAmpliada p {font-size:10px; color:#fff; line-height:14px; margin-top:-5px;}

/*NOTICIAS*/

.noticia {position:relative; height:80px; overflow:hidden; margin:15px 0 5px 0;}
.noticia h2 {position:relative; font-size:10px; color:#91a3cf;} .noticia a {color:#91a3cf; text-decoration:none;} .noticia h2 a:hover {text-decoration:underline;}
.noticia h3 {position:relative; font-size:10px; color:#969292; font-weight:100; margin-top:-7px;}
.noticia p {position:relative; color:#fff; margin-top:-5px; height:27px; overflow:hidden; font-size:10px;} .noticia p:after {content:url("../../assets/img/fletxa.gif");}
#noticiaAmpliada {border:none; padding-bottom:15px; }
#noticiaAmpliada p {position:relative; font-size:10px;}
#noticiaAmpliada img {position:relative; float:left; margin:0 10px 5px 0; border:1px solid #969292; max-height:170px; max-width:170px;}

#comentarios div {border-bottom:1px solid #313131; margin:5px 0; margin:0;}
#comentarios div h2 {color:#91a3cf; font-size:10px;} #comentarios div p {margin-top:-5px;}
.botoComentarios {position:relative; border:none; left:200px;}

/*PROGRAMA*/
.presentan {position:relative; margin-top:20px;} .presentan ul li {list-style:none; line-height:16px; margin-left:-38px;} .presentan ul li:after {content:url("../../assets/img/fletxa.gif");}
.presentan ul li a {color:#969292; text-decoration:none;} .presentan ul li a:hover {text-decoration:underline;}

#djBio1, #djBio2, #djBio3 {position:relative; margin-top:20px; padding-top:15px; clear:left;}
#djBio1 img, #djBio2 img, #djBio3 img {position:relative; float:left; margin:0 15px 5px 0;} #djBio1 img a, #djBio2 img a, #djBio3 img a {border:none;}
#djBio1 a, #djBio2 a, #djBio3 a {color:#969292; text-decoration:none; font-weight:bold;} 
#djBio1 a:hover, #djBio2 a:hover, #djBio3 a:hover {text-decoration:underline;}

.tituloDj {position:relative; height:15px; background-image:url(../img/fondo-titulo.gif); background-repeat:repeat-x; border-bottom:1px solid #313131;}
.tituloDj div {position:absolute; right:0;}

/*LINKS*/
.link {position:relative; width:200px; float:left; margin-top:10px;} 
.link h2 a {color:#969292; font-size:10px; padding-left:20px; background-image:url(../img/fletxa.gif); background-position:center left; background-repeat:no-repeat; text-decoration:none;}
.link h2 a:hover {text-decoration:underline;} 
.link h3 {font-size:10px; color:#fff; font-weight:100; padding-left:20px; margin-top:-9px; height:13px; overflow:hidden;}


/*TOP LIST*/
#fechaTop {margin:0; font-size:0.9em; margin:-25px 0 30px 0;}
.chartSeleccio {position:absolute; right:50px; top:20px;}
.itemList {position:relative; height:auto; margin:0; margin-top:10px;}
.itemList h2 {position:absolute; left:20px; height:auto; max-width:200px; overflow:hidden; top:-9px; font-size:10px; font-weight:100;}
.itemList h3 {position:absolute; left:225px; height:auto;  max-width:200px; overflow:hidden; top:-11px; font-weight:bold; font-size:10px;}
.itemList h4 {position:relative; max-width:15px; overflow:hidden; font-size:10px; font-weight:100;}

/*ARCHIVOS DEL PROGRAMA*/
.archivos {position:relative; clear:left;}
.archivos h2 {position:relative; font-size:0.9em; font-weight:100; color:#fff; float:left; width:70px; height:14px; overflow:hidden;}
.archivos h3 {position:relative; font-size:0.9em; font-weight:100;  float:left; margin-left:15px; width:230px; background-image:url(../img/fletxa2.gif); background-position:top left; background-repeat:no-repeat; padding-left:15px; line-height:15px; margin-top:7px;}
.archivos div {position:relative; font-size:0.9em; font-weight:100;float:right; width:10px; height:20px; top:9px; left:-45px; background-image:url(../img/altaveu-archivos.gif); background-position:left top; background-repeat:no-repeat; padding-left:20px;}
.archivos div a {text-decoration:none; color:#969292;} .archivos div a:hover {text-decoration:underline;}

/*MAPA WEB*/
#mapaweb ul {position:relative; padding:0;}
#mapaweb ul li {padding-left:18px; font-weight:bold; background-image:url(../img/fletxa2.gif); background-repeat:no-repeat; background-position:top left; list-style:none; margin-top:20px;}
#mapaweb ul li a {color:#969292; text-decoration:none;} #mapaweb ul li a:hover {text-decoration:underline;} 
#mapaweb ul li p {font-weight:100; color:#fff; margin-top:0;}
#mapaweb ul ul {margin:0px 0 0 20px; line-height:0;} #mapaweb ul li ul li {margin-top:10px;}
#mapaweb ul li ul li a {padding-left:18px; color:#fff; font-weight:100; color:#fff; text-decoration:none; background-image:url(../img/fletxa2.gif); background-repeat:no-repeat; background-position:top left; list-style:none;} 
#mapaweb ul li ul li a:hover {text-decoration:underline;}

/*GRACIAS*/
#gracias {height:220px;}
#gracias p {text-align:center; padding-top:50px;}