@charset "utf-8";

body{
	font-family: Segoe UI, Arial, Helvetica;
	222background-image:url("./topics/bg.png");
	222background-image:url("./topics/bg3.png");
	333background-image:url("./topics/fons16.jpg");
	333background-image:url("./topics/fondo2.png");
	background-image:url("./topics/bg3.png");
}
#divLogo{
	position:absolute; 
	z-index: 9999999; 
	padding: 5px;
}

#divIdiomes{
	position:absolute; z-index: 9999999; 
	222background-color: #CCCCCC; 
	222filter: alpha(opacity=50); 
	222opacity: .5; 
	-222moz-opacity:0.5; 
	padding: 5px;
	font-size: 11px;
}
	#divIdiomes a{
		color: #333333;
		text-decoration: none;
	}
	#divIdiomes a:hover{
		text-decoration: overline;
	}
.divCercador{
	font-family: Segoe UI, Arial, Helvetica;
	background-color: #CCCCCC; 
	padding: 5px;
}
/* ================================================================ */
#caixaText{


					222background: url('fondos/pcTra.png'); 
					222background-repeat:no-repeat;
					222background-position: right bottom;
					

	background-color: #CCCCCC; 
	222width:732px; 
	width:728px; 
		222height: 100px; 
		22222margin-left: 5px; 
	margin-top: 5px; 
	padding: 8px;
	font-family: Segoe UI, Arial, Helvetica;
	222font-size: 16px;
		font-size: 14px;
		line-height: 19px;
	text-align: justify;
	
	
	margin-left: 7px; margin-bottom: 5px; margin-right: 7px;
	
}
	#caixaText p{
		222222padding-bottom: 15px;
	}
	/*
	#caixaText li{
	*/
	#caixaText ul li{
		222padding-left: 2px;
		margin-left: 20px;
		list-style-image: url('topics/triangle2.gif');
	}
	#caixaText ul{
		padding-bottom: 10px;
	}
/* aquí es barreja amb sudoslider/style.css */
	#caixaText ol li{
		list-style: decimal;
		
	}


/*  
			#caixaText ol li{
				2padding-left: 2px;
				2margin-left: 20px;
				
				2list-style-image: url('topics/triangle2.gif');
			2padding-bottom: 200px;
				
				
				
				
				
					222background: url('fondos/pcTra.png'); 
					222background-repeat:no-repeat;
					222background-position: right bottom;
					

	background-color: #CCCCCC; 
	222width:732px; 
	width:728px; 
		222height: 100px; 
		22222margin-left: 5px; 
	margin-top: 5px; 
	padding: 8px;
	font-family: Segoe UI, Arial, Helvetica;
	222font-size: 16px;
		font-size: 14px;
		line-height: 19px;
	text-align: justify;
	
	
	margin-left: 7px; margin-bottom: 5px; margin-right: 7px;
	
			}

*/

#caixaTextTitol{
	background-color: #CCCCCC; 
	222width:732px; 
	width:728px; 
		222height: 100px; 
		22222margin-left: 5px; 
	margin-top: 5px; 
	padding: 8px;
	font-family: Segoe UI, Arial, Helvetica;
	222font-size: 16px;
		font-size: 14px;
		line-height: 19px;
	text-align: justify;
	
	
	margin-left: 7px; margin-bottom: 5px; margin-right: 7px;
		font-weight: bold;
}
/* ================================================================ */
#mapaWeb{
	float:left; 
	padding:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	font-weight: bold;
	555text-decoration: underline;
	555font-decoration: none;
	border-left: 1px dashed #333333;
	background-image: url('topics/triangle2.gif');
	background-repeat:no-repeat;
	background-position:0px 10px;

	
}
	#mapaWeb a{
		font-family: Helvetica, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style:italic;
		font-weight: bold;
		666text-decoration: underline;
		font-decoration: none;
		text-decoration: none;
			text-decoration: underline;
		color: #b2b2b2;
		line-height: 19px;

	}
	#submapaWeb{
	font-family: Arial, Helvetica, sans-serif
	font-size: 10px;
	font-style:normal;
	font-weight:normal;
	
	text-decoration:none;

	border-bottom: 2px dotted #333333;


		background-image: url('topics/triangle3.gif');
		background-repeat:no-repeat;
		background-position:0px 6px;

	}

	#submapaWeb a{
	font-family: Arial, Helvetica, sans-serif
	font-size: 10px;
	font-style:normal;
	font-weight:normal;
	
	text-decoration:none;
	padding-left: 20px;
	
	}
	#submapaWebGrup{
	font-family: Arial, Helvetica, sans-serif
	font-size: 10px;
	font-style:normal;
	font-weight:normal;
	
	text-decoration:none;

	border-bottom: 2px solid #333333;
	}

	#submapaWebGrup a{
	font-family: Arial, Helvetica, sans-serif
	font-size: 10px;
	font-style:normal;
	font-weight:normal;
	
	text-decoration:none;
	
	}
