BODY { 
	font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; 
	text-align: left;
	background-color: #ccddee;
	margin: 0;
}

TD { 
	font: 10px 'Verdana','Arial','Helvetica','Sans-Serif'; 
	text-align: left;
}
table {
	padding: 0px;
	margin: 0px;
}

/* PAGINAS */

.title { 
	font: 20px 'Verdana','Arial','Helvetica','Sans-Serif'; 
	font-weight: bold; 
	font-variant: small-caps;
	color: #105ec1; 
	margin: 0px;
	text-align: left;
}
.title_action { 
	font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; 
	font-weight: normal; 
	font-variant: small-caps;
	color: #105ec1;
	margin-bottom: 0px;
	text-align: left;
}
.subtitle { 
	font-size: 14px;
	color: #105EC1; 
	margin: 0px;
	padding-top: 16px;
	text-align: left;
}

/* FIN PAGINAS*/

/* GRIDS */

.estilotabla {
	width: 99%;
	float: left;
	background-color: #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-left: 2px;
}
.estilotabla thead {
	background-image: url(../images/bk_manteni/bkg_grid_th.png);
	background-repeat: repeat-x;
}
.estilotabla th {
	height: 24px;
	font: 11px 'Verdana','Arial','Helvetica','Sans-Serif'; 
	font-variant: small-caps;
	font-weight: bold;
	color: #777;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
}
.estilotabla th a {
	color: #777;
}
.estilotabla th a:hover {
	color: #5A9CF1;
	text-decoration: none;
}
.estilotabla .textbox {
	height: 12px;
	background-color: #f2f2f2;
	border: solid 1px #bbb;
	font-size: 10px;
}
.estilotabla td {
	height: 24px;
	color: #444;
	padding: 8px;
	border-left: 1px solid #ccc;
	padding-left: 8px;
	line-height: 16px;
}
#resultado {
	overflow: hidden;
	padding-bottom: 4px;
	padding-left: 1px;
	font: 11px 'Verdana','Arial','Helvetica','Sans-Serif';
	font-style: italic;
}
#resultado b {
	font-variant: small-caps;
	color: #105EC2;
	font-style: normal;
}
#paginador {
	width: 100%;
	float: left;
	clear: left;
	padding-top: 4px;
	padding-left: 1px;
	font: 11px 'Verdana','Arial','Helvetica','Sans-Serif';
}
#paginador div.right{
	font-size: 11px;
	color: #17A3F3;
}
#paginador div.right a {
	text-decoration: underline;
	color: #105EC2;
	padding: 4px;
}
#paginador div.right a:hover {
	color: #17A3F3;
	text-decoration: none;
}
#paginador div.right .selected {
	font-size: 14px;
	font-weight: bold;
	color: #003470;
	padding: 4px;
}
#paginador div.right .arrow {
	padding: 4px;
}
#creanou {
	float: left;
	margin-top: 16px;
	padding-top: 8px;
	width: 100%;
	border-top: 1px solid #34B7FF;
}
#creanou a {
	width: 140px;
	display: block;
	height: 18px;
	padding: 0px;
	border: 1px solid #d4d4d4;
	border-top: 1px solid #fff;
	background-image: url(../images/bk_manteni/bkg_btn.png);
	background-repeat: repeat-x;
	color: #777;
	font: 11px 'Verdana','Arial','Helvetica','Sans-Serif'; 
	font-weight: bold; 
	font-variant: small-caps;
	line-height: 14px;
}
#creanou a:hover{
	background-image: url(../images/bk_manteni/bkg_btn_hover.png);
	color: #5A9CF1;
	text-decoration: none;
}
td.btn_Edit{
	background: url(../images/bk_manteni/edit.gif) no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
td.btn_Edit:hover {
	background: url(../images/bk_manteni/edit_over.gif) no-repeat;
	background-position: center;
}

#Fut2 {
	margin-bottom: 15px;
	margin-top: 5px;
}
#Pas2 {
	margin-bottom: 15px;
	margin-top: 5px;
}
#Reali {
	margin-bottom: 15px;
	margin-top: 5px;
}

/* FIN GRIDS */


.warning { 
	color: #ff0000; 
}
.instructions { 
	font: 9px 'Arial','Helvetica','Sans-Serif'; 
	font-style: italic; 
}
.item_divider { 
	line-height: 4px;
}
.item_form {
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	color: #04135D;
}

