/*CSS RESET*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0; }
body, html{ width:100%; height:100%; }
/*PRESETS*/
a, object, img{ outline:none; border:none; }
.b{ font-weight:bold; } .i{ font-style:italic; } .u{ text-decoration:underline; }
.blue{ color:#6bbcff; }
.description, a.description:visited{ font-size:9px; margin-top:0px; color:#fff; text-decoration:none; font-weight:normal; }
a.description:hover{ color:#6bbcff; }
a img:hover{ opacity:0.8; }
#instruments a img:hover{ opacity:1; }
/*PRESETS*/

body, html{ color:#fff; font:11px Arial, Helvetica, sans-serif; }

a, a:visited{ color:#6bbcff; text-decoration:underline; font-weight:bold; } a:hover{ color:#fff; }

#pattern{ width:100%; height:100%; background:url(../pics/patern.png) repeat; display:block; position:fixed; top:0px; left:0px; }

#mPlayer{ width:90px; height:143px; background:url(../pics/playerBG.png) top left no-repeat; display:block; position:absolute; top:58px; left:-25px; z-index:0; }
#mPlayer img{ position:absolute; top:15px; left:8px; display:block; z-index:1; }
#leitor{ position:absolute; top:0px; left:8px; z-index:0; width:80px; height:143px; }

#mmaster{ display:block; width:1140px; height:200px; margin:0px auto; position:relative; left:-46px; top:50px; z-index:1; }
#master{ display:block; width:946px; height:auto; position:absolute; top:0px; left:50%; margin-left:-427px; z-index:2; }

#top{ background:url(../pics/window-top.png) top center no-repeat; width:100%; height:38px; position:relative; }

#lang{ width:125px; height:11px; position:absolute; top:4px; right:63px; z-index:12; }

#lang a{ display:block; float:left; width:41px; height:11px; text-indent:-3000px; overflow:hidden; font-size:7px; }
#lang span{ background:url(../pics/divider.png) bottom center no-repeat; width:3px; height:11px; display:block; overflow:hidden; text-indent:-3000px; float:left; }

#lang #pt, #lang #pt_on{ background:url(../pics/lang_pt.png) 0px 0px no-repeat; width:58px; margin-right:10px; }
#lang #eng, #lang #eng_on{ background:url(../pics/lang_eng.png) top left no-repeat; margin-left:10px; }
#lang #pt:hover, #lang #eng:hover, #lang #pt_on, #lang #eng_on{ background-position:0px -11px; }


#header{ position:relative; width:870px; padding:0 38px 0 38px; height:278px; background:url(../pics/window-middle.png) top center repeat-y; float:left; clear:both; }
#home, #home_on{ position:absolute; top:5px; left:293px; /*right:63px;*/ }
#logo{ background:url(../pics/awm-logo.png) top left; width:292px; height:258px; display:block; position:absolute; top:20px; left:38px; z-index:11; }
#instruments{ position:absolute; top:0px; left:0px; width:292px; height:258px; z-index:20; overflow:hidden; }
#instruments a { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#instruments a.active { z-index:10; opacity:1.0; }
#instruments a.last-active { z-index:9; }

#slideshow{ position:absolute; right:38px; top:20px; height:258px; width:585px; z-index:10; overflow:hidden; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow img.active { z-index:10; opacity:1.0; }
#slideshow img.last-active { z-index:9; }

#subheader{ position:relative; width:870px; padding:0 38px 0 38px; height:38px; background:url(../pics/window-middle.png) top center repeat-y; float:left; clear:both; }

#subheader ul{ background:url(../pics/menu.png) top left no-repeat; display:block; width:580px; height:26px; position:absolute; top:0px; right:38px; padding:12px 0 0 8px; }
#subheader ul li{ list-style:none; display:block; float:left; }
#subheader a, #home, #home_on, #localizacao_horiz, #localizacao_horiz_on, #btn_artistas, #btn_lermais, #btn_lermenos, #btn_voltar, #btn_setas, #btn_setas_close, #btn_apoios, #btn_acreditacao, #btn_regulamento{ display:block; height:11px; overflow:hidden; text-indent:-3000px; margin:0px 9px; }

#noticias{ background:url(../pics/btn_noticias.png) 0px 0px no-repeat; width:59px; height:12px; position:relative; top:-2px; left:4px; }
#noticias_on{ background:url(../pics/btn_noticias.png) 0px -12px no-repeat; width:59px; height:12px; }

#manifesto{ background:url(../pics/btn_manifesto.png) 0px 0px no-repeat; width:59px; }
#manifesto_on{ background:url(../pics/btn_manifesto.png) 0px -11px no-repeat; width:59px; }

#btn_setas, #btn_setas_close{ background:url(../pics/btn_setas.png) 0px 0px no-repeat; width:20px; height:120px; position:absolute; top:12px; left:-7px; cursor:pointer; z-index:2; }
#btn_setas_close{ background:url(../pics/btn_setas_close.png) 0px 0px no-repeat; height:7px; top:115px; }

#btn_voltar{ background:url(../pics/btn_voltar.png) 0px 0px no-repeat; width:40px; height:9px; float:right; margin-top:8px; }

#btn_lermais{ background:url(../pics/btn_lermais.png) 0px 0px no-repeat; width:42px; height:9px; margin:8px 0 0 0; }
#btn_lermenos{ background:url(../pics/btn_lermenos.png) 0px 0px no-repeat; width:62px; height:9px; margin:8px 0 0 0; }

#btn_artistas{ background:url(../pics/btn_artistas.png) 0px 0px no-repeat; width:121px; height:10px; clear:both; margin:0px; }

#btn_apoios{ background:url(../pics/btn_apoios.png) 0px 0px no-repeat; width:148px; height:9px; clear:both; margin:0px; }

#btn_acreditacao{ background:url(../pics/btn_acreditacao.png) 0px 0px no-repeat; width:144px; height:14px; position:absolute; top:3px; right:45px; }

#btn_regulamento{ background:url(../pics/btn_regulamento.png) 0px 0px no-repeat; width:78px; height:9px; margin:8px 0 0 0; }

#localizacao_horiz{ background:url(../pics/btn_localizacao_horiz.png) 0px 0px no-repeat; width:136px; height:13px; margin:0; }
#localizacao_horiz_on{ background:url(../pics/btn_localizacao_horiz.png) 0px -13px no-repeat; margin:0; }

#home{ background:url(../pics/btn_home.png) 0px 0px no-repeat; width:29px; margin:0; }
#home_on{ background:url(../pics/btn_home.png) 0px -11px no-repeat; width:29px; margin:0; }

#qco{ background:url(../pics/btn_qco.png) 0px 0px no-repeat; width:121px; }
#qco_on{ background:url(../pics/btn_qco.png) 0px -11px no-repeat; width:121px; }

#cartaz{ background:url(../pics/btn_cartaz.png) 0px 0px no-repeat; width:39px; }
#cartaz_on{ background:url(../pics/btn_cartaz.png) 0px -11px no-repeat; width:39px; }

#bilheteira{ background:url(../pics/btn_bilheteira.png) 0px 0px no-repeat; width:61px; }
#bilheteira_on{ background:url(../pics/btn_bilheteira.png) 0px -11px no-repeat; width:61px; }

#contactos{ background:url(../pics/btn_contactos.png) 0px 0px no-repeat; width:60px; }
#contactos_on{ background:url(../pics/btn_contactos.png) 0px -11px no-repeat; width:60px; }

#links{ background:url(../pics/btn_links.png) 0px 0px no-repeat; width:30px; }
#links_on{ background:url(../pics/btn_links.png) 0px -11px no-repeat; width:30px; }

#manifesto:hover, #qco:hover, #cartaz:hover, #bilheteira:hover, #contactos:hover, #links:hover, #home:hover{ background-position:0px -11px;}
#localizacao_horiz:hover{ background-position:0px -13px; }
#noticias:hover{ background-position:0px -12px; }
#btn_artistas:hover{ background-position:0px -10px; }
#btn_setas:hover{ background-position:0px -120px; }
#btn_setas_close:hover{ background-position:0px -7px; }
#btn_apoios:hover, #btn_regulamento:hover{ background-position:0px -9px; }
#btn_acreditacao:hover{ background-position:0px -14px; }
#btn_lermais:hover, #btn_lermenos:hover, #btn_voltar:hover{ background-position:0px -9px; }
#subheader span{ background:url(../pics/divider.png) top center no-repeat; width:3px; height:10px; display:block; overflow:hidden; text-indent:-3000px; float:left; }
#data-local{ width:215px; height:29px; background:url(../pics/data-local.png) top left no-repeat; display:block; overflow:hidden; text-indent:-3000px; position:absolute; top:5px; left:88px; }

/*H1's config*/
#organizacao h1, #apoios h1, #localizacao h1, #estrelas h1, #title_cartaz, #title_manifesto, #title_qco, #title_bilheteira, #title_contactos, #title_links,
#info_artistas, #title_fichatecnica, #title_links, #title_area_espectaculos, #title_qco, #title_zona1, #title_zona2, #title_horarios, #title_localizacao_horiz,
#title_estrelas, #title_artista_ltm, #title_artista_sra, #title_artista_tcheka, #title_artista_tinariwen, #title_artista_mazgani, #title_artista_heavytrash, #title_noticias, #title_programa
{ background:url(../pics/title_organizacao.png) top left no-repeat; height:13px; display:block; overflow:hidden; text-indent:-3000px; margin-bottom:6px; }
/*H1's config*/

#container{ background:url(../pics/window-middle.png) top center repeat-y; width:870px; padding:40px 38px 0px 38px; height:auto; min-height:140px; float:left; clear:both; }
#left, #right{ float:left; display:block; height:auto; position:relative; z-index:2; }
#left{ width:272px; min-height:20px; margin-right:13px; }
#localizacao, #estrelas{ width:100px; position:absolute; top:0px; left:-15px; }
#estrelas{ left:163px; }
#localizacao h1{ background:url(../pics/title_localizacao.png) bottom left no-repeat; width:100px; height:24px; }
#localizacao a, #estrelas a{ display:block; position:absolute; bottom:0px; left:0px; width:100px; height:150px; z-index:999; }
#estrelas h1{ background:url(../pics/title_estrelas.png) 0px 15px no-repeat; width:100px; height:24px; }
#localizacao img, #estrelas img{ margin-left:1px; }

#right{ width:585px; font-size:12.6px; padding-top:15px; line-height:15px; letter-spacing:0.01em; font-weight:normal; }
#right h1, #right h2{ width:100%; }
#right p{ display:block; margin:0 0 22px 0; }
.line{ float:left; clear:both; display:block; margin-bottom:10px; width:100%; }
#right .one, #right .two{ float:left; display:block; width:45%; height:auto; }
#right .one{ margin-right:20px; }
#left .line{ margin-bottom:15px; }
#left .one, #left .two{ float:left; display:block; width:175px; height:auto; }
#left .one{ margin-top:6px; text-align:right; }
#left .two{ width:69px; margin-left:8px; }

#title_cartaz{ background:url(../pics/title_cartaz.png) top left no-repeat; }
#title_manifesto{ background:url(../pics/title_manifesto.png) top left no-repeat; }
#title_qco{ background:url(../pics/title_qco.png) top left no-repeat; }
#title_bilheteira{ background:url(../pics/title_bilheteira.png) top left no-repeat; }
#title_contactos{ background:url(../pics/title_contactos.png) top left no-repeat; }
#title_links{ background:url(../pics/title_links.png) top left no-repeat; }
#title_bilheteira{ background:url(../pics/title_bilheteira.png) top left no-repeat; }
#title_fichatecnica{ background:url(../pics/title_fichatecnica.png) top left no-repeat; }
#title_links{ background:url(../pics/title_links.png) top left no-repeat; }
#title_area_espectaculos{ background:url(../pics/title_area_espectaculo.png) top left no-repeat; width:133px; float:right; clear:both; margin-right:9px; }
#title_qco{ background:url(../pics/title_qco.png) top left no-repeat; }
#title_zona1{ background:url(../pics/title_zona1.png) top left no-repeat; height:13px; }
#title_zona2{ background:url(../pics/title_zona2.png) top left no-repeat; height:13px; }
#title_programa{ background:url(../pics/title_programa.png) top left no-repeat; height:13px; }
#title_horarios{ background:url(../pics/title_horarios.png) top left no-repeat; height:13px; }
#title_localizacao_horiz{ background:url(../pics/btn_localizacao_horiz.png) bottom left no-repeat; }
#title_estrelas{ background:url(../pics/title_estrelas.png) top left no-repeat; }
#title_noticias{ background:url(../pics/title_noticias.png) top left no-repeat; }

#title_artista_tcheka{ background:url(../pics/title_artista_tcheka.png) top right no-repeat; height:36px; width:95%; }
#title_artista_sra{ background:url(../pics/title_artista_sra.png) top right no-repeat; height:44px; width:95%; }
#title_artista_ltm{ background:url(../pics/title_artista_ltm.png) top right no-repeat; height:89px; width:97%; }
#title_artista_tinariwen{ background:url(../pics/title_artista_tinariwen.png) top right no-repeat; height:45px; width:97%; }
#title_artista_mazgani{ background:url(../pics/title_artista_mazgani.png) top right no-repeat; height:51px; width:97%; }
#title_artista_heavytrash{ background:url(../pics/title_artista_ht.png) top right no-repeat; height:40px; width:97%; }

#copyright{ text-align:right; width:100%; height:45px; display:block; font-size:10px; margin-top:10px; position:relative; float:left; clear:both; }
#copyright span{ width:870px; padding-left:38px; position:absolute; top:0px; right:30px; }

#footer{ width:100%; height:130px; display:block; background:url(../pics/window-bottom.png) top center no-repeat; float:left; clear:both; position:relative; z-index:0; }
#setubal{ background:url(../pics/setubal_logo.png) top left no-repeat; width:192px; height:87px; position:absolute; bottom:35px; right:45px; z-index:10; overflow:hidden; display:block; text-indent:-3000px; }
#organizacao{ position:absolute; top:15px; left:324px; }
#apoios{ position:absolute; top:15px; left:531px; }
#apoios h1{ width:40px; background:url(../pics/title_apoios.png) top left no-repeat; }

#linksPage{ width:auto; }
#linksPage a, #linksPage a:visited{ color:#fff; text-decoration:none; font-weight:normal; display:block; margin-bottom:6px; width:auto; }
#linksPage a:hover{ color:#6bbcff; }

#mapas{ display:block; margin-top:10px; }
#mapas span{ float:left; width:auto; height:auto; display:block; font-size:9px; font-weight:normal; text-align:right; }
#mapas span img{ display:block; margin-bottom:3px; }

#artistas a, #artistas span{ display:block; float:left; width:134px; height:184px; margin-right:12px; }
#estrela_photo{ width:95%; text-align:right; display:block; margin:18px 0 10px 0; }

#cartazArtistas{ width:100%; height:auto; display:block; margin-top:15px; }
#cartazArtistas h2, #cartazArtistas span{ float:left; display:block; width:auto; overflow:hidden; text-indent:-3000px; }
#cartazArtistas span{ background:url(../pics/home_divider.png) top left no-repeat; width:5px; height:43px; margin:5px 6px 0 8px; }

#cartazArtistas #tinariwen{ background:url(../pics/home_tinariwen.png) top left no-repeat; width:130px; height:45px; }
#cartazArtistas #tcheka{ background:url(../pics/home_tcheka.png) top left no-repeat; width:94px; height:36px; margin-top:9px; }
#cartazArtistas #ltm{ background:url(../pics/home_ltm.png) top left no-repeat; width:279px; height:51px; margin-top:0px; }
#cartazArtistas #sra{ background:url(../pics/home_sra.png) top left no-repeat; width:221px; height:44px; margin-top:7px; }
#cartazArtistas #mazgani{ background:url(../pics/home_mazgani.png) top left no-repeat; width:121px; height:51px; margin-top:2px; }
#cartazArtistas #ht{ background:url(../pics/home_ht.png) top left no-repeat; width:168px; height:40px; margin-top:5px; }
#cartazArtistas #cafe_del_mar{ background:url(../pics/home_cafe_del_mar.png) top left no-repeat; width:214px; height:49px; clear:both; margin-top:0px; }
/*\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/         				ACTIVAR O DJ CAFE DEL MAR AQUI \/ \/ \/ \/ \/ \/ \/ \/ \/ */
#cartazArtistas #tinariwen:hover, #cartazArtistas #tcheka:hover, #cartazArtistas #ltm:hover, #cartazArtistas #sra:hover, #cartazArtistas #mazgani:hover, #cartazArtistas #ht:hover/*, #cartazArtistas #cafe_del_mar:hover*/{ background-position:bottom left; }
#cartazArtistas div{ display:block; width:100%; height:auto; margin-top:-10px; float:left; clear:both; }

#getFirefox{ background:url(../pics/get_firefox.png) 30% 50% no-repeat #0053b0; width:150px; height:42px; display:block; position:absolute; top:15px; right:0px; z-index:999; overflow:hidden; text-indent:-3000px; }

form label{ font-weight:bold; }
form label, form input, form textarea{ display:block; }
form input{ width:350px; margin-bottom:10px; }
form textarea{ width:350px; height:150px; }
#submit_btn{ display:block; margin-left:294px; background:url(../pics/submit_btn.png) top left no-repeat; width:56px; height:49px; border:none; overflow:hidden; text-indent:-3000px; cursor:pointer; }
#submit_btn:hover{ background:url(../pics/submit_btn.png) 0px -49px no-repeat; }