-@charset "utf-8"; /* ---------------------- CSS RESET ---------------------- */ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0 } fieldset,img { border:0 } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal } ol,ul { list-style:none } caption,th { text-align:left } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal } q:before,q:after { content:'' } abbr,acronym { border:0 } /*------------------------IMATGES-------------------------*/ img.dreta { margin:10px 0px 0px 20px; border:#e4e4e4 solid 1px; float: right; padding:4px } img.concert { border:#e4e4e4 solid 1px; padding:2px; max-width:200px; margin-bottom:20px } img.esquerra { margin:0 20px 10px 0; float:left; border:#e4e4e4 solid 6px; } img.dretanomarc { margin:0px 0px 20px 20px; float:right } img.lateral { margin-bottom:10px } img.noticies { margin-left:20px; max-width:506px; } img.galeria { margin: 0px 0px 0px 0px; width: 220px; height: 165px; margin-bottom: 15px} .logo { padding: 20px; } strong.dreta { float:right;} /* ---------------------- BIG BOYS ---------------------- */ body { font-family: Lucida Sans Unicode, Arial, Tahoma, sans-serif; font-size:.75em; padding:0; margin:0; } .mensaje { padding:10px; text-align:center; font-weight:bold; color:#FFF; background:#f1852b; font-size:1.2em; padding-left:26px; border-bottom:1px solid #DDD; margin-top:5px } .body_festivales { background:#02878f url(../imatges/bg_festivales.png) top repeat-x; } .body_noticias { background:#8f023e url(../imatges/bg_conciertos.png) top repeat-x; } .body_grupos { background:#8f8d02 url(../imatges/bg_grupos.png) top repeat-x; } .body_infomft { background:#8f4202 url(../imatges/bg_infomft.png) top repeat-x; } .body_estandar { background:#555555 url(../imatges/bg_default.png) top repeat-x; } /* .body_festivales { background-color:#000; } .body_conciertos { background-color:#000; } .body_noticias { background-color:#000; } .body_grupos { background-color:#000; } .body_infomft { background-color:#000; } .body_estandar { background-color:#000; } */ strong { font-weight:bold;} h1 { font-family:Impact; letter-spacing:1.5px; line-height:1.3em; color:#FFF; font-size:1.7em; } h3 { font-size:1.3em; margin-bottom: 10px; color:#333333; font-weight:bold; } p { font-size:1em; line-height:1.3em; padding-bottom:5px; } a { text-decoration:none; } li { text-align:left } blockquote { font-size:1.4em; color:#777777; padding:20px 20px 20px 20px; font-family:Georgia, "Times New Roman", Times, serif} /* ---------------------- CONTENIDORS PRINCIPALS ---------------------- */ #web { width:950px; background:#000; margin:0 auto; } #cap { width:950px; background-color:#000; } #logo { height:119px; width:950px; text-align:center; } #logotip { width:567px; margin: 0 auto; } #peu { width:930px; height:75px; color:#fff; margin-top:30px; margin:0 auto; margin-top:20px; marging-left:10px } #subpeu { width:950px; margin-top:20px; height:65px; background:transparent url(../img/sub_bottom.gif) top left no-repeat; marging-left:10px } #menu_cap { } #menu_cap ul { margin:0; padding:0; height:27px; background-color:#000; padding-top:5px; width:950px; text-align:center; } #menu_cap li { display:inline; font-family:Impact; color:#FFF; height:10px; font-size:1.3em; padding-left:5px; padding-right:5px; } #menu_cap li a { color:#FFF; } #menu_cap li a:hover{ color:#f2852b; } #contingut_esquerra { width:191px; float:left; padding-top:5px;} #contingut_centre { width:567px; float:left; background-color:#FFF; text-align:justify;} #contingut_dreta { width:182px; float:right; text-align:left; padding-left:10px; } #grup_esquerra { margin-top:20px; margin-bottom:30px; min-height:200px; text-align:left; float:left; clear:both; padding:0 20px 0 20px; margin-left:20px; width:200px; text-size:.8em; background-color:#ebebeb; } #grup_esquerra.link_concert a{ color:#CCC; } #grup_esquerra.link_concert a:hover{ color:#FFF; } #grup_dreta { margin-top:20px; margin-bottom:30px; min-height:200px; text-align:left; float:right; padding:0 20px 0 20px; margin-right:20px; width:200px; text-size:.8em; background-color:#ebebeb; } h3.grup { font-size:1em; color:#f1852d; } .concerts_passats_ul { margin:0; padding:0; padding-left:30px; padding-right:30px; } .concerts_passats { margin-bottom:10px; } #contingut_centre h2.concerts_passats_h2 { font-family:inherit; color:#565656; font-weight:bold; font-size:.9em; } #historico_conciertos { padding:10px; } .conciertos_td_izq { padding-right:10px; height:20px; } .conciertos_td_der { font-weight:bold; } .concierto_izq { float:left; width:300px; padding-left:30px } .concierto_der { float:right; width:220px; } .concierto { width:567px; } .concierto h1 { padding-left:30px; padding-right:30px; font-family:Impact; letter-spacing:1.5px; color:#ff6600; font-size:1.7em; margin-top:30px } .concierto ul { padding:0; padding-left:30px; padding-right:30px; margin:0; } .concierto li { margin-bottom:3px; } .nota_izq { float:left; width:300px; } .nota_der { float:right; width:240px; padding-top:8px; } .compratickets { margin-top:10px; width:194px; padding:10px; text-align:center } .compratickets img { margin-bottom:20px; } .conciertos_td_izq_portada { text-align:left; font-size:.90em; color:#515151; padding-left:10px; width:100px; height:15px; } .conciertos_td_der_portada { font-size:.9em; color:#787878; font-weight:bold; } .conciertos_td_der_portada h3 { font-size:1.2em; color:#fa631a; font-weight:bold; } .conciertos_td_titulo { font-size:1.1em; color:#f1852b; font-weight:bold; height:30px; padding-left:10px; } .conciertos_td_titulo a { color:#f1852b; } .conciertos_td_titulo a:hover { color:#000; } .historico_archius_ul { margin:0; padding:0; padding-left:10px; } .historico_archius_ul li { margin-bottom:2px; } .historico_archius_ul a { color:#FFF; } .historico_archius_ul a:hover { color:#f2852b; } /*#contingut_centre.grupos { background-color:#000; color:#FFF; }*/ #contingut_centre.noticias { } /*#contingut_centre.noticias h1 { color:#000 }*/ #contingut { padding:0px; margin:0px; padding-left:10px; padding-right:10px; } #contingut_esquerra_text { padding-top:10px; padding-bottom:10px; } #contingut_esquerra_text ul { margin:0px; padding:0px; padding-left:15px; padding-right:10px; color:#000; } #contingut_esquerra_text ul a { color:#FFF; } #contingut_esquerra_text ul a:hover { color:#f2852b; } #contingut_esquerra_text li { padding-bottom:5px; text-align:right; } #fila_larga { margin-top:10px; margin-left:19px; width:529px; min-height:20px; } #fila_larga2 { margin-left:19px; width:528px; min-height:20px; margin-top:15px; } #fila_izq { width:255px; float:left; background-color:#990000; min-height:20px; margin-bottom:15px; } #fila_der { padding:10px; width:250px; float:right; background-color:#d5d5d5; min-height:20px; margin-top:5px; margin-bottom:15px; } .link a { background-color:#f1f1f1; border:#e0e0e0 solid 1px; padding:7px; color:#000; font-weight:bold; } .link a:hover { color:#f2852b; } #contingut_esquerra_text.conciertos { background:#555555 url(../img/table_fons_concerts.gif) top left no-repeat; } #contingut_esquerra_text.festivales { background:#00a3b6 url(../img/table_fons_festivals.gif) top left no-repeat; } #contingut_esquerra_text.grupos { background:#000; padding-right:10px; } #contingut_esquerra_text.noticias { background:#f0842a url(../img/table_fons_noticias.gif) top left no-repeat;} #contingut_esquerra_text.noticias a:hover{ color:#CC0000; } #contingut_centre h2 { font-size:1.4em; color:#555555; padding-left:20px; font-weight:bold} #contingut_centre p { color:#000; margin: 20px 20px 15px 20px; margin-bottom:15px; line-height:1.6em } #contingut_centre h1.noticies { font-family:Impact; letter-spacing:1.5px; line-height:1.3em; color:#000; font-size:2em; margin-left:15px; } #dreta { text-align:right; margin:0px; padding:0px;} #centrat { text-align:center; margin:0px; padding:0px; margin-bottom:30px} #dreta h1 { padding-right:15px; font-family:Impact; letter-spacing:1.5px; line-height:1.3em; color:#868686; font-size:2.5em; margin-top:20px; } .conciertos li { line-height:none; line-height:1.2em; margin-bottom:35px; text-transform:uppercase;} .conciertos span {margin:0px; padding:0px; font-size:.75em;} .conciertos hr { height:1px; width:100%; border:0px; background-color:#FFF; } .boto {margin-bottom:6px; } #table_conciertos { float:left; margin-left:10px; width:455px; height:319px; background:#555555 url(../img/fondo_conciertos.gif) top left no-repeat;} #table_noticias { float:right; margin-right:10px; width:455px; height:319px; background:#f0842a url(../img/fondo_noticias.gif) top left no-repeat;} #table_festivales { float:left; margin-left:10px; margin-top:20px; width:455px; height:319px; background:#00a3b6 url(../img/fondo_festivales.gif) top left no-repeat;} #table_grupos { float:right; margin-right:10px; margin-top:20px; width:455px; height:319px; background:#221e1f url(../img/fondo_grupos.gif) top left no-repeat;} #contingut a {color:#745E45; } #contingut a:hover { color:#CDAA32 } .noticia { padding-left:10px; padding-right:10px; } .noticia h1 { padding-left:20px; padding-right:20px; font-family:Impact; font-size:1.7em; letter-spacing:1.5px; line-height:1.3em; color:#ff6600; } .noticia p { margin:0; padding:0; } .noticia_any_li { font-size:1.3em; padding:0;margin:0; margin-top:10px; } .noticia_mes_li { font-size:.85em; padding:0;margin:0; } /* -------------------------- Premsa ------------------------------------------*/ .premsa { padding-left:10px; padding-right:10px; } .premsa h1 { padding-left:20px; padding-right:20px; font-family:Impact; font-size:1.7em; letter-spacing:1.5px; line-height:1.3em; color:#ff6600; } .premsa p { margin:0; padding:0; } .premsa_any_li { font-size:1.3em; padding:0;margin:0; margin-top:10px; } .premsa_mes_li { font-size:.85em; padding:0;margin:0; } /* -------------------------- Portada concerts ------------------------------------------*/ .portada_concerts { margin-bottom:10px; } /* -------------------------- MENU ------------------------------------------*/ .concert_grup { padding-left:20px; } #menu li { margin-bottom: 5px; padding:5px; border: #fabe5d solid 1px; font-weight:bold; font-size:.95em} #menu li a { color:#FFFFFF; } #menu li a:hover { color:#fabe5d; } .titol_esquerra { font-family:Impact; text-transform:uppercase; font-size:1.3em; letter-spacing:.1em; text-align:right; color:#ff6600; padding-right:10px; padding-bottom:4px; margin-bottom:10px; } .titol_dreta { font-family:Impact; text-transform:uppercase; font-size:1.3em; letter-spacing:.1em; text-align:left; color:#ff6600; padding-left:10px; padding-bottom:4px; margin-top:10px; margin-bottom:10px; } #contingut_esquerra li { font-family:Impact; text-transform:uppercase; font-size:1.2em; letter-spacing:.1em; color:#FFF; line-height:1.1em; } /* Serveis */ /* Formularis */ #contacte { padding-left:15px; margin:20px auto; font-size:1em; color: #494949 } #contacte p { padding-left:20px; } #contacte label { display:block; float:left; width:150px; font-weight:bold; margin-bottom:5px; } #contacte input.text { width:510px; border:1px solid #ccc; padding:2px; margin-bottom:8px } #contacte .submit { display:block; text-align:right; margin-right:39px; } #contacte input.boto { width:120px; height:30px; line-height:30px; margin-right:10px } #contacte textarea { width:510px; height:150px; border:1px solid #ccc; padding:2px; margin-bottom:8px } #contacte .validation-failed {border:1px solid #C82633;} #ClientValidationSummary { background-color:#FFF; border:1px solid #C82633; width:500px; font-size:.85em; margin:0 auto 20px auto; padding:3px 5px; font-weight:bold } /* Laterales */ /* ---------------------- PEU ---------------------- */ #peu p { color:#FFFFFF; letter-spacing:.1em; font-size:.9em; line-height:1.3em; padding-left:10px } #peu a { color:#000; text-decoration:none} #peu a:hover { color:#339900; text-decoration:underline} .q { float:right; width:250px; color:#BBBBBB; font-size:.85em; text-align:right; line-height:30px; vertical-align:baseline} .q a { color:#BBBBBB; } .q a:hover { color:#AAAAAA; } #pagination { padding-top:10px; padding-bottom:10px; text-align:center; background-color:#DDD; border-bottom:#CCC solid 1px; font-size:.85em; } #pagination a { margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #f2852b;} #pagination a:hover, div.pagination a:active { background-image:none; background-color:#f2852b; color: #fff;} #pagination span.current {margin-right:3px; padding:2px 6px; font-weight: bold; color: #000;} #pagination span.disabled { display:none;} #pagination a.next{ border:2px solid #D6EEF5; margin:0 0 0 10px;} #pagination a.next:hover{ border:2px solid #2b55af;} #pagination a.prev{ border:2px solid #ccdbe4; margin:0 10px 0 0; } #pagination a.prev:hover{ border:2px solid #2b55af; } #dades_mails { padding:20px} .fitxa_contacte { font-size:1.1em; width:500px; margin-left:10px; } .separador { padding:0;margin:0;margin:10px 0 10px 10px; width:500px } .fitxa_contacte td.td_mail { line-height:12px; padding-bottom:8px; width:55%; } .fitxa_contacte table { width:100%; border-spacing:10px} .fitxa_contacte td { line-height:25px; } .fitxa_contacte td a { color:#666666; padding-bottom:10px} .fitxa_contacte td a:hover { color:#FF6600; text-decoration:underline}