/*
	Fulla que agafa com a cos de pàgina el 75% central i crea tres columnes
*/

#contentright A {
	color: #477FD2;
	text-decoration: none;
	padding-left: 3px;
	font-size: xx-small;
}

#contentright A:hover {
	color: Red;
	text-decoration: underline;
}

#contentleft {
	padding-right: 1em;
	padding-left: .5em;
}

#contingut_adicional {
   padding-top: 1em;
	padding-left: 2em;
}

/* contenidor de tot el cos de pàgina */
/*#contenidor {
	border-right: #eee 1px solid; 
	padding-right: 1em; 
	border-top: #eee 1px solid; 
	padding-left: 1em; 
	font-size: 1em; 
	padding-bottom: 1em; 
	margin-left: auto; 
	border-left: #eee 1px solid; 	
	margin-right: auto; 
	padding-top: 3px; 
	border-bottom: #eee 1px solid; 
	background-color: #ffffff;
	width: 690;
	text-align: left;
}*/


/* cap de la pàgina */
#cap_pagina {	
	background: white;	
	width: 100%;
}


#cos_pagina{
	width: 100%;
}


/* titol de la pàgina */

/*#titol_pagina {
	width: 75%;
	float: left;
	font-size: small;
	font-weight: bold;
	background-color: #35a0c7;
	color: white;
	padding-left: 2px;
	margin-bottom: 5px;
} */
#titol_pagina {
	width: 100%;
	float: left;
	font-size: small;
	font-weight: bold;
	/*background-color: #35a0c7;*/
/*	color: #35a0c7;*/
    color:#4d5639;
	
	/*padding-left: 2px;*/
	margin-bottom: 5px;
	/*border-bottom: thin dashed #35a0c7;*/
}

/* crumbtaila */
#crumbtaila {	
	font-size: xx-small;
	color: #939393;
	padding-bottom: 4px;
	width: 100%;
	
   /*background-color: #5199b1;	*/	
}

#crumbtaila A {
	color: #4682B4;
	text-decoration: none;
}

#crumbtaila A#actual {
	color: #4682B4;
	text-decoration: none;
	font: bold;
}


#crumbtaila A:hover {
	color: Red;
	text-decoration: underline;
}


.subtitol{
	font-size: small;
	font-weight: bold;
	color: #35a0c7;
	margin-top: 5px;
	width: 100%;
	float: left;
}


.veaTambien {
	font-size: xx-small;
}

/* celdes del llistat de serveis a l'index d'empreses */
.celda_menu_indice{
	width: 33%;
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
}

.celda_menu_indice A {
	color: #477FD2;
	text-decoration: none;
	padding-left: 3px;
	font-size: x-small;
}

.celda_menu_indice A:hover {
	color: Red;
	text-decoration: underline;
}

#mapa271 {
	margin-top: 10px;
}

/* caixa per dades de una empresa */
.boxempresa {
	margin-bottom: 2em;
/*	border: thin solid;	*/
	width: 95%;
}

.boxempresa #titol {
	border-bottom-style: dashed;
	border-bottom-width: thin;
	border-bottom-color: #5199b1;
	font-weight: bold;
}

/* links a serveis que estan baix de la fitxa d'empresa */
.boxempresa A {	
	font-size: xx-small;	
	text-decoration: none;
	color: #477FD2;
}

.boxempresa A:hover {
	text-decoration: underline;
	color: red;
}

/* menú a l'esquerra */
#columna_menu {	
	width: 18%;
	float:left;
	padding-top: 0em;
	}

/* conté la crumbtaila, el contingut i el contingut adicional */	
#contenidor_contingut {
	float:right;
	width: 80%;
}	
	
/* contingut adicional que amplia el contingut principal */


.cap_links {
   text-align: left;
	font-size: x-small;
	background-color: #5199b1;
	color: White; 
	padding-left: 2px;
	font-weight: bolder;
}



/* contingut de la pàgina */
#contingut {
	padding-right: 5px;
}


.empresa_props {
	width: 100%;
	float: left;
}

/* fila de descripció d'empresa */
.empresa_prop_valor {
	width: 76%;
	float: right;	
	padding-left: 4px;	
}

