/* CSS Document */

body {
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/img/fons.png);
	background-repeat:repeat;
}

b{font-size: 110%;}
img { border:0px;}
em { color: 000; }


a {
	text-decoration:none;
	color:#366B72;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}	


#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color:#fff;
f
}

#topsection{
height: 127px; /*Height of top section*/
color:#fff;
background-image:url(/img/backgroundlogo.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-bottom:10px;
border-bottom:2px dotted #4F767C;
}

#topsection h1 {
	font-size:18px;
	font-weight:bold;
	color:#000;
}

#topsection em {
	font-size:11px;
	color:#606060;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
background-color:#FFFFFF;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#contentcolumn h1 {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

#footer{
clear: left;
width: 100%;
background: #13B5C4;
color: #fff;
text-align: center;
padding: 4px 0;
border-top:2px dotted #4F767C;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer a{
text-decoration:none;
color:#fff;
}

#footer a:hover {
	color:#364D4F;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


.personatge {
	width:97%;
	background-color:#fff;
	border:2px solid #000;
	padding:4px;
	font-size:10px;
	float:left;
	margin-bottom:10px;
}

.personatge2 {
	width:400px;
	border:2px solid #000;
	padding:4px;
	float:left;
	margin-left:100px;
	margin-bottom:10px;
}

.anuncios {
  width:96%;
  margin-left:2%;
  float:left;
  border:2px solid #000;
  background-image:url(/img/camera.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding:5px;
	margin-bottom:20px;
}

.anuncios a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.anuncios a:hover {
	text-decoration:underline;
}


.graficas {
  text-align:right;
  width:96%;
  margin-left:2%;
  float:left;
  border:2px solid #000;
  background-image:url(/img/graficas.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:5px;
	margin-bottom:20px;
}

.graficas a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.graficas a:hover {
	text-decoration:underline;
}

.audios {
  text-align:center;
  width:96%;
  margin-left:2%;
  float:left;
  border:2px solid #000;
  background-image:url(/img/guitar.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding:5px;
	margin-bottom:0px;
}

.audios a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

.audios a:hover {
	text-decoration:underline;
}










/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(/img/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(/img/glossyback2.gif);
}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(/img/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(/img/glossyback2.gif);
}