/* CSS Document */



body{

width:800px;

height:500px;

margin-top:0px;

margin-left:auto;

margin-right:auto;

margin-bottom:0px;



/*SCROLLBAR-FACE-COLOR:#3f3838; 
SCROLLBAR-HIGHLIGHT-COLOR: #746767; 
SCROLLBAR-SHADOW-COLOR: #1d1515; 
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-TRACK-COLOR: #edf6d3; 
SCROLLBAR-DARKSHADOW-COLOR: #000000;*/



SCROLLBAR-FACE-COLOR:#3f3838; 
SCROLLBAR-HIGHLIGHT-COLOR: #746767; 
SCROLLBAR-SHADOW-COLOR: #000000; 
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-TRACK-COLOR: #000000; 
SCROLLBAR-DARKSHADOW-COLOR: #000000;

}







p{margin:0; padding:0;}







/******GENERAL*****/

#general{
	width:800px;
	height:500px;
	position:absolute;
}


/******INTRO*****/

#intro{

width:800px;

height:auto;

position:absolute;

}



#pas29{

float:left;

width:200px;

height:30px;

position:relative;

top:150px;

left:150px;

}

#pasperla{

float:right;

width:200px;

height:30px;

position:relative;

top:150px;

right:150px;

}

#pas29_link{

/*float:left;

width:200px;

height:30px;

position:relative;

top:-420px;

left:-52px;*/

position:absolute;
top:20%;
left:20%;
width:200px;
height:30px;

}

#pasperla_link{

/*float:right;

width:200px;

height:30px;

position:relative;

top:-450px;

right:150px;*/
position:absolute;
top:20%;
right:20%;
width:200px;
height:30px;

}



/******HEADER*****/

#header{

width:100%;

height:87px;

position:relative;

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;

}

#header_perla{

width:100%;

height:87px;

}



/******CONTENT LAYOUT*****/

#content_layout{

width:100%;

height:412px;

}



#menu{

height:412px;

width:150px;

float:left;

}

.flash{

height:100%;

width:148px;

float:left;

}

.linia_v{

height:100%;

width:1px;

float:right;

}

#contingut{

height:412px;

width:645px;

float:right;

}

#contingut_pop{

/*height:412px;*/
height:437px;

/*width:630px;*/
width:655px;

float:left;

/*border-top:1px solid #666666;

border-left:1px solid #666666;*/
border-top:1px solid #3f5ab1;

border-left:1px solid #3f5ab1;

margin-top:10px;

margin-left:10px;

overflow:auto;

}

.box_text{

width:320px;

height:auto;

margin-top:15px;

margin-left:15px;

float:left;

}

.box_text_perla{

width:290px;

height:auto;

margin-top:15px;

margin-left:15px;

float:left;

}

.box_text_espectacles2{

width:350px;

height:390px;

margin-top:15px;

margin-left:15px;

float:left;

}

.box_text_espectacles2_pop{

width:350px;

/*height:390px;*/
height:425px;

margin-top:8px;

margin-left:8px;

float:left;

}

.box_text_serveis{

width:400px;

height:402px;

margin-top:10px;

margin-left:5px;

float:left;

}

.box_text_espectacles{

width:440px;

height:400px;

margin-top:5px;

float:left;
z-index:-9999;

}

#box_text_serveis_perla{

border:0px solid #00FFFF;

}

.img_cortina{

width:640px;

height:412px;

margin-right:0px;

float:right;

}

.img_home_perla{

width:646px;

height:412px;

margin-right:0px;

float:right;

}

.img_serveis{

width:220px;

height:412px;

margin-right:0px;

float:right;

}

.img_contacte{

width:646px;

height:412px;

margin-right:0px;

float:right;

}

.img_espectacles2{

width:355px;

height:412px;

margin-right:0px;

float:right;

}

.img_espectacles{

width:201px;

height:412px;

margin-right:0px;

float:right;

}

.img_llegenda{

float:left;

border:1px solid #FFFFFF;

background-image:url(img/llegenda.jpg);

background-repeat:no-repeat;

background-position:bottom;

width:159px;

height:390px;

z-index:-999;

}



.novetats_negre{

width:200px;

height:412px;

z-index:99;

}

.novetats{

width:200px;

height:412px;

z-index:98;

}

.img_novetats{

width:25px;

height:412px;

float:right;

}

.novetats_content{

width:170px;

height:412px;

float:right;

}

.novetat_text{

width:140px;

height:125px;

padding:5px;

}

.novetat_img{

float:left;

width:66px;

height:66px;

margin-top:3px;

}

.novetat_img2{

float:left;

width:66px;

height:66px;

}

.novetat_img3{

float:left;

width:66px;

height:66px;

}

.novetat_img_titol{

width:65px; 

height:65px; 

float:right; 

/*position:relative; */

top:-1px; 

}

.novetat_desc{

float:left;

padding-top:5px;

width:150px;

}





/******ESPECTACLE*****/

#espectacle{

height:auto;

width:390px;

margin-bottom:10px;

border:0px solid #00FF66;

float:left;

}



#foto_espectacle{

height:90px;

width:130px;

float:left;

padding-top:10px;

padding-bottom:10px;

padding-left:10px;

border:0px solid #00FF66;

}

#content_espectacle{

height:auto;

width:245px;

float:right;

border:0px solid #00FF66;

}

#content_espectacle_text{

padding:7px;

height:auto;

line-height:14px;

border:0px solid #00FF66;

}

#content_espectacle_veure{

float:right;

width:100px;

margin-right:10px;

margin-top:5px;

margin-bottom:5px;

text-align:right;

border:0px solid #00FF66;

}



/******AGENDA*****/

#agenda{

height:auto;

width:390px;

margin-bottom:10px;

border:0px solid #00FF66;

float:left;

}



#foto_agenda{

height:auto;

width:130px;

float:left;

padding-top:10px;

padding-bottom:10px;

padding-left:10px;

border:0px solid #00FF66;

}

#content_agenda{

height:auto;

width:245px;

float:right;

border:0px solid #00FF66;



}

#content_agenda_text{

padding:7px;

height:auto;

line-height:14px;

border:0px solid #00FF66;

}

#content_agenda_veure{

float:right;

width:100px;

margin-right:10px;

margin-top:5px;

margin-bottom:5px;

text-align:right;

border:0px solid #00FF66;

font-family:"tahoma",arial;

font-size:11px;

font-weight:bold;

}

#content_agenda_veure a{

font-family:"tahoma",arial;

font-size:11px;

font-weight:bold;

color:#FFFFFF;

text-decoration:none;

}





/******MEMORIES PERLA******/

.historial_espectacles{

width:350px;

height:320px;

border:0px solid #FF0000;

position:relative;

top:10px;

overflow-y:auto;

}



/******FLASH*****/

#flashcontent{

position:relative;

top:0px;

margin:0;

padding:0;

height:411px;

width:148px;

float:left;

}