/*
1a columna: 680px 
*/


html, body {
margin:0;
padding:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:76%;
text-align:center;
background-color:#000000;
color:black;
}

#contenidor {
width:950px;
text-align:left;
margin:0 auto;
position:relative;
}

#capcalera {
height:165px;
position:relative;
background:black url(../img/capcalera_web.jpg) 0 5px no-repeat;

text-align:right;
}


.vincle_administrar {
position:absolute;
top:152px;
left:600px;
width:150px;
}

#caixaFlash {
position:absolute;
top:25px;
left:582px;
width:65px;
height:22px;
}

#caixaHome {
position:absolute;
top:35px;
left:500px;
width:65px;
height:22px;
}

#caixaBuscar {
position:absolute;
top:38px;
left:430px;
width:65px;
height:22px;
}



#caixaHome a:link, #caixaHome a:visited {
display:block;
width:65px;
height:22px;
background:black url(../img/icona_home.gif) 0 0 no-repeat;
text-indent:-10000px;
color:white;
}

#caixaHome a:hover {background-position:-65px;}

#peuPagina {
height:119px;
background:black url(../img/peu_pagina.jpg) 0 0 no-repeat;
position:relative;
margin-top:10px
}

#iniciativa {
position:absolute;
font-family:"Times New Roman", Times, serif;
bottom:15px;
left:360px;
}

#clickart {
/*position:static;*/

position:absolute;
text-align:right;
width:350px;
font-size:0.75em;
bottom:20px;
right:110px;
}

#ultimCapitol {
padding:20px 290px 10px 10px;
background:transparent url(../img/foto_ponte_a_prueba.jpg) right bottom no-repeat;
}

#capcalera h1, #capcalera h2 {position:absolute;text-indent:-10000px;text-align:left;}
#capcalera h1, #capcalera h1 a:link, #capcalera h1 a:visited, #capcalera h1 a:hover {
display:block;
background-color:transparent;
width:260px;
height:160px;
top:0;
left:0;
}

#capcalera h2 {
width:285px;
height:75px;
top:67px;
left:330px;
}

#caixaLogin {
float:right;
width:177px;
height:160px;
font-size:0.9em;
background:#939393 url(../img/fons_10.gif) left bottom no-repeat;
text-align:left;
color:white;

}

#caixaLogin fieldset {padding:0px 10px 10px 10px;border:0}

#introLogin {
float:right;
display:inline;
margin:5px 5px 0 0;
}

#puntuacio {
background:transparent url(../img/fons_13.gif) top right no-repeat;
}

div#textPuntuacio {position:relative}

div#numero {
position:absolute;
top:30px;
width:60px;
right:167px;
text-align:center;
font-size:23px;
/*border:1px solid red;;*/
font-weight:bold;
color:#4C4C4C;
}

div#detallsNota {
position:absolute;
top:10px;
right:20px;
width:115px;
}

/*div#contTePone {
background-image:url(../img/peu_zona_pap.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-bottom:40px;
}*/

/************************************
  menú principal
/************************************/

#menuHoritzontal {background:url(../img/fons_menu.gif) left top no-repeat;
width:950px;
height:36px;
}

/*#menuHoritzontal a:link, #menuHoritzontal a:visited {
display:block;
height:33px;
float:left;
text-indent:-10000px;
text-decoration:none;
border-left:1px solid black;
}*/

/*#menuHoritzontal a#m1:link, #menuHoritzontal a#m1:visited {
width:89px;
background:transparent url(../img/menu_top_secret.gif) 0 0 no-repeat;
}
#menuHoritzontal a#m1:hover, #menuHoritzontal a#m1.triat {background-position:-89px 0 !important}*/

.vincle_menu_01 {padding-top:10px; padding-left:10px; float:left}
.vincle_menu_02 {padding-top:10px; padding-left:10px; float:left}
.vincle_menu_03 {padding-top:6px; padding-left:10px; float:left}

