/***************** ESTILS QWELLNESS<b></b> *********************/

/***************** ESTRUCTURA **************************/



img.dreta
{
float: right;
}

body {
  background-color:#ffffff;	
  background-image:url(../img/fons.gif);
  color:#000000;
  margin:0;
  padding:0; 
  font-family: Arial,"Trebuchet MS", Trebuchet,  Sans-Serif;
  font-size: 11px;
  }

img {
  border:none;
  padding:0;
  margin:0;
  }

a {
  color:#000000;
  }

div.neteja {
  clear:both;
  height:1px;
  font-size:1px;
  }

div#contenidor {
  position:absolute;
  background-color:#FFFFFF;

  top:0;
  margin-left:auto;
  left:50%;
  margin-left:-490px;
  text-align:left;
  width:990px;

  }

div#top {
  width:990px;
  height:118px;
  }

div#menu{
  float:left; 
  padding-left:15px;
  width:187px;
  margin-bottom:20px;

  }



font.menu360{

color:#0091DE;
font-weight:bold;
font-size:13px;
  }


div#contingut {
  float:right;
  width:788px;
  text-align:center;
  font-size:12px;
  }
  


div#peu{
  padding:15px 15px 5px 15px;
  color:#696969;
  text-align:center;
  background-color:#FFFFFF;
 	
  }
  
div#bitxo{
  float:left;
  width:100px;
  font-size:12px;
  }
  
div#bitxo a{
  color:#696969;
  text-decoration:none;
  }
  
div#bitxo a:hover{
  text-decoration:underline;
  }
  
h1 {
  margin:10px 0 10px 0;
  padding: 0;
  color:#083377;
  font-size:16px;
  font-weight:bold;
  }
  
b {
  color:#083377;
  }
  
div#avis a{
  color:#56595E;
  font-size:10px;
  
}

div#avis a:hover{
  text-decoration:underline;
}
  
div#menu ul
{
list-style: none;
margin: 10px 0 0 0;
padding: 0;
font-size:12px;
width:160px;
}

li.menu
{
background-image: url('../img/menu.gif');
background-repeat: no-repeat;
background-position: 0 4px;
border-bottom:1px dotted #0091DE;
padding: 3px 0 3px 15px;
}

li.menu360
{
background-image: url('../img/menu.gif');
background-repeat: no-repeat;
background-position: 0 4px;
border-bottom:1px dotted #0091DE;
padding: 3px 0 3px 15px;
}



li.menuAct
{
background-image: url('../img/menuAct.gif');
background-repeat: no-repeat;
background-position: 0 4px;
border-bottom:1px dotted #0091DE;
padding: 3px 0 3px 15px;
}


li a
{

color:#5B5C5D;
text-decoration:none;

}

li.menu360 a {
color:#0091DE;
font-weight:bold;
text-decoration:none;
}

li a:hover
{
color:#0091DE;
}


li.submenu
{
background-image: url('../img/fletxa.gif');
background-repeat: no-repeat;
background-position: 0 4px;
padding: 3px 0 3px 15px;
}


div#submenu{
margin-top:5px;
text-align:right;
padding-right:27px;
color: #56595E;
font-size: 13px;
font-weight: bold;
}

div#submenu a{
color:#56595E;
text-decoration:none;
font-weight:bold;
font-size:13px;
padding:0;
}

div#submenu a:hover{
color:#0091DE;
text-decoration:none;
font-weight:bold;
font-size:13px;
padding:0;
}

div#submenu img{
margin-left:0px;
}



/***************** FI ESTRUCTURA ************************/

/***************** PORTADA *****************************/

div#portadaEsquerra
{
float:left;
width:442px;
}

div#portadaEsquerra img
{
height:465px;
}

div#portadaDreta
{
float:right;
width:325px;
text-align:center;
}

div#anuncis
{
margin-top:5px;
padding-left:15px;
color:#000000;
}

div#anuncis a
{
color:#000000;
}

div#anuncis b
{
color:#000000;
}


div#articlePortada
{
width:292px;
float:left;
padding-left:16px;
_padding-left:19px; /*nomes per IE6*/
}

div#anuncis02
{
padding-left:18px;
_padding-left:21px; /*nomes per IE6*/
text-align:left;
margin-top:4px;
}

div.anuncis01 
{
border:1px solid #0091DE;
width:127px;
height:68px;
float:left;
margin-left:3px;
margin-top:5px;
text-align:center;
padding:7px;
color:#000000;
font-size:12px;
background-color:#ffffff;
}

