/* RESET --------------------------------- */
html,body,div,span,h1,h2,h3,p,a,img,ul,li,fieldset,form,label,legend {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
ul {list-style:none; font-size:1.1em; padding:0 0 18px 40px;}

/* BODY --------------------------------- */
body.iframe {background: #FFFF99 url('extIdentificacioBk.png') repeat-x; color:#424242; width: 250px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; margin: 0 auto;}
body.page {margin: 0; padding: 0; background: #676c70 url('bg.jpg') top repeat-x;width: 92%;margin-right: auto;margin-left: auto;font-family: helvetica,arial,sans-serif; color: #424242;}

/* FORM --------------------------------- */
form { width:230px; margin: 0 auto;  }
fieldset {border:0; margin:0; padding:0; float:left; clear:none; width:auto;}
fieldset legend {display:none;}
#login label {cursor:pointer; font-size:11px; color:#424242;display:block; margin-left: 0.2em; font-weight: bold;margin-top:0.5em;}
#login label span.accesskey {text-decoration:underline;}
#login input {width: 95%;border: 2px solid #FFD417; padding: 4px; font-size: 12px; text-align: center; color: #222;}
#login input:focus { border: 2px solid #9A9EB0; color: #9A9EB0; background: #FEFFE5; }
#login .btn-row {margin: 15px 0; text-align: center; }
#login .btn-row {top:5px;} /* IE6 */
#login .btn  { border: 2px solid #FFD417; text-decoration: none;font-family: Helvetica, Arial, sans-serif;width: auto; font-size: 12px; padding: 0.3em 0.3em; _padding: 0.3em 0; display: inline; background: #424242; color: #fff; cursor: pointer; }
#login .btn:hover { background: #323232; }

/* CHECKBOX --------------------------------- */
.botons label {display:block;padding:5px 0;padding-left:32px;background-position:8px center;background-repeat:no-repeat;clear:both;cursor:pointer; width: 200px; font-weight: normal;}
.checked { background-color:#A9E33E;background-image:url(chk_on.png); _background: transparent: url(chk_on.gif); }
.unchecked { background-color:transparent;background-image:url(chk_off.png); color: #424242; _background: transparent url(chk_off.gif); }

/* MESSAGES --------------------------------- */
.missatge { min-height: 50px;_height: 50px;	background: url(warningExtClau.gif) 5px 5px no-repeat; padding: 12px 12px 5px 80px;font-weight: normal;color: #232323;}
.missatge p {margin-bottom: 0.3em;}


.status.error {margin: 0 0;min-height: 50px;_height: 50px;	background: url(warningExtError.gif) 5px 5px no-repeat; padding: 12px 12px 5px 80px;font-weight: normal;color: #cc0000;font-weight:bold;font-size: 12px; line-height: 1.4em;}
.info_extesa {margin: 20px; font-weight: bold; font-size: 16px; line-height: 1.3em;}
.info_extesa a {color: #846C15; }


.status.info {margin: 0 0;min-height: 50px;_height: 50px;	background: url(warningExtInfo.gif) 5px 5px no-repeat; padding: 12px 12px 5px 80px;font-weight: normal;color: #222;font-size: 12px; line-height: 1.4em;font-weight:bold;}
.info_extesa.info {margin: 20px; font-size: 16px; line-height: 1.3em; font-weight: bold; }

.status.success {margin: 0 0;min-height: 50px;_height: 50px;	background: url(warningExtCorrecte.gif) 5px 5px no-repeat; padding: 12px 12px 5px 80px;font-weight: normal;color: #222;font-size: 12px; line-height: 1.4em;font-weight:bold;}



/* static messages */
#content #msg p {padding:0;}

/* highlight errors */
input.error {background:#FFEFEF; color:#b00;}

/* mark as required */
.required {background:#ffd;}
input.required {border-width:1px;}


/* page */

#container { background: #fff; width: 500px; margin: 3em auto; padding: 1.5em 0;}
#container h1 { font-size: 150%; color: #424242; margin: 0 1em 0 1em;}
#container .status { background: #d0d0d0; padding: 19px 19px 15px 90px; font-size: 14px; margin: 1em 1.5em 1em 1.5em;}
#container .status.error { background: #FFCBCB url(pageWarningError.png) 10px 10px no-repeat ; padding: 19px 19px 15px 90px;  }
#container .status.info { background: #B3ECFB url(pageWarningInfo.png) 10px 10px no-repeat; padding: 19px 19px 15px 90px; }
#container .status.success { background: #EBF99F url(pageWarningCorrecte.png) 10px 10px no-repeat; padding: 19px 19px 15px 90px; }
#container .missatge { background: #FFEF9B url(pageWarningClau.png) 10px 10px no-repeat; padding: 19px 19px 15px 90px; margin: 1em 1.5em 1em 1.5em;}
#container .info_extesa { margin: 0 1.3em; }
#container form { width:100%; margin: 1.5em auto;  }
#container .row, #wrap .botons { width:70%; margin: 1.5em auto; }
#container #footer {margin-top: 1.5em;}
#container #logoUAB {float:right; background: url(logoUAB.png.1) no-repeat; width: 144px; height: 52px;}
#container #logoUAB a{display: block; text-indent: -200em; width: 144px; height: 52px;}


#container #footer ul {
    margin: 0 0 0 1em;
    padding: 1em 0;
}


#container #footer a {
    color: #2764AA;
    font-size: 0.9em;
    text-decoration: none;
}

#container #footer a:hover {
    text-decoration: underline;
}




#wrap { background: #fff; width: 500px; margin: 3em auto; padding: 1.5em 0;}
#wrap h1 { font-size: 150%; color: #424242; margin: 0 1em 0 1em;}
#wrap .status { background: #d0d0d0; padding: 19px 19px 15px 90px; font-size: 14px; margin: 1em 1.5em 1em 1.5em;}
#wrap .status.error { background: #FFCBCB url(pageWarningError.png) 10px 10px no-repeat ; padding: 19px 19px 15px 90px;  }
#wrap .status.info { background: #B3ECFB url(pageWarningInfo.png) 10px 10px no-repeat; padding: 19px 19px 15px 90px; }
#wrap .status.success { background: #EBF99F url(pageWarningCorrecte.png) 10px 10px no-repeat; padding: 19px 19px 15px 90px; }
#wrap .missatge { background: #FFEF9B url(pageWarningClau.png) 10px 10px no-repeat; padding: 19px 19px 15px 90px; margin: 1em 1.5em 1em 1.5em;}
#wrap .info_extesa { margin: 0 1.3em; }
#wrap form { width:100%; margin: 1.5em auto;  }
#wrap .row, #wrap .botons { width:70%; margin: 1.5em auto; }
#wrap #footer {margin-top: 1.5em;}
#wrap #footer ul {margin: 0 0 0 1em; padding: 0;}
#wrap #footer a {color: #2764AA; font-size: 11px; }
#wrap #logoUAB {float:right; background: url(logoUAB.png.1) no-repeat; width: 144px; height: 52px;}
#wrap #logoUAB a{display: block; text-indent: -200em; width: 144px; height: 52px;}




.oblit {

    margin: 1.5em;

    font-size: 1em;

    padding: 1em;

    border: 1px solid #dedede;

    background-color: #f0f0f0;

    text-align: center;

}



.oblit a {

    text-decoration: none;

    color: #2764AA;

}

.oblit a:hover {

    color: #424242;

    text-decoration: underline;

}