/*
******************************************************************
Elements Generals
*/

body
{
    background-color: #0A0A0A;
    margin: 0px;
    padding: 0px;
   /* background-image: url(images/cap_degradat.jpg);*/
    background-repeat: repeat-x;
}

div
{
    /*background-color:#0a0a0a;*/
    color:#aaaaaa;  
    font-family:Arial, Verdana, Georgia;
    font-size:8pt;
    margin: 0px;
    padding: 0px;
}

h1
{
    color:#ffffff;
    font-weight:bold;    
}

table
{
    margin: 0pt;
    padding: 0pt;
    background-color:inherit;
}

tr
{
    margin: 0pt;
    padding: 0pt; 
}

td
{
    color:#ffffff;
    font-family:Arial, Verdana, Tahoma;   
    margin: 0pt;
    padding: 0pt; 
    font-size: 9pt;  
}

img
{
 	border:none;
}

/*
links
*/
a
{
    color:#999999;
    font-family:Arial, Verdana, Tahoma;
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;    
}

a:visited
{
    color:#999999;
    font-family:Arial, Verdana, Tahoma;
    font-size:10pt;
    font-weight:bold;    
    text-decoration:none;
}

a:hover
{
    color:#ffffff;
    font-family:Arial, Verdana, Tahoma;
    font-size:10pt;
    font-weight:bold;    
    text-decoration:underline;
}