div.anuncis01 a
{
color:#000000;
text-decoration:none;
}

div.anuncis01 a:hover
{
text-decoration:underline;
color:#000000;
}

div.anuncisMes
{
height:5px;
font-size:2px;
text-align:right;
}

div.anuncisText
{
color:#000000;
height:63px;
}

div.anuncisText A
{
color:#000000;
}





div#article01
{
width:282px;
height:17px;
background-image:url(../img/corba_superior.gif);
font-size:11px;
text-align:left;
padding-left:10px;
padding-top:4px;
font-weight:bold;
color:#ffffff;
}

div#articleCos
{
border-left:1px solid #0091DE;
border-right:1px solid #0091DE;
/*height:130px;*/
padding:10px;
color:#1C1E7A;
font-size:11px;
text-align:left;
background-color:#ffffff;
}

div#articleCos a
{
color:#1C1E7A;
text-decoration:none;
}

div#articleCos a:hover
{
text-decoration:underline;
}


div#article02
{
font-size:11px;
width:292px;
height:21px;
background-image:url(../img/corba_inferior.gif);
}

TD.DestacatsPortadaNocolumna IMG
{
display:block;
}

/***************** FI PORTADA *************************/

/***************** INSTAL·LACIONS **********************/

div#installacionsFlash
{
height:375px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

div#installacionsText b
{
color:#1C1E7A;
}

div#installacionsText
{
margin-top:10px;
margin-left:auto;
margin-right:10px;
text-align:left;
line-height:18px;
font-size:12px;
height:40px;
}

div#installacionsText a
{
color: #0F1271;
}


div#installacions00
{
display:block;
}

div#installacions01
{
display:none;

}
div#installacions02
{
display:none;

}
div#installacions03
{
display:none;

}
div#installacions04
{
display:none;

}
div#installacions05
{
display:none;

}
div#installacions06
{
display:none;
;
}
div#installacions07
{
display:none;

}
div#installacions08
{
display:none;

}


/***************** FI INSTAL·LACIONS ******************/


/***************** ACTIVITATS INFANTILS **********************/

div#infantilsFlash
{
width:555px;
height:345px;
margin-top:10px;
float:left;
}

div#infantilsText b
{
color:#1C1E7A;
}

div#infantilsText
{
width:555px;

float:left;
text-align:left;
line-height:18px;
font-size:12px;
}

div#infantils00
{
display:block;
height:70px;
}
div#infantils01
{
display:none;
height:70px;
}
div#infantils02
{
display:none;
height:70px;
}
div#infantils03
{
display:none;
height:70px;
}
div#infantils04
{
display:none;
height:70px;
}

/***************** FI ACTIVITATS INFANTILS ******************/

/**************** FORMULARIS *************************/

div.separador
{
clear: both;
font-size:12px;
margin-bottom:10px;
}

div.dades
{
clear: both;
font-size:10px;
padding:10px;
width:320px;
text-align:center;
color:#0F1271;
}

div.dades a
{
color:#0F1271;
}

div#dades2
{
clear: both;
font-size:10px;
text-align:left;;
color:#5B5C5D;
display:none;
}



label.tipus
{
float: left;
width: 110px;
text-align: left;
}


label.tipus2
{
float: left;
width: 85px;
text-align: right;
}


input.inputtext1
{
width:100px;
color:#000000;
font-family: arial, helvetica, sans-serif;
font-size:12px;
border:0;
padding-left:3px;
padding-top:2px;
background-color:#DBDCDE;
border:1px solid #0F1271;
float:left;
margin-left:10px;
}

input.inputtext2
{
width:200px;
color:#000000;
font-family: arial, helvetica, sans-serif;
font-size:12px;
border:0;
padding-left:3px;
padding-top:2px;
background-color:#DBDCDE;
border:1px solid #0F1271;
float:left;
margin-left:10px;
}

input.inputtext3
{
width:250px;
color:#000000;
font-family: arial, helvetica, sans-serif;
font-size:12px;
border:0;
padding-left:3px;
padding-top:2px;
background-color:#DBDCDE;
border:1px solid #0F1271;
float:left;
margin-left:10px;
}

input.inputtext4
{
width:50px;
color:#000000;
font-family: arial, helvetica, sans-serif;
font-size:12px;
border:0;
padding-left:3px;
padding-top:2px;
background-color:#DBDCDE;
border:1px solid #0F1271;
float:left;
margin-left:10px;
}

textarea.comentaris
{
color:black;
width:320px;
font-family: arial, helvetica, sans-serif;
font-size:12px;
padding-left:3px;
padding-top:2px;
background-color:#DBDCDE;
border:1px solid #0F1271;
float:left;

}

input.boto
{

width:81px;
height:24px;
font-size:12px;
font-weight:bold;
border:0;
color:#ffffff;
border:1px solid #0F1271;
background-color:#0F1271;
margin-top:10px;
cursor:pointer;
}

div.botons
{
text-align:center;


}

div.obligatori
{
font-size:10px;
text-align:right;
clear:both;
}




/***************** PLANTILLES ************************/


div#destacats
{
width:145px;
float:right;
}

div#destacats div
{
text-align:center;
padding:8px;
margin-bottom:10px;
background-color:#B6B7C6;
height:70px;
color:#1C1E7A;
line-height:18px;
}

div#destacats div a
{
text-decoration:none;
color:#1C1E7A;
}

div#destacats div a:hover
{
text-decoration:underline;
color:#1C1E7A;
}

div#personal
{
width:673px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#personal img
{
margin: 0 0 10px 0;
}

div#natacio
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#natacioFlash
{
margin: 0 0 10px 0;
}

div#natacioInf div
{
width:545px;
text-align:justify;
}

div#natacioInf div a
{
float:right;
color:#083377;
}


div#natacioInf img
{
margin: 0 0 10px 0;
}

div#natacioAd div
{
width:545px;
text-align:justify;
}

div#natacioAd div a
{
float:right;
color:#083377;
}

div#natacioEscoles div
{
width:300px;
padding-right:10px;
float:left;
text-align:justify;
}

div#natacioEscoles img
{
float:left;
margin: 0 10px 0 0;
}


div#empreses
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#empreses img
{
width:360px;
height:263px;
float:left;
margin: 0 10px 0 0;
}

div#empreses a
{
color: #083377;
}


div#empreses2 div
{
float:left;
width:190px;
padding-left:15px;
}

div#empreses2 div a
{
color: #083377;
text-decoration:none;
}

div#empreses2 div a:hover
{
color: #083377;
text-decoration:underline;
}

div#avislegal
{
width:673px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
margin-bottom:10px;
}

div#contacte
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#infantils
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#infantilsesquerra {
text-align:justify;
float:left;
width:555px;
height:335px;
}

div#serveis
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#formulari
{
float:left;
width:530px;
}

/***************** FI PLANTILLES *********************/

div#serveisFlash
{
width:555px;
height:44px;
margin-top:10px;
float:left;
}

div#serveisImatges
{
width:555px;
float:left;
height:276px;
}

div#serveisText
{
margin-top:10px;
width:555px;
float:left;
text-align:left;
line-height:18px;
font-size:12px;
}

div#serveisImatges00
{
display:block;
}

div#serveisImatges01
{
display:none;
}
div#serveisImatges02
{
display:none;
}

div#serveisImatges03
{
display:none;
}

div#serveisImatges04
{
display:none;
}
div#serveisImatges05
{
display:none;
}
div#serveisImatges06
{
display:none;
}


div#serveisText00
{
display:block;
}

div#serveisText01
{
display:none;
}

div#serveisText02
{
display:none;
}

div#serveisText03
{
display:none;
}

div#serveisText04
{
display:none;
}
div#serveisText05
{
display:none;
}
div#serveisText06
{
display:none;
}

div#serveis00Flash{

width:259px;
float:left;
}


