@import url('https://fonts.googleapis.com/css?family=Heebo:300,400');
@import url(https://fonts.googleapis.com/css?family=Roboto);
body{
	margin:0px;
}

.clear{
	clear:both;
}
.espai_1{
	position:relative;
	height: 50px;
	width: 100%;
}
.test{
	position:fixed;
	top:10px;
	right: 50px;
	width: 300px;
	height: 100px;
	z-index:5000;
}
#tapa_fosca{
	position:absolute;
	top:-50px;
	left:0px;
	width:100%;
	height:110%;
	min-height: 1000px;
	display:none;
	background: #000;
	z-index:450;
	opacity:.75;
	-moz-opacity: 0.65;
	filter: alpha(opacity=75);
}
/*====================PAGINA IDENTIFICACIO===================*/
#caixa_identificacio{
	position:relative;
	/*width:300px;*/
	margin:auto;
	top:50px;
}
#logo_identificacio{
	position:relative;
	margin:auto;
	width:200px;
}
#identificacio{
	position:relative;
	margin:auto;
	/*height:200px;*/
	width:240px;
	background-color:#dddddd;
	border:solid 1px #888888;
	border-radius: 10px;
	padding:10px;
}
#identificacio_int{
	position:relative;
	margin:auto;
	height:91%;
	width:94%;
	border:solid 1px #ffffff;
	border-radius: 5px;
	padding:3%;
}
.fila_formulari{
	position:relative;
	height:30px;
	padding:10px;
	text-align:left;
}

.fila_formulari_meitat{
	float:left;
	width: 49%;
	height: 30px;
}
.casella_formulari{
	font-family: 'Heebo';
	font-size:16px;
	height:25px;
	width:300px;
	color:#000000;
	border:solid 1px #BBBBBB;
}
.fila_boto_formulari{
	position:relative;
	padding:15px;
	text-align:center;
}


/*====================TITOLS===================*/
.titol_centrat_16_verd{
	width: 100%;
	height: 30px;
	padding: 10px 0 10px 0;
	text-align: center;
	font-family: 'Heebo', sans-serif;
	font-size:20px;
	color:#3fa62d;
	font-weight: bold;
}
.tit_boto{
	width: 90px;
	height: 31px;
	text-align: center;
	font-family: 'Heebo', sans-serif;
	font-size:12px;
	color:#3fa62d;
	line-height:12px;
	padding:0 5px 0 5px;
}
.titol_centrat_16_v{
	position:relative;
	width: calc(100% - 380px);
	height: 30px;
	text-align: center;
	font-family: 'Heebo', sans-serif;
	font-size:16px;
	color:#3fa62d;
	margin:10px  0 0 280px;
	margin-left:180px;
}
.ajuda2{
	position:relative;
	width: calc(100% - 210px);
	height: 30px;
	margin:10px  0 0 200px;
}



/*====================TEXT===================*/
.text_boto{
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#000000;
	text-align: center;
}
.text_formulari{
	font-family: 'Heebo', sans-serif;
	font-size:16px;
	color:#000000;
}
.text_error{
	position:relative;
	width: 100%;
	font-family: 'Heebo', sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#C40C0F;
	padding:5px;
	text-align:center;
}
.text_error_G{
	position:relative;
	width: 100%;
	font-family: 'Heebo', sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#C40C0F;
	padding:5px;
	text-align:center;
}
.text_avis{
	position:relative;
	width: 100%;
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	padding:5px;
	text-align:center;
}
.text_20{
	font-family: 'Heebo', sans-serif;
	font-size:20px;
	color:#000000;
}
.text_14_verd{
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#3fa62d;
	line-height:15px;
}
.text_12_verd{
	font-family: 'Heebo', sans-serif;
	font-size:12px;
	color:#3fa62d;
	line-height:15px;
}
.text_12_negre{
	font-family: 'Heebo', sans-serif;
	font-size:12px;
	color:#000000;
	text-align:center;
}
.text_14_verd_boto{
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#3fa62d;
	line-height:15px;
	font-weight: 600;
}
.text_14_verd_boto:hover{
	color:#a52e0e;
}
.text_14_verd_boto_selec{
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#a52e0e;
	line-height:15px;
	font-weight: 600;
}
.text_14_verd_boto_inhabil{
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#999999;
	line-height:15px;
	font-weight: 600;
}
.text_14_gris{
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#777777;
	text-align:center;
}
.text_14_gris_b{
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#444444;
	text-align:center;
	font-weight: bold;
}
.text_11_gris{
	font-family: 'Heebo', sans-serif;
	font-size:11px;
	color:#777777;
}
.text_16_negre{
	font-family: 'Heebo', sans-serif;
	font-size:16px;
	color:#444;
	text-align:center;
}

