
	/* VIEWPORT */
	/* *************************************************** */
	.viewport2 {
	  	/* background-color: white; */
	  	/* background-image: url('../imatges/wallpaper.jpg'); */
	  	background-image: url('../imatges/fons.jpg');
	  	background-size: cover;
	  	background-repeat: no-repeat;
	}

	/* Camps Usuari i Contrasenya */
	/* *************************************************** */
	/* Bordejat dels botons d'Usuari i Contrasenya. */
	.login-fields .x-form-text {
		border-color: black;
	}
		
	.login-fields .x-field-default-form-focus {
		/* border-color: #367CD9; */
		border-color: black;
		border-width: 2px;
		border-style: solid;		
		/* background-color: whitesmoke; */
	}	
	
	/* Combo d'idiomes. */
	/* *************************************************** */
	/* Bordejat display. */
	.x-form-trigger-wrap {
		border: 1px solid;
		border-color: black;
	}

	/* Bordejat display quan focus. */
	.login-combo .x-form-trigger-wrap-focus .x-form-trigger-wrap {
		border-color: #000000;
		border-width: 2px;
	}
	
	/* Bordejat del llistat del combo. */
	.x-boundlist {
		border-width: 1px;
		border-style: solid;
		border-color: #000000;
		background: white;
	}
	
	/* Eliminar linia de separacio entre registres del llistat. */
	.x-boundlist-item {
		border-style: none;
	}
	
	/* Finestres amb missatges. */
	/* *************************************************** */
	/* Color dels missatges (finestres) */
	.x-window-header-default-top {
		background-color: #416EAF;
		/* opacity: 0.9; */
		/* background: rgba(65, 110, 175, 0.9); */
	}
		
	.x-window-default {
		border-color: #416EAF;
		border-style: none;
	}
	
	.x-window-header-default {
		border-color: #416EAF;
		/* opacity: 0.9; */
	}
	
	.x-message-box .x-window-body {
		background: rgba(65, 110, 175, 0.9);		
	}

	.x-window .x-toolbar-footer {
		background: rgba(65, 110, 175, 0.9);
	}
	
	.x-mask {
		opacity: 0.7;
		background: rgb(48, 48, 48);
	}
	
	/* Imatge de fons del boto 'Enviar'. */
	.fletxa-enviar {
		border: none;
		background-color: transparent;
  		background-image: url('../imatges/icones/grans/login4.png');
  	}
  	
  	
  	/* Finestres d'error */
	/* Color dels missatges (finestres) */
	.msg-red .x-window-header-default-top {
		background-color: #A63039;
		/* opacity: 0.9; */
		/* background: rgba(65, 110, 175, 0.9); */
	}
		
	.msg-red .x-window-default {
		border-color: #A63039;
		border-style: none;
	}
	
	.msg-red .x-window-header-default {
		border-color: #A63039;
		/* opacity: 0.9; */
	}
	
	.msg-red .x-window-body {
		background: rgba(166, 48, 57, 0.9);
		border-style: none;		
	}

	.msg-red .x-toolbar-footer {
		background: rgba(166, 48, 57, 0.9);
	}
	
	/* Pels botons de la finestra d'alerta */
	.msg-red .x-btn-default-small{
		/* background-image: -webkit-linear-gradient(top, #C93440, #A63039 3%, #86282F); */
		background-image: linear-gradient(#C93440, #A63039 3%, #86282F);
	}
		
	.msg-red .x-btn-default-small-over{
		background-image: linear-gradient(#C93440, #C93440 3%, #C93440);
	}
	
	.btn_green {
		border: none;
		background-image: none;
	    background-color: rgb(51,152,65);	
	}
		
	.btn_green:hover {
		border: none;
	    background-image: none;
	    background-color: rgb(51,132,57);
	}
	
	.link {
		color: black;
		font-size: 11px;
		text-decoration: none;
	}
	
	.link:hover {
		text-decoration: underline;
	}
	
	.behind {
    	position: absolute;
    	z-index: 1;
	}
	
	.behind2 {
    	position: absolute;
    	z-index: 2;
	}
	
	