/*

	ESTILS PRINCIPAL DE LA WEB DE LA VILANETPARTY

	Aquest CSS esta dividit segon els diferents blocs de la party,

	Cap, Contingut, Columna 1, Columna 2 i peu.



*/



body									{ margin:0; padding:24px 0 0 0; font-family:tahoma, sans-serif; background:#FFF url(../imatges/bg_general.png) 0 24px repeat-x; }

h1, h2, h3, h4, h5, dd, dt, dl, ul, li	{ padding:0; margin:0; }

h1										{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#007700; border-bottom:1px solid #00B300; margin-bottom:15px; }

a										{ text-decoration:none; border:0; }

a:hover									{ color:#007700; }

img										{ border:0; }

input									{ font-family:tahoma, sans-serif; font-size:11px; }

input.text								{ border:1px solid #CCC; padding:3px; }

form									{ margin:0; padding:0; }



/***** ESTRUCTURA PRINCIPAL DE LA WEB *****/

#ntvila									{ position:absolute; top:0; left:0; height:24px; width:100%; display:block; background:transparent url(../imatges/bg_ntvilaproject.gif) top repeat-x; text-align:right; z-index:5; }
#idiomes								{ font-size:10px; position:absolute; top:32px; right:10px; }
#idiomes a								{ margin:5px; background-position:left center; background-repeat:no-repeat; padding:1px 0 2px 20px; color:#005500;}
#idiomes a.actiu						{ font-weight:bold; text-decoration:underline; }
#idiomes a.ct							{ background-image:url(../imatges/flag_ca.gif); }
#idiomes a.es							{ background-image:url(../imatges/flag_es.gif); }




#contenidor 						{ width:990px; text-align:left; margin-left:auto; margin-right:auto; }

/* Safari y Opera necesita esto */

#cap, #peu 							{  }
#contingut, #columna1, #columna2 	{ float:left; }
#contingut							{ margin:0 17px 0 17px; }
#contingut							{ width:600px; margin-bottom:20px; }
#columna1							{ width:188px; }
#columna2							{ width:168px }
#peu								{ clear:both; height:40px; font-size:10px; display:block; padding-top:20px; background:url(../imatges/disseny/bg_peu.gif) top repeat-x; }

/***** FIN DE ESTRUCTURA PRINCIPAL *****/



/***** CAP DE LA WEB *****/


#cap						{ height:128px; margin-bottom:10px }

#cap .menusuperior			{ list-style:none; display:block; padding:0; margin:0; float:right; padding-top:86px; }

#cap .menusuperior li 		{

	display:inline;

	font-size:11px;

}



#cap .menusuperior a 		{ text-decoration:none; border-right:1px solid #99C999; padding-right:5px; color:#007700; }

#cap .menusuperior a:hover	{ color:#000; }

/***** FI DE CAP *****/



/***** ESTIL DE ZONA CONTINGUT *****/
#contingut h2 			{ font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:1px dotted #7FBB7F; margin-bottom:10px; padding-top:3px; }
#contingut p 			{ font-family:sans-serif; font-size:12px; text-align:left; line-height:20px; }
#contingut p strong		{ color:#007700; }
/* Noticies 

 Hack para el float */

#contingut .noticies:after		{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

* html #contingut .noticies 	{ height: 1%; }

#columna2:after					{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#columna2 						{ height: 1%; }

/* Fi del hack */





#columna2 a							{ display:block; margin-bottom:10px; }



#contingut .imgesq					{ float:left; margin:0 10px 10px 0; }



#contingut .noticies				{ padding-left:10px; }

#contingut .noticies a				{ color:#00B300; }

#contingut .noticies h1				{ border:0; margin:0; padding:0; }

#contingut .noticies h5				{ color:#666; font-size:10px; font-weight:normal; clear:both; padding-bottom:3px; margin-bottom:5px; }

#contingut .noticies img			{ float:right; margin:3px 0 10px 20px; }

#contingut .noticies a:hover		{ color:#0061C2; }

#contingut .noticies p				{ margin:0; padding:0; font-size:12px; line-height:18px; }

#contingut a.llegirmes 				{ font-size:12px; line-height:20px; text-align:right; background:transparent url(../imatges/icones/next.gif) right center no-repeat; padding-right:18px; text-align:right; display:block; border-bottom:1px solid #ACEBAC }

#contingut .gran h1 				{ font-family:sans-serif; font-size:22px; letter-spacing:-0.05em; font-weight:normal; margin-bottom:0; }

#contingut .gran img				{ width:120px; }

#contingut .gran img.ampliada		{ max-width:200px; }

#contingut .petita					{ float:left; width:280px; margin:10px; }

#contingut .petita h1				{ font-size:12px; }

#contingut .petita p				{ font-size:10px; line-height:15px; }

#contingut .petita img				{ width:60px; }

/* Fi de noticies*/



#inscripcio						{ width:100%; }
#inscripcio th					{ padding:3px 10px 3px 0; text-align:right; font-size:11px; border-bottom:1px solid #CCE4CC; }
#inscripcio th h3				{ text-align:left; display:block; font-size:15px; padding-top:15px;; color:#007700; }
#inscripcio td					{ padding:3px; border-bottom:1px solid #CCE4CC; }
#inscripcio td span				{ font-size:10px; padding:4px; }
#inscripcio	input				{ border:1px solid #007700; }
#inscripcio input.text			{ width:200px; }
input.boto						{ font-family:tahoma, sans-serif; font-size:11px; font-weight:bold; padding:3px 5px 4px 5px; cursor:pointer; }
.error							{ font-family: Arial, Helvetica, sans-serif; font-size:12px; list-style:none; font-weight:bold; color:#008800; }
div.terminos					{ background:#EBF5EB; height:150px; overflow:auto; font-size:11px; padding:5px; border:1px solid #B0DAB0; margin:15px 0 10px 0; }
#contingut table				{ font-size:11px; }

/***** FI DE ZONA CONTINGUT *****/



/***** ESTIL DE LA COLUMNA 1 (USUARI,...) */

#columna1 .bloc			{ font-size:11px; margin:0 0 12px 0; padding:0; background:transparent url(../imatges/disseny/c1_bg_bloc.png) left repeat-y; }
#columna2 .bloc			{ font-size:11px; margin:0 0 12px 0; padding:0; background:transparent url(../imatges/disseny/c1_bg_bloc2.png) left repeat-y; }

/* Bloc d'usuari */
#boto_inscripcio	{ font-size:16px }
#columna2 .usuari				{ font-size:10px; }
#columna2 .usuari input.text	{ width:142px; }
#columna2 .usuari dt 			{ height:24px; font-size:10px; font-weight:bold; line-height:24px; color:#FFF; text-align:right; padding-right:8px; background:transparent url(../imatges/disseny/c1_bg_tit_login.png) left repeat-y; }
#columna2 .usuari dd			{ padding:6px 8px 0 8px; }
#columna2 .usuari dd label,
#columna2 .usuari dd a			{ display:block; }
#columna2 .usuari dd input		{ margin:2px 0 5px 0; }
#columna2 .usuari dd label		{ font-size:10px; line-height:16px; padding:0 0 0 18px; }
#columna2 .usuari dd label.user { background:transparent url(../imatges/icones/user.gif) left center no-repeat; }
#columna2 .usuari dd label.pass { background:transparent url(../imatges/icones/pass.gif) left center no-repeat; }
#columna2 h1					{ font-size:11px; text-align:center; padding:2px; color:#007700; margin:0; }
#columna2 h3					{ font-size:17px; text-align:center; color:#007700; padding-bottom:10px; }
#columna2 h4					{ font-size:10px; text-align:center; }

/* Menus d'enllaços */

.menu dt			{ height:24px; font-size:10px; font-weight:bold; line-height:24px; color:#007700; text-align:right; padding-right:8px; background:transparent url(../imatges/disseny/c1_bg_tit_menu.png) left repeat-y; }
.menu ul			{ list-style:none; margin:0 2px 0 2px; padding:0; }
.menu li			{ line-height:22px;}
.menu li a		{ color:#FFF; display:block; padding-left:8px; background:#FFF url(../imatges/disseny/bg_menu_li.gif) top repeat-x; height:23px; line-height:22px; }
.menu li a:hover 	{ background-position:0 -23px; color:#00F000; }
.bloc dd.peu		{ font-size:7px; background:transparent url(../imatges/disseny/c1_bg_bloc_peu.png) bottom left no-repeat; text-align:right; }
.bloc dd.peu2		{ font-size:7px; background:transparent url(../imatges/disseny/c1_bg_bloc_peu2.png) bottom left no-repeat; text-align:right; }

/***** FI DE LA COLUMNA 1 *****/
/* PEU DE PAGINA */

#peu			{ line-height:15px; color:#FFF; }


.under h3				{ font-size:17px; padding-top:15px; color:#007700; padding:0; margin:0; }

.under p				{ font-size:11px; padding:0; line-height:18px; }

.under img				{ float:right; }

#patrocinadors		{ border:0; clear:both; overflow:hidden; width:990px; height:160px; margin:0 auto 0 auto }