/* Verdana */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); /*web*/
/*@import url('https://fonts.googleapis.com/css2?family=Pragati+Narrow:wght@400;700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=News+Cycle:wght@400;700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@900&display=swap');
.cf:before, .cf:after {content:"";display:table}
.cf:after {clear:both}
.cf {zoom:1;width:100%}

* {font-family: 'Roboto', sans-serif;line-height:120%;font-weight:400}
b, strong {font-weight:700}
.bolder {font-family:'Work Sans';font-weight:900}

#logo        { background-position: center; position: relative; float: right; width: 210; height: 120; margin-top:45px; margin-right:18px }

table {border-collapse:collapse}


.lcarf       { font-size: 9pt; color: black;border:1px #000 solid;padding:0 3px; background-color:#C2D5E6; }
.lcarc       { color: black; font-size: 9pt;border:1px #000 solid;padding:0 3px; background-color:#D7E4EF; }

.lcarfm      { font-size: 8pt; color: black; border:1px #000 solid;padding:0 3px;background-color:#C2D5E6; }
.lcarcm      { color: black; font-size: 8pt; border:1px #000 solid;padding:0 3px;background-color:#D7E4EF; }

.titoletspro {font-family: 'Roboto'; font-size: 14px; color:black;font-weight:bold}   
.titoletsprop {font-family: 'Roboto'; font-size: 10pt; color:black}  

.margepro    {margin-left:10;}

.destacat    { color: #FF0000 }

.caracter    { font-family: 'Roboto'; font-size: 8pt; color: #2A5097; float: left;
				 width:33%; text-align:left; padding-top:10px; margin-left:3px }

.valor       { font-family: 'Roboto'; font-size: 8pt; color: #2A5097; float: right;
				 width:65%; text-align:right; padding-top:10px }
                              
.titpro      { font-family: 'Roboto'; color: #000000; font-size: 21pt; font-weight: 800; 
               padding-left:0px; padding-right: 3px; padding-bottom: 0px; padding-top:0px; }

.manual      { font-family: Arial; color: #000000; font-size: 16pt; font-weight: bold; 
                margin-bottom: 0; 
               padding-left: 10px; float: right; padding-right: 14px; padding-bottom: 5px; padding-top:10px; }
               
               
#desc        { font-family: 'Roboto'; font-size: 8pt; color: #2A5097; 
               border: 0px solid #2A5097; background-color: #C2D5E6;  }
               
.txtfitxa, p    { font-family: 'Roboto'; font-size: 10pt;text-align:left; color:black;margin:0}
.txtfitxa ul {list-style-type: square;margin:5px 0px 2px 0px;list-style-position: inside;padding:0;}
.margefitxa  {padding-left:10px}
               
#units       { text-align: right; font-family: 'Roboto'; font-size: 8pt; color: #2A5097; 
               border: 0px solid #2A5097; background-color: #C2D5E6;  } 
               
#lunits       { text-align: left; font-family: 'Roboto'; font-size: 8pt; color: #2A5097; 
               border: 0px solid #2A5097; background-color: #C2D5E6;  }       
               
td.calcul    { border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; 
               border-bottom: 1px dotted #2A5097 }
.adreca      { float: left; width: 150; color: #2A5097; font-family: 'Roboto'; font-size: 8pt; 
               text-align: left; margin-left: 5; margin-right: 3; margin-top: 
               0; }
.copy        { float: right; color:#EEEEEE; font-family: 'Roboto'; font-size: 7pt;
				 background-color:auto; }
				 
.linksbot	 { float: left; color:#EEEEEE; font-family: 'Roboto'; font-size: 7pt;
				 background-color:auto; }			 

.menusel     {border-bottom:1px solid #FF0000; font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float:left;
				text-align:center; margin-left:0; margin-right:0 }

.menu        {font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float: left; 
				text-align:center;  }

.contingut   { float: left; width: 465; margin-top:5px; background-color:auto }

.seleccionat {height: 35%; background-color:auto; padding-top:30px; margin-left=5px}

.seleccio 	 {background: url('imatges/fonsform.gif') repeat-x left bottom; height: 34%; margin-left=5px; padding-top:30px}

.fotogran    { position: relative; float: left; }
                
.liniablava  { border-left:2px solid #000000; background:#2A5097 url('imatges/ombracap.gif') repeat-x left top; color:#FFFFFF; font-family: 'Roboto'; font-size: 10px; 
				font-weight:bold; padding-left:10px; padding-top:5px; clear: right; margin-left: 5px; 
				height:25 }
				 
.liniablavabot  {  border-left:2px solid #000000; background:#2A5097 url('imatges/ombracap.gif') repeat-x left top; height: 25; 
                  color:#EEEEEE; font-family: 'Roboto'; font-size: 7pt; padding-left:10px; padding-top:5px; padding-right:10px; clear:both }				 
				 
body         { font-family:'Roboto'; font-size: 10pt;text-align:left; color:#000}

.titolcont   { color: #FF0000; font-family: 'Roboto'; font-size: 8pt; margin-left:7; margin-right:7; margin-top:25; }

.producexp   { font-size: 10pt; font-weight: 800; color: #000000; font-family: 'Roboto'; margin-left:0; margin-right:7; }

td           { font-size: 10pt; color:#000000;font-family: 'Roboto'; padding:1px }
.taumat td { font-size: 11px; color:#000000;font-family: 'Roboto'; padding:2px 1px 1px 2px;line-height:105%;}

.selof		 { font-size: 8pt; color: #2A5097; font-family: 'Roboto'; margin-left:33; 
				margin-top:5;  font-weight:bold; margin-bottom:5 }				

.selon		 { background-position: left center; font-size: 8pt; color: #2A5097; font-family: 'Roboto'; margin-left:30; 
				margin-top:5; font-weight:bold; padding-left:18px; margin-bottom:5; background-image:url('imatges/16v.gif'); background-repeat:no-repeat; }
				
.subselof	 {font-size: 7pt; color: #2A5097; font-family: 'Roboto'; margin-left:60; 
				margin-top:5; font-weight:bold; margin-bottom:5; }

.subselon	 {font-size: 7pt; color: #2A5097; font-family: 'Roboto'; margin-left:60; 
				margin-top:5; font-weight:bold; margin-bottom:5 }				

a:link       {  font-size: 8pt; color: #2A5097; font-family: 'Roboto';text-decoration: none;font-weight: bold }
a:visited    {  font-size: 8pt; color: #2A5097; font-family: 'Roboto';text-decoration: none;font-weight: bold }
a:active     {  font-size: 8pt; color: #2A5097; font-family: 'Roboto';text-decoration: none;font-weight: bold }
a:hover      {  font-size: 8pt; color: #2A5097; font-family: 'Roboto';text-decoration: underline; font-weight: bold }				
				
			
a:link.menulf       {text-decoration: none; font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float: left; 
				text-align:center; margin-left:5; margin-right:5 }
				
a:visited.menulf	 {text-decoration: none; font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float: left; 
				text-align:center; margin-left:5; margin-right:5 }
				
a:hover.menulf	{text-decoration: none;border-bottom:1px solid #FF0000; font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float:left;
				text-align:center; margin-left:5; margin-right:5 }
				
a:active.menulf	 {text-decoration: none; font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float: left; 
				text-align:center; margin-left:5; margin-right:5 }
				
a:link.menuln       {text-decoration: none; font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float: left; 
				text-align:center; margin-left:5; margin-right:5;border-bottom:1px solid #FF0000 }
				
a:visited.menuln	 {text-decoration: none; font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float: left; 
				text-align:center; margin-left:5; margin-right:5;border-bottom:1px solid #FF0000 }
				
a:hover.menuln	{text-decoration: none;border-bottom:2px solid #FF0000; font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float:left;
				text-align:center; margin-left:5; margin-right:5 }
				
a:active.menuln	 {text-decoration: none; font-family: 'Roboto'; font-size: 10px; font-weight:bold; color:#FFFFFF; float: left; 
				text-align:center; margin-left:5; margin-right:5;border-bottom:1px solid #FF0000 }
								

a:link.menuf     {text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
				font-weight:bold; padding-left:18px;}

a:visited.menuf	 {text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
				font-weight:bold; padding-left:18px;}
								
a:active.menuf	 {text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
				font-weight:bold; padding-left:18px;}
				
a:hover.menuf	 {background-position:  left center; text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
				font-weight:bold; padding-left:18px;background-image:url('imatges/16v.gif'); background-repeat:no-repeat; }



a:link.menusf     {text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
					font-weight:bold; padding-left:18px;}

a:visited.menusf	 {text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
					font-weight:bold; padding-left:18px;}
				
a:active.menusf	 {text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
					font-weight:bold; padding-left:18px;}

a:hover.menusf	 {background-position: left center;text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
					font-weight:bold; padding-left:18px;background-image:url('imatges/16bf.gif'); background-repeat:no-repeat; }
					
a:link.menusn     {background-position: left center; text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
					font-weight:bold; padding-left:18px;background-image:url('imatges/16bf.gif'); background-repeat:no-repeat; }

a:visited.menusn	 {background-position: left center;text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
					font-weight:bold; padding-left:18px;background-image:url('imatges/16bf.gif'); background-repeat:no-repeat; }
				
a:active.menusn	 {background-position: left center;text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
					font-weight:bold; padding-left:18px;background-image:url('imatges/16bf.gif'); background-repeat:no-repeat; }

a:hover.menusn	 {background-position: left center;text-decoration: none; font-size: 7pt; color: #2A5097; font-family: 'Roboto'; 
					font-weight:bold; padding-left:18px;background-image:url('imatges/16bf.gif'); background-repeat:no-repeat; }					
					
					
a:link.menub     {text-decoration:none; color:#EEEEEE; font-family: 'Roboto'; font-size: 7pt; font-weight: normal }

a:visited.menub	 {text-decoration:none; color:#EEEEEE; font-family: 'Roboto'; font-size: 7pt; font-weight: normal}
				
a:active.menub	 {text-decoration:none; color:#EEEEEE; font-family: 'Roboto'; font-size: 7pt; font-weight: normal}

a:hover.menub	 {text-decoration:underline; color:#EEEEEE; font-family: 'Roboto'; font-size: 7pt; font-weight: normal}

input        { color: #005097; font-family: 'Roboto'; font-size: 8pt; 
               border: 1px groove #2A5097; background-color: #FFFFFF }
               
input.boto   { border-left:2px solid #2A5097; border-right:2px outset #2A5097; border-top:2px outset #2A5097; border-bottom:2px outset #2A5097; color: #005097; font-family: 'Roboto'; font-size: 8pt; 
               background-color: #FFFFFF }               
               
textarea     { font-family: 'Roboto'; font-size: 8pt; color: #2A5097; 
               border: 1px solid #2A5097 }
               
select       { font-family: 'Roboto'; font-size: 8pt; color: #2A5097; 
               border: 1px solid #2A5097 }

ul {
    list-style-type: square;
    margin:5px 0px 2px 30px;
    list-style-position: outside;
}
li {
    font-family: 'Roboto'; font-size: 10pt;text-align:left; color:black;margin:0;margin-bottom:3px;
}

H1.sdp       { PAGE-BREAK-AFTER: always }

.titmant        {font-weight:800;margin-top:0;margin-bottom:20px;font-size:12pt;}
ul {
    list-style-type: square;
    margin:5px 0px 2px 30px;
    list-style-position: outside;
}
li {
    font-family: 'Roboto'; font-size: 10pt;text-align:left; color:black;margin:0;margin-bottom:3px;
}

* [style*="background: #000; color: #fff;"], [style*="background: #000000; color: #ffffff;"], [style*="background:#000;color:#fff"] {
    border:1px #000 solid;display:inline-block;margin:1px;background:#ddd!important;color:#000!important;
}

/*
@page :first {
  margin: 2mm 1cm 1mm 2cm; 
}


@page {
    margin: 5mm 2cm 1mm 1cm;
}
*/
@media screen {
    .salt {margin-top:5em}
    body {
        background:#eee;
        position:relative;
    }
    #wfitxa, .wfitxa {
      box-shadow:0px 0 20px #000;
      padding:30px 50px 5.5em 50px;
      background:#fff;
    }
    #bottom {
      display:block;
      position:absolute;
      z-index:2;
      width:750px;margin:0 auto;left:50%;transform:translateX(-50%);bottom:.5em;
    }  
}

    @media print {
    .salt {page-break-after: always;}
    body {background:#fff;position:relative;}

    #wfitxa, .wfitxa {
      box-shadow:none;
      padding:0!important;
      background:#fff;
      position:relative;z-index:1;
    }

    #bottom {
      position:fixed;
      bottom:0;left:5px;right:5px;
      z-index:-1;
      margin:0;width:auto;
    }
    * {
        -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
        color-adjust: exact !important;                 /*Firefox*/
    }  
}
