@charset "utf-8";
/* ---------------------- CSS RESET ---------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }



/* ---------------------- BIG BOYS ---------------------- */
body { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:80%; padding:0; margin:0; background:#c73187 url(imatges/bg_body.png) top}

h1 		{ font-size:1.5em; color:#7d0d4d; border-left:#000 solid 8px; padding-left:10px; margin-bottom:15px; font-variant:small-caps }
h2 		{ font-size:1.3em; color:#7d0d4d;  font-variant:small-caps }
h3 		{ font-size:1.1em; color:#7d0d4d; border-bottom:#DEDEDE dotted 1px; padding:20px 0 6px 0; margin-bottom:14px; font-weight:bold }
h4		{ background-color:#c73187; color:#FFFFFF; padding:4px; font-weight:bold}
p 		{ line-height:1.55em; color:#444; margin:0 0 20px 0 }
strong	{ font-weight:bold; color:#7d0d4d; }
a		{ text-decoration:underline; color:#000; }
a:hover	{ text-decoration:underline; color:#000b5f }
td 		{ padding-left:10px; padding-top:10px; vertical-align:top}
td.ultim 		{ padding-right:10px;}
/* ---------------------   CONTENIDORS PRINCIPALS  ---------------------------------------------------- */

#web 				{ width: 970px; margin:0 auto; text-align:justify;  background:#FFF }
#cap				{ width:970px; height:189px;}
#contingut 			{ float:right; width:530px;  } 
#columna_menu 		{ float:left; width:230px; }
#columna_publi 		{ float:right; width:180px; margin-right:5px; margin-left:20px; text-align:center; }
#peu 				{ width:970px;  margin-top:90px;}
#sotapeu			{ background:#000000; color:#FFF; height:60px; text-align:center; padding-top:20px; }
#formulari 			{ width:98%; margin:15px 0 35px 0; }
#idiomes 			{ list-style:none; font-size:.75em; margin-top:6px}
#baner_idiomes 		{ width:970px; margin:0 auto; text-align:right; margin-top:40px; margin-bottom:20px}



img.dreta				{ border:#c73187 solid 1px; padding:2px; float:right; margin:6px 0 8px 20px; }
img.contingut_plano		{ margin:0px; float:right; }
img.dreta_nomarc		{ border:#FFFFFF solid 6px; float:right; margin:0 0 8px 15px }
img.esquerra			{ border:#c73187 solid 1px; padding:2px; margin:15px 15px 15px 0; float:left }
img.icona				{ padding-left:10px; padding-top:15px}
img.logo  				{ margin-left:36px}
img.galeria				{ border:#eeeeee solid 8px; margin:15px 0px;}

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


.menu 				{ margin-bottom:15px; width:200px; margin-left:14px;}
.menu li			{ line-height:26px; background:#c73187; }
.menu a				{ display:block; padding:0px 5px 0px 14px; text-decoration:none; color:#FFF }
.menu a:hover		{ color:#000000; background:#f8c9e4; }
.menu li.titol_menu	{ padding:4px 0px 0 10px; font-weight:bold; color:#FFF; font-size:1.1em; background:url(imatges/bg_titol_menu.gif) no-repeat}
.menu li.ultim		{ border-bottom:#000 solid 1px; margin-bottom:25px} 

/**************************
Div Contingut
**************************/


.llista li {list-style:disc; margin-left:35px; color:#333333; margin-bottom:5px }

/*************************
Div Taules
**************************/
#taula table { width:99%; margin-bottom:25px; border:#dddddd solid 1px;}
#taula th { background-color:#000; padding:6px; color:#FFFFFF; }
#taula td { border-bottom:#dddddd solid 1px; padding:6px}	
#taula td.primera { background-color:#efefef; width:250px}

/* IDIOMES */

#idiomes		{ height:30px}
#idiomes a		{ padding:2px 15px 3px 30px; font-weight:bold; color:#bbbbbb; }
#idiomes a:hover{ font-weight:bold; color:#FF6600; }
#idiomes .actiu	{ font-weight:bold; color:#000; }
#idiomes .es	{ background:transparent url(imatges/ico_es.gif) 5px center no-repeat }
#idiomes .ca	{ background:transparent url(imatges/ico_ca.gif) 5px center no-repeat }


/**************************
fitxa expositors
**************************/
.fitxaexpositors p { background:url(imatges/bg_fitxa.jpg) #efefef right bottom no-repeat; margin:15px 10px 10px 10px; padding:8px; border-bottom:#333333 solid 1px; border-top:#cccccc solid 1px; border-left:#999999 solid 1px; border-right:#cccccc solid 1px; }



/**************************
SOTAPEU
**************************/

#sotapeu a 	{color:#fff; }
#sotapeu a:hover 	{color:#efefef;}
#sotapeu p 	{padding:15px 10px 15px 0; color:#fff}

/* FORMULARI DE CONTACTE 
---------------------------------------------------------------- */


#formulari th					{ font-weight:normal; text-align:left; width:35%; vertical-align:top; }
#formulari td					{ text-align:left; padding:2px 5px; }
#formulari td input				{ width:400px; background:#efefef; padding:3px; border:1px solid #C3D1C3; }
#formulari td .mal				{ border:1px solid #CC0000; color:#AA0000; }
#formulari td textarea			{ width:400px; background:#efefef; padding:3px; border:1px solid #C3D1C3; height:150px; }
#formulari th.boto				{ text-align:right; padding:10px 10px 0 0; }
#formulari th.boto input.boto	{ color:#444;  padding:2px 8px 3px 8px; }