.item_bloque {
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	border-bottom: solid 1px #ccc;
}

.item_label { 
	font: 12px 'Arial','Helvetica','Sans-Serif'; 
	margin: 0px 0px 2px 0px;
	color: #003376;
	text-align: left;
}

.item_label_disabled { 
	font: 12px 'Arial','Helvetica','Sans-Serif'; 
	padding-bottom: 4px; 
	color: #ccc; 
}

.item_margin {
	margin-right: 12px;
	overflow: hidden;
}

.item_horiz {
	float: left;
	clear: right;
	overflow: hidden;
}

.button {
	border: 1px solid #bbb;
	border-top: 1px solid #fff;
	background-image: url(../images/bk_manteni/bkg_btn.png);
	background-repeat: repeat-x;
	color: #777;
	font: 11px 'Verdana','Arial','Helvetica','Sans-Serif';
	font-weight: bold;
	font-variant: small-caps;
	line-height: 14px;
}
.listbox { 
	font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; 
	width: 250px; 
}
.dashboard_top {
	width: 854px; 
	margin-left: 170px; 
	color: #000066; 
	font: 30px 'Verdana','Arial','Helvetica','Sans-Serif'; 
	font-weight: bold; 
	height: 40px;
}
.dashboard_pane {
	float: left; 
	font-size: 10px; 
	width: 160px;
}
.dashboard_left {
	float: left; 
	background-color: #eeeeff; 
	width: 400px; 
	height: 500px; 
	margin-left: 10px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: black; 
	padding: 10px; 
	overflow: auto;
}
.dashboard_right {
	float: left; 
	background-color: #eeeeff; 
	width: 400px; 
	height: 500px; 
	margin-left: 10px; 
	border-width: 1px; 
	border-style: solid; 
	border-color: black; 
	padding: 10px; 
	overflow: auto;
}
.file_asset_dbox { 
	border: 1px solid #1c4a8c; 
	background-color: #fff; 
	padding: 20px; 
	width: 400px; 
	overflow: auto; 
}
.file_asset_dbox h1 { 
	margin: 0px; 
}
.file_asset_dbox input { 
	padding: 3px; 
	margin-right: 5px; 
}
/*
CABECERA
*/
#todo {
	background-color: #fff;
	width: 960px;
}
#cabecera {
	height: 102px;
	display: block;
}
#part_sup {
	height: 80px;
	width: 960px;
}
#cab_ciutat {
	width: 475px;
	height: 80px;
	float: left;
	background: url(../images/cabecera/cab_palma.jpg) no-repeat;
}
#cab_logo {
	float: right;
	width: 485px;
	height: 80px;
	background: #00336f url(../images/cabecera/cab_ajuntament.jpg) no-repeat right;
}
#part_inf {
	width: 960px;
	height: 22px;
	background: url(../images/cabecera/cab_bg.jpg) repeat-x;
}
.txt_blanc {
	font: 11px 'Verdana','Tahoma','Helvetica','Sans-Serif'; 
	float: left;
	padding-left: 34px;
	padding-top: 5px;
	color: #fff;
}
.txt_groc {
	float: left;
	padding-left: 8px;
	padding-top: 5px;
	color: #ffcc00;
	font: 11px 'Verdana','Tahoma','Helvetica','Sans-Serif'; 
}
/*
FIN CABECERA
*/

/*
LOGIN
*/
#LoginForm {
	width: 960px;
	height: 337px;
}
#el_login{
	background-color: #ccddee;
	width: 547px;
	height: 263px;
	border: 1px solid #00336f;
	margin-top: 18px;
}

#bot_login {
	width: 414px;
	height: 110px;
	text-align: left;
	padding-left: 100px;
}
#bot_login .textbox {
	border: 1px solid #00336f;
}
#bot_login .button {
	margin-right: 162px;
	float: right;
}	
#LoginForm .pagetitle {
	color: #105ec1;
	font-size: 23px;
	width: 400px;
	height: 32px;
	margin-top: 39px;
	text-align: left;
}
/*
FIN LOGIN
*/