div#serveis00Text
{
width:280px;
float:left;
padding-left:10px;
}


div#serveis01Text
{
width:539px;
float:left;
padding-left:10px;
}

div#serveis02Flash
{
width:259px;
float:left;
}


div#serveis02Text
{
width:280px;
float:left;
padding-left:10px;
}

div#serveis03Flash
{
/*width:259px;
float:left;*/
}

div#serveis03Text
{
width:280px;
float:left;
padding-left:10px;
}

div#serveis04Flash
{
width:259px;
float:left;
}

div#serveis04Text
{
width:250px;
float:left;
padding-left:40px;
}

div#serveis05Flash
{
width:259px;
float:left;
}

div#serveis05Text
{
width:280px;
float:left;
padding-left:10px;
}

div#serveis06Flash{

width:259px;
float:left;
}


div#serveis06Text
{

width:280px;
float:left;
padding-left:10px;
}
/********************** qwellness*********************************/

div#qwellnessFlash
{
width:685px;
height:90px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

div#qwellness2
{
width:685px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

div#qwellnessText
{
text-align:justify;
float:left;
width:525px;
}


/***************** ACTIVITATS DIRIGIDES **********************/

div#dirigides
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#dirigidesImatges
{
width:555px;
float:left;
height:308px;
}

div#dirigidesImatges01
{
display:block;
}

div#dirigidesImatges02
{
display:none;
}
div#dirigidesImatges03
{
display:none;
}
div#dirigidesImatges04
{
display:none;
}
div#dirigidesImatges05
{
display:none;
}
div#dirigidesImatges06
{
display:none;
}
div#dirigidesImatges07
{
display:none;
}

div#dirigidesFlash
{
width:555px;
margin-top:10px;
float:left;
}

div#dirigidesText b
{
color:#1C1E7A;
}

div#dirigidesText
{
width:555px;

float:left;
text-align:left;
line-height:18px;
font-size:12px;
}


div#dirigidesText01
{
display:block;
}

div#dirigidesText02
{
display:none;
}

div#dirigidesText03
{
display:none;
}

div#dirigidesText04
{
display:none;
}

div#dirigidesText05
{
display:none;
}

div#dirigidesText06
{
display:none;
}

div#dirigidesText07
{
display:none;
}
/***************** FI ACTIVITATS DIRIGIDES ******************/


div#articlemensual
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
font-size:12px;
}

div#article a
{
color: #083377;
}

div#article div
{
float:left;
width:440px;
padding-right:20px;
text-align:justify;
}

div#article img
{
float:left;
padding-right:60px;
}

div#qcycling
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#fitness
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;

}
div#fitness img
{
margin: 0 10px 10px 0;
}

