/* CSS Document */
img
{
 border: 0px;
}

body
{
  text-align:center;
  font-family: verdana;
  font-size: 8pt;
  color:#FFFFFF;
}

.pagina
{
  width:820px;
  margin:0 auto 0 auto;
}

.cabecera
{
  background-color:#86ABFC;
  width:820px;
 	height:175px;
  clear:both;
  
}

/*------------------------------------------------ Menu -----------------------------------------------------*/

  /*Menu(adiestramiento, venta...*/
  /*Todas las listas deben ajustarse un poco —concretamente, el espaciado y el margen se hacen cero y se especifica que el tipo de marcador de la lista sea nulo*/
ul
{
  padding: 0;
  margin: 0;
  list-style: none;
  color:#2F5FCB;
  font-weight:bold;
  text-align:center;
}
/*------------------*/



  /*Transforamos la lista de primer nivel en una barra de menú. Haremos que floten a la izquierda*/
  /*La posición se ha especificado comorelativa porque queremos que la posición de los elementos del segundo nivel sean relativos a los elementos del primer nivel, y hemos especificado algo de espacio para separarlos lo suficente.*/
  /*Otra manera. Para hacer que los elementos de la lista se muestren en lína lo haremos con el: (display: inline)*/
li
{
  float: left;
  position: relative;
  width: 14em;/*Amplada que te el menú per escriure*/
  text-align: center;
  color:#2F5FCB;
	cursor: default;
	background-color: transparent;/*Fons del menu*/
	border: 1px solid #2F5FCB;/*El solid és per posar les linies de sobre i sota el menu*/
	border-width: 1px 0; /*El px és pel gruix de la linia de sobre i sota el menu i el numero del darrera és el gruix de les celes del menu*/
}
/*------------------*/



  /*Ajustar los elementos del segundo nivel de la lista que serán la parte desplegable propiamente dicha*/
li ul 
{
  display: none;
  position: absolute; 
  top: 1em;/*Distancia del submenú amb el menú, la paraula que hi ha a sobre*/
  left: 0;
  font-weight: normal;
  padding: 0.5em 0 1em 0;
  border-right: solid 1px #2F5FCB;
  /*background: url(images/ddbg3.gif) bottom left no-repeat;*/
}
/*Esto coloca los elementos del segundo nivel de forma absoluta (separándolos del flujo del HTML y poniéndolos en un espacio propio) y hace que su estado inicial sea invisible. Si sustituyes display: none con display: block, verás por qué hace falta especificar las propiedades top y left en Internet Explorer, ya que sin ellas, IE alinea las listas de segundo nivel a la derecha y arriba de su antecesor relativo, en lugar de abajo a la izquierda. Por desgracia, este arreglo en IE altera las cosas en otros navegadores, como Opera, así que añade este CSS para restaurar el valor correcto para las propiedades de distancia arriba y a la izquierda en los demás navegadores que no sean IE:*/
li > ul 
{
	top: auto;
	left: auto;
}
/*------------------*/



/*Para que no se dibujen las celas del submenu*/
li li 
{
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}
/*------------------*/



/*Para que el menú aparezca cuando pasamos el ratón por encima. Esto indica que cualquier lista que esté anidada en un elemento de lista que tenga el cursor encima debe mostrarse*/
li:hover ul, li.over ul{ display: block; }
/*------------------*/



/*Para que no tenga una liniea debajo las obciones del menu que tengan un link*/
#nav a {text-decoration: none;}
/*------------------*/



/*Propiedades(visited&hover) de los links de los menus y submenus*/
#nav ul, li a:visited /*Links Menu (adiestramiento, venta...*/
{
  color:#2F5FCB;
  font-weight:bold;
}
/*Propiedades(visited&hover) de los links de los menus y submenus*/

#nav ul, li a:hover /*Links Menu (adiestramiento, venta...*/
{
  color:white;
  font-weight:bold;
}

#nav ul, li a /*Links Menu (adiestramiento, venta...*/
{
  color:#2F5FCB;
  font-weight:bold;
}

#nav li li a /*Links Submenu (adiestramiento:precio,horas venta:precio, razas...*/
{
	display: block;
	font-weight: normal;
	color: #2F5FCB;
	padding: 0.2em 10px;
}

#nav li li a:hover /*Links Submenu (adiestramiento:precio,horas venta:precio, razas...*/
{
	padding: 0.2em 5px;
	border: 5px solid #2F5FCB;
	border-width: 0 5px;
}
/*------------------*/

/*Fa q el final del menú tingui com un borde del color*/
li#first {border-left-width: 1em;}
li#last {border-right-width: 1em;}


/* ----------------------------------------------------------------------------------------------------------*/

#menu
{
    position:absolute; 
    background-color: transparent;
}

#menu0
{
    background-color: transparent;
    width:820px;
    margin-left:3%;
}

#textindex
{
     width:470px; 
     _width:470px; 
     height:280px; 
     text-align:justify; 
     margin-left:25px; 
     _margin-left:30px; 
     margin-top:-20px; 
     _margin-top:-20px; 
     float:left;
}

#cuerpo
{
	position:absolute;
	width:830px;
	height:300px;
  margin-left:-120px; 
  _margin-left:-150px; 
	margin-top:-90px;
	_margin-top:-90px;
	z-index:1;
	left: 120px;

}

.groclink
{
  color:#fcff00;
}