a.v_top_secret {
display:block;
width:102px;
height:18px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;

}
a.v_top_secret:link, a.v_top_secret:visited {background-image: url(../img/menu_top_secret.gif);}
a.v_top_secret:hover {background-position:-112px; }

a.v_fotos {
display:block;
width:58px;
height:18px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;

}
a.v_fotos:link, a.v_fotos:visited {background-image: url(../img/menu_flog.gif);}
a.v_fotos:hover {background-position:-68px; }

a.v_ponte_a_prueba {
display:block;
width:138px;
height:18px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;}
a.v_ponte_a_prueba:link, a.v_ponte_a_prueba:visited {background-image: url(../img/menu_ponte_a_prueba.gif);}
a.v_ponte_a_prueba:hover {background-position:-148px; }

a.v_programas {
display:block;
width:110px;
height:18px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;

}
a.v_programas:link, a.v_programas:visited {background-image: url(../img/menu_programas_pap.gif);}
a.v_programas:hover {background-position:-118px; }

a.v_busca_gente {
display:block;
width:115px;
height:18px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;
}
a.v_busca_gente:link, a.v_busca_gente:visited {background-image: url(../img/menu_buscar_gente.gif);}
a.v_busca_gente:hover {background-position:-125px; }

a.v_te_pone {
display:block;
width:92px;
height:20px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;
}
a.v_te_pone:link, a.v_te_pone:visited {background-image: url(../img/menu_te_pone.gif);}
a.v_te_pone:hover {background-position:-102px; }

a.v_foro {
display:block;
width:50px;
height:18px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;
}
a.v_foro:link, a.v_foro:visited {background-image: url(../img/menu_foro.gif);}
a.v_foro:hover {background-position:-60px; }

a.v_chat {
display:block;
width:50px;
height:18px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;
}
a.v_chat:link, a.v_chat:visited {background-image: url(../img/menu_chat.gif);}
a.v_chat:hover {background-position:-60px; }

a.v_creaciones {
display:block;
width:138px;
height:18px;
background-position:0 0;
background-repeat:no-repeat;
text-indent:-10000px;
}
a.v_creaciones:link, a.v_creaciones:visited {background-image: url(../img/menu_tupap.gif);}
a.v_creaciones:hover {background-position:-148px; }

/* encapcalaments */
h1, h2, h3, h4, h5 ,h6, p {
font-size:1em;
font-weight:normal;
margin:0;
padding:0;
}

h3.pussycat {
color:white;
font-style:italic;
font-weight:bold;
font-size:1.3em;
}


h3.login {
background:transparent url(../img/fons_11.gif) 0 0 no-repeat;
height:49px;

}

h3.login div {
padding:12px 7px 0 60px;
}

/* mides text */
.xxxGran {font-size:2.2em}
.xxGran {font-size:2em}
.xGran {font-size:1.4em}
.Gran {font-size:1.2em}
.normal {font-size:1em}
.Petit {font-size:0.9em}
.xPetit {font-size:0.8em}