div#fitness2 div
{
width:550px;
}

div#horaris
{
width:600px;
padding:20px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:30px;
border:1px solid #083377;
background-color:#ffffff;
}

div#horaris b
{
color:#000000;
font-weight:normal;
font-size:10px;
}

div#joqwellness
{
width:740px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#joqwellness01
{

width:314px;
float:left;
padding-right:10px;
}

div#joqwellness02
{

width:200px;
float:left;
padding-right:10px;
}

div#joqwellness02 img
{

margin-top:5px;
}

div#joqwellness02 p
{
padding-left:5px;
padding-right:5px;
}

div#joqwellness03
{
float:left;
width:200px;

}

div#joqwellness03 img
{
margin-bottom:8px;

}


div#onsom
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#map
{
width:500px;
height:380px;
border:1px solid #083377;
z-index:1;
margin-left:auto;
margin-right:auto;
}


div#noticia
{
width:740px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align:left;
line-height:18px;
font-size:12px;
}

div#noticia a
{
color: #083377;
}

div#noticia div
{
float:left;
width:440px;
padding-right:20px;
text-align:justify;
}

div#avantatges
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#avantatges img
{
margin: 0 10px 0 0;
}

/*div#avantatges2 img
{
float:left;
width:314px;
margin: 0 10px 0 0;
}

div#avantatges2 div
{
float:left;
width:180px;
padding-left:20px;
}*/

div#avantatges2 img
{
float:left;
margin: 0 10px 0 0;
}

div#avantatges2 div
{
float:left;
width:180px;
}

div#avantatges3 
{
width:560px;
text-align:justify;
}

div#avantatges3 img
{
}

div#avantatges3 div
{
padding: 5px 0 5px 0;
/*width:320px;*/
}

div#media
{
width:720px;
margin-left:auto;
margin-right:auto;
text-align:left;
margin-top:10px;
}

div#padelflash
{
padding: 10px 0 0 0;
}



div#qAldia {
   float: left;
   padding: 0px 0px 16px 16px;
   position: relative;
   width: 292px;
}

div#qAldiaCap {
   background-image: url(../img/newstop.gif);
   color: #ffffff;
   float: left;
   font-size: 11px;
   font-weight: bold;
   height: 17px;
   padding-left: 24px;
   padding-top: 4px;
   position: relative;
   text-align: left;
   width: 268px;
}

div#qAldiaCos {
   background-image: url(../img/newsbot.gif);
   background-position: bottom;
   background-repeat: no-repeat;
   float: left;
   height: 110px;
   position: relative;
   width: 292px;
}

