@CHARSET "UTF-8";


body {
    font-family: Arial;
}



#contenidor{
    background-color:#FFFFFF;
	width:800px;
	height:600px;
	margin-top: 20px;
	margin-left: auto ;
  	margin-right: auto ;
}


#BoxCabecera{
        height:28%;
        margin-top: 0px;
        border:0px solid #FFFFFF;
	    background-color:#FFFFFF;
        width:100%;
}


#boxPrincipal{
        margin-top: 20px;
        height:55%;
        background-color:#FFFFFF;
	    clear:both;
    	text-align:left; 
}




.BarraMenu {
  overflow: hidden;
  background-color: #B0E0E6;
}

.BarraMenu a {
  float: left;
  color: grey;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.BarraMenu a:hover {
  background-color: white;
  color: black;
}

.BarraMenu a.active {
  background-color: #B0E0E6;
  color: grey;
} 
  
  

.boto1 {		// Boto gros color gris
  width: 260px; 
  background-color: #e7e7e7; /* Gray */
  color: black;
  border: 1px solid black;
  border-radius: 4px;
  padding: 15px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 48px;
  margin: 4px 2px;
  cursor: pointer;
}

.boto2 {		// Boto gros color salmon
  width: 480px; 
  background-color: lightsalmon; /* Gray */
  color: black;
  border: 1px solid black;
  border-radius: 4px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 48px;
  margin: 4px 2px;
  cursor: pointer;
}

.boto3 {		// Boto petit color gris
  width: 80px; 
  background-color: #e7e7e7; /* Gray */
  color: black;
  border: 1px solid black;
  border-radius: 4px;
  padding: 10px 26px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

.boto4 {		// Boto petit color salmon
  width: 200px; 
  background-color: lightsalmon; /* Gray */
  color: black;
  border: 1px solid black;
  border-radius: 4px;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
}


.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}






table.llistat_blanc {
    font-family: Arial;
	font-size:11px;

	color:#6666cc;
	background-color: #FFFFFF;

	width: 100%;
	border:0px; 
	cellspacing:1px; 
	cellpadding:1px;
	border-collapse: collapse;
}

table.llistat_blanc th {
	height:25;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}

table.llistat_blanc td {
	height:20;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}


table.llistat_t2 {
    font-family: Arial;
	font-size:11px;

	color:#6666cc;
	background-color: #FEFFC5; 
	
	width: 100%;
	border:0px; 
	cellspacing:1px; 
	cellpadding:1px;
	border-collapse: collapse;
}

table.llistat_t2 th {
	height:25;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}

table.llistat_t2 td {
	height:20;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}