/********************************************************
*	author: Miquel Canes (miquelcanes@gmail.com)	*	
*********************************************************/

#cosafegir {
	width:94%;
	margin-top:20px;
	/*margin-left:10px;
	margin-right:10px;*/
	margin-left:3%;
	margin-right:3%;
	margin-bottom:4px;
	position: relative;
	float:left;
	background:#33CCFF;
}

#cosborrar {
	width:94%;
	margin-top:20px;
	/*margin-left:10px;
	margin-right:10px;*/
	margin-left:3%;
	margin-right:3%;
	margin-bottom:4px;
	padding-left:10px;
	position: relative;
	float:left;
	background:#66cc00;
}

body {
	background: #e2dfde;
	font: 82% "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	margin: 0 2%;
	padding: 0;
}

.imatgeic {
	position:absolute;
	top:7px;
	left:65%;
}

#text{
	margin-top:8px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:12px;
	text-decoration:none;
	background:#ffffff;
}

#text #user {
	margin-top:2px;
	font-size:x-small;
	font-weight:bolder;
	
}

#text #user u {
	color:green;
	
}


#text a {
	color:#a8916a;
	text-decoration:none;
}

#text a:hover {
	color:red;
	text-decoration:underline;
}


#cos {
	width:79%;
	margin-top:10px;
	/*margin-left:10px;
	margin-right:10px;*/
	margin-left:1%;
	margin-right:1%;
	margin-bottom:4px;
	position: relative;
	float:left;
}

#cos2 {
	background:#3399FF;
	color:white;
	width:17%;
	margin-top:10px;
	margin-left:0px;
	/*margin-right:4px;*/
	margin-right:0px;
	margin-bottom:4px;
	/*padding-right:7px;
	padding-left:2px;*/
	padding-right:0.6%;
	padding-left:0.2%;
	padding-top:2px;
	padding-bottom:45px;
	float:left;
	position:relative;
	bottom:0px;
	background: url(cos2fi.png) #3399FF repeat-x bottom left;
}

/*#cos2 {

	color:white;
	width:17%;
	margin-top:10px;
	margin-left:0px;
	margin-right:4px;
	margin-bottom:4px;
	float:left;
	position:relative;
		
}*/
/*#cos22 {
	background:#3399FF;
	color:white;
	position: relative;
	padding-right:7px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:30px;
	float:left;
	position:relative;

}	
#ficos2 {
	margin-right:4px;
	background: url(cos2fi.png) repeat-x bottom left;
	height:45px;
	position:relative;
	bottom:0px;
}*/
#pagines {
	padding-left:4px;
	margin-bottom:3px;
}

#pagines a {
	color:white;
	text-decoration:none;
}

#pagines a:hover {
	color:red;
	text-decoration:underline;
	font-weight:bolder;
}

#title2 {
	position: relative;
	
	width:97%;
	text-align:center;
	background: #3366FF;
	font-size:large;
	border-style:solid;
	border-width:2px;
	border-color:#3300FF;
	margin-top:2px;
	margin-right:2px;
	margin-left:2px;
	margin-bottom:5px;
} 

#title {
	width:96%;
	background: #33CCFF;
	font-size:large;
	border-style:solid;
	border-color:#6666FF;
	border-width:1px;
	padding-left:10px;
	padding-right:10px;
	margin:4px;
	float:left;
	position:relative;
}
#title #titol {
	position:relative;
	float:left;
}
#title #data {
	position:relative;
	float:right;
}


#title a {
	color:black;
	text-decoration:none;
}

#title a:hover {
	color:white;
	text-decoration:underline;
}

#header {
	background: url(headbackground3.png) #d5b372 repeat-x bottom left;
	height: 76px;
}



#header img {
	display: block;
	float: left;
	position: relative;
	top: 20px;
	left: 40px;
}

#menu {
	font-size: 0.9em;
	margin: 0;
	float: left;
	margin: 0;
	position: absolute;
	top: 48px;
	left: 215px;
}

#menu a {
	float:left;
	/*background: transparent url("esquerra.png") no-repeat left top;*/
	/*background-position: -1000px 0%;*/
	margin:0 1px 0 0;
	padding:0 0 0 2px;
	text-decoration:none;
	color: #fff;
	}

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

#menu li {
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	}

#menu a span {
	float:left;
	display:block;
	/*background: transparent url("img/tabs-right.gif") right top no-repeat;*/
	padding:3px 9px 3px 6px;
	}

#menu #current a span, #nav #current span {
	background: transparent url("actual.png") right top repeat-x;
	padding-bottom:3px;
	color:#fff;
	}

#menu #current a {
	float:left;
	background: transparent url("esquerra2.png") left top no-repeat ;
	/*background-position: -1000px 0%;*/
	margin:0 1px 0 0;
	padding:0 0 0 3px;
	text-decoration:none;
	color: #fff;
	}

#menu a:hover span {
	color: #fff;
	background: transparent url("sobre.png") right top repeat-x;
	}

/*#menu #current a:hover {
	background-position:0% -300px;
}*/

#principal {
	width:100%;
	background: #ffffff;
	color: #000;
	border: 1px black solid;
	border-width: 0 1px;
	min-width: 750px;
	padding-bottom:3px;
	position: relative;
	float:left;
 
}

#fin {
	float:left;
	width:100%;
	position: relative;
	background:#000000;
	margin-bottom:4px;
	font-family: arial, helvetica, sans-serif;
	font-size: 90%;
	text-align:center;
	color:#ffffff;
	border: 1px black solid;
}