HTML {
	margin: 0px;
	padding:0px;
	height:100%;
}
BODY {
	margin: 0px;
	padding:0px;	
	font-family: Verdana;
	font-size:12px;
	text-align:center;
	height:100%;
	background-color:black;

	overflow:auto;
	* overflow:visible;
}

input,textarea {
	font-family: Verdana;
	font-size:12px;
	overflow:hidden;
}

#web {
/*
	width:100%;
	height:100%;
*/
	text-align:left;

	margin-left:auto;
	margin-right:auto;

	height:706px;
	width:1000px;

	background-color:black;

	background-image:url('fons2.jpg');
	background-repeat:no-repeat;


}

#web2 {
/*
	width:100%;
	height:100%;
*/
	text-align:left;

	margin-left:auto;
	margin-right:auto;

	height:592px;
	width:840px;

	background-color:black;

	background-image:url('fons2.jpg');
	background-repeat:no-repeat;



}




img {

	border:0px;

}

a {
	text-decoration:none;
	color:white;

}

a:hover {
	text-decoration:none;
	color:white;
}






H1 {

	text-align:left;
	color:black;
	font-size:large;
}



.idioma {
	float:right;
	font-size:10px;
}

#benvingut {
	color:#ffffff;
	margin-left:25%;

}


#tot {

	height:85%; 
/*	height:680px; */
	width:100%;

	

	text-align:center;



/*	overflow:auto; */

}

#tot2 {

	height:85%;
	width:100%;

	background-color:black;

	background-image:url('fons2.jpg');
	background-repeat:no-repeat;

	text-align:center;

/*	overflow:auto; */

}

#tot_video {
	height:100%;
	width:100%;


	text-align:center;

/*	overflow:auto; */
}

#esquerra {
	float:left;
	height:85%;
	width:40%;



	text-align:center;

	overflow:auto;
}

	#calendari_esquerra {

		width:338px;
		margin-left:auto;
		margin-right:auto;

		margin-top:50px;



	}

	#comentaris_foto_esquerra {

		width:338px;
		margin-left:auto;
		margin-right:auto;

		margin-top:50px;

	

	}

		#titol_comentaris {

			float:left;
			width:253px;
			_width:249px;

			height:22px;
			_height:30px;
			padding-top:8px;

			background-color:white;
			color:black;
			

		}

		.boto_com {

			width:85px;
			
			float:left;
		}

		input.boto {
		
			width:85px;
			
			height:30px;
			background-color: #fe0000;
			color:white;
			border:0px;
		
		}


		.text_com {
			
			width:338px;
			* width:336px;
			_width:336px;
		
			
			margin-left:auto;
			margin-right:auto;
			height:70px;
			border:0px;

			* margin-left:0px;
			_margin-left:-2px;

		}
		
		textarea {
		
			width:100%;
			height:70px;
			border:0px;
			background-color:#e5e5e5;

			margin-top:-1px;
			_margin-left:-1px;
		
		}
		

#dreta {
	float:left;
	height:85%;
	width:60%;

	background-color:black;

	text-align:center;

	overflow:auto;

	overflow-y:none;

}

#esquerra_sota {

	width:20%;
	height:100%;

	float:left;

	
/*	background-color:#fe0000; */

}

	#imatge_esquerra_sota {
		margin-left:100px;
		height:80px;
	}

#dreta_sota {

	width:80%;
	height:100%;
	float:left;

/*	background-color:#fe0000; */

}


#nom_projecte_sota {



	margin-top:7px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;

}

#menu_projecte {

	width:75%;
	_width:85%;
	height:25%;

	list-style-type:none;
	color:#ffffff;
	
	margin-top:10px;
	* margin-top:15px;

	margin-left:-15px;



	
}


#menu_projecte ul {

	list-style-type:none;
	color:#ffffff;

	margin-left:-39px;

	
}

#menu_projecte li {

	float:left;
/*	color:#ffffff; */
	margin-right:13px;
	_margin-right:5px;

	text-align:center;

	width:132px;
	height:30px;
	_height:35px;




	padding-top:5px;


}

#menu_projecte li:hover {




}

#menu_projecte li.seleccionada {



}

#menu_projecte li:hover a {




}

#menu_projecte li.seleccionada a {




}

#menu_projecte ul li a {



}

#menu_projecte ul li a:hover {

}



#menu {

	height:15%; 
/*	height:142px; */
	width:100%;
	text-align:left;
	color:#ffffff;


}




#sortir {
	float:right;

	width:110px;
	height:25px;

	
	/*font-size:10px;*/
	margin-right:50px;
	_margin-right:40px;
	margin-top:50px;

	padding:5px;
	

	cursor:pointer;


}

#sortir:hover {


}

#sortir:hover a {

	background-color:white;
	color:#fe0000;
	font-weight:bold;
	font-size:16px;



}

	#sortir a {
	
		background-color:white;
		color:#fe0000;
		font-weight:bold;
		font-size:16px;
		text-decoration:none;
	
	}

	#sortir a:hover {
	
		background-color:white;
		color:#fe0000;
		font-weight:bold;
		font-size:16px;
		background-color:white;

	
	}



.texterror {
	font-weight:bold;	
	color:red;

}


/************** Pel calendari ************/


td.calendar {

	height:30px;
	width: 40px;

	font-size:20px;
	font-weight:normal;

	border:solid 2px black;

	background-color:black;
	
	color:white;

}

td.calendar:hover {



	

}

td.calendarSelected {

	height:30px;
	width: 40px;

	font-size:20px;
	font-weight:normal;

	background-color:white;
	
	color:black;

	border:solid 2px #999999;

}

td.calendarSelected a {

	width:100%;
	height:100%;
	color:black;


}

td.calendarSelected a:hover {

	color:black;

}

td.calendarSelect {

	height:30px;
	width: 40px;

	font-size:20px;
	font-weight:normal;

	background-color:black;
	
	color:white;

	border:solid 2px #999999;

}

td.calendarSelect:hover {

	height:30px;
	width: 40px;

	font-size:20px;

	background-color:white;
	
	color:black;

	border:solid 2px #999999;

}

td.calendarSelect a {

	width:100%;
	height:100%;
	color:white;
	background-color:black;


}

td.calendarSelect a:hover {

	color:black;
	background-color:white;
}


td.calendarToday {

	height:30px;
	width: 40px;

	font-size:20px;


	border:solid 2px black;

	color:#999999;
	background-color:black;

	

}

td.calendarToday:hover {

	
	

}

td.calendarDay {

	height:30px;
	width: 40px;

	font-size:20px;
	font-weight:normal;

	border:solid 2px black;

	background-color:black;
	
	color:white;

}

td.calendarDayFest {

	height:30px;
	width: 40px;

	font-size:20px;
	font-weight:normal;

	border:solid 2px black;

	background-color:black;
	
	color:red;

}


.mes_ressaltat {

	background-color:#e5e5e5;
	height:30px;
	width: 200px;

	font-size:20px;
}


.mesmenys {

	height:30px;
	width: 40px;

	font-size:20px;
	background-color:#7f7f7f;
	color:white;
	font-weight:bold;

}

.link_dia {

	width:100%;
	height:100%;
}

#sota_video {

	width:100px;
	height:30px;


}