BODY { color: black; font-family: Arial,Verdana,Helvetica; font-size: 9px; }
.principal{
	text-align:center;
	width: 767px;
	/*border: 1px #000000 solid;*/
	vertical-alig: top;
}
.menu_esquerra{
	display: table-cell;
	width: 150px;
        vertical-align: top; 
	text-align: center; 
	background-color: #E2EBE1;
}

.central{
	display: table-cell;
        width: 467px;
        vertical-align: top;
        text-align: center;
}
.menu_dreta{
	width: 150px;
	display: table-cell;
        vertical-align: top;
        text-align: center;
        background-color: #C6D7C3;
}
TD { color: #104D05; font-family: Arial,Verdana,Helvetica; font-size: 9px }
TD.blavet { color: #339999; font-family: Verdana;  font-weight: bold; font-size: 10px;}
TD.b { color: #5564e8; font-family: Verdana;  font-weight: bold; font-size: 12px;}
.llibres { font-family: Verdana;  font-weight: bold; font-size: 9px;}
.error   { font-family: Verdana;  font-weight: bold; font-size: 12px; color: #ff0000;}       
.errorp   { font-family: Verdana;  font-weight: bold; font-size: 10px; color: #ff0000;}       
TD.bp { color: #5564e8; font-family: Verdana; font-size: 11px;}
TD.v { color:#1a9d86 ; font-family: Verdana; font-weight: bold;  font-size: 12px;}
TH { color: white; font-family: Verdana; font-size: 11px }
P { color: black; font-family: Verdana,Arial,Helvetica; font-size: 11px }
P.10px { color: black; font-family: verdana; font-size: 8px }
UL { color: black; font-family: Verdana,Arial,Helvetica; font-size: 11px }
H1 { color: #40B152; font-family: Verdana;  font-weight: bold; font-size: 13px;}
H1.b { color: #40B152; font-family: Verdana;  font-weight: bold; font-size: 11px;}

A { text-decoration: none; font-family: Arial,Verdana,Helvetica; font-size: 9px; color: #104D05}
A:hover { text-decoration: none; font-family: Arial,Verdana,Helvetica; font-size: 9px; color: #F46222}
A.borde { font-family: Verdana,Arial,Helvetica; font-size: 11px; color: #1D5E11 }
A.actiu { text-decoration: none; font-family: Verdana,Arial,Helvetica; font-size: 11px; color: #F46222}
A.actiu:hover { text-decoration: none; font-family: Verdana,Arial,Helvetica; font-size: 11px; color: #1D5E11}
A.noactiu { text-decoration: none; font-family: Verdana,Arial,Helvetica; font-size: 11px; color: #1D5E11}
A.noactiu:hover { text-decoration: none; font-family: Verdana,Arial,Helvetica; font-size: 11px; color: #F46222}

 .titol { 
    padding-left: 10px;
    padding-right: 10px;
    background-color: #6D776B;
    color: #ffffff;
    font-family: Arial,Verdana,Helvetica;
    text-align: right;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: bold; }
    
    .textnosaltres { 
    color: #104D05;
    font-family: Arial,Verdana,Helvetica;
    letter-spacing: 1px;
    font-size: 11px;
     }
    
 
input.b { 
     padding-left: 5px;
     padding-right: 5px;
     background-color: #FFFFFF;
     border: 1px #8EAE88 solid;
     font-family: Arial,Verdana,Helvetica;
     font-size: 10px;
     color: #1D5E11;
     font-style: normal
}
         
input.auth {  width: 100px; padding-left: 3px; padding-right: 3px; background-color: #ffffff; border: 1px #b44203 solid; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #1D5E11; font-style: normal}
input.boto_auth {  padding: 1px 1px 1px 1px; background-color: #1D5E11; border: 0px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}
input.sense {  background-color: #effffb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #1D5E11; font-style: normal}       

textarea.b {
     padding-left: 5px;
     padding-right: 5px;
     background-color: #FFFFFF;
     border: 1px #8EAE88 solid; 
     font-family: Arial,Verdana,Helvetica; 
     font-size: 9px; 
     color: #1D5E11; 
     font-style: normal
      }  

select.b {  
          background-color: #FFFFFF;
          font-family: Arial,Verdana, Helvetica, sans-serif;
          font-size: 9px;
          color: #2F7F20;
          font-style: normal}
          
form {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}   

a.cole:link{color: #042C7E}
a.cole:visited{color: #F46222}
a.cole:active{color: #F46222}
a.cole:hover{color: #F46222;}
a.cole{text-decoration: none}
a.temaa{ color:  color= #f64820; font-family: Verdana,Arial,Helvetica; font-size: 8px; font-weight: bold;}
a.temaa:hover{color: #1e44aa; font-family: Verdana,Arial,Helvetica; font-size: 8px; font-weight: bold;}


.cont { text-decoration:none;
 text-align: left;
 font-family: Arial,Verdana,Helvetica; 
     font-size: 10px;
     color: #104D05;}
     
.preu { text-decoration:none;
 text-align: left;
 font-family: Arial,Verdana,Helvetica; 
     font-size: 10px;
     color: #690E0D;}

.tema_of{
         padding: 2px 0px 2px 10px;       
	 color= #f64820;
}
.tema_on{
         padding: 2px 0px 2px 10px;       
	 color: #F46222;
 }
 #body_left{     
     margin: 0px 0px 0px 0px;
     padding: 4px 0px 4px 0px;           	
     width: 150px;
     vertial-align: top;	
 }
 
 
 #titmenu{
     
     border: 1px solid #2F7F20;
     background-color:#2F7F20;    
     margin: 0px 0px 2px 0px;
     padding: 0px 0px 0px 0px;    	 
     width: 95%;
     font-family: Arial,Verdana,Helvetica; 
     font-size: 10px;
     text-align: left;
     color: #ffffff;
 }
 
  #titcercar{
     
     border: 1px solid #2F7F20;
     background-color:#1D5E11;    
     margin: 0px 0px 2px 0px;
     padding: 0px 0px 0px 0px;    	 
     width: 95%;
     font-family: Arial,Verdana,Helvetica; 
     font-size: 10px;
     text-align: left;
     color: #ffffff;
 }
 
  #tittop{
     
     border: 1px solid #269411;
     background-color:#269411;    
     margin: 0px 0px 2px 0px;
     padding: 0px 0px 0px 0px;    	 
     width: 95%;
     font-family: Arial,Verdana,Helvetica; 
     font-size: 10px;
     text-align: center;
     color: #ffffff;
 }
 
 /****************************************************************************************************/
 /*************************************        MENUS     *********************************************/
 /****************************************************************************************************/ 

 #menu{
     margin: 0px 0px 3px 0px;
     padding: 0px 0px 0px 0px;        	
     border: 1px solid #2F7F20;
     width: 95%;
 }
 #menu ul{
     list-style: none;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     background-color: #6DA562;
     text-decoration:none;
 }

 #menu li{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
 	border-bottom: 1px solid #6DA562;
 	background-color: #ffffff;
 	text-decoration:none;
 	text-align: left;
 	font-family: Verdana,Arial,Helvetica;    
 	/*font-family: Arial,Verdana,Helvetica; */
    font-size: 10px;
    color: #104D05;
 }


 #menu li:hover{
    font-weight: bold;
    background-color: #D0E0CD;
    color: #104D05;       
  }

 #menu li:hover a{
    font-weight: bold;
    background-color: #D0E0CD;
    color: #104D05;       
  }
 
 #menu li a{
  	width: 100%;
    height: 100%;
    font-family: Verdana,Arial,Helvetica;    
 	/*font-family: Arial,Verdana,Helvetica; */
    font-size: 10px;
 	text-decoration:none;
 	text-align: left;
    color: #104D05;
  }

 #menu li a:hover{
    color: #104D05;
    font-weight: bold;
    background-color: #D0E0CD;
    
  }
 


#menu li.top{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 3px;
 	border-bottom: 1px solid #ffffff;
 	background-color: #D0E0CD;
 	text-decoration:none;
 	text-align: left;
 	font-family: Arial,Verdana,Helvetica; 
    font-size: 10px;
    color: #104D05;
 }
 
 #menu li.final{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    border-bottom: 0px;
 	text-decoration:none;
 	text-align: left;
 	font-family: Arial,Verdana,Helvetica; 
    font-size: 10px;
    color: #104D05;
 }

#menut{
     margin: 0px 0px 3px 0px;
     padding: 0px 0px 0px 0px;        	
     border: 1px solid #6E9167;
     width: 95%;
 }
 
#menut ul{
     list-style: none;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     background-color: #ffffff;
     
 }

#menut li{
    margin: 0px 0px 0px 3px;
    padding: 0px 0px 0px 8px;
 	text-decoration:none;
 	text-align: left;
 	font-family: Verdana,Arial,Helvetica;        
    font-size: 10px;
    color: #104D05;
    background: url("img/fletxa.gif");
    background-repeat: no-repeat;
 }

 #menut li:hover{
    font-weight: bold;
    background-color: #D0E0CD;
    color: #104D05;       
  }

 #menut li:hover a{
    font-weight: bold;
    background-color: #D0E0CD;
    color: #104D05;       
  }
 
 #menut li a{
  	width: 100%;
    height: 100%;
    font-family: Verdana,Arial,Helvetica;    
 	/*font-family: Arial,Verdana,Helvetica; */
    font-size: 10px;
 	text-decoration:none;
 	text-align: left;
    color: #104D05;
  }

 #menut li a:hover{
    color: #104D05;
    font-weight: bold;
    background-color: #D0E0CD;
    
  }
 


#menub{
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 0px 0px;        	
    border: 1px solid #6E9167;
    width: 95%;
 }

#menub ul{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #8EAE88;
    text-decoration:none;
 }

#menub li{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 3px;
 	border-bottom: 1px solid #6DA562;
 	background-color: #ffffff;
 	text-decoration:none;
 	text-align: left;
 	font-family: Arial,Verdana,Helvetica; 
    font-size: 10px;
    color: #104D05;
 }
 
#menuc{
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;        	
     border: 1px solid #D0E0CD;
     width: 95%;
 }
  #menuc ul{
     list-style: none;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     background-color: #D0E0CD;
     text-decoration:none;
 }
 #menuc li{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 3px;
 	border-bottom: 1px solid #EAF1E8;
 	background-color: #D0E0CD;
 	text-decoration:none;
 	text-align: left;
 	font-family: Arial,Verdana,Helvetica; 
    font-size: 10px;
    color: #104D05;
 }

 /****************************************************************************************************/

 .foto{
 }
 .foto_fitxa{
    
 }
  .dades_fitxa{
      padding: 0px 0px 0px 20px;
      display: table-cell;
      width: 100%;
 }
 .dades_llistat{
      padding: 0px 0px 0px 0px;
      display: table-cell;
 }
 /****************************************************************************************************/
 /*************************************       DIVS       *********************************************/
 /****************************************************************************************************/ 

 
 .general { 
    text-align: left;
    clear: left;
    width: 95%;
 }


.titb { 
     margin: 5px 0px 10px 0px;
     padding: 1px 5px 0px 5px;
     color: #000000;
     background-color: #E7E7E2;
     font-family: Arial,Helvetica,Verdana;
     font-size: 9px; 
     height: 25px;
     vertical-align: middle;     
}

.tit {
     margin-bottom: 5px;
     color: #000000;
     font-family: Arial,Helvetica,Verdana;
     font-size: 9px; 
     height: 110px;
}
       
.tit_portada {
     margin-bottom: 5px;
     color: #000000;
     font-family: Arial,Helvetica,Verdana;
     font-size: 9px; 
     height: 130px;
}

.tit_portada_ofer {
     margin-bottom: 5px;
     color: #000000;
     font-family: Arial,Helvetica,Verdana;
     font-size: 9px;
     height: 150px;
}
.foto_portada{
     display: table-cell;
     vertical-align: top;	
}
.fitxa_portada{
     display: table-cell;
}
.tit img{
     margin-bottom: 5px;
}

.cos_fitxa {
     margin-bottom: 5px;
     color: #000000;
     font-family: Arial,Helvetica,Verdana;
     font-size: 9px; 
}

.fitxa_llistat {
     margin-bottom: 5px;
     color: #000000;
     font-family: Arial,Helvetica,Verdana;
     font-size: 9px; 
     height: 60px;
}

.userreg{
	padding: 0;
    margin: 0;
	background-color: #B80D1D;
	color: #ffffff;
	font-size: 12px;	
	vertical-align: middle;
}
 .info { 
    background-color: #DEDEDB;
    text-align: right;
    clear: left;
 }
 .info_rec { 
     background-color: #E0F1DC;
     text-align: right;
     clear: left;
 }
 .info_ofer { 
     background-color: #E7D8D8;
     text-align: right;
     clear: left;
 }
 .message{
 	 padding: 5px 0px 5px 0px;   
     padding-bottom: 5px;
     marging-bottom: 5px;
     font-size: 13; 
     font-weight;
     color: #000000;
 }

 .reco { 
    width: 95%;
    
    padding-left: 15px;
    padding-right: 5px;   
    background-color: #B5D5AF;
    color: #1D5E11;
    font-family: Arial,Verdana,Helvetica;
    text-align: left;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: bold; }
    
   .nov { 
    padding-left: 5px;
    padding-right: 5px;
   
    color: #EA850F;
    font-family: Verdana,Arial,Helvetica;
    text-align: left;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: bold; }
    
.ofer { 
    /*writing-mode: tb-rl;
	filter: flipv fliph;*/
     
    padding-left: 2px;
    padding-right: 2px;
    background-color: #F3DADA;
    color: #690E0D;
    font-family: Arial,Verdana,Helvetica;
    text-align: right;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: bold; 
}


.peu { 
    background-color: #2F7F20;
    color: #ffffff;
    font-family: Arial,Verdana,Helvetica;
    text-align: right;
    letter-spacing: 2px;
    font-size: 10px 
}
 
.form2{
  text-align: left;
  clear: left;
  width: 90%;
}
.tit_form{
	display: table-cell;
	width: 100px;
    padding: 0px 5px 0px 0px;
    marging:0px;
    color: #2F7F20;
    font-family: Arial,Verdana,Helvetica;
    text-align: right;
    letter-spacing: 1px;
    font-size: 12px;
    vertical-align: top;
    
 }

.valor_form{
	display: table-cell;
	padding: 0px 5px 0px 0px;
    font-family: Verdana,Arial,Helvetica;
    text-align: right;
    font-size: 12px;
    color: #196B33;
}

.titfinal{
    padding: 0px 5px 0px 0px;
    marging:0px;
    color: #2F7F20;
    font-family: Arial,Verdana,Helvetica;
    text-align: left;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    
 }
.message_form{
    padding: 5px 5px 5px 0px;
    margin: 5px 5px 5px 0px;
    color: #2F7F20;
    font-family: Verdana,Arial,Helvetica;
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
    vertical-align: top;
    
 }
.boto_esq
 {
    width: 450px;
    display: table-cell; 
    text-align: left;
 }
.boto_dre
 { 	
    width: 450px;
    display: table-cell; 
    text-align: right;

 }

 /****************************************************************************************************/
 /*************************************       CARRET     *********************************************/
 /****************************************************************************************************/ 
 
 th.carret
 {
 	background-color: #7DC193;
    color: #ffffff;
    font-weight: bold;
 }

 td.carret
 {
 	background-color: #CAE0D1;
    color: #196B33;
    font-weight: bold;
 }
 td.carret_num
 {
 	background-color: #CAE0D1;
    color: #196B33;
    text-align: center;
 }
 td.carret_total
 {
    background-color: #2F7F20;
    color: #ffffff;
    text-align: right;
 }

 /****************************************************************************************************/
 /*************************************       FACTURA    *********************************************/
 /****************************************************************************************************/
 
.message_final{
    font-family: Verdana,Arial,Helvetica;
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
    color: #117130;
}

.dades_final{
    font-family: Verdana,Arial,Helvetica;
    text-align: left;
    letter-spacing: 1px;
    font-size: 12px;
    background-color: #e4f3e1;
}

.titol_final{
    padding: 0px 10px 0px 0px;	
    margin: 0px;
    font-family: Verdana,Arial,Helvetica;
    text-align: left;
    letter-spacing: 1px;
    font-size: 12px;
    color: #117130;  
    font-weight: bold;
}
.valorfinal{
    font-family: Verdana,Arial,Helvetica;
    text-align: left;
    letter-spacing: 1px;
    font-size: 12px;
    color: #000000;
}
th.final{
    font-family: Verdana,Arial,Helvetica;
    text-align: center;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #7dc193;
}
label{
   cursor: pointer;     
}

.titol2{ 
    padding-left: 10px;
    padding-right: 10px;
    background-color: #A6B4A4;
    color: #ffffff;
    font-family: Arial,Verdana,Helvetica;
    text-align: left;
    letter-spacing: 2px;
    font-size: 11px;
    font-weight: bold; 
}