div.qAldiaCosInnerLat {
   background-color: #083382;
   float: left;
   height: 90px;
   position: relative;
   width: 1px;
}

div.qAldiaCosInnerLat img {
   display: block;
   margin: 0;
   width: 1px;
}

div#qAldiaCosInner {
   float: left;
   height: 90px;
   overflow: hidden;
   padding: 10px 0px 10px 0px;
   position: relative;
   width: 290px;
}

div#qAldiaCosInner a {
   color: #868668;
}

.qAldiaCostotal {
   color: #1c1e7a;
   font-size: 11px;
   height: 70px;
   position: relative;
   width: 960px;
}

div.Qaldia {
   border-right: 1px dotted #156891;
   color: #000000;
   float: left;
   height: 70px;
   padding: 0px 10px 0px 10px;
   position: relative;
   text-align: left;
   width: 220px;
}

div.Qaldia img {
   display: block;
   float: left;
   margin: 0px 10px 10px 0px;
}

div.Qaldia a {
   color: #868668;
   text-decoration: none;
}

div.Qaldia a:hover {
   text-decoration: underline;
}

/******* FlexCroll *********/

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
   line-height: 1px;
   font-size: 1px;
   position: absolute;
   top: 0;
   left: 0;
}

.hscrollerbase {
   background-repeat: no-repeat;
   height: 21px;
   width: 290px;
}

.hscrollerbar {
   margin: 7px 0px 0px 0px;
   height: 6px;
   background-color: #0094DE;
   cursor: move;
   padding: 7px;
}

.hscrollerbasebeg {
   height: 20px;
   width: 0px;
}

.hscrollerbaseend {
   height: 20px;
   width: 0px;
}

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

div.fadebox {
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   background-color: #fff;
   z-index:1;
   -moz-opacity: 0.9;
   opacity:.90;
   filter: alpha(opacity=90);
}

div.Enllacos {
   clear: both;
   float: left;
   position: relative;
   color: #50CAFF;
   padding-top:10px;
}

div.Enllacos a {
  color:#083377;
   display: block;
   float: left;
   position: relative;
   text-decoration: none;
   font-family: Arial,"Trebuchet MS", Trebuchet,  Sans-Serif;
 
   border: 1px #50CAFF solid;
   margin: 2px;
   padding:2px;
   padding-left:7px;
   padding-right:7px;
   font-size: 12px;

}

div.Enllacos a:hover {

color:#50CAFF;
}

div.Textos2Titol {
   clear: both;
   color:#083377;
   float: left;
   font-size: 16px;
   font-weight: bold;
   margin: 0px 0 0px 0;
   padding: 0;
   position: relative;
}

div.Textos2Imatge {
   clear: both;
   float: left;
   margin-top: 3px;
   position: relative;
   text-align:center;
   width: 555px;
}



div.Textos2Text {
   background-image: url(/img/blanc_semitransparent.png);
   left:0px;
   padding: 10px;
   position: absolute;
   bottom: 10px;
   width: 540px;
   font-family: Arial,"Trebuchet MS", Trebuchet,  Sans-Serif;
 
   text-align: justify;
}

div.Textos2Text  A {

   color: #50CAFF;

  
   text-decoration: none;


}

div.Textos2Enllac {
   clear: both;
   float: left;
   margin-top: 12px;
   position: relative;
}

div.Textos2Enllac a {
   color:#083377;
}


div.Textos3 {
   float: left;
   position: relative;
   width: 510px;
} 
  
div.Textos3Imatge {
   float: left;
   position: relative;
   width: 210px;
   padding-top: 50px;
}
  
div.Textos3Text {
   float: left;
   position: relative;
   text-align: justify;
   padding-top: 50px;
   width: 300px;

   color:#083377;
   font-family: Arial,"Trebuchet MS", Trebuchet,  Sans-Serif;

}

div.Textos3Links {
   clear: both;
   float: left;
   margin-top: 14px;
   position: relative;
   width: 100%;
}


div#sub-menu {
  padding-top:10px;
  line-height:22px;
}

div#sub-menu a {
    color: #56595E;
    font-size: 12px;
    padding: 0;
    text-decoration: none;
}

div#sub-menu a:hover {
    color: #0091DE;
    text-decoration: none;
}

div#sub-menu a.sub-menu-imatge {
  width:12px;
  display:inline-block;
}
/***************** FI ESTILS QWELLNESS *******************/