/* fila de descripció d'empresa amb un blauet */
.empresa_prop_titol {
	background-color: #E0FFFF;
	width: 20%;
	float: left;
}


#cala_props {
	width: 100%;
	border: 1px dotted;	
}

#altres_cales {
	padding-top: 1em; 
	width: 100%;
}

.cala_prop_titol {
	background-color: #E0FFFF;
	width: 20%;
	float: left;
	padding-left: 2px; 
}

.cala_prop_valor {
  width: 75%;
	float: right;	
/*	padding-left: 4px;		*/
}

#cala_mapa_municipi {
	width: 100%;
	float: left;
}



/* llistat de telèfons de la pàgina de contactes */
.cont_lin_emp_blava {
	width: 100%;
	float: left;
	background-color: #E0FFFF;
}

.cont_lin_emp {
	width: 100%;
	float: left;
	background-color: white;
}


.desc_empresa {
	width: 80%;
	float: left;	
	padding-left: 4px;		
}

.tfno_empresa {
	width: 20%;
	float: right;
	display: block;
}


.sub_menu_calas  {
	padding-left: 1em;	
}

.sub_menu_calas A {
}

.ample20 {
	width: 20%;
	float: left;
}

.imatge {
	border: none;
}





.pag_prin {
	padding-bottom: 1em;
}	

/* peu de pàgina */
#peu_pagina {
	margin-top: 1em;
	width: 100%;
	text-align: center;
	background-color: #5199b1;	
	float: none;	
	}

.info_client {
	background-color: #5199b1;	
	width: 80%;
	float: left;
	}

.design_by {
	background-color: #5199b1;	
	width: 20%;
	float: right;
}

.design_by A {
	background-color: #5199b1;	
	text-decoration: none;
	color: White;	
}


.entrada_menu_fp {
	margin-left: 1em;
	margin-top: .5em;
	width: 95%;
	float: left;
	padding-top: .5em;
}

.entrada_menu_fp .foto {
	width: 17%;
	float: left;
}

.entrada_menu_fp .texto {
	width: 80%;
	float: left;
	padding-left: 8px;
}

.entrada_menu_fp A IMG {
	border: none;
}

#resum_noticies {

}


.cont_cala {
	margin-left: 1em;
	margin-top: .5em;
	width: 100%;
}



.cont_cala A {
	border: none;	
}

.cont_cala A img {
	
	float: left;
	margin-right: 1em;
	border: none;
}

.imatge_cala {
	border: none;
	margin-bottom: .5em;
}

.pictos_cala {
	margin-bottom: .5em;
}

.platja_adicional {
	font-size: x-small;
	text-decoration: none;
}

.platja_anterior {
	width: 50%;
	float: left;
}

#platja_seguent {
	width: 100%;
	float: left;	
	text-align: right;
}

BODY {
	font-size: 80%; 
	/*margin: 3px; */
	font-family: 	verdana, sans-serif; 
	color: #4B4B4B;	
/*	margin-top: 5px;*/
	background: #ccc;
	text-align: center;
}

#wrapper{ 

/*border: 1px solid #000; */
/*border-top: 6px solid #124; */
background: #fff; 

}

/* forma de fer el hack, es declara width de 410, els voice-family i llavors els 390=410-10-10 de padding*/
/*
#maincontent	{
	float: left;
	margin: 0;
	padding: 10px;
	width: 410px;  
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 390px;	 
	}
*/

/*
body {	
   background: #ddd url(/imatges/offwhitestripes.gif) top left repeat;
	color: #333;
	margin: 0;
	padding: 0;
	border: 0;
	border-top: 5px solid #bbb;
	text-align: center;
	font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	padding-bottom: 25px;
}
*/

img a {
	border: none Window;
	text-decoration: none;
}

acronym {
	cursor: help; 
	border-bottom: 1px dotted
}

/* cenefa */
.div_cenefa {
	height: 4px; background-color: #ff6600
}