/*================PAGINA INICI ADMIN ===================*/
#caixa_menu{
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 120px;
	background-color:#dddddd;
	-webkit-box-shadow: 0px 0px 55px -14px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 55px -14px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 55px -14px rgba(0,0,0,0.75);
	z-index:1000;
}
.usuari{
	position:relative;
	height: 15px;
	right: 10px;
	text-align: right;
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#3fa62d;
	padding-top:5px;
}
.titol_web{
	float:left;
	height: 15px;
	text-align: right;
	font-family: 'Heebo', sans-serif;
	font-size:16px;
	color:#3fa62d;
	padding:5px 0 0 10px;
}
#pos_logo{
	position:absolute;
	top:25px;
	left:15px;
}
.boto_opcions{
	float:left;
	width: 100px;
	height: 85px;
  	border-right: solid 1px #bbbbbb;
  	cursor:pointer;
}
.separador_primer_boto{
	float:left;
	width: 20px;
	height: 85px;
  	border-right: solid 1px #bbbbbb;
}
.text_boto_opcions{
	position:relative;
	width: 90%;
	margin: auto;
	cursor:pointer;
}
.fila_caixa_menu_A{
	position:absolute;
	width: 50%;
	height: 30px;
	left:50%;
	top:0px;
}
.fila_caixa_menu_B{
	position:absolute;
	width: calc(100% -150px);
	height: 60px;
	left:150px;
	top:30px;
	text-align: left;
}
.fila_caixa_menu_C{
	position:absolute;
	width: 50%;
	height: 30px;
	left:50%;
	top:0px;
}

#pagina_admin{
	position:relative;
	top:130px;
	width: 100%;
	left: 0px;
}
.fila_feines{
	position:relative;
	text-align:center;
}
#formulari_feina_1{
	position:relative;
	display:none;
	width:100%;
}
#formulari_feina_2, #formulari_feina_3{
	position:relative;
	display:none;
}
.caixa_feina_fer{
	position:relative;
	min-height: 50px;
	width: calc(100% - 22px);
	border:solid 2px #ccc;
	background-color: #eee;
	margin-bottom:10px;
	padding:10px;
	border-radius:5px;
}
.tx_caixa_feina_fer{
	font-family: 'Heebo', sans-serif;
	font-size:18px;
	color:#000;
}
.bt_inici_neteja{
	width: 90px;
	height: 34px;
	border:solid 1px #444;
	background-color: #ccc;
	border-radius: 5px;
	text-align:center;
	padding-top:13px;
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#000;
}
.bt_ocupat{
	width: 90px;
	height: 34px;
	border:solid 1px #f00;
	border-radius: 5px;
	text-align:center;
	padding-top:13px;
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#f00;
}
.finestra_confirmacio{
	position:absolute;
	left:calc(50% - 150px);
	top:120px;
	width: 300px;
	border: solid 1px #999;
	background-color: #ddd;
	border-radius:5px;
	z-index:1000;
	display: none;
}
.caixa_boto_confirmacio_feina{
	position:absolute;
	bottom:25px;
	height: 30px;
	left:calc(50% - 50px);
}
.bt_tancar_finestra{
	float:right;
	padding:10px 10px 0 0 ;
}
.bt_confirmar{
	position:relative;
	width:100px;
	height: 35px;
	border:solid 1px #333;
	background-color: #ccc;
	border-radius: 5px;
	font-family: 'Heebo', sans-serif;
	font-size:16px;
	color:#000;
	text-align:center;
}
.caixa_feina_feta_boto{
	float:right;
	width:60px;
	padding-top:20px;
}
.cada_jornada_feina_fila{
	float:left;
	width:calc(100% - 130px);
}

/*===================================*/


/*===================BARRA D'EINES==================*/
#barra_eines{
	position:fixed;
	top:130px;
	left:10px;
	width: 180px;
	height:auto;
	border:solid 1px #cccccc;
	border-radius: 10px;
	background-color: #eeeeee;
}
#barra_eines_adaptada{
	position:fixed;
	top:61px;
	min-height:200px;
	height:auto;
	border:solid 1px #cccccc;
	border-radius: 10px;
	background-color: #eeeeee;
	z-index:300;
}
#boto_barra_eines{
	position:fixed;
	left: -20px;
	width: 40px;
	height: 60px;
	top:61px;
	border:solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #cccccc;
	z-index:299;
	display:block;
	background-image: url("../pictos/clauBl.png");
}
.una_eina_barra{
	width: calc(100% - 10px);
	margin:5px;
	border-bottom: solid 1px #bbbbbb;
}
.una_eina_barra_ultima{
	width: calc(100% - 10px);
	margin:5px;
}
#seleccio_llista{
	position:absolute;
	top:45px;
	left:50px;
	width: 300px;
	max-height: 400px;
	border:solid 1px #cccccc;
	border-radius: 10px;
	background-color: #dddddd;
	padding:5px 0 5px 0;
	overflow: auto;
	display:none;
	-webkit-box-shadow: 0px 0px 44px 10px rgba(179,179,179,1);
	-moz-box-shadow: 0px 0px 44px 10px rgba(179,179,179,1);
	box-shadow: 0px 0px 44px 10px rgba(179,179,179,1);
}
.cada_nom_llista{
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#333;
	cursor:pointer;
	padding: 5px;
	background-color: #dddddd;

}
.cada_nom_llista:hover{
	background-color: #5dc66c;
}