/*
Pantallejas
*/
#menu_i_continguts {
	width: 960px;
	margin: 0 0 20px;;
	background-color: #fafafa;
	border-right: 1px solid #bbb;
	border-bottom: 4px solid #bbb;
}
#menu {
	display: block;
	width: 160px;
	float: left;
	text-align: left;
	text-indent: 8px;
	margin: 0;
	background: #fff;
}
#continguts {
	width: 760px;
	float: left;
	display: block;
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	margin: 0px;
}
#dades_generals {
	/*height: 333px;
	height: auto;*/
	width: auto;
	float: left;
	display: block;
	/*background-color: #d5febd;*/
}
#caract_prog{
	float: left;
	display: block;
	height: 180px;
	/*background-color: #fdeacd;*/
	margin-top: 6px;
}
#emails{
	float: left;
	display: block;
	height: 150px;
	background-color: #fdd8ee;
	margin-top: 6px;
}
#nivells_edu{
	float: left;
	display: block;
	height: auto;
	/*background-color: #fcfb8e;*/
	margin-top: 6px;
	width: 720px;
}
#textes{
	float: left;
	display: block;
	height: auto;
	background-color: #fcfb8e;
	margin-top: 6px;
	width: 720px;
}
#torns{
	float: left;
	display: block;
	height: auto;
	background-color: #fcfb8e;
	margin-top: 6px;
	width: 720px;
}

#docu_rel{
	float: left;
	display: block;
	height: auto;
	background-color: #fcfb8e;
	margin-top: 6px;
	width: 720px;
}
#formActions {
	height: 25px;
	width: 720px;
	float: left;
	display: block;
	margin-top: 6px;
}
#save {
	display: inline;
}
#cancel {
	display: inline;
}
#delete {
	display: inline;
}

/*
Fin pantallejas
*/


/*
Calendari lectiu
*/
.btn_lect_ant {
	font-family:Verdana;
	font-weight:normal;
	float:left;
	height:22px;
	margin-bottom: 8px;
	width: 300px;
}
.btn_lect_sig {
	font-family:Verdana;
	font-weight:normal;
	float:right;
	height:22px;
	margin-bottom: 8px;
	width: 300px;
}

.calendari_lectiu {
	width:180px;
	float:left;
	margin-bottom: 8px;
	height: 124px;
}
.calendari_lectiu table.main {
	border: 1px solid;
	width: 176px;
	font-family: Verdana;
	font-weight: normal;
}
.calendari_lectiu table.header {
	width: 150px;
	font-weight: bolder;
}
.calendari_lectiu td.navdisabled {
	color: grey;
	text-decoration: none;	
}
.calendari_lectiu td.dayheader {
	margin-top: 2px;
	margin-bottom: 2px;
 	width: 20px;
 	height: 20px;
 	text-align: center;
 	background-color: #DDD;
 	font-weight: bolder;
}
.calendari_lectiu td.disabledheader {
	margin-top: 2px;
	margin-bottom: 2px;
 	width: 20px;
 	height: 20px;
 	text-align: center;
 	background-color: #DDD;
 	color: grey;
}
.calendari_lectiu td.daydisabled {
	margin: 3px;
	text-align: center;
	color: grey;
}
.calendari_lectiu td.daydisabled a {
	display: block;
	color: grey;
	text-decoration: none;
}
.calendari_lectiu td.daydisabled a:hover {
	display: block;
	text-decoration: none;
}
.calendari_lectiu td.day {
	margin: 3px;
	text-align: center;
}
.calendari_lectiu td.day a:hover {
	display: block;
	background-color: linen;
}
.calendari_lectiu td.dayselected {
	margin: -1px;
	text-align: center;
	display: block;
	background-color: midnightblue;
	border: 1px solid;
	color: white;
	font-weight: bolder;
}
.calendari_lectiu td.dayselected a {
	text-decoration: none;
	color: white;
}
.calendari_lectiu td.dayprevmonth {
	margin: 3px;
	text-align: center;
	color: grey;
}
.calendari_lectiu td.daynextmonth {
	margin: 3px;
	text-align: center;
	color: grey;
}
.calendari_lectiu td.datedisplay {
	text-align: center;
}
.calendari_lectiu td.day a {
	text-decoration: none;
	color: black;
}
.calendari_lectiu td.DiaFinde,td.DiaFinde a {
	color:red;
	text-decoration: none;
	text-align: center;
}
.calendari_lectiu td.DiaLectiu,td.DiaLectiu a {
	color:blue;
	text-decoration: none;
	text-align: center;
}
.calendari_lectiu td.DiaNLectiu,td.DiaNLectiu a {
	/*color:#ff8400;*/
	color:#105ec2;
	text-decoration: none;
	text-align: center;
}
/*
Fin Calendari lectiu
*/

