/************************ Propietats generals i classes utils ************************/
body{ background-color: #ffffff;}
form{margin:0;padding:0}

h1{clear:both; color:#004D85; font-size:12pt; margin: 0px 0px 10px; padding-top: 6px; padding-bottom: 6px; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%; text-align: center; background-color: #f7f7ff;  }

.esq{float:left;}
.dre{float:right;}

.css_3tres3_blau1{background-color: #B0CAFF;}
.css_3tres3_blau2{background-color: #004D85;}
.css_3tres3_blau3{background-color: #EBFAFF;}
.css_3tres3_ample{width:100%;}
.css_3tres3_esq{float:left;}
.css_3tres3_dre{float:right;}

.css_3tres3_ocult{display:none;}
.css_3tres3_cursor{ cursor:pointer;}

.linianova{clear:both;}
.ample500{width:500px;}
.me20, .css_3tres3_me20{ margin-left: 20px;}
.md20, .css_3tres3_md20{ margin-right: 20px;}
.mt20, .css_3tres3_mt20{ margin-top: 20px;}
.mb20, .css_3tres3_mbe20{ margin-bottom: 20px;}
.me10, .css_3tres3_me10{ margin-left: 10px;}
.md10, .css_3tres3_md10{ margin-right: 10px;}
.mt10, .css_3tres3_mt10{ margin-top: 10px;}
.mb10, .css_3tres3_mb10{ margin-bottom: 10px;}
.me5, .css_3tres3_me5{ margin-left: 5px;}
.md5, .css_3tres3_md5{ margin-right: 5px;}
.mt5, .css_3tres3_mt5{ margin-top: 5px;}
.mb5, .css_3tres3_mb5{ margin-bottom: 5px;}

.pe20, .css_3tres3_pe20{ padding-left: 20px;}
.pd20, .css_3tres3_pd20{ padding-right: 20px;}
.pt20, .css_3tres3_pt20{ padding-top: 20px;}
.pb20, .css_3tres3_pbe20{ padding-bottom: 20px;}
.pe10, .css_3tres3_pe10{ padding-left: 10px;}
.pd10, .css_3tres3_pd10{ padding-right: 10px;}
.pt10, .css_3tres3_pt10{ padding-top: 10px;}
.pb10, .css_3tres3_pb10{ padding-bottom: 10px;}


.vermell{ color: #ff0000}
.verd{ color: #009900}

.css_3tres3_vermell{ color: #ff0000}
.css_3tres3_verd{ color: #009900}

.css_3tres3_missatge_usuari{ font-family:Tahoma,Verdana,Segoe,sans-serif; font-size: 8pt; }

.div_contingut_complet{width:750px; margin: 0 auto;}
.div_barra_lateral_1{width:187px; float: left; background-color: #f7f7ff;}
.div_contingut_1{width:560px; float: left;}

/************************ Recuadre amb titol (h2) ************************/
.div_recuadre{border:1px solid #003399; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; float:left; }

.div_recuadre h2{
    width:100%; height:24px; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;
    background-color: #003399; text-align: right; margin:0; margin-bottom: 20px; line-height: 24px;
}

/************************ Recuadre registrate d'usuari ************************/
#div_barra_registrate{}
#div_barra_registrate p{margin-left: 20px;}
#div_barra_registrate input{border: 1px solid #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; background-color: #FFFFFF; color: #000099;}
#div_barra_registrate input{float:left;}
#div_login_nuevo{margin-left: 20px;float:left;}
#div_login_login{margin-left: 20px; margin-top: 20px;float:left;}
#input_submit_login{margin-left: 110px;}
#lbl_email{float:left; width: 100px; text-align: right; display: block; margin-right: 10px;}
#lbl_password{float:left; width: 100px; text-align: right; display: block; margin-right: 10px;}

.input_email{width:120px; }
.input_password{width:80px;}

#div_login_missatge_barra_registrate,#div_password_missatge_barra_registrate{font-family: Tahoma; font-size: 11px; text-decoration: none; line-height:24px; float: left; clear: both; margin-bottom: 20px;}
#div_password_missatge_barra_registrate{margin-left: 20px;}

/************************ Barra superior d'usuari ************************/
#div_barra_usuari{ background-color: #004d85; width:730px; margin: 0 auto; color: #ffffff; font-family: Tahoma; font-size: 11px; color: #FFFFFF; text-decoration: none; line-height:24px; overflow: hidden; padding-left:10px; padding-right: 10px; position:relative;}
#div_barra_usuari input{border: 1px solid #666666; border:0 solid #FFFFFF; margin-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; vertical-align: middle; background-color: #FFFFFF; color: #000099;}

#div_form_password{display:none;}
#div_password_missatge{clear:both; float: right;}

#div_barra_usuari a{font-family: Tahoma; font-size: 11px; color: #FFFFFF; text-decoration: none; line-height:24px;}
#div_barra_usuari a{color:#FFFFFF; text-decoration:none;}
#div_barra_usuari a:hover{color:#DFDFFF; text-decoration:underline;}

#div_barra_usuari_link_registrar{ padding-right: 10px; border-right: 1px solid #fff; margin-right: 10px;}


#div_login_missatge{background-color: #004d85; color: #ffffff; font-family: Tahoma; font-size: 11px; text-decoration: none; line-height:24px; float: right; clear: both;}
#div_form_password{background-color: #004d85; color: #ffffff; font-family: Tahoma; font-size: 11px; text-decoration: none; line-height:24px; float: left; clear: both;}

#div_barra_usuari .input_submit{ margin-top: 0px; margin-left: 10px;}

#div_barra_usuari .input_email{width:80px; }
#div_barra_usuari .input_password{width:40px;}

#div_barra_usuari .checkbox{background-color: #004d85;}

#div_accions_barra_superior{ position:absolute; right: 4px; top: 0px;}


/************************ Formulari d'usuari ************************/
#div_form_dades_usuari{float:left;width:100%;font-family:Tahoma,Arial,Helvetica,sans-serif ;font-size:12px; line-height: 26px; border:1px solid #666; overflow: hidden;}
.div_linia_taula{  width:100%; float: left; clear: both; padding-left: 4px; padding-right: 4px;}
.blau1{background-color: #b0caff;}
.blau2{background-color: #f7f7ff;}
.div_label_form_usuari{ width:250px; text-align:right; margin-right:5px; float: left;}
.div_label_form_usuari_checkbox{ width:160px; text-align:left; margin-right:5px; float: left;}
.div_label_desc_llista{ width:580px; text-align:left; float: left;}


#div_form_dades_usuari input,#div_form_dades_usuari select{ background-color: #F7F7FF; border:1px solid #003399; color:#000099; font-size: 12px; margin-top:3px;}
#input_datos_usuario_email,#input_datos_usuario_direccion{width:200px;}
#input_datos_usuario_password,#input_datos_usuario_confirmar_password{width:80px; margin-right: 5px;}
#input_datos_usuario_enviar{ margin-left: 250px; margin-top: 10px !important; margin-bottom: 10px;}

#form_datos_usuario p,#div_form_dades_usuari p{ line-height: 12pt; padding-left:10px; padding-right: 10px;}



.div_linia_baja{float:left; color:#ff0000; border-bottom: 1px solid #ff0000; border-top: 1px solid #ff0000; width: 100%;}
.div_baja{float:left; background-color: #fecfcf; width: 100%;clear: both;}
.div_baja p{padding-left: 20px;}


.blau1 .checkbox{background-color: #B0CAFF !important; border: none !important;}
.blau2 .checkbox{background-color: #004D85 !important; border: none !important;}
.blau3 .checkbox{background-color: #EBFAFF !important; border: none !important;}

.usuarios_texto{
        font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
.usuarios_texto_petit{
       font-family: Tahoma, Arial, Helvetica, sans-serif;
       font-size: 10px;
}

.linkusuarios {
        font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}


 .css_3tres3_div_login_compacte{float:left; clear: both; padding:0px; border: 1px solid #004D85; background-color: #fff; width: 500px;line-height:15px; font-family: Tahoma,Verdana,Segoe,sans-serif; font-size: 8pt;}
 .css_3tres3_div_login_compacte h2{ background-color: #004D85; margin-bottom: 2px; margin-top: 0px; padding-left: 10px; padding-top: 4px; padding-bottom: 4px; font-size: 12px; color:#fff; font-weight: bold;}
 .css_3tres3_div_login_compacte p{ margin: 10px;}
 .css_3tres3_div_login_compacte input{ background-color:#fff; border:1px solid #666666;color:#000099; font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px}
 .css_3tres3_div_login_compacte .input_email{width:80px;}
 .css_3tres3_div_login_compacte .input_password{width:80px;}
 .css_3tres3_div_password_missatge,.css_3tres3_div_login_missatge{color:#f00; margin-left: 10px; float:left; }
 .css_3tres3_div_login_missatge{clear:both;}




.links {  color: #333399; text-decoration: none}
a.links:hover {color: #000000; text-decoration: underline;  }
.tabla {font-family: arial,sans-serif; font-size: 10pt}
.un {  color: #660033; text-decoration: none}
.un:hover { text-decoration: underline;  }

.activo {  color: #23006A; text-decoration: none}
.activo:hover { text-decoration: underline;  }
.novedad { color: #FF0000; text-decoration:none}
.error { color: #FF0000; text-decoration:none}
.blanco { color: #FFFFFF; text-decoration:none}
.gris { color: #cccccc; text-decoration:none}

a.gris:link {color: #cccccc; text-decoration: none; }
a.gris:visited {color: #cccccc; text-decoration: none; }
a.gris:hover {color: #003399; text-decoration: underline; }
a.gris:active {color: #003399; } 

.form_intro {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        vertical-align: middle;
        background-color: #FFFFFF;
        border: 1px solid #666666;
}
 
.form_intro_block {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        vertical-align: middle;
        background-color: #F7F7F7;
	border: 1px solid #999999;
	}
.formulario_petit {
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: middle;
        background-color: #f7f7ff;
        border: 1px solid #003399;
        color: #000099;
	display: inline;
	}

.formulario_petit_2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        vertical-align: middle;
         background-color: #f7f7ff;
         border: 1px solid #003399;
           color: #000099;
            display: inline;
	}


.formulario {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        vertical-align: middle;
        background-color: #f7f7ff;
        border: 1px solid #003399;
        color: #000099;
        display: inline;
 
}

.form_jose {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        vertical-align: middle;
        background-color: #f7f7ff;
       border: 0px solid #003399;
        width: 180px;
        height: 40px;
       color: #000099;
        display: inline;

	}

.explica_petit {  color: #23006A; font-family: Verdana;  font-size: 10px; text-decoration: none}
.explica_gran {  color: #23006A; font-family: Verdana;  font-size: 12px}


.menu_seccion{
		font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
		color: #003399;
		text-decoration: none;		
}
a.menu_seccion:hover {color: #000000; text-decoration: underline;  }
.menu_servicio{
		font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
		color: #000000;
		text-decoration: none;		
}
a.menu_servicio:hover {color: #003399; text-decoration: underline;  }