/* CSS Document */
html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titul       	{font-family:Arial; font-size:13px; color:#000000; text-decoration:none; font-weight:bold}
.titul2       	{font-family:Arial; font-size:11px; color:#000000; text-decoration:none; font-weight:bold}
.cuerpob			{font-family:Verdana; font-size:10px; color:#000000; text-decoration:none; font-weight:normal}
.cuerpob2			{font-family:Verdana; font-size:9px; color:#000000; text-decoration:none; font-weight:normal}
.dia {
cursor:hand;font-family:Verdana; font-size:11px; color:#000000; text-decoration:none; font-weight:bold
}

.diaBase {
	cursor:pointer;
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	background: #FFFFFF url(../img/lliure.gif) no-repeat;
	width:32px;
	height:20px;
	padding-top:3px;
	margin-top:2px;
	margin-right:2px;
	margin-left:2px;
}
.diaOcupat {
	cursor:pointer;	
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	background: #FFFFFF url(../img/ocupat.gif) no-repeat;
	width:32px;
	height:20px;
	padding-top:3px;
	margin-top:2px;
	margin-right:2px;
	margin-left:2px;
}
.diaOcupatMati {
	cursor:pointer;	
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	background: #FFFFFF url(../img/mati_ocupat.gif) no-repeat;
	width:32px;
	height:20px;
	padding-top:3px;
	margin-top:2px;
	margin-right:2px;
	margin-left:2px;
}
.diaOcupatTarda {
	cursor:pointer;	
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	background: #FFFFFF url(../img/tarda_ocupat.gif) no-repeat;
	width:32px;
	height:20px;
	padding-top:3px;
	margin-top:2px;
	margin-right:2px;
	margin-left:2px;
}

.diaBase2 {
	cursor:pointer;
	font-family:Verdana;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
	background: #FFFFFF url(../img/lliure_p.gif) no-repeat;
	width:22px;
	height:13px;
}
.diaOcupat2 {
	cursor:pointer;	
	font-family:Verdana;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	background: #FFFFFF url(../img/ocupat.gif) no-repeat;
	width:22px;
	height:13px;
}
.diaOcupatMati2 {
	cursor:pointer;	
	font-family:Verdana;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	background: #FFFFFF url(../img/mati_ocupat_p.gif) no-repeat;
	width:22px;
	height:13px;
}
.diaOcupatTarda2 {
	cursor:pointer;	
	font-family:Verdana;
	font-size:9px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	background: #FFFFFF url(../img/tarda_ocupat_p.gif) no-repeat;
	width:22px;
	height:13px;
}

.cent_back{ 
width:250px;
height:200px;
margin: -100px; /* centrar amb firefox */
margin-top: -150px;
text-align:left; /* centra les capes amb internet explorer */
background-color:white;
position:absolute;
left:50%;
top:50%;
}

.principal_backoffice{
width:1011px;
height:760px;
background-color:white;
margin:auto;
text-align:right;
}

.zona_menu{
	width:140px;
	height:100%;
	background-image:url(../imatges/fons_menu.jpg);
	background-repeat:no-repeat;
	float:left;
}

.zona_cont{
	width:870px;
	height:100%;
	text-align:center;
	float:left;
}

.menu_p{
	width:100px;
	height:20px;
	float:left;
	text-align:left;
	position:relative;
	left:10%;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}

.menu_opcio{
	width:100px;
	height:20px;
	float:left;
	text-align:left;
	position:relative;
	left:18%;
	font-size:11px;
	color:#FFFFFF;
}

opcio{
	color:#FFFFFF;
}
.opcio:hover{
	color:#FFFFFF;
	font-weight:bold;
}

.opcio:visited{
	color:#FFFFFF;
	text-decoration:none;
}

.opcio:link{
	color:#FFFFFF;
	text-decoration:none;
}