@charset "utf-8";

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
}

a img { border:none; }

a:focus {
	outline:none;
}

#logo {
	float:left;
	margin:0 0 0 0;
	padding:0;
}

#cos {
	margin:0 auto;
	padding:0;
	width:990px;
}

.cos_index {background:url(img/img02.jpg) no-repeat left top;}
.cos_quisom {background:url(img/img03.jpg) no-repeat left top;}
.cos_onsom {background:url(img/imgb06.jpg) no-repeat left top;}
.cos_agenda {background:url(img/imgb06.jpg) no-repeat left top;}
.cos_fotos {background:url(img/img07b.jpg) no-repeat left top; height:932px;}
.cos_enllasos {background:url(img/imgb06.jpg) no-repeat left top; height:646px;}
.cos_reserves {background:url(img/img07b.jpg) no-repeat left top; height:680px;}

#img {
	clear:both;	
	height:280px;
	margin:0 0 40px 0;	
	padding:20px 0 1px 0;
}

#img2 {
	clear:both;	
	height:420px;
	margin:0 0 40px 0;	
	padding:20px 0 1px 0;
}

#img3 {
	clear:both;	
	height:500px;
	margin:0 0 40px 0;	
	padding:20px 0 1px 0;
}


#titular {
	clear:both;
	margin:0 0 10px 10px;
}

h4 {	
	color:#666;
	font-size:10px;
	font-weight:bold;
	font-family: Verdana;
}

#menu {
	clear:both;
	border-top:#D95700 solid 1px;
	font-weight:bold;
	margin:5px 0;
	padding:7px 0  15px 0;	
}

#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0 26px 0 0;	
}

#menu ul li a {
	color:#D95700;
	text-decoration:none;	
}

#menu ul li a:hover {
	color:#333;
	text-decoration:underline;
}

#menu ul li a:active {
	color:#000;
	text-decoration:none;
}

.destacat a {
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

.destacat a:hover {
	color: #C30;
}

.text {
	margin:0px 5px 10px 10px;
	padding:5px;
	background-color:rgba(255,255,255,0.65);
	width:290px;
	font-family:Arial;
	float:left;
}
.mapa {
	margin:0px 5px 10px 10px;
	padding:5px;
	background-color:rgba(255,255,255,0.65);
	width:940px;
	font-family:Arial;
}

.enllas {
	margin:0px 5px 10px 10px;
	padding:5px;
	background-color:rgba(255,255,255,0.80);
	width:940px;
	font-family:Arial;
}

a:focus { outline:none; }

.anyActiu { 
	color:#309; 
	font-size:12px; 
	font-weight:bold;
}

.color { 
	clear:both; 
	color:#099; 
	font-size:10px; 
	font-family:Arial, Helvetica, sans-serif; 
	margin:0 10px 0 0; 
	padding:20px; 
	text-align:center;
	width:100%; 	
}

.color h6 {  
	color:#000; 
	font-size:14px; 
	margin:0 0 10px; 
	padding:0; 
}

.cosFotosMenu { 
	margin:0; 
	padding:0; 
	width:950px; 
}

.cosFotosMenu li { 
	background:#339; 
	font-family:Verdana;  
	font-size:11px;
	float:left; 
	list-style:none; 
	margin:0 2px 2px 0;		
	padding:2px 10px; 	
	text-transform:uppercase; 	
}

.cosFotosMenu li a { color:#FFF; text-decoration:none; }

.cosFotosMenu ul { margin:0; padding:0;}

.slide { 
	 height:620px; 
	 margin:0 auto; 
	 text-align:center; 
	 width:620px; 
}

/* fontface */

@font-face {
 font-family: MyCustomFont2;
 src: url("img/Ageone.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont2;
 src: url("img/Ageone_bold.ttf") /* TTF file for CSS3 browsers */
}

/**/
	
	#box {
			/*background:#F8F8F8;*/
			border:solid 1px #c00;
			font-size:12px;
			margin:/*1*/0px;
			padding:10px;
			width:318px;
			/*width:240px;*/			
			/*background-image:-moz-linear-gradient(top, #ffffff, #F8F8F8); 
			background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#F8F8F8),color-stop(1, #ffffff)); 
			filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#F8F8F8'); 
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#F8F8F8')"; */
	
		}
		#box #twitter_update_list {
			color:#000 !important;
			margin:0px;
		}
		#box ul  { margin:0; padding:0; }
		#box li {
			border-bottom:dotted 1px #999;
			list-style:none;
			magin:0;
			padding:6px 0;
			word-wrap: break-word; /*ie*/
			
		}
		#box #twitter_update_list a {
			color:/*#F00*/#BA5901;
		}
		#box #twitter_update_list a:hover {
			color:#000;
		}
		#box span a {display: inline;}
		#box .imgTweet { 
			float:left; 
			margin:0 10px 0 0;
		}
		#box .pTweet { 
			color:#CC0000;
			font: bold 10px verdana;
			margin:0 0 10px 0;
			padding:5px 0 0 0;
			text-transform:uppercase;
		}
		#box a.segueixTweet {
			color:#666;
		}
		#box a:hover.segueixTweet {
			color:#444;
		}
		#box .peuTweet {
			color:333;
			font-size:9px;
			margin:10px 0 0 0;
		}