/* colors text */
.blanc, a.blanc:link, a.blanc:visited {color:white !important}
.negre, a.negre:link, a.negre:visited {color:black !important}
.vermell, a.vermell:link, a.vermell:visited {color:#E30916 !important}
.grisFosc {color:#4C4C4C}
.groc {color:#FFF100}

/* colors de fons */
.fonsBlauFosc {background-color:#0E3570;}
.fonsGroc {background-color:#FFF100;}
.fonsVermell {background-color:#E30916;}
.fonsGrisFosc {background-color:#4C4C4C;}
.fonsNegre {background-color:#000000;}
.fonsBlanc {background-color:#ffffff;}
.fonsTaronja {background-color:#FC7216}
.fonsGrocClar {background-color:#FFF88A;}
.fonsFucsia {background-color:#E3126E}

/* vincles */
a:link,a:visited {color:#003278;}
a:link img, a:visited img, a:hover img {border:0}

a.pestanya:link,a.pestanya:visited {
display:block;
padding:8px 15px;
text-decoration:none;
text-align:center;
}

a.pestanya:hover {text-decoration:underline}

a.pestanyaInactiva:link,a.pestanyaInactiva:visited {
display:block;
padding:8px 15px;
text-decoration:none;
background-color:white;
text-align:center;
color:black;
}

a.ambIco:link,a.ambIco:visited {
padding-left:30px;
}

a.ambIcoPod:link,a.ambIcoPod:visited {
padding-left:30px;
}

a.descarregar:link,a.descarregar:visited {
background:transparent url(../img/ico_so.gif) 7px center no-repeat;
font-weight:bold;
}

a.podcasting:link,a.podcasting:visited {
background:transparent url(../img/ico_so_pod.gif) left center no-repeat;
font-weight:bold;
}


a.senseDecoracio:link,a.senseDecoracio:visited {text-decoration:none;}

/* caixes */
.caixaRodona {}
.caixaRodonaTop {}
.caixaRodonaBottom {}

.degradatBlanc {
background:white url(../img/fons_01.gif) 0 0  repeat-x;
}

.degradatGranate {
background:#C50000 url(../img/fons_02.gif) left bottom  repeat-x;
}

/* altres */
.deBlock {display:block}
img.fotoTePone {border:6px solid black;}
div.llistaU {
background:transparent url(../img/punt_llista_01.gif) left top no-repeat;
padding-left:15px;
}

div.llistaDos {
background:transparent url(../img/punt_llista_02.gif) left top no-repeat;
padding-left:15px;
}

/* formularis */
form, fieldset {margin:0;padding:0;}

.botoU { /* fons taronja */
background-color:#FC7216;
color:white;
padding:2px 10px;
border-top:2px solid #FDCDAE;
border-left:2px solid #FDCDAE;
border-right:2px solid #D05604;
border-bottom:2px solid #D05604;
}

.botoDos { /* fons taronja */
background-color:#FC7216;
color:white;
font-size:0.9em;
border-top:2px solid #FDCDAE;
border-left:2px solid #FDCDAE;
border-right:2px solid #D05604;
border-bottom:2px solid #D05604;
}

.campsDos {
width:155px;
border:1px solid white;
font-size:0.9em;
}

fieldset.fitxaTePone {
border:0;
background:#FFF88A url(../img/fons_07.gif) top right repeat-y;
}

fieldset.fitxaTePone div.rodoB {background:transparent url(../img/fons_03.gif) top left no-repeat;}
fieldset.fitxaTePone div.rodoC {background:transparent url(../img/fons_04.gif) top right no-repeat;}
fieldset.fitxaTePone div.rodoD {background:transparent url(../img/fons_08.gif) bottom left repeat-x;}
fieldset.fitxaTePone div.rodoE {background:transparent url(../img/fons_05.gif) bottom left no-repeat;}
fieldset.fitxaTePone div.rodoF {background:transparent url(../img/fons_06.gif) bottom right no-repeat;padding:10px 40px 20px 30px}

fieldset.fitxaTePone legend {display:none}


/* separadors */
div.separadorU {background:transparent url(../img/fons_09.gif) left center repeat-x;height:20px;}
div.separadorDos {background:transparent url(../img/fons_12.gif) left center repeat-x;height:20px;}
div.separadorTres {background:transparent url(../img/fons_14.gif) left center repeat-x;height:20px;}

/* floats */
div.trencaTot {clear:both}

/* aliniacions */
.aTop {vertical-align:top}
.aRight {text-align:right}
.aCenter {text-align:center}
.aBottom {vertical-align:bottom}
.aLeft {text-align:left}

/* marges */
.Persobre {margin-top:5px !important}
.xPersobre {margin-top:10px !important}
.xxPersobre {margin-top:15px !important}
.xxxPersobre {margin-top:20px !important}
.xxxxPersobre {margin-top:25px !important}

.Perdreta {margin-right:5px !important}
.xPerdreta {margin-right:10px !important}
.xxPerdreta {margin-right:15px !important}
.xxxPerdreta {margin-right:20px !important}

.Persota {margin-bottom:5px !important}
.xPersota {margin-bottom:10px!important}
.xxPersota {margin-bottom:15px!important}
.xxxPersota {margin-bottom:20px!important}
.xxxxPersota {margin-bottom:25px!important}
.xxxxxPersota {margin-bottom:30px!important}

.Peresquerra {margin-left:5px !important}
.xPeresquerra {margin-left:10px !important}
.xxPeresquerra {margin-left:15px !important}
.xxxPeresquerra {margin-left:20px !important}

/* espaiats */
.Espaiat {padding:5px}
.xEspaiat {padding:10px}
.xxEspaiat {padding:15px}
.xxxEspaiat {padding:20px}

/* mides */
.cent {width:100%;}
.w900 {width:900px}
.w950 {width:950px} /* tota l'amplada disponible */
.w680 {width:680px} /* la 1a columna */
.w600 {width:600px} 
.w300 {width:300px;}
.w255 {width:255px}
.w200 {width:200px;}
.w105 {width:105px}

.h145 {height:145px;}
.h15 {height:15px} 
.h1 {height:1px}

/* llistes */
ul.simple {
margin:0;
padding:0;
list-style-type:none;
}

ul.simple li {
margin:0;
padding:0;
}

/* taules */
table.simple, table.simple td {
margin:0;
padding:0;
border:0;
border-collapse:collapse;
}

.amagat {visibility:hidden}
.noRender {display:none}
.acc {position:absolute;left:-10000px;display:block;width:500px}

/* administracio */
a.accions {
display:block;
text-decoration:none;
height:25px;
width:40px;
margin:1px;
background-color:transparent;
background-position:12px 5px;
background-repeat:no-repeat;
}

a.accions:hover {
margin:0px;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
border-bottom:1px solid #444;
border-right:1px solid #444;
}

a.accions:active {
margin:0px;
border-left:1px solid #444;
border-top:1px solid #444;
border-bottom:1px solid #ddd;
border-right:1px solid #ddd;
background-position: 14px 7px;
}

a.accions span{display:none;}

.editar {
background-image:url(../img/modificar.gif);
}

.eliminar {
background-image:url(../img/papelera.gif);
}

a.accions img{
border:0;
}

div.feedback {border:2px solid #E30916;background:white url(../img/dimoniet2.gif) 0 0 no-repeat; width:450px; margin:20px auto; font-size:18px;padding:30px 15px 30px 55px;text-align:center}


.formulari_dins td{
	padding: 5px;
	border-bottom:1px solid black;
}

.formulari_dins input{
	width: 200px;	
}

.formulari_dins select{
	width: 100px;
}

.formulari_dins textarea{
	width: 250px;
	height: 100px;
}

.formulari_dins th{
	padding: 5px;
	text-align:center;
	color:black;
	background:#FFFFCC;
}

.foto_prev{
	float:left
}

.foto_sig{
	float:right
}


/*Per fer una part oculta-visible*/
.deBloc {display:block}
.deRes {display:none}

/* introduïts 29 març */
.llegible {line-height:1.5em}
.w_300 {width:300px}

table.taula_1 , table.taula_1 td {
border-collapse:collapse;
border:1px solid #B3C2D7;
}

table.taula_1 td {padding:4px;font-size:0.9em}


div#fotos_petites {margin:30px 0 0 15px}

div#fotos_petites div {
float:left;
padding-bottom:15px;
margin-right:10px;
}

div#fotos_petites img {border-width:0;}

div#fotos_petites a:link, div#fotos_petites a:visited {display:block;border:1px solid black;}
div#fotos_petites a:hover {border:1px solid white}

div#fotos_petites a.triada:link, div#fotos_petites a.triada:visited {display:block; border:1px solid white}

div#foto_gran {
margin-top:30px;
margin-bottom:5px;}


a.paginacio:link, a.paginacio:visited {color:#716F6E; text-decoration:none}
a.paginacio:hover {color:#FFFFFF}

a.paginacio_triada:link, a.paginacio_triada:visited {color:#FFFFFF; text-decoration:none}

div#text_topsecret { line-height:1.4em}
div#text_topsecret p {margin-bottom:5px}