/*
  Caja para calendario
*/
div.calendar {
	background-color:#CCCCFF;
	border:1px solid #333377;
	width:200px;
}
div.navigator {
	background-color:#333377;
	color:#FFFFFF;
	overflow:auto;
	padding:2px 6px;
}
div.month {
	float:left;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:80px;
}
div.left {
	float: left;
}

div.options {
	background-color:#333377;
	text-align:center;
}
/*
  Fin caja para calendario
*/

/*
CALENDARIO DE TURNOS
*/
#calendaris_torns {
	background-color: #d9fde7;
	width: 720px;
	height: auto;
	float: left;
}
.calendari_torn {
	width:156px;
	float:left;
	margin-bottom: 8px;
	margin-left: 2px;
	height: 124px;
}
.calendari_torn table.main {
	border: 1px solid;
	width: 150px;
	font-family: Verdana;
	font-weight: normal;
}
.calendari_torn table.header {
	width: 150px;
	font-weight: bolder;
}
.calendari_torn td.navdisabled {
	color: grey;
	text-decoration: none;	
}
.calendari_torn td.dayheader {
	margin-top: 2px;
	margin-bottom: 2px;
 	width: 20px;
 	height: 20px;
 	text-align: center;
 	background-color: #DDD;
 	font-weight: bolder;
}
.calendari_torn td.disabledheader {
	margin-top: 2px;
	margin-bottom: 2px;
 	width: 20px;
 	height: 20px;
 	text-align: center;
 	background-color: #DDD;
 	color: grey;
}
.calendari_torn td.daydisabled {
	margin: 3px;
	text-align: center;
	color: grey;
	cursor: default;
}
.calendari_torn td.daydisabled a {
	display: block;
	color: grey;
	cursor: default;
	text-decoration: none;
}
.calendari_torn td.daydisabled a:hover {
	display: block;
	text-decoration: none;
	cursor: default;
}
.calendari_torn td.day {
	margin: 3px;
	text-align: center;
}
.calendari_torn td.day a:hover {
	display: block;
	background-color: linen;
}
.calendari_torn td.dayselected {
	margin: -1px;
	text-align: center;
	display: block;
	background-color: midnightblue;
	border: 1px solid;
	color: white;
	font-weight: bolder;
	
}
.calendari_torn td.dayselected a {
	text-decoration: none;
	color: white;
}
.calendari_torn td.excepcion {
	text-align: center;
	background-color: Yellow;
	color: #aaa;
	font-weight: bolder;
	margin-bottom: -1px;
	margin-top: -1px;
	margin-left: -1px;
}
.calendari_torn td.excepcion a {
	text-decoration: none;
	color: #000;
}
.calendari_torn td.excepcion:hover {
	text-decoration: none;
	color: #aaa;
	background-color: #fbbc9b;
}
.calendari_torn td.excepcion2 {
	text-align: center;
	background-color: #FF0000;
	color: white;
	font-weight: bolder;
	text-decoration: line-through;
	margin-bottom: -1px;
	margin-top: -1px;
	margin-left: -1px;
}
.calendari_torn td.excepcion2 a {
	text-decoration: none;
	color: white;
}
.calendari_torn td.excepcion2:hover {
	text-decoration: none;
	color: white;
	background-color: #fbbc9b;
}
.calendari_torn td.dayprevmonth {
	margin: 3px;
	text-align: center;
	color: grey;
}
.calendari_torn td.daynextmonth {
	margin: 3px;
	text-align: center;
	color: grey;
}
.calendari_torn td.datedisplay {
	text-align: center;
}
.calendari_torn td.day a {
	text-decoration: none;
	color: black;
}
.calendari_torn td.DiaFinde,td.DiaFinde a {
	color:red;
	text-decoration: none;
	text-align: center;
}
.calendari_torn td.DiaLectiu,td.DiaLectiu a {
	color:blue;
	text-decoration: none;
	text-align: center;
}
.calendari_torn td.DiaNLectiu,td.DiaNLectiu a {
	/*color:#ff8400;*/
	color:#105ec2;
	text-decoration: none;
	text-align: center;
}
.calendari_torn td.DiaNLectiu:hover {
	/*color:#ff8400;*/
	color:#105ec2;
	text-decoration: none;
	text-align: center;
	background-color: #fdf0c6;
}
/*
FIN CALENDARIO DE TURNOS
*/

