/* CSS Document */

body {
	margin: 0px; 
	padding: 0px; 
	background: #fdfdf8; 
	color: #71706f;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px
	}
* {
	padding: 0px; 
	margin: 0px;}
ul {
	list-style-type: none;
}
.clear {
	clear: both;
}
/*----MAIN PANEL----*/
#cos {
text-align: center;
	position:absolute;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	width: 330px;
	height: 459px;
	margin-left: -165px;
	margin-top: -229px;
}
#cos h1 {
	display: block;
	float: left;
	padding-top: 333px;
	width: 330px;
	background: url(../imatges/teodoro_mora.jpg) left top no-repeat;
	text-indent: -9999px;
	font-size: 0px;
}
#cos ul {
	display: block;
	float: left;
	width: 330px;
	
}
#cos li {
	display: block;
	float: left;
	width: 110px;
	text-indent: -9999px;
	font-size: 0px;	
}
#cos li a.english{
	display: block;
	float: left;
	width: 110px;
	background: url(../imatges/english.gif) left top no-repeat;
	padding-top: 39px;
}
#cos li a.castellano{
	display: block;
	float: left;
	width: 110px;
	background: url(../imatges/cast.gif) left top no-repeat;
	padding-top: 39px;
}
#cos li a.frances{
	display: block;
	float: left;
	width: 110px;
	background: url(../imatges/frances.gif) left top no-repeat;
	padding-top: 39px;
}
/*==========================================*/

#cos li a.english:hover{

	background: url(../imatges/english_ov.gif) left top no-repeat;
	
}
#cos li a.castellano:hover{
	
	background: url(../imatges/cast_ov.gif) left top no-repeat;
	
}
#cos li a.frances:hover{

	background: url(../imatges/frances_ov.gif) left top no-repeat;
	
}
#cos p {
	text-align: center;
	display: block;
	width: 290px;
	font-size: 11px;
	float: left;
	padding: 10px 5px 10px 20px;
}
/*FOOTER*/
#footer {
	position: absolute;
	top: 100%;
	left: 50%;
	right: 50%;
	width: 890px;
	padding-top: 85px;
	margin-top:-85px;
	margin-left: -445px;
}
#footer p{
	display: block;
	float: left;
	text-align: center;
	display: block;
	font-size: 9px;
	color: #a09e9d;	
	margin-left: -60px;
	margin-top: -55px;
	width: 890px;
}
#footer img{
	display: block;
	float: left;
	margin-top: -58px;
	padding-left: 570px;
	border: none;
}
/*FLORS*/
#flor_esq {
	position: absolute;
	z-index: 999px;
	top: 100%;
	margin-top:-74px;
}
#flor_dret {
	position: absolute;
	z-index: 998px;
	top: 100%;
	left: 100%;
	margin-top:-193px;
	margin-left: -264px;
	
}
#cos_flash {
	text-align: center;
	position:absolute;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	width: 639px;
	height: 403px;
	margin-left: -320px;
	margin-top: -202px;
}
#cos_flash p{
	text-align: center;
	position:absolute;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	width: 639px;
	height: 403px;
	margin-left: -320px;
	margin-top: 0px;
}