/*============================================================= */
.arrodonits{
	border: 1px solid #e77610;
	background-color:#e77610;
	padding: 3px;
	padding-left:7px;
}
	.arrodonits2{
		border: 1px solid #e77610;
		padding: 3px;
		margin-bottom: 10px;
	}
.arrodonitsSuperior{
	222border: 1px solid #e77610;
	222background-color:#e77610;
	222padding: 3px;
	222padding-left:7px;
}
/* ----------------------------------------------------------------*/
#banners{
	width: 200px;
	height: 200px;
	222border: 1px solid #e77610;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	222padding: 18px;
	text-align: center;
	background-color: #FFFFFF;
	222background-color: #333333;
	font-family: Segoe UI, Arial, Helvetica;
	text-align: center;
	
	
		222-webkit-transform: rotate(-5deg);
		222-moz-transform: rotate(-5deg);
		222-o-transform: rotate(-5deg);
		222-ms-transform: rotate(-5deg);
		222rotation: -5deg;
		-webkit-box-shadow: 3px 3px 7px #777;
		-moz-box-shadow: 3px 3px 7px #777;
		box-shadow: 3px 3px 7px #777;
		float:left;	
		position:relative;
		border:1px solid #A2A2A2;
		background-color:#F1F1F1;
		padding:8px;
		margin:5px;
		color:#0150c7;
		display: inline-block;
}
#bannersDreceres{
	width: 159px;
	height: 159px;
	222border: 1px solid #e77610;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	222padding: 18px;
	text-align: center;
	background-color: #FFFFFF;
	222background-color: #333333;
	font-family: Segoe UI, Arial, Helvetica;
	text-align: center;
	
	
		222-webkit-transform: rotate(-5deg);
		222-moz-transform: rotate(-5deg);
		222-o-transform: rotate(-5deg);
		222-ms-transform: rotate(-5deg);
		222rotation: -5deg;
		-webkit-box-shadow: 3px 3px 7px #777;
		-moz-box-shadow: 3px 3px 7px #777;
		box-shadow: 3px 3px 7px #777;
		float:left;	
		position:relative;
		border:1px solid #A2A2A2;
		background-color:#F1F1F1;
		padding:8px;
		margin:5px;
		color:#0150c7;
		display: inline-block;
}
	#contingutBannersDreceres{
		width: 159px;
		height: 159px;
		text-align: center;
		background-repeat: no-repeat;
		font-size: 18px;
	}
		#contingutBannersDreceres a{
			text-decoration: none;
		}
		#contingutBannersDreceres a:hover{
			text-decoration:overline;
		}





#bannersDreceresG{
	width: 726px;
	height: 403px;
	222border: 1px solid #e77610;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	text-align: center;
	background-color: #FFFFFF;
	font-family: Segoe UI, Arial, Helvetica;
	text-align: center;
		-webkit-box-shadow: 3px 3px 7px #777;
		-moz-box-shadow: 3px 3px 7px #777;
		box-shadow: 3px 3px 7px #777;
		float:left;	
		position:relative;
		border:1px solid #A2A2A2;
		background-color:#F1F1F1;
		padding:8px;
		margin:5px;
		color:#0150c7;
		display: inline-block;
}
	#contingutBannersDreceresG{
		width: 726px;
		height: 403px;
		text-align: center;
		background-repeat: no-repeat;
		font-size: 18px;
	}
		#contingutBannersDreceresG a{
			text-decoration: none;
		}
		#contingutBannersDreceresG a:hover{
			text-decoration:overline;
		}

