body { font:8.5pt Helvetica, Arial; text-align:left; color:#ffffff; background:#000000 url(../images/fons/fons_plateajove.jpg) no-repeat top; }

/*layout*/
#header { width:1000px; height:158px; margin:0 auto; }
#header-flash { position:absolute; }
#header-arrow { position:absolute; width:103px; height:107px; margin:84px 0 0 656px; z-index:1; }
#content { width:1000px; margin:0 auto; }
#billboard { height:228px; margin:0 auto; }
#billboard h2 { float:left; width:80px; height:213px; padding:15px 0 0 25px; }
#billboard .billboard-item { float:left; width:168px; margin-right:35px; }
.billboard-small { width:717px; background:url(../images/fons/fons-botons-3espectacles.png) no-repeat; }
.billboard-large { width:919px; background:url(../images/fons/fons-botons-4espectacles.png) no-repeat; }
#menu { width:700px; margin:20px auto 0 auto; }
#menu p { margin:0px 0 20px 90px; }
#venda-entrades { width:670px; margin:20px auto 0 auto; padding-left:30px; }
#venda-entrades div { float:left; margin:20px 30px 0 0; }
#footer { height:141px; padding-top:45px; background:url(../images/fons/fons_peu.jpg) no-repeat center; }
#collaborators { width:1000px; height:70px; margin:0 auto; }
#footer-data { width:1000px; height:72px; margin:0 auto; }
#bug2 { position:absolute; width:300px; height:67px; margin:5px 0 0 135px; }
#footer-author { position:absolute; width:498px; margin:30px 0 0 445px; font-size:7pt; }

/*elements*/
#bug { position:absolute; width:88px; height:300px; margin-top:107px; }
#facebook { position:absolute; width:162px; height:143px; margin-left:837px; }
#next-show { position:absolute; width:164px; height:73px; margin:12px 0 0 66px; z-index:1; }
#more-info { position:absolute; margin:40px 0 0 705px; z-index:1; }
#main-video { position:absolute; margin:150px 0 0 675px; z-index:1; }
#ticketing { position:absolute; width:276px; height:102px; margin:12px 0 0 66px; z-index:1; }
#show-video { position:absolute; margin:300px 0 0 600px; z-index:1; }
.plates { position:absolute; }
#plate-1 { margin:15px 0 0 100px; }
#plate-2 { margin:250px 0 0 110px; }
#plate-3 { margin:525px 0 0 150px; }
#plate-4 { margin:270px 0 0 700px; }
#gallery-main-title { position:absolute; margin:10px 0 0 330px; z-index:1; }

/*collaborators*/
#collaborators ul li { display:block; float:left; height:45px; margin-right:19px; }
#collaborators ul li.c1 { height:33px; padding-top:12px; }
#collaborators ul li.c2 { height:37px; padding-top:8px; }
#collaborators ul li.c3 { height:32px; padding-top:13px; }
#collaborators ul li.c4 { height:37px; padding-top:8px; }
#collaborators ul li.c5 { height:28px; padding-top:17px; }
#collaborators ul li.c6 { height:41px; padding-top:4px; }
#collaborators ul li.c7 { height:42px; padding-top:3px; }
#collaborators ul li.c8 { height:25px; padding-top:20px; }
#collaborators ul li.c10 { height:32px; padding-top:13px; }
#collaborators ul li.c11 { height:33px; padding-top:12px; }
#collaborators h3 { float:left; }
#collaborators-organizes, #collaborators-support { margin-right:210px; }
#collaborators-sponsors { margin-right:297px; }

/*home*/
#main-show { width:750px; height:427px; margin:0 0 20px 87px; padding-left:30px; z-index:0; }

/*shows*/
#show-act { width:730px; margin:0 0 20px 87px; padding-left:50px; }
#show-photos { float:left; width:137px; margin-top:120px; }
#show-photos a { display:block; width:116px; height:79px; padding:10px 10px 9px 10px; margin-bottom:3px; background:url(../images/fons/fons-imatge-hor-espectacle.png) no-repeat; }
#show-info { float:left; width:550px; }
#show-info div { width:275px; padding:10px 30px 0 30px; }
#show-info div a { font-weight:bold; text-decoration:none; color:#FFA103; }
#show-info div a:hover { text-decoration:underline; }

/*platea jove*/
#platea-jove { width:730px; margin:0 0 20px 87px; padding-left:50px; }
#platea { height:400px; }

/*be collaborator*/
#collaborator { width:780px; margin:0 0 20px 87px; }
#collaborator h2 { padding-left:170px; margin:15px 0; }
#collaborator-bloc1 { margin:0 0 20px 10px; padding-left:160px; }
#collaborator-bloc1-1 { float:left; width:270px; margin-right:10px; }
#collaborator-bloc1-2 { float:left; width:286px; }
#collaborator-bloc1-2 div { width:262px; height:197px;padding:12px 11px 11px 10px; background:url(../images/fons/fons-grup-platea.jpg) no-repeat; }
#collaborator-bloc2 { margin-left:10px; padding-left:130px; }
#c1-sup { width:550px; padding:20px 0 0 40px; background:url(../images/caixes/c1-sup.jpg) no-repeat; }
#c1-inf { width:590px; height:94px; background:url(../images/caixes/c1-inf.jpg) no-repeat; }
#privacy-text { float:left; width:260px; padding-top:30px; margin-left:38px; }
#send { float:left; width:140px; padding-top:37px; margin-left:110px; }

/*galleries*/
#gallery { width:730px; margin:0 0 20px 87px; padding:70px 0 0 50px; }
#galleries-content { width:655px; height:231px; padding:30px 0px 30px 27px; background:url(../images/fons/fons-galeries-1fila.png) no-repeat; }
#galleries-content-large { width:655px; height:416px; padding:30px 0px 30px 27px; padding:30px 0px 30px 27px; background:url(../images/fons/fons-galeries-2files.png) no-repeat; }
#galleries-subcontent { height:25px; margin-bottom:10px; }
#galleries-title { float:left; height:13px; padding-left:20px; padding-top:3px; font-size:8pt; border:5px solid #000000; background:#000000 url(../images/detalls/fletxa-2.png) no-repeat left; }
.gallery-box { float:left; width:175px; height:175px; padding:8px 8px 7px 7px; margin:0 28px 10px 0; background-color:#000000; }
.gallery-box h3 { margin-top:5px; font-size:8pt; }
.gallery-box h3 a { font-weight:bold; text-decoration:none; color:#ffd84e; }
.gallery-box p { font-size:7.5pt; }

/*gallery*/
#gallery-content { width:655px; height:218px; padding:30px 0px 30px 27px; background:url(../images/fons/fons-imatgesgaleria-1fila.png) no-repeat; }
#gallery-content-two-files { width:655px; height:348px; padding:30px 0px 30px 27px; background:url(../images/fons/fons-imatgesgaleria-2files.png) no-repeat; }
#gallery-content-three-files { width:655px; height:478px; padding:30px 0px 30px 27px; background:url(../images/fons/fons-imatgesgaleria-3files.png) no-repeat; }
#gallery-title { float:left; padding:5px; font-size:11pt; color:#ffd84e; background-color:#000000; }
#gallery-title span { font-size:8.5pt; font-weight:normal; color:#ffffff; }
.galleryImage { float:left; width:175px; height:135px; margin:10px 29px 0 0; text-align:center; }
.galleryImage a { display:block; margin:0 auto;}
.galleryImage a img { border:7px solid #000000; }

/*image*/
#gallery2 { width:735px; margin:0 0 20px 87px; padding:40px 0 0 0; }
#image { width:795px; height:500px;padding-top:40px; background:url(../images/fons/fons-imatgesgaleria-3files.png) no-repeat; background-position:center top; }
#image h2 { float:left; height:20px; padding-top:3px; margin:0 0 5px 100px; font-size:7.5pt; font-weight:normal; }
#prev { float:left; width:57px; height:320px; padding:180px 0 0 40px; }
#next { float:left; width:66px; height:320px; padding:180px 0 0 30px; }
#imageItem { float:left; width:602px; text-align:center; }
#imageItem img { border:1px solid #333333; }
#imageItem h3 { font-size:10pt; }

/*privacy*/
#privacy { width:650px; margin:20px 50px 20px 117px; padding-left:50px; }
#privacy h2 { margin:20px 0; }
#privacy h3 { margin-top:20px; font-size:8.7pt; color:#ec3e21; }
#privacy p { margin:5px 0 10px 0; text-align:justify; }

/*credits*/
#credits { width:650px; margin:20px 50px 20px 117px; padding-left:50px; }
#credits h2 { margin:20px 0; font-size:11pt; color:#ec3e21; }
#credits h3 { margin:5px; font-size:9pt; }
#credits h3 a { color:#ffffff; text-decoration:none; }
#credits p { padding:0 0 30px 50px; }