/*
#menu {
	font-size: xx-small;
	width: 100%;
	
}


#menu UL {
	BORDER-TOP-WIDTH: 0px; 
	CLEAR: left; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: center; 
	BORDER-RIGHT-WIDTH: 0px
	
		width: 100%;
}
#menu UL LI {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: center
	
	width: 100%;
}
#menu UL LI A {
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #ccc 1px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 0px; 
	 

	COLOR: #477FD2; 
	LINE-HEIGHT: 2em; 
	PADDING-TOP: 0px; 
	 
	 
	LETTER-SPACING: 1px; 
	HEIGHT: 2em; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	float: left;
	width: 100%;
	voice-family: inherit
}

#menu UL LI A#seleccionat {
	BACKGROUND: #4d5639; 
	color: white;
	font-weight: bold;
}


#menu UL LI A#seleccionatone{
	BORDER-TOP: none; 
	BACKGROUND: #4d5639;
	color: white;
	font-weight: bold;
	}

#menu UL LI A:hover {
	BACKGROUND: #ccc; COLOR: #000
}
*/
/*
#menu {
	margin: 0;
	padding: 0;
	}

#menu ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin-left: 3px;
	}

#menu ul li a {
	background: #fff;
	width: 118px;
	height: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 0;
	margin: 2 0 10px 0;
	color: #c30;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    xx-small;   
	}

html>#menu ul li a  {
	font-size: x-small;   
	} 

#menu ul li#five a	{
	width: 119px;
	}

#resources a:link, #resources a:visited {
	border-right: 1px solid #ccc;
	}

#menu ul li a:hover {
	color: #000;
	background: #ccc;
	}

#menu a:active	{
	background: #c60;
	color: #fff;
	}


#menu UL LI A#seleccionat {
	BACKGROUND: #4d5639; 
	color: white;
	font-weight: bold;
}


#menu UL LI A#seleccionatone{
	BORDER-TOP: none; 
	BACKGROUND: #4d5639;
	color: white;
	font-weight: bold;
	}	
*/	
.img_menu {
	width: 100%;
	margin-top: 2em;
}

/*
#menu A:active {
	BACKGROUND: #c60; COLOR: #fff
}
*/


#menu {
	font-size: xx-small;
	width: 100%;
}

#menu UL {
	BORDER-TOP-WIDTH: 0px; 
	CLEAR: left; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	TEXT-ALIGN: center; 
	BORDER-RIGHT-WIDTH: 0px
	
	width: 100%;
}
#menu UL LI {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: center;
	
	width: 100%;
}
#menu UL LI A {
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #ccc 1px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: normal; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 0px; 
	 
	/*WIDTH: 118px; */
	COLOR: #477FD2; 
	LINE-HEIGHT: 2em; 
	PADDING-TOP: 0px; 
	 
	 
	LETTER-SPACING: 1px; 
	HEIGHT: 2em; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
	float: left;
	width: 100%;
	voice-family: inherit
}

#menu UL LI A#one {
	BORDER-TOP: none; 	
}

#menu UL LI A#seleccionat {
	BACKGROUND: #4d5639; /*#4193ab; */
	color: white;
	font-weight: bold;
	BORDER-TOP: none; 
	border-bottom: none;
}



#menu UL LI A#seleccionatone{
	BORDER-TOP: none; 
	BACKGROUND: #4d5639;/*#4193ab; */
	color: white;
	font-weight: bold;
	}

#menu UL LI A:hover {
	BACKGROUND: #ccc; COLOR: #000
}


.feria {
	width: 100%;
	float: left;
	padding-bottom: .5em;	
}

.logo_feria {
	width: 45px;
	float: left;
}

.desc_feria {
	width: 70%;
	float: left;
	padding-left: 1em;
}


.cap_miniatures {
	font-size: x-small;	
}

.cont_miniatures {
	width: 100%;	
}

.miniatura {
   margin-top: 1em;
	margin-left: 3px;
	font-size: xx-small;
	color: Gray;
	width: 45%;
	float: left;
	text-align: center;
}

.miniatura a {
	
}

.miniatura a img {
	border: 1px solid Black;
}


#miniatura_seleccionada {
	border: 1px dotted Maroon;
}


.ruta{
 margin-bottom: 1em;	
}


.ruta_grafic {
width: 0%;
float: left;	
}

.ruta_texte {
width: 100%;
float: left;		
}


.ruta_titol{
 font: bold;
}


.ruta_intro {
margin-bottom: 3px;	
}

.ruta_intro a {
 font: normal;
text-decoration: none;
}