#caixa_editar, #caixa_editar_incidencies{
	position:absolute;
	right: 20%;
	top:10px;
	width: 500px;
	height: 360px;
	background-color: #cccccc;
	border-radius: 10px;
	border:solid 1px #aaaaaa;
	display:none;
	padding: 20px;
	z-index:500;
}

.tancar{
	position:absolute;
	width: 30px;
	height: 30px;
	top:10px;
	right:10px;
	z-index:501;
	text-align:right;
	cursor:pointer;
}
.avis_esborrar{
	position:relative;
	width: 100%;
	height: 50px;
	font-family: 'Heebo', sans-serif;
	font-size:14px;
	color:#BA0909;
	padding: 10px 5px 5px 5px;
}

/*------------------CAIXA ERROR---------------*/
#caixa_error, #avis_jornades_llargues_B{
	position:fixed;
	top:200px;
	left:calc(50% - 150px);
	width: 300px;
	height: 180px;
	margin:auto;
	padding:10px;
	background-color: #cccccc;
	border-radius: 10px;
	border:solid 1px #aaaaaa;
	z-index:460;
}

.ajuda1{
	position:absolute;
	top:-25px;
	left:10px;
}

/*------------------CAIXA JORNADES LLARGUES---------------*/
#avis_jornades_llargues_B{
	width: 500px;
	height: 250px;
}


/*------------------CAIXA VALIDAR---------------*/
#form_validar{
	position:absolute;
	width: 650px;
	min-height:200px;
	background-color: #cccccc;
	border-radius: 10px;
	border:solid 1px #aaaaaa;
	visibility: hidden;
	padding: 20px;
	z-index:500;
}
#data_validar{
	float:left;
	height: 30px;
	font-family: 'Heebo';
	font-size:16px;
	color:#555555;
	font-weight:bold;
}
#data_anterior{
	float:left;
	height: 30px;
	font-family: 'Heebo';
	font-size:14px;
	color:#777777;
	margin-left:30px;
}
.taula_validar{
	font-family: 'Heebo';
	font-size:14px;
	width: 100%;
	color:#555555;
	font-weight:normal;
}
.taula_validar tr{
	height: auto;
}
.taula_validar .fila_cap{
	background-color: #bbbbbb;
}
.taula_separador{
	border-bottom: solid 1px #aaaaaa;
}
.caixa_boto_form_C{
	position:absolute;
	bottom:5px;
	height: 30px;
	left:calc(50% - 60px);
	margin-top:15px;
}
#descans_modificat{
	position:relative;
	height: auto;
}


/*-----------------HISTORIA----------------*/
#historia{
	position:absolute;
	width: 850px;
	min-height:200px;
	background-color: #fcebcd;
	border-radius: 10px;
	border:solid 1px #aaaaaa;
	visibility: hidden;
	padding: 20px;
	z-index:500;
}


@media screen and (max-width: 900px) {
.espai_1{
	height: 150px;
}
#caixa_menu{
	height: 50px;
}
.usuari{
	height: 12px;
	left:10px;
	text-align:left;
	font-size:12px;
	padding-top:8px;
	text-align: right;
}
.menu_mobil{
	position:absolute;
	top:10px;
	right: 10px;
}
#caixa_menu_mobil{
	position:fixed;
	top:50px;
	/*left:100%;*/
	right:-202px;
	width: 200px;
	padding-bottom: 5px;
	background-color: #eeeeee;
	border:solid 1px #dddddd;
	z-index:500;
}
.caixa_opcio_menu_mobil{
	float:left;
	/*width: calc(33% - 16px);*/
	width: 80px;
	padding:8px;
	height: 90px;
}
.interior_caixa_opcio_menu_mobil{
	position:relative;
	width: 100%;
	height: 100%;
	border:solid 1px #dddddd;
	border-radius:5px;
}
.separador_area_personal{
	float:left;
	width: 94%;
	height: 5px;
	margin-left:3%;
	border-bottom: solid 1px #cccccc;
	margin-bottom:3px;
}
.fila_caixa_menu_A{
	width: 100px;
	height: 50px;
	left:0px;
	top:0px;
}
.fila_caixa_menu_B{
	height: 20px;
	left: 110px;
	top:18px;
	width: calc(100% - 180px);
	text-align: right;
}
.tit_boto{
	width: 80px;
	padding:0px;
}


#pagina_admin{
	top:60px;
}
.titol_centrat_16_v{
	width: 96%;
	margin:auto;
	font-size:14px;
	top:8px;
}
.ajuda2{
	width: 96%;
	margin:auto;
	font-size:14px;
	top:8px;
}


#barra_eines{
	position:fixed;
	top:auto;
	bottom:0px;
	left:0px;
	width: 100%;
	height:70px;
	border:none;
	border-top:solid 1px #cccccc;
	border-radius: 0px;
}
#caixa_error, #avis_jornades_llargues_B{
	top:110px;
}

}

@media screen and (max-width: 700px) {
	#caixa_editar, #caixa_editar_incidencies{
		position:absolute;
		left:1%;
		top:20px;
		width: 93%;
		padding: 2%;
	}
	.caixa_feina_feta_boto{
		width:45px;
	}
	.cada_jornada_feina_fila{
		width:calc(100% - 100px);
	}
}