/* Treiem marges, definim fons i centrem tot el contingut */
body {
  margin: 0px;
  text-align: center;
  background: white url(../img/degradat.gif) repeat-x;
  }

body, div, td, th {
  font-family: MS Sans serif,Arial,Helvetica;
  font-size: 11px;
  }

a {
  text-decoration: none;
  color: #acacac;
  }

.calendario {z-index:1; position:absolute; visibility:hidden;}

/* Contenidor principal de tota la página amb amplada fixa. Es centra gracies al margin. */
#pagina {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 910px;
  }

/* Barra de titol */
#titol {
  position: absolute;
  top: 4px;
  left: 0px;
  height: 95px;
  width: 100%;
  background: transparent url(../img/ea3/cap.gif) no-repeat;
  }

#langs {
  margin: 5px auto 0 auto;
  width:900px;
  text-align: right;
}

/* Menu lateral */
#menulat {
	width: 175px;
	margin: 0;
	margin-top:5px;
        color: #FFF;
	font-family: Verdana,Arial,Helvetica;
  	font-size: 11px;
  	font-weight: bold;
	}
	
#menulat ul, #menulat li {
	list-style-type: none;
	margin:0;
	padding:0;
}

#menulat li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 32px;
  	height: 24px;
	text-decoration: none;
	}	

#menulat li a:link, #menulat li a:visited {
	color: #FFF;
	display: block;
	background:  url(../img/ea3/menulat.gif);
	padding: 8px 0 0 10px;
	}
	
#menulat li a:hover {
	color: #FFF;
	background:  url(../img/ea3/menulat.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}	



/* Menú de la barra de titol */
#menu {
  position: absolute;
  top: 63px;
  right: 15px;
  }

/* Cos de la página */
#cos {
  position: absolute;
  top: 100px;
  left: 0px;
  height: 95px;
  width: 100%;
  text-align: justify;
  }

#cos input,
#cos textarea,
#cos select {
  font-family: MS Sans serif,Arial,Helvetica;
  font-size: 11px;
}

#cos .formulari td {
  padding: 2px;
}

#cos .tabla {
  border-top: 1px solid rgb(144, 151, 162);
  border-left: 1px solid rgb(144, 151, 162);
}

#cos .tabla td,
#cos .tabla th {
  border-bottom: 1px solid rgb(144, 151, 162);
  border-right: 1px solid rgb(144, 151, 162);
  padding: 3px;
  background-color: white;
}

#cos .tabla th,
#cos .tabla th a {
  color: white;
  background-color: #4f4f4f;
}

#cos .nota {
  font-family: Tahoma;
  font-size: 9px;
}

#cos input,
#cos textarea,
#cos select {
  padding: 2px;
  background-color: rgb(244, 247, 247);
  border: 1px solid rgb(144, 151, 162);
}

#cos input:hover,
#cos textarea:hover,
#cos select:hover,
#cos input:focus,
#cos textarea:focus,
#cos select:focus {
  background-color: white;
  border: 1px solid rgb(144, 151, 162);
}

#cos .button,
#cos .button:hover,
#cos .button:focus {
  color: white;
  font-weight: bold;
  background-color: #666666;
  border: 1px solid;
  border-right-color: rgb(125,161,202);
  border-bottom-color: rgb(125,161,202);
  border-top-color: rgb(225,225,225);
  border-left-color: rgb(225,225,225);
  padding-right: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 10px;
}

#cos .button:hover {
  background-color: #4f4f4f;
}

#cos .checkbox {
  background-color: #cccccc;
  border:0; 
}

#cos .checkboxth {
  background-color: #4f4f4f;
  border:0;
}

#cos .checkboxtd {
  background-color: white;
  border:0;
}

#cos .select {width:140px;}

#cos iframe {
  background-color: rgb(244, 247, 247);
  border: 1px solid rgb(144, 151, 162);
}

#cos .quadreok {
  background-color: rgb(207, 244, 210);
  border: 1px solid rgb(144, 151, 162);
  text-align: center;
  padding: 10px;
}

#cos .quadrenook {
  background-color: rgb(244, 207, 207);
  border: 1px solid rgb(144, 151, 162);
  text-align: center;
  padding: 10px;
}

#cos .titol {
  font-size: 17px;
  font-weight: bold;
  border-bottom: 1px solid rgb(200, 200, 200);
  padding-bottom: 2px;
}

#cos .carrest {
  border:none;
  font-weight:bold;
  background-color:#cccccc;
}

/* Tarifes */
#cos .formulari {margin: 0 auto}
#cos .tarifa {width:600px}
#cos .tarifa .continente a {color:white;}
#cos .tarifa .continente {background-color: #4f4f4f; color: white;}
#cos .tarifa .th_pais {background-color: #DFEDFF; text-align:center; font-weight:bold;}
#cos .tarifa .pais {background-color: white;}
#cos .tarifa .opersel {background-color: #CBFFFF;}

/* Llistats */
#llistat {
        background-color: #f4f7f7;
        }

#llistat .tabla td {
        font-family: Ms Sans Serif, Arial, Helvetica;
        font-size: 10px;
        background-color: #FFFFFF;
        color: #000000;
        border-bottom: #ECE9D8 solid 1px;
        border-right: #ECE9D8 solid 1px;
        margin: 0px;
        padding: 5px;
        }

#llistat .tabla .imagen {
        padding: 0px;
        }

#llistat .button,
#llistat .button:hover,
#llistat .button:focus {
  font-weight:bold;
  font-size: 10px;
  font-family: Ms Sans Serif, Arial, Helvetica;
  border: 1px solid #418fef;
  background-color: white;
  color: #418fef;
  padding:0px;
}

#llistat .button:hover {
  color:white;
  background-color:#4f4f4f;
}


/* TAB */
#tab {
  font-family: Verdana,Arial,Helvetica;
  font-size: 11px;
  font-weight: bold;
  }
  #tab ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
  #tab li {
    display: inline;
    margin: 0;
    padding: 0;
    }
  #tab a {
    float: left;
    background: url("../img/ea3/tab.gif") no-repeat left -200px;
    margin: 0;
    padding: 0px 0px 0px 6px;
    text-decoration: none;
    color: white;
    }
    #tab a span {
      float: left;
      display: block;
      background: url("../img/ea3/tab.gif") no-repeat right -200px;
      padding: 5px 15px 5px 9px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tab a span {float: none;}
    /* End IE5-Mac hack */
    #tab a:hover {
      background-position: left -300px;
      }
    #tab a:hover span {
      background-position: right -300px;
      }
  #tab .selec a {
    background-position: left -0px;
    color: black;
    }
    #tab .selec a span {
      background-position: right -0px;
      }
    #tab .selec a:hover {
      background-position: left -100px;
      }
    #tab .selec a:hover span {
      background-position: right -100px;
      }

/* TAB INVERTIT */
#tabinv {
  font-family: Verdana,Arial,Helvetica;
  font-size: 11px;
  font-weight: bold;
  }
  #tabinv ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
  #tabinv li {
    display: inline;
    margin: 0;
    padding: 0;
    }
  #tabinv a {
    float: left;
    background: url("../img/tabbaix.gif") no-repeat left -277px;
    margin: 0;
    padding: 0px 0px 0px 6px;
    text-decoration: none;
    color: white;
    }
    #tabinv a span {
      float: left;
      display: block;
      background: url("../img/tabbaix.gif") no-repeat right -277px;
      padding: 4px 15px 6px 9px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac */
    #tabinv a span {float: none;}
    /* End IE5-Mac hack */
    #tabinv a:hover {
      background-position: left -377px;
      }
    #tabinv a:hover span {
      background-position: right -377px;
      }
  #tabinv .selec a {
    background-position: left -77px;
    }
    #tabinv .selec a span {
      background-position: right -77px;
      }
    #tabinv .selec a:hover {
      background-position: left -177px;
      }
    #tabinv .selec a:hover span {
      background-position: right -177px;
      }