/*
CALENDARIO DE RESERVAS
*/
#calendaris_reserves {
	background-color: #fff;
	width: 720px;
	height: auto;
	float: left;
	border: solid 1px blue;
	padding-left: 3px;
}

.calendari_reserva {
	width: 350px;
	float:left;
	margin-bottom: 8px;
	height: auto;
}

.calendari_reserva table.main {
	border: 1px solid;
	width: 350px;
	font-family: Verdana;
	font-weight: normal;
}

.calendari_reserva table.header {
	width: 350px;
	font-weight: bolder;
}

.calendari_reserva td {
	height: 35px;
	font-size: 11px;
}

.calendari_reserva td.navdisabled {
	color: grey;
	text-decoration: none;	
}

.calendari_reserva td.dayheader {
	margin-top: 2px;
	margin-bottom: 2px;
 	text-align: center;
 	background-color: #DDD;
 	font-weight: bolder;
}

.calendari_reserva td.disabledheader {
	margin-top: 2px;
	margin-bottom: 2px;
 	text-align: center;
 	background-color: #DDD;
 	color: grey;
}

.calendari_reserva td.daydisabled {
	margin: 3px;
	text-align: center;
	color: grey;
	cursor: default;
}

.calendari_reserva td.daydisabled a {
	display: block;
	color: grey;
	cursor: default;
	text-decoration: none;
}

.calendari_reserva td.daydisabled a:hover {
	display: block;
	text-decoration: none;
	cursor: default;
}

.calendari_reserva td.day {
	margin: 3px;
	text-align: center;
}

.calendari_reserva td.day a:hover {
	display: block;
	background-color: linen;
}

.calendari_reserva td.dayselected {
	margin: -1px;
	text-align: center;
	display: block;
	background-color: midnightblue;
	border: 1px solid;
	color: white;
	font-weight: bolder;
}

.calendari_reserva td.dayselected a {
	text-decoration: none;
	color: white;
}

.calendari_reserva td.excepcion {
	text-align: center;
	background-color: Yellow;
	color: #aaa;
	font-weight: bolder;
	margin-bottom: -1px;
	margin-top: -1px;
	margin-left: -1px;
}

.calendari_reserva td.excepcion a {
	text-decoration: none;
	color: #000;
}

.calendari_reserva td.excepcion:hover {
	text-decoration: none;
	color: #aaa;
	background-color: #fbbc9b;
}

.calendari_reserva td.excepcion2 {
	text-align: center;
	background-color: #FF0000;
	color: white;
	font-weight: bolder;
	text-decoration: line-through;
	margin-bottom: -1px;
	margin-top: -1px;
	margin-left: -1px;
}

.calendari_reserva td.excepcion2 a {
	text-decoration: none;
	color: white;
}

.calendari_reserva td.excepcion2:hover {
	text-decoration: none;
	color: white;
	background-color: #fbbc9b;
}

.calendari_reserva td.dayprevmonth {
	margin: 3px;
	text-align: center;
	color: grey;
}

.calendari_reserva td.daynextmonth {
	margin: 3px;
	text-align: center;
	color: grey;
}

.calendari_reserva td.datedisplay {
	text-align: center;
}

.calendari_reserva td.day a {
	text-decoration: none;
	color: black;
}

.calendari_reserva td.DiaFinde,td.DiaFinde a {
	color:red;
	text-decoration: none;
	text-align: center;
}

.calendari_reserva td.DiaLectiu,td.DiaLectiu a {
	color:blue;
	text-decoration: none;
	text-align: center;
}

.calendari_reserva td.DiaNLectiu,td.DiaNLectiu a {
	color:#ff8400;
	text-decoration: none;
	text-align: center;
}

