@charset "iso-8859-1";
/* CSS Document */

html, boody, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, adress, variable, form, fieldset, blockquote{
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight:normal;
}
table{ border-collapse:collapse; border-spacing:0;}
td, th, caption{ font-weight:normal; text-align:left;}
img, fieldset{ border:0;}
ol { padding-left: 1.4em; list-style:decimal;}
ul { padding-left: 1.4em; list-style:square;}
q:before, q:after { content:'';}


html{
	
	/*background-image:url(Imagenes_web/Textura2.jpg);*/
	background: rgb(138,137,150);
	background: linear-gradient(180deg, rgba(138,137,150,1) 0%, rgba(206,209,210,1) 55%, rgba(255,255,255,1) 100%)  no-repeat;	
	
	}


body{
	background-color:#FFF;
	width:1024px;
	margin:auto;
	margin-top:0;
	/*
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(150,118,97,1) 100%);
	*/
}





#Formulari{
/*	background-color:#d2c7bf;   /*E9E9E9;*/
	background-color:#f8f8f8;   /*dbdbdb;*/
	width:600px;
	margin:auto;
	margin-top:70px;
	padding: 20px;
	font-family:Arial, Helvetica, sans-serif;
}

#Formulari .Etiqueta{
	color:#1e1e1e;
	float:left;
	width:250px;
	text-align:right;
	margin-right:5px;
}

#Formulari .Comentaris_Formulari{
	font-size:.7em;
	
}

#Formulari a{
	font-size:12px;
}

#Formulari a:link, #Formulari a:visited{
	color:#1e1e1e;
	text-decoration:underline;
}
#Formulari a:hover{
	color:#1e1e1e;
	text-decoration:none;
}

#QuadreFactures{
	background-color:#dbdbdb;  
	width:60%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	border:#600 1px solid;
	
}

#QuadreFactures p{
	margin:5px 5px 5px 0;
	text-align:center;
}

#Cabecera{
	background-color: #f8f8f8;      /*#967661;  */
	width:1024px;
	height:80px;
}

#Menu{
	clear:both;
	background-color:#dbdbdb;    /*#630 ;   */
	/*background:url(Imagenes_web/textura4.jpg) repeat-x top;*/
	height:40px;

}



#Contingut_Principal{
	width:984px;
	padding:20px,10px,20px,10px;
	margin:auto;
	background-color:#f8f8f8;   /*#d2c7bf;*/
}


h1{
	text-align:center;
	margin-top:18px;
	margin-bottom:20px;
	color:#8c1840;
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
}

h2{
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
	color:#8c1840;
	font-size:15px;
}
	
p{
	margin:15px 15px 15px 0;
	font-size:.8em;
}
	
#Submit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#1e1e1e;
	background-color:#dbdbdb;
	margin-top:20px;
	margin-bottom:20px;
}

#Peu{
	margin:40px, 0, 40px, 0;
	width:1024px;
	background-color:#1e1e1e;  /*#967661;*/
	color:#FFF; /*#000000;*/
	text-align:center;	
	
}
	
.Error{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:50px;
	line-height:50px;
}

#Taula_Factures{
	margin:auto;
	width:950px;
	border-bottom: #dbdbdb thin solid; 
	color:#1e1e1e;
	
	}

#Taula_Factures th{
	background-color:#dbdbdb;
	color:#1e1e1e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
}

#Taula_Factures td{
	background-color:#f8f8f8; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top:#dbdbdb thin solid; /* #FFDBB7 */
}


#SubTaula_Albarans{
	margin:auto;
	width:700px;
}

#SubTaula_Albarans td{
	background-color: #FFF; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:none;
}

.Comentaris_Formulari{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#300;
	}


.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #1e1e1e;  /*555;*/
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}