/*
	Estils aplicables només al contingut específic de cada pàgina.
	Pels estils dels contenidors, veure arxiu base.css
	
	Jaume Font - Espai Píxel | Juny 2009
*/

/* CONTINGUT */
#contingut{
  width:760px;
	_width:780px;
	margin:0;
	padding:0 10px 0 10px;
  vertical-align:top;
}

#contingut h2{
  margin:7px 0 5px 0;
	padding:3px 0 0 5px;
	height:17px;
	background-image:url(../imgs/titols_fons.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:8pt;
	font-weight:bold;
}

.port_moduls{
  margin:0 0 10px 0;
	padding:0 0 0 0;
	border:1px solid #8FBE00;
	border-top:0px;
	background-color:#EFEFEF;
}

.port_moduls h2{
  margin:0 0 0 0;
	padding:3px 0 0 5px;
	height:17px;
	background-image:url(../imgs/titols_fons.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:8pt;
	font-weight:bold;
}

/* PORTADA */
#presentacio{
  height:200px;
	margin:0 0 10px 0;
	padding:0 10px 0 280px;
  background-image:url(../imgs/presentacio_fons.jpg);
	border-bottom:1px solid #8FBE00;
	font-family:Century Gothic, Arial, Helvetica, Sans-serif;
	font-size:10pt;
	font-weight:bold;
	line-height:150%;
}

#madag_port{
  min-height:252px;
  height:auto !important;
  height:252px; 

  padding:4px;
	text-align:justify;
	color:#666666;
	line-height:150%;
}

#madag_port img{
  margin-bottom:4px;
}

#madag_port a{
color:#666666;
text-decoration:none;
font-style:italic;
}

#madag_port a:hover{
color:#000000;
}

#properes_actuacions{
  min-height:120px;
  height:auto !important;
  height:120px; 
	
	padding:5px 0 10px 150px;
  background-image:url(../imgs/portada_propact.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	overflow:visible;
	font-size:8pt;
	color:#999999;
	line-height:140%;
}

.actuacio{
  width:187px;
	padding-left:15px;
	border-right:1px solid #999999;
	vertical-align:top;
}

.actuacio .data{
  font-size:7.5pt;
	font-weight:bold;
}

.actuacio .lloc{
	font-weight:bold;
}

.botigues_portada{
  width:243px;
	height:118px;
	border:1px solid #8FBE00;
	background-color:#EFEFEF;
	background-repeat:no-repeat;
	background-position:top center;
	text-align:right;
}

.botigues_portada_txt{
  margin:78px 6px 0 0;  
  color:#666666;
	font-size:7.5pt;
	font-weight:bold;
}

/* FOTOS PORTADA */
#fotos_portada{
  width:500px;
	margin-top:10px;
}

#fotos_portada .td_thumbs{
  padding:0 0 15px 0;
}

#fotos_portada .clipout{
  position:relative;
  width:110px;
  height:110px;
  background-color:#CCCCCC;
}

#fotos_portada .clipout:hover{
  background-color:#999999;
}

#fotos_portada .clipin{
  position:absolute;
}

/* GELATS */
#gelats{
	margin:10px 12px 10px 12px;
	font-size:8pt;
}


/* ON SOM? */
#onsom{
  margin-bottom:10px;
  width:758px;
	_width:760px;
	height:250px;
	border:1px solid #7E32A5;
}

#onsom .botiga{
  width:379px;
	_width:380px;
	height:250px;
	float:left;
	border:0px;
	background-color:#EFEFEF;
	background-repeat:no-repeat;
	background-position:top center;
	text-align:left;
}

#onsom .botiga_txt{
  margin:180px 0 0 10px;  
  color:#666666;
	font-size:8pt;
	font-weight:bold;
	line-height:150%;
}

#onsom .botiga_txt a{
  color:#666666;
	text-decoration:none;
}

#onsom .botiga_txt a:hover{
  color:#7E32A5;
	text-decoration:none;
}

#map_palafrugell, #map_calella, #map_begur{
  width:378px;
	_width:380px;
	height:250px;
	float:right;
	border-left:1px dotted #7E32A5;
}