.calendari_reserva td.DiaNLectiu:hover {
	color:#ff8400;
	text-decoration: none;
	text-align: center;
	background-color: #fdf0c6;
}

.calendari_reserva span.linknohover6 a {
	text-decoration: none;
	text-align: right;
	float: right;
	clear: both;
}

.calendari_reserva span.linknohover6 a:hover {
	background: #72cb86;
	text-decoration: underline;
}

.calendari_reserva span.linknohoverX a {
	text-decoration: none;
	text-align: right;
	float: right;
}

.calendari_reserva span.linknohoverX a:hover {
	background: #ffffff;
	text-decoration: underline;
}

.PanelExcept {
	float: left;
	display: block;
}

/*
FIN CALENDARIO DE RESERVAS
*/

	
/*
DIVs de la informacion de turnos en la reserva
*/
#DatTorns {
	float: right;
	background-color: lime;
	width: 360px;
	height: auto;
	border: 1px solid black;
	margin-right: 3px;
}

#lblTornsProg {
	float: left;
	margin-left: 3px;
	margin-top: 3px;
}
#InfoTorns {
	float: left;
	width: 715px;
	height: auto;
	margin-bottom: 3px;
	border: 1px solid black;
	clear: both;
}

#TriaTorn {
	display: block;
	background-color: red;
	width: 350px;
	height: 300px;
	border: 1px solid black;
	float: left;
	clear: both;
	position: relative;
	visibility: visible;
	overflow: visible;
}
/*
DIVs de la informacion de turnos en la reserva
*/









/*

  Caja para calendario

*/

div.calendar {
	background-color:#CCDDEE;
	border:0px solid #105FC2;
	width:200px;
}

div.navigator {
	background-color:#105FC2;
	color:#FFFFFF;
	overflow:auto;
	padding:2px 6px;
}

div.navigator div.left {
	float:left;
}

div.navigator div.month {
	float:left;
	padding: 0 4px;
	font-weight:bold;
	text-align:center;
}



div.navigator div.year {
	float:right;
}

div.navigator div.year span {
	font-weight:bold;
	margin-left:6px;
	margin-right:6px;
}

div.navigator a {
	color:#FFFFFF;
	text-decoration:none;
}

div.navigator a:hover {
	text-decoration:underline;
}

div.calendar table {
	border:0 none;
	margin-left:auto;
	margin-right:auto;
}

div.calendar th {
	border:0 none;
	font-size:11px;
	font-weight:bold;
	padding:4px 2px;
	text-align:center;
	line-height: 32px;
	color:#105FC2;
}

div.calendar td {
	border-color:#A69D95;;
	border-style:solid;
	border-width:0 0 1px;
	padding:0;
	text-align:center;
	line-height: 20px;
	font-size: 11px;
}

div.calendar td.lastRow {
	border-width:0;
}

div.calendar td a {
	color:#000;
	display:block;
	padding:2px 6px;
	text-decoration:none;
}

div.calendar td.today {
	background-color: #105FC2;
	color: #fff !important;
	font-weight: bold;
	font-size: 16px;
}

div.calendar td.nonMonth a {
	color:#A69D95;
}

div.calendar td.weekEnd a {
	color:#FF3300;
}

div.calendar td.selected {
	background-color:#FA6C15;
	color:#ff00ff;
	font-weight:bold;
}

div.calendar td a:hover {
	background-color:#FA6C15;
	color:#fff;
	font-weight:bold;
}

div.calendar div.options {
	background-color:#105FC2;
	text-align:center;
}

div.calendar div.options a {
	color:#FFFFFF;
	text-decoration:none;
}

div.calendar div.options a:hover {
	text-decoration:underline;
}


div.left {
	float: left;
}



div.options {
	background-color:#333377;
	text-align:center;
}

/*
  Fin caja para calendario
*/


/*
CALENDARIO DE TURNOS
*/
#calendaris_torns {
	background-color: #d9fde7;
	width: 720px;
	height: auto;
	float: left;
}

.calendari_torn {
	width:156px;
	float:left;
	margin-bottom: 8px;
	height: 124px;
}

.calendari_torn table.main {
	border: 1px solid;
	width: 150px;
	font-family: Verdana;
	font-weight: normal;
}