#bannersDalt{
	111width: 350px;
	111height: 146px;
	222border: 1px solid #e77610;
	margin-top: 10px;
	margin-right: 10px;
	float: left;
	222padding: 18px;
	text-align: center;
	background-color: #FFFFFF;
	222background-color: #333333;
	font-family: Segoe UI, Arial, Helvetica;
	text-align: center;
	
	
		222-webkit-transform: rotate(-5deg);
		222-moz-transform: rotate(-5deg);
		222-o-transform: rotate(-5deg);
		222-ms-transform: rotate(-5deg);
		222rotation: -5deg;
		-webkit-box-shadow: 3px 3px 7px #777;
		-moz-box-shadow: 3px 3px 7px #777;
		box-shadow: 3px 3px 7px #777;
		float:left;	
		position:relative;
		border:1px solid #A2A2A2;
		background-color:#F1F1F1;
		padding:8px;
		margin:5px;
		color:#0150c7;
		display: inline-block;
}
	#bannersDalt a{
		text-decoration: none;
	}
	#bannersDalt a:hover{
		text-decoration:overline;
	}

#eslogan{
	
	position: relative; float:left; top: 20px;

	font-family: Segoe UI, Arial, Helvetica; font-size: 28px; 


		222-webkit-transform: rotate(-5deg);
		222-moz-transform: rotate(-5deg);
		222-o-transform: rotate(-5deg);
		222-ms-transform: rotate(-5deg);
		222rotation: -5deg;
		-webkit-box-shadow: 3px 3px 7px #777;
		-moz-box-shadow: 3px 3px 7px #777;
		box-shadow: 3px 3px 7px #777;
		
		
			padding-left: 10px;
		
}

/* ================================================================================================================== */
/* sudoslider personals */
/* ================================================================================================================== */
#contenidorSudoSliderBody{
	background-repeat:no-repeat; 
	background-color: #FFFFFF; 
	position:relative; 
	top: 0px; left: 0px; width:1000px; height:240px;
}

#fonsSudoSliderBody{
	position:absolute; z-index: 8888888; 

		222background-color: #CCCCCC; 
		222filter: alpha(opacity=70); 
		222opacity: .7; 
		-222moz-opacity:0.7; 
	padding: 5px;
	left: 500px; right: 10px; top: 28px; bottom: 10px;
}
/*
#titolSudoSliderBody{
	position:absolute; z-index: 9999999; padding: 5px;
	left: 10px; 222right: 10px; 222222top: 10px; bottom: 10px;
	font-family: Segoe UI, Arial, Helvetica;
	text-align: justify;
		color: #FFFFFF;
}
	.textTitolSudoSliderBody{
			
			filter: alpha(opacity=40); 
			opacity: .4; 
			-moz-opacity:0.4; 

				
			font-family: Segoe UI, Arial, Helvetica;
			font-size: 22px;
			color: #333333;
			font-weight: bold;
			
	
	}
*/

#contingutSudoSliderBody{
	position:absolute; z-index: 9999999; padding: 5px;
	left: 500px; right: 10px; 222222top: 10px; bottom: 10px;
	font-family: Segoe UI, Arial, Helvetica;
	text-align: justify;
		background-color: #000000;
		color: #FFFFFF;
}
	#contingutSudoSliderBody input{
		background-color: #333333;
		color: #CCCCCC;
		font-family: Segoe UI, Arial, Helvetica;
		font-size: 11px;
		padding: 4px;
		height: 23px;
	}
		#contingutSudoSliderBody input:hover{
			font-weight: bold;
		}
/* ================================================================================================================== */
.linksPeu{
	color: #000000;
	text-decoration:none;
}
	.linksPeu:hover{
		color: #000000;
		text-decoration:overline;
	}

