* {
  font-family : Verdana, Arial, Helvetica, Helv, sans-serif;
}

body, html {
  margin  : 0;
  padding : 0;
  border  : 0;
  color:#FFFF00;
}

html {
  background : #FFFF00;
  color      : #000;
}

div, h2, h3, p {
  margin  : 0;
  padding : 0;
  border  : 0;
}


h1 {
  width    : 100%;
  height   : 15%;
  margin   : 0;
  padding  : 0;

  color      : #000;
  background : #ffff00 url("/imatges/logo1.gif") no-repeat top right;

  border-style : solid;
  border-color : #000;
  border-width : 0 0 2px 0;
}

h1 img { display : block }

a img { border : 0 }

pre, code, samp, var { font-family : monospace }

q, var { font-style : italic }

.oculto { display : none }

.box-1 {
  margin  : 0;
  border-top  : solid 2px #000000;
  border-bottom:solid 5px #000000;
  border-left:solid 5px #000000;
  border-right:solid 2px #000000;
  padding : 5;
  background:#000000;
}

.box-2 {
  border-top  : solid 2px #000000;
  border-bottom:solid 5px #000000;
  border-left:solid 5px #000000;
  border-right:solid 2px #000000;  
  background:#ffffff;
  overflow:auto;
}


.marquesina {
  position:absolute;
  width:50%;
  top:90%;
  left:25%;
  color:#000000;
  font-size:24px;
}


#ultimate {
  position : absolute;
  width    : 20%;
  top      : 10%;
  left     : 25%;
}

#zooltimate {
  position : absolute;
  width    : 20%;
  top	   : 10%;
  left     : 55%;
}

#actualitat {
  position : absolute;
  width    : 16%;
  top      : 60%;
  left     : 16%;
}

#fotos {
  position : absolute;
  width    : 16%;
  top      : 70%;
  left     : 42%;
}

#links {
  position : absolute;
  width    : 16%;
  top      : 60%;
  left     : 68%;
}

#club {
  position : absolute;
  width    : 16%;
  top      : 20%;
  left     : 16%;
}

#jugadors {
  position : absolute;
  width    : 16%;
  top	   : 10%;
  left     : 42%;
}

#tornejos {
  position : absolute;
  width    : 16%;
  top      : 20%;
  left     : 68%;
}

#hatcat {
  position : absolute;
  width    : 16%;
  top      : 60%;
  left     : 16%;
}

#botiga {
  position : absolute;
  width    : 16%;
  top      : 70%;
  left     : 42%;
}

#ferse {
  position : absolute;
  width    : 16%;
  top      : 60%;
  left     : 68%;
}

#imagen {
position : absolute;
width:23%;
height:10%;
top:28%;
left:37%;
}

#menu {
  position : fixed;
  width    : 20%;
  height: 75%;  
  top      : 20%;
  left     : 2%;
}

#contenidos {
  position : absolute;
  width    : 70%;
  height:75%;
  top      : 20%;
  left     : 25%;
}


.email { font-weight : bold }

/* Las opciones del menu */

#ultimate h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#ultimate h3:link {
  color           : #ffff00;
  background      : #000;
  text-decoration : none;
  border-color    : #fff;
}

#ultimate h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#ultimate a:link {
	color : #ffff00;
	text-decoration:none;
}

#ultimate a:hover{
	color : #000;
	background: #ffff00;	
}

#ultimate a:visited {
	color : #ffff00;
	text-decoration:none;
}

#zooltimate h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#zooltimate h3:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#zooltimate h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#zooltimate a:link {
	color : #ffff00;
	text-decoration:none;
}

#zooltimate a:hover{
	color : #000;
	background: #ffff00;	
}

#zooltimate a:visited {
	color : #ffff00;
	text-decoration:none;
}

#actualitat h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#actualitat h3:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#actualitat h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#actualitat a:link {
	color : #ffff00;
	text-decoration:none;
}

#actualitat a:hover{
	color : #000;
	background: #ffff00;	
}

#actualitat a:visited {
	color : #ffff00;
	text-decoration:none;
}

#links h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#links h3:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#links h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#links a:link {
	color : #ffff00;
	text-decoration:none;
}

#links a:hover{
	color : #000;
	background: #ffff00;	
}

#links a:visited {
	color : #ffff00;
	text-decoration:none;
}

#fotos h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#fotos h3:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#fotos h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#fotos a:link {
	color : #ffff00;
	text-decoration:none;
}

#fotos a:hover{
	color : #000;
	background: #ffff00;	
}

#fotos a:visited {
	color : #ffff00;
	text-decoration:none;
}

#club h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#club h3:link {
  color           : #ffff00;
  background      : #000;
  text-decoration : none;
  border-color    : #fff;
}

#club h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#club a:link {
	color : #ffff00;
	text-decoration:none;
}

#club a:hover{
	color : #000;
	background: #ffff00;	
}

#club a:visited {
	color : #ffff00;
	text-decoration:none;
}

#jugadors h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#jugadors h3:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#jugadors h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#jugadors a:link {
	color : #ffff00;
	text-decoration:none;
}

#jugadors a:hover{
	color : #000;
	background: #ffff00;	
}

#jugadors a:visited {
	color : #ffff00;
	text-decoration:none;
}

#tornejos h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#tornejos h3:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#tornejos h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#tornejos a:link {
	color : #ffff00;
	text-decoration:none;
}

#tornejos a:hover{
	color : #000;
	background: #ffff00;	
}

#tornejos a:visited {
	color : #ffff00;
	text-decoration:none;
}

#hatcat h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#hatcat h3:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#hatcat h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#hatcat a:link {
	color : #ffff00;
	text-decoration:none;
}

#hatcat a:hover{
	color : #000;
	background: #ffff00;	
}

#hatcat a:visited {
	color : #ffff00;
	text-decoration:none;
}

#botiga h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#botiga h3:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#botiga h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#botiga a:link {
	color : #ffff00;
	text-decoration:none;
}

#botiga a:hover{
	color : #000;
	background: #ffff00;	
}

#botiga a:visited {
	color : #ffff00;
	text-decoration:none;
}

#ferse h3 {
  margin:0;
  text-align  :center;
  font-size   : none;
  font-weight : bold;
  padding:5px;
}

#ferse h3:link {
  color           : #00c;
  background      : #fff;
  text-decoration : underline;
  border-color    : #fff;
}

#ferse h3:hover {
  color           : #000;
  background      : #ffff00;
  text-decoration : none;
  border-color    : #000;
}

#ferse a:link {
	color : #ffff00;
	text-decoration:none;
}

#ferse a:hover{
	color : #000;
	background: #ffff00;	
}

#ferse a:visited {
	color : #ffff00;
	text-decoration:none;
}

/* Las opciones del menu */

#menu h3 {
  margin      : 0;
  font-size   : 100%;
  font-weight : bold;
  color:#000;
  padding: 3px;
}

#menu a {
  display : block;
  width : 95%;
  font-size : 90%;
  margin	: 5px;	
  color		: #c00;
}

#menu a:link {
  color           : #ff961b;
  background      : #fff;
  text-decoration : none;
  border-color    : #fff;
}

#menu a:visited {
  color           : #ff961b;
  background      : #fff;
  text-decoration : none;
  border-color    : #fff;
}

#menu a:hover {
  color           : #c00;
  background      : #fff231;
  text-decoration : none;
  border-color    : #000;
}

#menu p {
	color		  : #000;
	font-size : 90%;
  margin	: 5px;
}

#contenidos h2 {
  margin      : 5px;
  font-size   : none;
  font-weight : bold;
  color:#000;
  padding: 2px;
}
#contenidos h3 {
  margin      : 5px;
  font-size   : none;
  font-weight : bold;
  color:#ff961b;
  padding: 2px;
}

#contenidos p{
  font-size   : none;
  color:#000;
  padding: 1px;
  text-indent:25px;
  margin:5px;
  text-align:justify;
}


#contenidos a:link {
  color           : #ff961b;
  background      : #fff;
  text-decoration : none;
  border-color    : #fff;
}

#contenidos a:visited {
  color           : #ff961b;
  background      : #fff;
  text-decoration : none;
  border-color    : #fff;
}

#contenidos ul,ol{
  color:#000; 
  text-align:justify;
  margin-right:15px; 
}

#contenidos table {
  border-collapse : collapse;
  position        : relative;
  width           : 50%;
  left            : 25%;
  margin          : .5em 0;
  border          : 1px solid #000;
}

#contenidos table.botiga{
border-collapse : collapse;
  position        : relative;
  width           : 100%;
  left            : 0;
  margin          : 0;
  border          : 0;
} 

#contenidos table td,
#contenidos table th {
  border           : 1px solid #000;
  background-color : #fd6;
  color            : #000;
}

#contenidos form {   
	position     : relative;
    left         : 0;
    text-align   : center;
    border-style : solid;
    border-color : #000;
    border-width : 1px 2px 2px 1px;
    background   : #ffffff;
    color        : #000;
    padding      : 15px;
    margin       : 5px 0;
}
#contenidos form.soci{
    position     : relative;
    left         : 25%;
	width:50%;
    text-align   : center;
    border-style : solid;
    border-color : #000;
    border-width : 1px 2px 2px 1px;
    background   : #f0f0f0;
    color        : #000;
    padding      : 15px;
    margin       : 5px 0;
}

.tomarcador {
  text-align   : left;
  border-color : #000;
  border-style : solid;
  border-width : 1px 0;
  margin       : 1em;
  padding      : .5em 0;
}

.estats_botiga {
  text-align   : center;
  border-color : #000;
  border-style : solid;
  border-width : 1px 0;
  margin       : 1em;
  padding      : .5em 0;
}

#contenidos img.under{
position:relative;
left:25%;
padding:15px;
}