html, body {margin: 0; padding: 0; border: 0;}

body {
color: #000;
background: #EEEACB url(../images/fondo.png) repeat;
font-family: "Trebuchet MS", Arial, Verdana;
font-size: 14px;
text-align: center;
margin: 10px 0;
}

p  {margin: 6px 0; padding: 0 6px;}

h1 {
font-size: 1.4em;
padding: 10px 0;
margin: 0;
color: #60419d;
}
h2 {
font-size: 1.2em;
text-align: center;
padding: 10px 0;
margin: 0;
color: #60419d;
}

h3 {font-size: 1.1em; margin: 20px 10px 5px;}

.clear { clear: both; }
.clearPadding { clear: both; padding-top:10px;}

a {text-decoration: underline; font-weight: bold; color: #60419d;}
img {border:0; text-decoration:none;}

.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}

.gran{
line-height:15px;
font-size:1.3em;
}

.temp {
width: 900px;
font-size:12px;
color:#000;
text-align:right;
margin: 0 auto;
}
.barraIdiomes {
width: 60px;
font-size:12px;
text-align:right;
padding-left:840px;
margin: 0 auto;
}
.barraIdiomes a{
padding:3px;
}

.wide {
background: #ffc url(images/stripes6.gif);    /* header and footer colours */
width: 870px;
margin-left:30px;
font-size: 12px;
color: #000;
text-align: center;
}

footer{
width: 900px;
heigth:150px;
}

.wide p {margin: 0; padding: 5px; position: relative;}

.top {}

.top a {position: absolute; right: 20px; text-align: right; font-weight: bold; font-size: .7em; color: #fff;}

.bottom {position: relative;}

.to-right {float: right;}

.to-left {float: left;}

.wrapper {
margin: 0 auto;
width: 900px;
text-align: left;
background: url(../images/mainslice.png) repeat-y;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 900px;
wid\th: 900px;
}

.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 200px;    /*** Critical left col dimension value ***/
width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
float: left;
width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px;   /*** Static fix ***/
}

.center {
float: right;
width: 700px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
margin-left: -1px;
padding-bottom: 10px;   /*** To keep content from going underneath the AP bottom boxes ***/
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 200px;    /*** Critical left col/divider dimension value ***/
margin-left: -201px;
padding-bottom: 50px;    /*** Critical left col/divider dimension value ***/
}

* html .left {
float:left;
}

*>html .left {width:201px;}   /*** Fix only for IE/Mac ***/

.container-left {
width: 200px;    /*** Critical left col dimension value ***/
padding-bottom: 100px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

.logo {
text-align:left;
float:left;
position:relative;
top:-2em;
left:56px;
}
.menu {
position:relative;
top:-3em;
}
.menuAcordeon
{
}
.botons {
padding-top:80px;
margin-left: 10px;
height: 900px;
background: url(../images/logos.png) no-repeat;
}

.botoLink {
width: 176px; 
height: 30px;
margin-bottom:20px;
}
.botoLink a {
display: block;
text-decoration: none;
padding-top:5px;
padding-left:5px;
}
.botoLink a span  {
color:#FFF;
font-weight: bold; 
}

#botoCoparanc{
background: url(../images/botons/coparanc.png) no-repeat top;}
#botoInterclubs{
background: url(../images/botons/interclubs.png) no-repeat top;}
#botoPanell{
background: url(../images/botons/taulell.png) no-repeat top;}
#botoCoparanc:hover{
background: url(../images/botons/coparanc.png) no-repeat bottom;}
#botoInterclubs:hover{
background: url(../images/botons/interclubs.png) no-repeat bottom;}
#botoPanell:hover{
background: url(../images/botons/taulell.png) no-repeat bottom;}

.menuHorizontal{
width:700px;
margin-top:20px;
margin-bottom:40px;
}

.header ul{
list-style-type: none;
text-align:left;
}
.header ul li{
padding: 1px;
margin: 1px;
display:inline;
font-size: 1em;
font-weight: bold;
}
.header ul li a{
text-decoration:none;
font-weight:bold;
padding-left: 39px;
padding-right: 39px;
border-bottom:2.5px solid #2C2D8B;
padding-bottom:5px;
color: #2C2D8B;
}
.header ul li a:hover{
background: url(../images/banderita.jpg) no-repeat;
}

.content{
padding-left:29px;
padding-right:29px;
}
.news1{
text-align:left;
float:left;
background-color:#FFFFFF;
font-size:10px;
padding-left:0px;
margin-left: 0px;
}

.news2{
text-align:left;
float:right;
background-color:#FFFFFF;
font-size:10px;
padding-left:0px;
margin-left: -50px;
}
.formu{
text-align:left;
float:right;
background-color:transparent;
background-image:none;
font-size:10px;
padding:0px;
margin:0;
}

.gk_news_show_news_header{
margin-top:130px;
color:#60419d;
font-size:13px;
}
.gk_news_show_news_text{
color:#444444;
font-size:11px;
padding-left:0px;
margin-bottom:10px;
}
.gk_news_show_news_info{
color:#60419d;
font-size:12px;
padding-left:0px;
}
.readon{
color:#444;
margin-bottom:30px;
}
.component{

}
.columnaEsquerra{
width:300px;
padding-right:18px;
float:left;
}
.columnaDreta{
width:300px;
padding-left:18px;
float:right;
}

/*** table ***/
table .tbl{
	border-top:solid 1px #2C2D8B;
	width:500px;
}
.filaImpar{
	background: #DAE4F2;
}
/*** Static fixes ***/

/* \*/
* html h2 {height: 1%;}
/* */

/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */