/* ------------ PAGINA D'ESTILS WEB EXTERNA XSFCOOP.NET (DRECERA SOFTWARE) ---------------------- */
body,div,p,td,th,li {font-family: Verdana,Helvetica,Arial,Sans-serif; font-size:10px;}
#tot{position:relative; margin: 0 auto; width:970px; height: 650px; border-width:1px; border: solid 1px #000000; background-color:white;}
a {text-decoration: none;}
ul{list-style-type:square 4px #ec008c; size:6px; padding:0;margin:0;}
/* ------------ CAPSALERA QUE ES MANTE A TOTES LES PAGINES -------------------------------------- */
#capsal{position:absolute; top: 10px; left: 10px; width: 710px; height: 85px; border: solid 1px #000000;}
#idioma{position:absolute; top: 60px; left: 477px; width: 230px; height: 25px;}
.idiomatxt{color: #EC008C; text-align: center;}
.idiomatxt a {color: #EC008C; text-decoration: none;}
/* ------------ ACCÃS A LA (FUTURA) INTRANET ---------------------------------------------------- */
#fintranet{
                position:absolute; top: 10px; left: 735px; width: 221px; height: 85px;
                border-width: 1px; border: solid 1px #000000; background-color:#EC008C;
                }
#intranet{position:relative; top: 8px; left: 1px; width: 220px; height: 84px;}
.intranettxt{font-size:10px; font-weight: bold; color: #000000;}
/* ------------ MENU INFERIOR QUE ES MANTE A TOTES LES PAGINES ---------------------------------- */
#menuinf{position:absolute; top: 593px; left: 10px; width: 947px; height: 30px; border: solid 1px #000000;}
.menuinftxt, .menuinftxt a{font-size:10px; color: #EC008C; text-align: center;}
.menuinftxt:hover{font-color:#000000;}
/* ------------ MENU DE NAVEGACIÃ PRINCIPAL ----------------------------------------------------- */
#mselnivell0{position:relative; top: 0px; left: 0px; width: 150px; height: 30px; border: solid 1px #000000; background-color:#EC008C;}
#fmenu{position:absolute; top: 110px; left: 10px; width: 947px; height: 30px; Z-index:+1;}
#celesmenutxt{position:relative; top:-8px; left: 10px; width: 140px; vertical-align:middle;}
.menu,.menu a{font-size:12px; color: #000000; text-align:left; text-decoration: none;}
.menusel{font-size:12px; color: #000000; font-weight: bold; text-align:left;}
/* NIVELL 0 - HOME */
#mnivell1{position:absolute; top: 0px; left: 160px; width: 150px; border: solid 1px #000000; visibility: hidden;}
#celesmenun1{
  position:relative; top: -1px; left: -1px; width: 150px; height: 30px;
  background-color:#FFFFFF;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  border-top: solid 1px #000000;
}
#celesmenun1:hover{ background-color:#EC008C; }
/* NIVELL 1 */
#mselnivell1{position:relative; top: -32px; left: 160px; width: 150px; height: 30px; border: solid 1px #000000; background-color:#EC008C;}
#mnivell2{position:absolute; top: 0px; left: 320px; width: 150px; border: solid 1px #000000; visibility: hidden;}
  #celesmenu2{
    position:relative; top: -1px; left: -1px; width: 150px; height: 30px;
    background-color:#FFFFFF;
    border-left: solid 1px #000000;
    border-right: solid 1px #000000;
    border-top: solid 1px #000000;
    z-index:1;
  }
 #celesmenu2:hover{ background-color:#EC008C; z-index:1; }
/* NIVELL 2 */
#mselnivell2{position:relative; top: -64px; left: 320px; width: 150px; height: 30px; border: solid 1px #000000; background-color:#EC008C;}
/* ------------ CONTINGUTS ---------------------------------------------------------------------- */
#fcontinguts{position:absolute; top: 155px; left: 10px; width: 947px; height: 425px; border: solid 1px #000000; }
#continguts{position:absolute; top: 155px; left: 10px; width: 947px; height: 425px;}
.adjtxt{font-size:10px; color: #EC008C;}
/* NIVELL 0 - HOME */
#titol_home {position:relative; top:50; left:450; width:420; height:70;}
/* NIVELL 1 */
#titol1{position:relative; top:30; left:250; width:200; height:350;}
#tema1{position:absolute; top:20; left:480; width:450; height:390; overflow:auto;vertical-align:baseline;}
#txtt1{position:relative; width:420; height:380; padding-bottom:10; padding-right:10; vertical-align:baseline;}
#adjtema1{position:absolute; top:5; width:150; height:50;}
.titoltxt1{font-size:14px; font-weight:bold; color: #EC008C; height: 40px;}
.tema1tab {margin-top: 50px;}
.tema1txt, .tema1txt p{font-size:10px; color: #000000; text-align:justify;}
.tema1txt a{font-size:10px; color: #EC008C; text-align:justify; font-weight:bold;}
/* NIVELL 2 */
#tema2{position:absolute; top:100; left:20; width:450; height:310; overflow:auto;}
#titol2{position:relative; top:30; left:20; width:450; height:70;}
#txtt2{position:relative; width:425; height:240;}
.tematxt2, .tematxt2 p{font-size:10px; color: #000000; text-align: justify}
.tema1txt2 a{font-size:10px; color: #EC008C; text-align:justify; font-weight:bold;}
.linkt2, .linkt2 a{font-size:10px; font-weight:bold; color: #EC008C; margin-top: 3px; margin-bottom: 3px;}
p.titoltxt2 {font-size:14px; font-weight:bold; color: #000000; }
.tematxt2 a{ color: #EC008C;}
/* NIVELL 3 */
#tema3{position:absolute; top:20; left:480; width:450; height:390; overflow:auto; vertical-align:baseline;}
#txtt3{position:relative; width:205; height:380; padding-bottom:10; padding-right:10; vertical-align:baseline;}
#adjtema3{position:absolute; top:15; width:150; height:50;}
.titoltxt3{font-size:14px; font-weight:bold; color: #EC008C; }
.linkt3{font-size:10px; font-weight:bold; color: #EC008C; }
.tema3tab {margin-top: 50px;}
.tematxt3, .tematxt3 p{font-size:10px; color: #000000; text-align:justify;}
.tematxt3 a{font-size:10px; color: #EC008C; text-align:justify;}
/* NIVELL 4 */
#tema4{position:absolute; top:0; left:215; width:215; height:390; vertical-align:baseline;}
#txtt4{position:relative; width:205; height:380; padding-bottom:10; padding-right:10; vertical-align:baseline;}
#adjtema4{position:absolute; top:15; width:150; height:50;}
.tematxt4, .tematxt4 p{font-size:10px; color: #000000; text-align:justify;}
.titoltxt4{font-size:14px; font-weight:bold; color: #000000; }
.adjtema4{font-size:10px; color: #000000;}
.tematxt4 a{color: #EC008C;}