img {border:0px}
body   {margin:0px;padding:5px 0px 0px 0px;width:100%;font-family:arial;overflow:scroll}
p,h1,h2,h3,h4 { padding:0px;margin:0px;font-weight:normal}
ul,li {padding:0px;margin:0px;list-style:none}
a {text-decoration:none;font-family:inherit;font-weight:inherit;font-size:inherit;color:inherit}
.s {border-bottom:1px solid #3c91c3}
#base  {margin:auto;padding:0px;width:855px}
 #cap   {float:left;width:855px;height:122px}
 #base2 {float:left;width:855px;background:url(/web/img/fons.png) repeat-y}
  #col1  {float:left;width:183px;padding:22px  0px 0px  0px;background:#fff}
   #cercador {}
    #word    {float:left;height:15px;margin:0px;padding:2px;width:118px;border:1px solid #dfdfdf;background:url(/web/img/form/fons.gif) no-repeat right;color:#666;font-size:8pt}
    #cercar  {float:left;margin:1px 0px 0px 7px}
   #col12    {float:left;margin:8px 0px 0px 0px;padding:0px;background:url(/web/img/col1Fons.png);width:183px}
   #menu     {float:left;width:183px;margin:0px;padding:0px}
   .menu:first-child {float:left;width:183px;list-style:none;padding:0px;margin:0px;background:url(/web/img/menu1Fons.png) repeat-x;height:18px}
   .menu     {float:left;width:160px;list-style:none;padding:2px 0px 2px 3px;margin:0px 9px 0px 9px;border-top:1px solid #fff}
   .menu a   {color:#3c91c3;font-size:8pt;text-decoration:none;font-weight:bold}
   .menu a:hover {color:#333}
   .menuO    {float:left;width:160px;list-style:none;padding:2px 0px 2px 3px;margin:0px 9px 0px 9px;border-top:1px solid #fff;background:#FFF}
   .menuO a   {color:#3c91c3;font-size:8pt;text-transform:uppercase;text-decoration:none;font-weight:bold}
   .menuO a:hover {color:#333}
   .menuO UL {float:left;width:160px;list-style:none;margin:5px 0px 10px 0px;border-top:1px solid #fff;background:#FFF}
   .menuO LI {float:left;width:153px;list-style:none;padding:0px 0px 0px 7px;border-top:1px solid #fff;background:url(/web/img/bolaBlava.png) no-repeat 0px 8px;line-height:14px}
   .menuO LI a   {color:#3c91c3;font-size:7pt;font-weight:bold;text-transform:none;line-height:12px}
   .menuO LI a:hover {color:#333}
   #mapa     {text-align:center;margin:0px 0px 10px 0px}
  #col2 {float:left;width:465px;padding:22px 10px 0px 10px;background:#FFF}
   #col22 {float:left;width:455px;background:url(/web/img/col2Fons.png);padding:30px 0px 0px 10px}
    #home1{float:left;width:443px;height:196px;background:url(/web/img/home/boto1.jpg);margin:0px 0px 5px 0px}
    #home1 img {float:left;width:443px;height:150px}
    #home1 h2 {float:left;font-size:9pt;font-weight:bold;color:#fff;padding:5px 0px 0px 5px;width:400px;text-transform:uppercase}
    #home1 p  {float:left;font-size:8pt;font-weight:bold;color:#fff;padding:5px;width:400px}
    #home1 p a {text-decoration:underline}
    #home2{float:left;width:215px;height:196px;background:url(/web/img/home/boto2.jpg)}
    #home2 img {float:left;width:215px;height:143px}
    #home2 h2 {float:left;font-size:9pt;font-weight:bold;color:#fff;padding:5px 0px 0px 5px;width:400px;text-transform:uppercase}
    #home2 p  {float:left;font-size:8pt;font-weight:bold;color:#fff;padding:5px;width:400px}
    #home2 p a {text-decoration:underline}
    #home3{float:right;width:215px;height:196px;background:url(/web/img/home/boto3.jpg);margin:0px 12px 0px 0px}
    #home3 img {float:left;width:215px;height:143px}
    #home3 h2 {float:left;font-size:9pt;font-weight:bold;color:#fff;padding:5px 0px 0px 5px;width:400px}
    #home3 p  {float:left;font-size:8pt;font-weight:bold;color:#fff;padding:5px;width:400px}
    #home3 p a {text-decoration:underline}
  #col3     {float:left;width:187px;padding: 7px 0px 0px  0px;background:#FFF}
   #col31   {float:left;width:187px;padding: 0px 0px 0px  0px;background:url(/web/img/fons-area-clientes.png);height:196px;}
   #col31 p {float:left;width:180px;margin:  0px 0px 0px 10px; font-size:10pt; color:#fff;font-weight:bold} 
   #col31 a {width:180px;margin:  0px 70px 0px 10px; font-size: 7pt; color:#fff;text-decoration:underline}
    #la     {float:left;width:174px;padding: 2px 13px 0px  0px;background:url(/web/img/area-clientes.png);height:30px; font-size:8pt;color:#fff;text-align:right}
    #la a   {margin:0px;font-size:8pt}
   #col31 label {float:left;width:180px;margin:5px 0px 0px 10px;font-size:7pt;font-weight:bold;color:#333} 
   #col31 input[type=text],#col31 input[type=password] {float:left;width:164px;margin:5px 0px 0px 10px;border:1px solid #dfdfdf;background:url(/web/img/form/fons.gif) no-repeat right;color:#666;font-size:8pt}
   #col31 .submit {float:left;width:53px;height:18px;margin:8px 0px 0px 8px;background:url(/web/img/boto-enviar.png);font-size:8pt;color:#333;border:0px;cursor:pointer}
   #col31 .solCuenta {float:left;width:107px;height:18px;margin:8px 0px 0px 8px;background:url(/web/img/boto-solicitar-cuenta.png);font-size:8pt;color:#333;border:0px;cursor:pointer}
   #col32   {float:left;width:193px;margin:10px 0px 0px -3px;background:url(/web/img/newsletter.png) no-repeat;height:30px;}
   #col32 a {float:left;font-size:10pt;font-weight:bold;color:#3c91c3;margin:7px}

   #col33   {float:left;width:187px;margin:10px 0px 0px  0px;background:url(/web/img/fonsGrisClaret.png)}
   #col33 p {float:left;width:181px;padding:17px 0px 0px 10px;background:url(/web/img/fonsNoticiesHome.png) no-repeat; font-size:10pt; color:#3c91c3;font-weight:bold}
   #col33 ul{float:left;width:187px;margin: 0px 0px 0px 0px; font-size:7pt; color:#333} 
   #col33 li{float:left;width:167px;margin:10px 0px 0px 0px; padding:10px 10px 0px 10px;background:url(/web/img/separadorNoticiesHome.png) no-repeat;}
   #col33 .mas {float:left;color:#3c91c3;text-decoration:underline} 
 #peu {float:left;width:855px;color:#3c91c3;font-size:7pt;text-align:center;margin:5px 0px 0px 0px}

   #col2Tipo1 {float:left;width:435px;background:url(/web/img/col2Fons.png);padding:15px 0px 0px 30px}
   #col2Tipo1 H1 {float:left;width:445px;font-size:21px;color:#3c91c3}
   #col2Tipo1 .li{float:left;font-size:7pt;width:435px;background:url(/web/img/liniaseparadora.png) left 8px no-repeat;margin:3px 0px 0px 0px}
   #col2Tipo1 .li P {float:right;font-size:7pt;color:#3c91c3;margin:0px;padding:1px 0px 0px 5px;background:url(/web/img/fonsGrisClaret.png)}
   #col2Tipo1 H2 {float:left;width:445px;font-size:9pt;color:#3c91c3;font-weight:bold;margin:10px 0px 0px 0px}
   #col2Tipo1 P  {float:left;width:395px;font-size:9pt;color:#666666;margin:10px 0px 0px 0px;text-align:justify}
   #col2Tipo1 A  {color:#3c91c3;text-decoration:underline}
   #col2Tipo1 ul {float:left;padding:0px;margin:10px 0px 10px 0px;width:395px;font-size:9pt;color:#3f4545}
   #col2Tipo1 li {float:left;padding:0px 0px 0px 10px;margin:5px 0px 0px 0px;width:385px;font-size:9pt;text-align:justify;color:#666666;background:url(/web/img/bolaBlava.png) no-repeat 0px 4px}
   #col2Tipo1 .tit    {float:left;width:385px;background:#3c91c3;color:#FFF;margin:30px 0px 10px 0px;font-weight:bold;font-size:11pt;padding:3px 5px 3px 5px}
   #col2Tipo1 .subtit {float:left;width:395px;color:#3c91c3;font-size:8pt;margin:10px 0px 0px 0px;font-style:italic}
   #col2Tipo1 .conte  {float:left;width:395px;}
   #col2Tipo1 #pagina {float:left;width:395px;color:#3c91c3;font-size:8pt;margin:30px 0px 20px 0px;text-align:center}
   #col2Tipo1 #pagina a {text-decoration:none}
   #col2Tipo1 #pagina img {margin:5px 5px 0px 5px}
   #col2Tipo1 #dir {float:left;padding:0px;margin:10px 0px 10px 0px;font-size:7pt;color:#666666;width:420px}
   #col2Tipo1 .dir {float:left;padding:0px;margin:5px 0px 10px 0px;width:105px;font-size:7pt;color:#666666;background:none}
   #col2Tipo1 #cont  {float:left;padding:0px;margin:10px 0px 10px 0px;font-size:9pt;color:#666666;width:420px;background:url(/web/img/fonsblau.png)}
   #col2Tipo1 #cont2 {float:left;padding:0px;margin:10px 0px 10px 0px;font-size:9pt;color:#666666;width:420px;background:url(/web/img/fonsblau.png)}
   #col2Tipo1 .cont {float:left;padding:0px;margin:3px 0px 3px 10px;font-size:9pt;color:#666666;background:none;width:200px}
   #col2Tipo1 .cont2 {float:left;padding:0px;margin:3px 0px 3px 10px;font-size:9pt;color:#666666;background:none;width:270px}
   #col2Tipo1 .cont3 {float:left;padding:0px;margin:3px 0px 3px 0px;font-size:9pt;color:#666666;background:none;width:140px}
   #col2Tipo1 .cont4 {float:left;padding:0px;margin:3px 0px 3px 10px;font-size:9pt;color:#666666;background:none;width:410px}
   #col2Tipo1 label {float:left;padding:5px;width:50px;font-size:7pt;color:#333;font-weight:bold}
   #col2Tipo1 input {float:left;height:15px;margin:0px;padding:2px;width:118px;border:1px solid #dfdfdf;background:url(/web/img/form/fons.gif) no-repeat right;color:#666;font-size:8pt} 
   #col2Tipo1 textarea {float:left;height:165px;margin:0px 0px 0px 3px;padding:2px;width:390px;border:1px solid #dfdfdf;background:url(/web/img/form/fonsTextArea.gif) no-repeat right;color:#666;font-size:8pt;resize:none} 
   
   #col2Tipo2 {float:left;width:440px;background:url(/web/img/col2Fons.png);padding:15px 0px 0px 25px}
   #col2Tipo2 H1 {float:left;width:445px;font-size:21px;color:#3c91c3}
   #col2Tipo2 H2 {float:left;width:445px;font-size:15px;color:#3c91c3;margin:0px}
   #col2Tipo2 H3 {float:left;width:445px;font-size:12px;color:#3c91c3;margin:30px 0px 5px 0px;font-weight:bold}
   #col2Tipo2 #botonera {float:left;margin:15px 0px 5px 0px}
   #col2Tipo2 .li{float:left;width:435px;background:url(/web/img/liniaseparadora.png) left 8px no-repeat;margin:3px 0px 0px 0px}
   #col2Tipo2 .li P {float:right;font-size:8pt;color:#666666;margin:0px;padding:1px 0px 0px 5px;background:url(/web/img/fonsGrisClaret.png)}
   #col2Tipo2 P  {float:left;width:410px;font-size:9pt;color:#666666;margin:10px 0px 0px 0px}
   #col2Tipo2 P b {font-size:9pt}
   #col2Tipo2 A  {color:#3c91c3;text-decoration:underline}
   #col2Tipo2 ul {float:left;padding:0px;margin:10px 0px 10px 0px;width:395px;font-size:9pt;color:#3f4545}
   #col2Tipo2 li {float:left;padding:0px 0px 0px 10px;margin:5px 0px 0px 0px;width:395px;font-size:9pt;color:#666666;background:url(/web/img/bolaBlava.png) no-repeat 0px 4px}
   #litros  {float:left;background:url(/web/img/osmosis/litros.png) no-repeat;height:37px;width:400px}
   #litros .cant    {float:left;width:200px;font-size:12pt;color:#3c91c3;margin:10px 0px 0px 10px;font-weight:bold}
   #litros .litros  {float:left;width: 72px;font-size: 8pt;color:#3c91c3;margin:12px 0px 0px  0px;font-weight:bold}
   #litros .water   {float:left;width: 50px;font-size: 9pt;color:#cee3f0;margin:12px 0px 0px  0px;font-weight:bold}
   #col2Tipo2 #blau {float:left;width:420px;margin: 0px 0px 0px -5px;background:url(/web/img/fonsblau.png)}
   #col2Tipo2 #blau P {float:left;width:400px;font-size:9pt;color:#3f4545;margin:10px}
   #col2Tipo2 .tit    {float:left;width:400px;background:#FFF;color:#333;margin:10px 0px 0px -7px;font-weight:bold;font-size:9pt;padding:3px 10px 3px 7px}
   #col2Tipo2 .subtit {float:left;width:400px;background:#FFF;color:#333;font-size:9pt;margin:0px 0px 0px -7px;font-style:italic;padding:13px 10px 3px 7px}
   #col2Tipo2 .autors {float:left;width:400px;background:#FFF;color:#3c91c3;font-size:9pt;margin:0px 0px 0px -7px;font-style:italic;padding:13px 10px 3px 7px}
   #col2Tipo2 .conte  {float:left;width:400px;background:#FFF;color:#666666;font-size:9pt;margin:0px 0px 0px -7px;padding:13px 10px 3px 7px}
   #col2Tipo2 .titCurs    {float:left;width:400px;color:#3c91c3;margin:10px 0px 0px -7px;font-weight:bold;font-size:9pt;padding:3px 10px 3px 7px;text-transform:uppercase}
   #col2Tipo2 .conteCurs  {float:left;width:400px;color:#666666;font-size:9pt;margin:0px 0px 0px -7px;padding:13px 10px 3px 7px}
   #col2Tipo2 .pdf    {float:left;width:400px;background:#FFF;color:#666666;font-size:9pt;margin:0px 0px 0px -7px;padding:3px 10px 13px 7px;text-decoration:none}
   #col2Tipo2 #pagina {float:left;width:395px;color:#666666;font-size:8pt;margin:30px 0px 20px 0px;text-align:center}
   #col2Tipo2 #pagina a {text-decoration:none}
   #col2Tipo2 #pagina img {margin:3px 5px 0px 5px}
   .mesCurs {float:left;width:204px;height:87px;background:url(/web/img/fonsCursos.gif);margin:0px 0px 30px 0px}   
   .mesCurs a {float:left;font-size:8pt;margin:67px 0px 0px 29px}
   
   #col2Tipo3 {float:left;width:440px;background:url(/web/img/col2Fons.png);padding:15px 0px 0px 25px}
   #col2Tipo3 H1 {float:left;width:445px;font-size:21px;color:#3c91c3}
   #col2Tipo3 H2 {float:left;width:445px;font-size:18px;color:#3c91c3;font-weight:bold;margin:10px 0px 0px 0px}
   #col2Tipo3 .li{float:left;width:435px;background:url(/web/img/liniaseparadora.png) left 8px no-repeat;margin:3px 0px 0px 0px}
   #col2Tipo3 .li P {float:right;font-size:7pt;color:#3c91c3;margin:0px;padding:1px 0px 0px 5px;background:url(/web/img/fonsGrisClaret.png)}
   #col2Tipo3 .H3 {float:left;width:445px;font-size:10pt;color:#3c91c3;margin:5px 0px 5px 0px;font-weight:bold}
   #col2Tipo3 #botonera {float:left;width:445px;margin:15px 0px 15px 0px;height:50px}
   #col2Tipo3 .botout  {background:url(/web/img/prod-out.png)  no-repeat;width:100px;height:27px;text-align:center;padding:0px;cursor:pointer;border:0px;font-size:7pt;color:#3c91c3}
   #col2Tipo3 .botroll {background:url(/web/img/prod-roll.png) no-repeat;width:100px;height:27px;text-align:center;padding:0px;cursor:pointer;border:0px;font-size:7pt;color:#3c91c3}
   #col2Tipo3 #ps {float:left;width:406px;margin:10px 0px 0px 0px}
   #col2Tipo3 .ps {float:left;width:406px;background:url(/web/img/productos-out.png) no-repeat;margin:0px 0px 10px 0px}
   #col2Tipo3 .ps p {float:left;font-size:8pt;font-weight:bold;color:#FFF;margin:7px 0px 7px 10px}
   #col2Tipo3 .transp {float:right;width:9px;height:7px;margin:10px 117px 0px 0px}
   #col2Tipo3 .ps2 {float:left;width:406px;display:none}
   #col2Tipo3 .ps22 {float:left;width:406px;background:url(/web/img/productos2-out.png) no-repeat}
   #col2Tipo3 .ps22:hover {background:url(/web/img/productos2-roll.png) no-repeat}
   #col2Tipo3 .ps22 p {float:left;width:386px;margin:5px 0px 0px 10px;font-size:7pt;color:#666}
   #col2Tipo3 .ps22 p b {font-size:8pt;color:#3c91c3;text-transform:uppercase}
   #col2Tipo3 .signeMes {float:left;margin:6px 0px 6px 10px;font-size:8pt;color:#666}
   #col2Tipo3 .signeMes img {float:left;margin:0px 7px 0px 0px}
   #col2Tipo3 .ps23 {float:left;width:406px;height:6px;background:url(/web/img/productos2-fin.png) no-repeat}

   #slideshow {position:relative;float:right;margin:20px 15px 10px 0px;width:131px;height:150px}
   #slideshow IMG {position:absolute;top:0px;left:0px;z-index:8;}
   #slideshow IMG.active {z-index:10;}
   #slideshow IMG.last-active {z-index:9;}
   
   
#missatge {display:none;position:absolute;z-index:1000;margin: auto;top:0px;left:0px;width: 100%;height:100%;}
#missatge2 {position:relative;z-index:1;margin: 272px auto 0px auto;width: 400px;height:220px;background:url(/web/img/fonsblau.png);border:3px solid #666;}
#missatge2 p {float:left;margin: 10px;font-size:11pt;color:#666;width:96%}
#missatge2 h2 {float:left;margin: 10px;font-size:18pt;color:#3c91c3;font-weight:bold;width:98%}
#missatge2 input {float:left;margin: 20px 0px 0px 160px;;background:url(/web/img/enviar.png);border:0px;padding:3px 0px 2px 0px;width:63px;color:#FFF;font-size:9pt;font-family:arial}

#links li {float:left;width:135px;margin:0px 0px 10px 0px;padding:0px;list-style:none;text-align:center;background:#FFF}
#col2Tipo1 .subtitular, #col2Tipo1 .subtitular p {float:left;color:#3c91c3;font-size:9pt;font-weight:bold; margin:5px 0px 8px 0px}