/* .................................................................................................................. */
#divLogin{
	margin:0 auto;
	width: 250px;
	font-family: Segoe UI, Arial, Helvetica;
	color: #333333;
	font-size: 14px;
}
#divLogin a{
	margin:0 auto;
	width: 250px;
	font-family: Segoe UI, Arial, Helvetica;
	color: #333333;
	font-size: 14px;
}
#divRegistre{
	margin:0 auto;
	width: 500px;
	font-family: Segoe UI, Arial, Helvetica;
	color: #333333;
	font-size: 14px;
	border: 1px solid #33FF99;
}
.quadretext{
	font-family: Segoe UI, Arial, Helvetica;
	color: #333333;
	font-size: 16px;
}
.botons{
	background-color:#333333;
	font-family: Segoe UI, Arial, Helvetica;
	color: #cccccc;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
}
.botonsLogin{
	background-color:#333333;
	font-family: Segoe UI, Arial, Helvetica;
	color: #cccccc;
	height: 25px;
	padding-left: 15px;
	padding-right: 12px;
		background-image:url('topics/login.png');
		background-repeat:no-repeat;
		background-position: 10px 8px;
}
.botonsLogout{
	background-color:#333333;
	font-family: Segoe UI, Arial, Helvetica;
	color: #cccccc;
	height: 25px;
	padding-left: 10px;
	padding-right: 5px;
		background-image:url('topics/logout.png');
		background-repeat:no-repeat;
		22background-position: 10px 8px;
		background-position: 3px 8px;
}
.botonsRegenerar{
	background-color:#333333;
	font-family: Segoe UI, Arial, Helvetica;
	color: #cccccc;
	height: 25px;
	padding-left: 15px;
	padding-right: 12px;
		background-image:url('topics/reset.png');
		background-repeat:no-repeat;
		background-position: 10px 8px;
}
.botonsEnviar{
	background-color:#333333;
	font-family: Segoe UI, Arial, Helvetica;
	color: #cccccc;
	height: 25px;
	padding-left: 15px;
	padding-right: 12px;
		background-image:url('topics/enviar.png');
		background-repeat:no-repeat;
		background-position: 10px 8px;
}
.peuLogin{
	4text-align:center;
}
/* .................................................................................................................. */
.formulariContacte{
	background-image:url('topics/1111111111111.jpg'); 
	background-repeat: no-repeat;
	222width: 100%;
	width: 350px;
	padding-right: 5px;
	line-height: 22px;
	float:left;
}
.quadreTextContacte{
	height: 20px;
	border: 1px solid #000000;
	font-family: Segoe UI, Arial, Helvetica;
	color: #252564;
	font-size: 14px;
}
	.quadreTextContacte:hover{
		border: 1px solid #e37514;;
	}
.comboTextContacte{
	height: 25px;
	border: 1px solid #000000;
	font-family: Segoe UI, Arial, Helvetica;
	color: #000000;
	font-size: 14px;
}
.formulariContacteDades{
	width: 355px; 
	float:left; 
	padding-left: 15px; 
	padding-top: 10px;
	border-left: 1px dotted #333333;
}
.formulariContacteDades a{
	text-decoration: none;
}


/* ======================================================================================================================== */

.taulaAllotjaments{
	border: 2px solid #FFFFFF;
	width: 727px;
	222background-color: #FFFFFF;
		-webkit-box-shadow: 3px 3px 7px #777;
		-moz-box-shadow: 3px 3px 7px #777;
		box-shadow: 3px 3px 7px #777;
}
.taulaAllotjaments td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
}
	/*no compatible amb ie */
	/* 
	.taulaAllotjaments tr:nth-child(even) {
		background: #afb9c2;
	}
	.taulaAllotjaments 	tr:nth-child(odd) {
		background: #FFF;
	}
	*/
	
.taulaAllotjaments tr.even{ background: #afb9c2; } /* simulació jquery */
.taulaAllotjaments tr.odd{ background: #FFF; }
/* ======================================================================================================================== */


.msgcookie{
	margin: 0; padding:0;
	width: 50px;
	left: 0px;
	background-color:#333333;
	z-index: 99999999;
}