body {font-size: 12px; color: darkslategrey; font-family: Tahoma, Verdana,Arial; background-color:#FFFFFF; margin-left: 0px; margin-top: 0px;
      scrollbar-face-color: #F0F8FD;
      scrollbar-shadow-color: #E2ECF4;
      scrollbar-highlight-color: #E2ECF4;
      scrollbar-3dlight-color: #FFFFFF;
      scrollbar-darkshadow-color: #005382;
      scrollbar-track-color: #FFFFFF;
      scrollbar-arrow-color: #005382;
     }

a {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:darkslategrey; font-weight: bold; font-size:11px; text-decoration: none}
a:hover {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:darkslategrey; font-weight: bold; font-size:11px; text-decoration: underline}

a.link, A.contraido {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#F1F1F1; font-weight: bold; font-size:11px; text-decoration: none}
a.link:hover, A.contraido:hover {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#F1F1F1; font-weight: bold; font-size:11px; text-decoration: underline}
a img{ border:0; }
.texto {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px;}
.textoObligatorio {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#FF0000; font-size:12px;}
.textoSeleccionado {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#E11E2D; font-weight: bold;}

#titol1 {background-image: url('../images/bg_titol.png'); background-repeat: repeat-y; height: 23px; } /* Toda la tabla titulo */
.titol1_1 {font-size:20px; color:#005382; font-weight:bold;}
.titol1_2 {font-size:12px; color:#005382; font-weight:bold; }

.titol2_1 {font-family: Tahoma, Verdana; color:#005382; font-weight:bold; font-size:15px;}
.titol2_2 {font-family: Tahoma, Verdana; color:#005382; font-weight:bold; font-size:15px;}
#bt_help{
	background-image: url(../images/bt_ajuda_inactiu.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 10px;
}
#bt_help:hover{
	background-image:url(../images/bt_ajuda_actiu.png);
}
.botonera {background-color:#EDEFF1}

tr.tr {background-color:#EDEFF1;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#000000; font-size: 11px;}
tr.trSeleccionado {background-color:#FFFFFF;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#000000; font-size: 11px;}
tr.titulo {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;  font-weight: bold; font-size: 11px; background-color:#005382;}
td.titulo {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF;  font-weight: bold; font-size: 11px; background-color:#005382;}

.select {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color:#EDEFF1; color:#000000;}
.inputText {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color:#EDEFF1; color:#000000;}
.inputTextDisabled {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color:#EDEFF1; color:#747474; cursor:default;}

.boton0 {cursor:pointer; background-color:#005382; background-position:center center; height:20px;  border:1px solid #F0F8FD; font:bold 8pt Verdana; color:#F0F8FD; margin:auto; width:80px;}
.botonOver0 {cursor:pointer; background-color:#F0F8FD; background-position:center center; height:20px;  border:1px solid #005382; font: bold 8pt Verdana; color: #005382; width:80px;}
.boton1 {cursor:pointer; background-color:#F0F8FD; background-position:center center; height:20px; border:1px solid #005382; font:bold 8pt Verdana; color:#005382; margin:auto; width:80px;}
.botonOver1 {cursor:pointer; background-color:#005382; background-position:center center; height:20px;  border:1px solid #F0F8FD; font: bold 8pt Verdana; color: #F0F8FD; width:80px;}
.boton2 {cursor:pointer; background-color:#B4467A; background-position:center center; height:20px;  border:1px solid #FFFFFF; font:bold 8pt Verdana; color:#FFFFFF; margin:auto; width:80px;}
.botonOver2 {cursor:pointer; background-color:#FFFFFF; background-position:center center; height:20px;  border:1px solid #B4467A; font: bold 8pt Verdana; color: #B4467A; width:80px;}
.boton_informe {cursor:pointer; background-color:#005382; background-position:center center; height:20px;  border:1px solid #F0F8FD; font:bold 8pt Verdana; color:#F0F8FD; margin:auto; width:80px;}
.botonOver_informe {cursor:pointer; background-color:#F0F8FD; background-position:center center; height:20px;  border:1px solid #005382; font: bold 8pt Verdana; color: #005382; width:80px;}

.mensaje {font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif; color:#000000; font-size: 14px; background-color:#FFFFFF}
.mensajeError {font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 14px; background-color:red}

.diaCal{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; height:16px; width:16px; border:1px solid #FFFFFF; font:bold 7pt verdana; color:#000099;}
.diaCalAct{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color:#FFFFFF; height:16px; width:16px; border:1px solid #000099; font:bold 7pt verdana; color:#000099;}
.diaCalSel0{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color:#FF0000; height:16px; width:16px; border:1px solid #FFFFFF; font:bold 7pt verdana; color:#FFFFFF;}

.diaF {
    color:red;
    font-weight: bold;
}

.diaS {
    color:orange;
    font-weight: bold;
}


/*Login---------------------------------------------*/
#login{
    text-align: center;
}
#login #contenidor,
#login #capcalera {
	height: 3em;
}
#login #contingut {
	/*float: none;*/
        width: 280px;
        /*height: 144px;
        background-image: none;
	background-color:#e2ecf4;*/
        background-color: #ebebeb;
        border: solid thin #168342;
        padding: 6px 24px;
	/*position: absolute;*/
	/*left:30%;*/
        margin: 0 auto;
        text-align: left;
        margin-top: 10%;
	/*top:20%;*/
}

#login #logo {
	/*float: none;
	position: absolute;
	left:30%;
	top:31%;*/
        width: 150px;
        height: 50px;
}

#contingut #pwd {
	position: absolute;
	left:25px;
	top:110px;
}

#contingut #logi {
	position: absolute;
	left:25px;
	top:80px;
}

#contingut #password {
	position: absolute;
	left: 45px;
}

#contingut #uid {
	position: absolute;
	left:45px;
}
#contingut p, #recu_usuario p{
	font-size:12px;
}
#login h3 {
	font: small;
	text-transform: none;
	background-image: none;
	background-color: transparent;
	text-indent: 0;
	border-bottom: 1px dashed #999;
}
#login form {
	margin-bottom: 1em;
}
#login form label {
	background: url('../img/icon_log.gif') 50% 50% no-repeat;
	text-indent: -10000px;
	display: block;
	float: left;
	width: 2em;
	height: 2em;
}
#login form label.clau {
	background-image: url('../img/icon_psw.gif');
}
#login .input {
	margin:2px 5px;
	border: 1px solid #ccc;
        text-align: left;
}
#login .button {
	background-color: #ccc;
	background-image: none;
	text-indent: 0;
	border: 1px solid #ccc;
	width: auto;
	font-size: x-small;
	margin-left: 35px;
}

#login #entrar {
	/*background-color: #ccc;
	background-image: none;
	text-indent: 0;
	border: 1px solid #ccc;
	width: auto;*/
	margin-left: 0;
        font-size: 0.7em;
        padding: 0.3em;
}
#enviar {
	/*background-color: #ccc;
	background-image: none;
	text-indent: 0;
	border: 1px solid #ccc;
	width: auto;
	margin-left: 0;*/
        margin-left: 0;
        font-size: 0.7em;
        padding: 0.3em;
}

#login ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	right: 8em;
	bottom: 1.3em;
}
#login ul li {
        display: inline;
}
#login ul li a {
        display: block;
        float: left;
        width: 9em;
        border-right: 4px solid #999;
        padding: 0 1em;
}
#login ul li a.ultim {
        border-right: none;
}

#recu_usuario{
    /*float: none;*/
    background-color: #ebebeb;
    /*width: 312px;*/
    /*height: 95px;*/
    /*background-image: none;
    background-color:#e2ecf4;
    padding: 6px 24px;
    position: absolute;
    left:30%;
    top:64%;*/
}

/* menu */
#logo_lateral{ width: 167px; height: 43px; }
.bullet { font-weight: bold; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.collapsed { font-weight: bold;}
.expanded { font-weight: bold;}

/* ARBOL NAVEGACION */
#tbl_navegacio .bullet a{
    font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:blue;
}
#tbl_navegacio .collapsed a{
    font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:black;
}
#tbl_navegacio .expanded a{
    font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color:red;
}

#paginacion a{
	text-decortion: none;
}

input.required{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; background-color:#EDEFF1; color:#000000;}

label.error {  width: 10em; font-size:10px; font-family: Verdana;  float: none; color: red; padding-left: 5px; vertical-align: top; }

img.imgAsc{ padding-bottom:6px; }

.ui-datepicker-trigger{ display:none; }

/*input.error{ border: 1px solid green;  }*/

/* MENU LATERAL */
#menu_lateral{
    background-image: url('../images/bg_lateral.png');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}
#menu_lateral td{
	padding-left:7px;
}
#menu_lateral #logo{
	padding-top:10px;
	margin-left:0;
}
/* INFORMACIO USUARIO*/
#info_usuario{
	width:100%;
	/*border-top:1px solid #FFFFFF;*/
	position:absolute;
	margin-bottom:5px;
	bottom:0;
}
#info_usuario p{ font-size:12px; }
#info_usuario p span{
    text-align:right;
    font-size:11px;
}

