/*  CSS Document */


/*  Finestres de contingut */
    .pagina_Contingut {
        font-family: Roboto;
        font-size: 1vw;
        position:absolute;
        top: 70px;
        left: 20px;
        width: calc(100% - 40px);
        height: calc(100% - 90px);
        background-color: #FFFFFF;
        border: 1px solid #FFFFF;
        color: #3B3D41;
        overflow: hidden;
        z-index: 5;
        }
    .pagina_Unregistred {
        position:absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background-color:#000000;
        }



.contingut_Informe {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #999999;
	display: block;
	}
.Informe_Frame {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #999999;
	display: block;
	}

.Informe_Formulari {
	position:absolute;
	bottom: 22px;
	left: 0px;
	width: calc(100% - 4px);
	height: 400px;
	background-color: rgba(59, 61, 65, 0.8);
	border: 2px solid #FFFFFF;
	border-radius: 6px;
	display: none;
	}
	
.contingut_Llistat {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #999999;
	display: none;
	}
.contingut_Detall {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #999999;
	display: none;
	}
.contingut_Formulari {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color:#999999;
	display: none;
	}
.contingut_Aplicacio {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #999999;
	display: none;
	}
.contingut_AppSystem {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #DDDDDD;
	display: none;
	overflow: auto;
	}
.contingut_Portada {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-repeat: no-repeat;
	border: 1px solid #FFFFFF;
	display: block;
	}


    .detall_FrameFormulari {
        position: absolute;
        top: 0px;
        width: calc(100% - 2px);
        height: 350px;
        border: 1px solid #FFFFFF;
        padding-bottom: 0px;
		background-color:#FFFFFF;
        }

    .detall_FrameInforme {
        position: absolute;
        width: 100%;
        top: 350px;
        height: calc(100% - 350px - 5px);
        border-top: 5px solid #FFFFFF;
        }


/*----------------------------------
FRAMES DE LES FINESTRES DE CONTINGUT 
----------------------------------*/
.aplicacio_Frame {
	width: 100%;
	height: 100%;
    margin: 0px;
	}

.configuracio_Frame {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 400px;
	background-color:#999999;
	z-index:1000;
	display:block;
	overflow:hidden;
	}

/*--------------------------------
GESTI� DEL FORMULARI DE L' INFORME 
--------------------------------*/
.window_Formulari {
	position:absolute;
	bottom: 90px;
	left: -780px;
	width: 820px;
	height: 350px;
	}

.window_FormulariBoto {
	position: absolute;
	right:0px;
	top:22px;
	width:30px;
	height:30px;
	padding-left: 2px;
	padding-top: 4px; 
	background-color:#999999;
	border: 1px solid #999999;
	border-radius: 0px 6px 6px 0px; 
	-moz-border-radius: 0px 6px 6px 0px; 
	-webkit-border-radius: 0px 6px 6px 0px; 
	cursor: pointer;
	z-index: 900;
	}

.window_FormulariPantalla {
	position: absolute;
	left:0px;
	top:0px;
	width:770px;
	height:100%;
	background-color:#FFFFFF;
	border: 2px solid #000000;
	border-radius: 6px 6px 6px 6px; 
	-moz-border-radius: 6px 6px 6px 6px; 
	-webkit-border-radius: 6px 6px 6px 6px; 
	overflow: auto;
	display: none;
	z-index: 1000;
	}
.window_FormulariFrame {
	width: 100%;
	height: 100%;
	overflow: auto;
	}