/*******************************************************************************
* full d'estils principal per a la web de l'EAP de Vic                         *
*******************************************************************************/

/*******************************************************************************
* inici definició elements HTML                                                *
*******************************************************************************/
body {
  margin: 0px 0px 0px 0px;
  padding: 0;
  font: 7.5pt Verdana, Arial, "Trebuchet MS", Helvetica , sans-serif;
  text-align: center;
  background: #10789f;
}

h1 {
  font-size: 8pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #555555;
  margin-top: 10px;
  margin-bottom: 10px;
}

h2 {
  font-size: 8pt;
  font-weight: bold;
  color: #555555;
  margin-top: 10px;
  margin-bottom: 10px;
}

h2 a {
  color: #0067c6;
  text-decoration: none;
}

p {
  xxxtext-align: justify;
  font-size: 7.5pt;
  line-height: 150%;
  color: black;
  margin-top: 10px;
  margin-bottom: 10px;
}

p.entradeta {
  font-weight: bold;
  line-height: 125%;
  color: #3399cc;
}

.llista h1 {
  font-size: 8pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #555555;
  margin-top: 20px;
  margin-bottom: 5px;
}

.llista h1 a {
  color: #3399cc;
  text-decoration: none;
}

.llista h2 {
  font-size: 8pt;
  font-weight: bold;
  color: #555555;
  margin-top: 7px;
  margin-bottom: 0px;
}

.llista h2 a {
  color: #0067c6;
  text-decoration: none;
}

.llista p {
  text-align: justify;
  font-size: 7.5pt;
  line-height: 150%;
  color: black;
  margin-top: 0px;
  margin-bottom: 0px;
}

.llista p.entradeta {
  font-weight: bold;
  line-height: 125%;
  color: #3399cc;
}

img {
  display: block;
  border-style: none;
}

/*******************************************************************************
* inici definició zones del document                                           *
*******************************************************************************/
#zonaPresentacio {
  position: relative;
  width: 801px;
  margin: 0px auto;
  visibility: hidden;
  clear: both;
}

#zonaBanner {
  width: 801px;
  clear: both;
}

.zonaMenu {
  width: 801px;
  clear: both;
}

#zonaDades {
  position: relative;
  width: 783px;
  height: 303px;
  text-align: left;
  background-color: white;
  border-top: 0px;
  border-right: 9px;
  border-bottom: 0px;
  border-left: 9px;
  border-style: solid;
  border-color: white;
  clear: both;
}

#zonaFinal {
  width: 801px;
  margin: 0px auto;
  clear: both;
}

/*******************************************************************************
* inici definició barres d'scroll                                              *
*******************************************************************************/
.scrollBar {
  position: relative;
	height: 301px;
	width: 5px;
	border: 1px solid #0067c6;
  float: left;
}

.scrollBox {
	position: absolute;
	top: 0px;
	width: 5px;
	background: #cbd8e9;
}

/*******************************************************************************
* inici definició elements de la part superior                                 *
*******************************************************************************/
#areaBanner {
  width: 783px;
  height: 94px;
  background-color: white;
  border-top: 0px;
  border-right: 9px;
  border-bottom: 5px;
  border-left: 9px;
  border-style: solid;
  border-color: white;
  clear: both;
}

#banner {
  width: 683px;
  height: 94px;
  float: left;
}

#areap {
  position: relative;
  left: 2px;
  width: 98px;
  height: 94px;
  float: left;
}

/*******************************************************************************
* inici definició elements de menú                                             *
*******************************************************************************/
.areaMenu {
  width: 783px;
  height: 21px;
  background-color: white;
  border-top: 4px;
  border-right: 9px;
  border-bottom: 4px;
  border-left: 9px;
  border-style: solid;
  border-color: white;
  clear: both;
}

.areaSubMenu {
  position: relative;
  top: 0px;
  left: 0px;
  width: 783px;
  height: 14px;
  background-color: white;
  border-top: 4px;
  border-right: 9px;
  border-bottom: 4px;
  border-left: 9px;
  border-style: solid;
  border-color: white;
  clear: both;
}

.opcioMenu {
  position: relative;
  float: left;
}

.subMenu {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
}

#botoTornar {
  position: absolute;
  top: 2px;
  left: 705px;
}

/****************************************
* inici definició d'elements separadors *
****************************************/
.sepHoritzontal {
  width: 783px;
  height: 9px;
  background-color: white;
  margin: 0px auto;
  font-size: 0pt;
  float: left;
}