a.p {color: #777777; font-family: Arial, Verdana, Tahoma;   font-size: 8pt; TEXT-DECORATION: none;}
a:visited.p {color: #777777; font-family: Arial, Verdana, Tahoma;   font-size: 8pt; TEXT-DECORATION: none;}
a:hover.p {color: #FFFFFF; font-family: Arial, Verdana, Tahoma;   font-size: 8pt; TEXT-DECORATION: underline;} 



/*
******************************************************************
Noms
*/

div#tot
{
    height:100px;
    width:100%;
    vertical-align:top;
    text-align:center;
}

#pagina
{
    width:100%;
    height:550px;
    vertical-align:top;
    position:relative;            
}

#pagina td
{
    vertical-align:top;
}

#cap
{
    /*background-position:bottom;*/
    height:130px;
    width:1000px;
    margin:0px;
    padding: 0px;
}

#cap .gradient
{
    
    /*background-image:url('../images/cap_degradat.jpg'); */   
    background-repeat:repeat-x;
    /*border:1px #ff0000 solid;*/
    text-align:left;    
    /*vertical-align:text-bottom;*/
}

#cap td
{
    padding: 0pt;
    margin: 0pt;    
}

td.degradat
{
    /*background-image:url(../images/cap_degradat.jpg);*/  
    background-repeat:repeat-x;
    /*background-color:#00ff00;        */
}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/*

MENÚ

*/

#menu_sup 
{
	background:transparent;   
	margin-top:97px;
	margin-left:90px;
}

#menu_sup td
{
    margin-bottom:30px;
    background:transparent;  
    vertical-align:bottom;
}

/*****************************************************************/
/* mètode 1 */

#menu_sup p
{
    font-weight:lighter;
    margin:0px;
    padding:0px;
    font-size:8pt;
    color:#ffffff;
}

#menu_sup p:first-line
{
    text-decoration:none;
    font-weight:lighter;    
}


#menu_sup a:hover p
{
    color:#aaaaaa; 
}

/*****************************************************************/
/* mètode 2 */

#menu_sup a table
{
    text-align:left;
    vertical-align:middle;
    cursor:pointer;
    cursor:hand;    
}

#menu_sup a .alta
{
    background:transprent;  
    font-weight:lighter; 
    font-size:8pt; 
    font-family:Arial;    
}

#menu_sup a .baixa
{
    background:transprent;    
    font-weight:bolder;
    font-size:8pt; 
    font-family:Arial Rounded MT Bold;
}

#menu_sup a:hover table
{
    text-decoration:none;
    color:#CCCCCC;    
}

#menu_sup a:hover .alta
{
    background:transprent;  
    font-weight:lighter; 
    font-size:8pt; 
    color:#CCCCCC;
    font-family:Arial;
}

#menu_sup a:hover .baixa
{
    background:transprent;    
    font-weight:bolder;
    font-size:8pt;
    color:#b4a794;
    font-family:Arial Rounded MT Bold; 
}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/*

REGISTRE

*/

#cap .gradient2
{
    
    /*background-image:url('../images/cap_degradat.jpg');  */  
    background-repeat:repeat-x;
    /*border:1px #00ff00 solid;*/
    text-align:right;    
    vertical-align:bottom;
}

#registre
{
    font-size:8pt;
    color:#ffffff;
    background-color:transparent;
    margin-bottom:32px;
    float:right;
    /*border:solid 1px #ff0000;*/
}

#registre td
{
    vertical-align:middle;
    text-align:left;
    /*padding:1px 0px 0px 10px;*/
    background-color:transparent;    
    /*border:solid 1px #00ff00;*/
}

#registre input[type=text]
{
    color:#000000;
    font-family:Arial;
    font-size:8pt;
    border:none;
    /*margin:3px 0px 3px 9px;    */
    padding:1px 1px 1px 1px;
    font-weight:bold;
    margin-bottom:3px;
    border:2px solid #ffffff;    
}

#registre input[type=password]
{
    color:#000000;
    font-family:Arial;
    font-size:8pt;
    border:none;
    /*margin:3px 0px 3px 0px;    */
    /*padding:3px 0px 3px 3px;*/
    padding:1px 1px 1px 1px;
    margin-right:5px;
    margin-top:2px;
    margin-bottom:5px;
    font-weight:bold;
    border:2px solid #ffffff;
}
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/*

Parts Centrals

*/

#contingut
{
    /*margin:10px 30px 10px 30px;*/
    width:1000px;
    height:100%;
}

#index_filmakers
{
    background-color:#1F1F1F;
    width:330px;
    height:100%;    
    /*border:solid 1px #ff0000;     */
    margin-right:5px;
}


#index_festivals
{
    background-color:#1F1F1F;
    width:330px;
    height:100%;    
    /*border:solid 1px #ff0000;     */
    margin-left:5px;
    margin-right:5px;
}



.index_part
{
    width:100%;    
}

.index_titol
{
    width: 100%;
    height: 50px;
    font-family: Arial, Verdana, Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: middle;
    padding: 10px 10px 7px 10px;
    background-color: #1F1F1F;
    text-align: left;
}

.icon_titol
{
    width: 90px;
    font-family: Arial, Verdana, Tahoma;
    text-align: right;
    padding: 10px 10px 7px 10px;
    background-color: #1F1F1F;
}

.part_titol
{
    height:25px;
    width:330px;
    font-family:Arial, Verdana, Tahoma;    
    font-size:15px;
    font-weight:normal;    
    color:#ffffff;
    vertical-align:bottom;    
    /*background-image:url('../images/cap_desplegat.jpg'); */
    background-repeat:repeat-x;
    background-color:#1F1F1F;
    /*padding:10px;*/
    cursor:pointer;
    cursor:hand;   
}

.contingut_parts
{
    text-align:left;
    padding:0px;
    background-color:#1F1F1F;        
}

.part
{
    display:block;
    position:static;
}

.element
{
    background-color:#1F1F1F;
    width:305px;
    display:table;
    visibility:hidden;
    position:absolute;
    padding:25px 10px 15px 10px;
    overflow:visible;
    text-align:justify;
}

.registre_gros
{
    font-size:10pt;
    color:#ffffff;
    background-color:transparent;
    margin-bottom:23px;
    margin-left:20px;
    float:right;
    width:100%;
    background-color:#1F1F1F;
    /*border:solid 1px #ff0000;*/
}

.registre_gros td
{
    vertical-align:middle;
    text-align:left;
    padding:1px 10px 10px 10px;
    background-color:transparent;    
    /*border:solid 1px #00ff00;*/
}

.registre_gros input[type=text],
.registre_gros input[type=password]
{
    color:#000000;
    font-family:Arial;
    font-size:10pt;
    border:none;
    margin:3px 0px 3px 3px;    
    padding:3px 0px 3px 3px;
    font-weight:bold;
}

/****************************************************************************/
/****************************************************************************/

#index_espectadors
{
    width:320px;
    height:100%;
    /*border:solid 1px #ff0000;*/
    padding:0px 0px 0px 0px;
    background-color:#dfd8c6;
    margin-left:5px;
}

.canto00
{
    text-align:left;
    vertical-align:top;
}

.canto01
{
    text-align:right;
    vertical-align:top;
}

.canto11
{
    text-align:left;
    vertical-align:bottom;
}

.canto10
{
    text-align:right;
    vertical-align:bottom;
}

#titol_espectadors
{
    color:#000000;
    font-family:Arial, Verdana, Tahoma;
    font-weight:bold;
    font-size:14px;
    text-align:left;
    padding-left:25px;
    padding-top:10px;
}

#icon_espectadors
{
    text-align:right;
    vertical-align:top;     
}

#icon_espectadors img
{
	float:right;	
	margin-right:15px;	
}

.espectadors_central
{
    height:450px;
    width:100%; 
    position:static;
    text-align:left;
}

#espectadors_degradat
{
    position:absolute;
    display:block;
    z-index:1;
    background-color:Transparent;    
    overflow:hidden;
}

.div_marquesina
{
    background-color:#ff0000;
    height:450px;
    width:258px;
    margin-left:9px;
    /*
    z-index:1;    
    position:static;
    position:relative;
    top:0;
    left:0;*/
}

/***
Reforma espectadors
***/

.espectadors_llista
{
	width:270px;
}

.platilla_video
{
	width:270px;	
}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/****************************************************************************/

#centre
{
    background-color:#000000;
    height:100%;
    width:100%;
    text-align:center;
    vertical-align:middle;    
    padding: 0pt;
    margin: 0pt;    
}

/*
*****************************************************************************
Classes
*/

.linia_h
{
    height:0.3pt;
    width:100%;
    background-color:#ffffff;
}

/*

Especials

*/
.dit
{
    cursor:pointer;
    cursor:hand;    
}

.dreta
{ 
    text-align:right;
   /* border:solid 1px #00ff00;    */
 vertical-align: middle; height: 25px; }


.peu
{
    vertical-align: middle;
    text-align: center;
    color: #52514f;
    font-size: 11px;
    height: 25px;
}

.div_transparent
{
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;	
}