.calendari_torn table.header {
	width: 150px;
	font-weight: bolder;
}

.calendari_torn td.navdisabled {
	color: grey;
	text-decoration: none;	
}

.calendari_torn td.dayheader {
	margin-top: 2px;
	margin-bottom: 2px;
 	width: 20px;
 	height: 20px;
 	text-align: center;
 	background-color: #DDD;
 	font-weight: bolder;
}

.calendari_torn td.disabledheader {
	margin-top: 2px;
	margin-bottom: 2px;
 	width: 20px;
 	height: 20px;
 	text-align: center;
 	background-color: #DDD;
 	color: grey;
}

.calendari_torn td.daydisabled {
	margin: 3px;
	text-align: center;
	color: grey;
	cursor: default;
}

.calendari_torn td.daydisabled a {
	display: block;
	color: grey;
	cursor: default;
	text-decoration: none;
}

.calendari_torn td.daydisabled a:hover {
	display: block;
	text-decoration: none;
	cursor: default;
}

.calendari_torn td.day {
	margin: 3px;
	text-align: center;
}

.calendari_torn td.day a:hover {
	display: block;
	background-color: linen;
}

.calendari_torn td.dayselected {
	margin: -1px;
	text-align: center;
	display: block;
	background-color: midnightblue;
	border: 1px solid;
	color: white;
	font-weight: bolder;
}

.calendari_torn td.dayselected a {
	text-decoration: none;
	color: white;
}

.calendari_torn td.excepcion {
	text-align: center;
	background-color: Yellow;
	color: #aaa;
	font-weight: bolder;
	margin-bottom: -1px;
	margin-top: -1px;
	margin-left: -1px;
}

.calendari_torn td.excepcion a {
	text-decoration: none;
	color: #000;
}

.calendari_torn td.excepcion:hover {
	text-decoration: none;
	color: #aaa;
	background-color: #fbbc9b;
}

.calendari_torn td.excepcion2 {
	text-align: center;
	background-color: #FF0000;
	color: white;
	font-weight: bolder;
	text-decoration: line-through;
	margin-bottom: -1px;
	margin-top: -1px;
	margin-left: -1px;
}

.calendari_torn td.excepcion2 a {
	text-decoration: none;
	color: white;
}

.calendari_torn td.excepcion2:hover {
	text-decoration: none;
	color: white;
	background-color: #fbbc9b;
}

.calendari_torn td.dayprevmonth {
	margin: 3px;
	text-align: center;
	color: grey;
}

.calendari_torn td.daynextmonth {
	margin: 3px;
	text-align: center;
	color: grey;
}

.calendari_torn td.datedisplay {
	text-align: center;
}

.calendari_torn td.day a {
	text-decoration: none;
	color: black;
}

.calendari_torn td.DiaFinde,td.DiaFinde a {
	color:red;
	text-decoration: none;
	text-align: center;
}

.calendari_torn td.DiaLectiu,td.DiaLectiu a {
	color:blue;
	text-decoration: none;
	text-align: center;
}

.calendari_torn td.DiaNLectiu,td.DiaNLectiu a {
	/*color:#ff8400;*/
	color:#105ec2;
	text-decoration: none;
	text-align: center;
}

.calendari_torn td.DiaNLectiu:hover {
	/*color:#ff8400;*/
	color:#105ec2;
	text-decoration: none;
	text-align: center;
	background-color: #fdf0c6;
}

/*
FIN CALENDARIO DE TURNOS
*/


/*
DIVs de la informacion de turnos en la reserva
*/

#DatTorns {
	float: right;
	background-color: lime;
	width: 360px;
	height: auto;
	border: 1px solid black;
	margin-right: 3px;
}


#lblTornsProg {
	float: left;
	margin-left: 3px;
	margin-top: 3px;
}

#InfoTorns {
	float: left;
	width: 715px;
	height: auto;
	margin-bottom: 3px;
	border: 1px solid black;
	clear: both;
}



#TriaTorn {
	display: block;
	background-color: red;
	width: 350px;
	height: auto;
	border: 1px solid black;
	float: left;
	clear: both;
	position: relative;
	visibility: visible;
	overflow: visible;
}

/*
DIVs de la informacion de turnos en la reserva
*/