/* CAIXA AMB RELLEU */
/* Posició i espaiament */
.caixa .p1t, .caixa .p2t, .caixa .p3t, .caixa .p4t, .caixa .p1b, .caixa .p2b, .caixa .p3b, .caixa .p4b {display: block; overflow: hidden; font-size: 1px;}
.caixa .p1t, .caixa .p2t, .caixa .p3t, .caixa .p1b, .caixa .p2b, .caixa .p3b {height: 1px;}
.caixa .contingut {display: block; padding: 8px 13px 8px 13px;}
/* Colors de fons i bordes */
.caixa .p2t, .caixa .p3t, .caixa .p4t, .caixa .p2b, .caixa .p3b, .caixa .p4b, .caixa .contingut {background: #cccccc; border-left: 1px solid; border-right: 1px solid;}
.caixa .p1t  {background: #cccccc;}
.caixa .p2t {border-left-color: #cccccc; border-right-color: #d2d6d6;}
.caixa .p3t {border-left-color: #cccccc; border-right-color: #d2d6d6;}
.caixa .p4t {border-left-color: #cccccc; border-right-color: #d2d6d6;}
.caixa .contingut {border-left-color: #cccccc; border-right-color: #d2d6d6;}
.caixa .p4b {border-left-color: #cccccc; border-right-color: #d2d6d6;}
.caixa .p3b {border-left-color: #e5eef0; border-right-color: #d2d6d6;}
.caixa .p2b {border-left-color: #e5eef0; border-right-color: #d2d6d6;}
.caixa .p1b {background: #d2d6d6;}
/* Posició dels bordes */
.caixa .p1t, .caixa .p1b {margin: 0 5px;}
.caixa .p2t, .caixa .p2b {margin: 0 3px; border-width: 0 2px;}
.caixa .p3t, .caixa .p3b {margin: 0 2px;}
.caixa .p4t, .caixa .p4b {margin: 0 1px; height: 2px;}

/* CAIXA AMB RELLEU INVERTIT */
/* Posició i espaiament */
.caixapla .p1t, .caixapla .p2t, .caixapla .p3t, .caixapla .p4t, .caixapla .p1b, .caixapla .p2b, .caixapla .p3b, .caixapla .p4b {display: block; overflow: hidden; font-size: 1px;}
.caixapla .p1t, .caixapla .p2t, .caixapla .p3t, .caixapla .p1b, .caixapla .p2b, .caixapla .p3b {height: 1px;}
.caixapla .contingut {display: block; padding: 8px 13px 8px 13px;}
/* Colors de fons i bordes */
.caixapla .p2t, .caixapla .p3t, .caixapla .p4t, .caixapla .p2b, .caixapla .p3b, .caixapla .p4b, .caixapla .contingut {background: #ffffff; border-left: 1px solid; border-right: 1px solid;}
.caixapla .p1t  {background: #d2d6d6;}
.caixapla .p2t {border-left-color: #d2d6d6; border-right-color: #e5eef0;}
.caixapla .p3t {border-left-color: #d2d6d6; border-right-color: #e5eef0;}
.caixapla .p4t {border-left-color: #d2d6d6; border-right-color: #cccccc;}
.caixapla .contingut {border-left-color: #d2d6d6; border-right-color: #cccccc;}
.caixapla .p4b {border-left-color: #d2d6d6; border-right-color: #cccccc;}
.caixapla .p3b {border-left-color: #d2d6d6; border-right-color: #cccccc;}
.caixapla .p2b {border-left-color: #d2d6d6; border-right-color: #cccccc;}
.caixapla .p1b {background: #cccccc;}
/* Posició dels bordes */
.caixapla .p1t, .caixapla .p1b {margin: 0 5px;}
.caixapla .p2t, .caixapla .p2b {margin: 0 3px; border-width: 0 2px;}
.caixapla .p3t, .caixapla .p3b {margin: 0 2px;}
.caixapla .p4t, .caixapla .p4b {margin: 0 1px; height: 2px;}