#img_sortir{ width: 20px; height: 20px;}
/*
#bt_sortir{
	background-image: url(../images/bt_off_inactiu.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	top: 0px;
	left: 0px;
}
/* Hover no funciona correctamente en IE
#bt_sortir :hover{
	background-image: url(../images/bt_off_actiu.png);
}
*/
/* LISTAS */

.img_estado{
   width: 20px;
   height: 20px;
}

/* CENTRES */
#taulaHoraris{

}
#titolTD{
    background-color:#005382;
    color:#FFFFFF;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:bold;
}
#textTD{
    font-size:7px;
	text-align: center;
}

/* QUADRE RESUM */

#editableTable{
    width: 93%;
    margin-left: 4%;
    border: 0px;
    border-spacing: 2px;
    text-align: center;
}
#editableTable tr .titulo{
    background-color:#005382;
    color:#FFFFFF;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:bold;
}

#editableTable tr .no_edit{
    background-color:#A4A4A4;
}
#editableTable tr .eli{
    width: 13px;
    height: 13px;
    margin: 0;
    border-collapse: collapse;
}
#editableTable tr .inplace_field{
    border:  1px;
    border-color: red;
    border-collapse: collapse;
    background-color:#FF8000;
    margin: 0;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    width: 90%;
    text-align: center;
}
#editableTable tr .lateral{
    border-right: 1px solid black;
}

#editableTable tr .marca{
    background-color: green;
    color: white;
}

#editableTable tr .error{
    background-color: yellow !important;
    color: red !important;
}

#editableTable tr .misatge_error{
    color: red;
    text-align: left;
    font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

#editableTable .editable input{
    border:  1px;
    border-color: red;
    border-collapse: collapse;
    background-color:#EDEFF1;
    margin: 0;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    width: 90%;
    text-align: center;
}

#editableTable .editable .marcado{
    border:  1px;
    border-color: red;
    border-collapse: collapse;
    margin: 0;
    font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    width: 90%;
    text-align: center;
}

#editableTable .titulo .sortable{
    text-decoration: none;
    color: #FFFFFF;
}

.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }


/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
.error_cantidad { border-color: #ff7669; }