.textbox_alta {
	height: 81px;
	background-color: #f2f2f2;
	color: red;
	width: 322px;
}


/*
CALENDARIO LECTIVO GRANDE
*/

#calendaris_lectius {
	background-color: #fff;
	width: 720px;
	height: auto;
	float: left;
	border: solid 1px blue;
	padding-left: 3px;
}

.calendari_lectiu_g {
	/*width: 624px;*/
	float:left;
	margin-bottom: 8px;
	height: auto;
}

.calendari_lectiu_g table.main {
	border: 1px solid;
	/*width: 624px;*/
	font-family: Verdana;
	font-weight: normal;
}

.calendari_lectiu_g table.header {
	/*width: 624px;*/
	font-weight: bolder;
}

.calendari_lectiu_g table.header2 {
	/*width: 624px;*/
	font-weight: bolder;
	border-bottom: 1px solid;
}

.calendari_lectiu_g td {
	font-size: 11px;
}
.calendari_lectiu_g tr.semanai {
	background-color: #FAFAFA;
}

.calendari_lectiu_g tr.semanap {
	background-color: #EEE;
}


.calendari_lectiu_g td.navdisabled {
	color: grey;
	text-decoration: none;	
}

.calendari_lectiu_g td.dayheader {
 	text-align: center;
 	background-color: #DDD;
 	font-weight: bolder;
	width: 74px;
	float: left;
	height: 25px;
}


.calendari_lectiu_g td.chequeos {
	text-align: center;
	width: 93px;
	height: 25px;
	float: left;
}

.calendari_lectiu_g td.day {
	text-align: center;
	width: 60px;
	height: 25px;
	float: left;
	margin-top: 6px;
	margin-left: 15px;
}

.calendari_lectiu_g td.day a:hover {
	display: block;
	background-color: aqua;
}

.calendari_lectiu_g td.dayprevmonth {
	text-align: center;
	color: grey;
	width: 74px;
	height: 25px;
	float: left;
}

.calendari_lectiu_g td.daynextmonth {
	text-align: center;
	color: grey;
	float: left;
	width: 60px;
	height: 25px;
}

.calendari_lectiu_g td.datedisplay {
	text-align: center;
}

.calendari_lectiu_g td.day a {
	text-decoration: none;
}

.calendari_lectiu_g .dialeft{
	margin-left: 10px;
	width: 20px;
	height: 18px;
	margin-top: 2px;
	float: left;
}

.calendari_lectiu_g .diaright{
	width: 23px;
	height: 18px;
	float: left;
	margin-top: -10px;
}


.calendari_lectiu_g a.sicurro {
	color: navy;
}

.calendari_lectiu_g a.nocurro {
	color: red;
}

.calendari_lectiu_g a.efemeride {
	background: url(../images/bk_manteni/edit.gif) no-repeat center center;
	display: block;
}

.calendari_lectiu_g a:hover.efemeride {
	background: url(../images/bk_manteni/edit_over.gif) no-repeat center center;
	display: block;
}

/* FIN CALENDARIO LECTIVO GRANDE */

/* RESERVAS */
#PnlReservaBig {
	width: 716px;
	height: auto;
	float: left;
}
#PnlReservaBig .PnlResPq {
	border: 1px solid blue;
	float: left;
	margin-bottom: 3px;
	padding: 3px;
}

#PnlReservaBig .PnlResPq span {
	float: left;
}

#PnlReservaBig .listbox {
	float: left;
	width: 700px;
}
/* RESERVAS */

/* LISTADOS POR PANTALLA */
.HEADER {
	background-image:url(../images/bk_manteni/bkg_grid_th.png);
	background-repeat:repeat-x;
	font-family: "arial","verdana"; 
	font-size: 10px; 
	/*color: #505050; 
	background: #DDDDDD;*/
}

.FOOTER {
	font-family: "arial","verdana"; 
	font-size: 10px; 
	color: #505050; 
	background: #CCCCCC;
}

.FIELDS {
	font-family: "arial","verdana"; 
	font-size: 10px; 
	color: #000000; 
	background: #FEFEFE; 
}

.BOLD {
	font-weight: bold;
}

.EVEN {
	background: #E5EFFA;
}

.ODD {
	background: #FFFFFF;
}
/* FIN LISTADOS POR PANTALLA */