/* FOTOS INTERIOR */
#fotos_interior{
  width:720px;
	margin:10px 0 0 12px;
}

#fotos_interior .fotos_texte{
  text-align:justify;
	font-size:8pt;
	line-height:150%;
}

#fotos_interior .td_thumbs{
  padding:0 0 15px 0;
}

#fotos_interior .clipout{
  position:relative;
  width:110px;
  height:110px;
  background-color:#CCCCCC;
}

#fotos_interior .clipout:hover{
  background-color:#999999;
}

#fotos_interior .clipin{
  position:absolute;
}

/* LINKS */
#links{
  width:500px;
	margin:10px 0 10px 12px;
}

#links .titol_cat{
  color:#000000;
  font-family:century gothic, arial, helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
}

#links .link{
  padding:3px 0 3px 25px;
	font-size:9pt;
	font-weight:bold;
}

#links .link a{
  color:#7F30AE;
	text-decoration:none;
}

#links .link a:hover{
  color:#000000;
}

/* GELATS */
#gelats_fotos{
  width:500px;
	margin:10px 0 10px 12px;
}

#gelats_fotos .titol{
  padding:5px 0 5px 7px;
	color:#FFFFFF;
  font-size:10pt;
	font-weight:bold;
	background-color:red;
}

#gelats_fotos .taula_thumbs{
  width:155px;
	margin:0 10px 20px 15px;
	padding:5px;
	background-color:#CCCCCC;
	border:1px solid #8FBE00;
}

#gelats_fotos .taula_thumbs:hover{
  background-color:#999999;
}

/* CONTACTE */
#contacte{
  margin-bottom:10px;
  width:758px;
	_width:760px;
	height:400px;
	border:1px solid #7E32A5;
}

#contacte_texte{
  padding:15px 15px 0 25px;
	font-size:8pt;
	text-align:justify;
	color:#7E32A5;
	line-height:150%;
}

#contacte .texte{
  width:319px;
	_width:320px;
	height:400px;
	float:left;
	border:0px;
	background-color:#EFEFEF;
	background-repeat:no-repeat;
	background-position:top center;
	text-align:left;
}

#contacte .texte_txt{
  margin:180px 0 0 10px;  
  color:#666666;
	font-size:8pt;
	font-weight:bold;
	line-height:150%;
}

#contacte .texte_txt a{
  color:#666666;
	text-decoration:none;
}

#contacte .texte_txt a:hover{
  color:#7E32A5;
	text-decoration:none;
}

#contacte #form{
  width:438px;
	_width:440px;
	height:400px;
	float:right;
	border-left:1px dotted #7E32A5;
	background-color:#EFEFEF;
}

#cont_form{
  margin-left:10px;
	padding:15px 15px 15px 25px;
	font-size:8pt;
	color:#7E32A5;
	font-weight:bold;
}

#cont_form .camps_form{
  width:360px;
	_width:370px;
  padding:5px;
  background-color:#D3C0DC;
}

#cont_form .res_form_label{
  width:90px;
  height:20px;
	padding:2px 0 0 5px;
	background-image:url(../imgs/res_form_bg.gif);
	background-repeat:repeat-x;
	vertical-align:top;
	font-size:8pt;
}

#cont_form .res_form_camp{
  width:270px;
	height:20px;
	padding-left:5px;
	background-color:#FFFFFF;
}

#cont_form .forms{
  width:260px;
	height:18px;
  padding-left:3px;
  background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	font-family:arial,helvetica,sans-serif;
	font-size:8pt;
	color:#000000;
}

#cont_form .boto{
	height:30px;
	padding:3px 5px 2px 5px;
	border:0px;
	font-size:8pt;
	background-color:#D3C0DC;
	color:#7E32A5;
	font-weight:bold;
	cursor:pointer;
}

#cont_form_submit{
  margin-top:10px;
}

#div_resposta{
  width:100%;
	margin:10px 0 0 0;
	text-align:center;
	font-size:9pt;
	color:#7E32A5;
	font-weight:bold;
}

#div_carregant{
  width:100%;
	margin:20px 0 10px 0;
	text-align:center;
	color:#203F5B;
	font-weight:bold;
}