a.linksMenu		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-transform: uppercase;
				font-weight: bold;
				}

				a:link.linksMenu			{color:#FFFFFF}
				a:visited.linksMenu			{color:#FFFFFF}
				a:hover.linksMenu			{color:#000000}
				a:active.linksMenu			{color:#FFFFFF}

a.linksMenuActiu		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				text-transform: uppercase;
				font-weight: bold;
				}

				a:link.linksMenuActiu			{color:#000000}
				a:visited.linksMenuActiu		{color:#000000}
				a:hover.linksMenuActiu			{color:#333333}
				a:active.linksMenuActiu			{color:#000000}
				
a.links		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				}

				a:link.links			{color:#333333}
				a:visited.links			{color:#333333}
				a:hover.links			{color:#999999}
				a:active.links			{color:#333333}
				
a.linksUnderline		{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				text-decoration:underline;
				}

				a:link.linksUnderline			{color:#333333}
				a:visited.linksUnderline		{color:#333333}
				a:hover.linksUnderline			{color:#999999}
				a:active.linksUnderline			{color:#333333}

a.links11		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				}

				a:link.links11				{color:#333333}
				a:visited.links11			{color:#333333}
				a:hover.links11				{color:#999999}
				a:active.links11			{color:#333333}
				
a.linksBlancs10		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				}

				a:link.linksBlancs10			{color:#FFFFFF}
				a:visited.linksBlancs10			{color:#FFFFFF}
				a:hover.linksBlancs10			{color:#999999}
				a:active.linksBlancs10			{color:#FFFFFF}
				
a.linksCondicions		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				}

				a:link.linksCondicions			{color:#333333}
				a:visited.linksCondicions		{color:#333333}
				a:hover.linksCondicions			{color:#999999}
				a:active.linksCondicions		{color:#333333}

a.linksSubratllats		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				}

				a:link.linksSubratllats				{color:#333333}
				a:visited.linksSubratllats			{color:#333333}
				a:hover.linksSubratllats			{text-decoration:underline}
				a:active.linksSubratllats			{color:#333333}

a.linksSubscripcio {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

	a:link.linksSubscripcio		{color:#000000}
	a:visited.linksSubscripcio	{color:#000000}
	a:hover.linksSubscripcio	{color:#333333}
	a:active.linksSubscripcio	{color:#000000}
	
				
.txtBlanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.txtNegrePetit10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.txtNegrePetit11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.inputText10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
}

.inputText11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000000;
}

.titols {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.titolsMajuscules {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-transform: uppercase;
}

.titolsMajusculesBlanques {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.txtNegre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.txtVermell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
}

.txtBlancPuntuacio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.marc {
	border: 1px solid #666666;
}

.txtBlanc11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.fons_gris_fosc {
	background-color: #969593;
}

.fons_gris_clar {
	background-color: #F9F9F9;
}

.fons_vermell {
	background-color: #A93C38;
}

.fons_vermell_clar {
	background-color: #FFF4F4;
}

.codi_f64 {
	background-color: #dededd;
}

.fons_comentaris{
	background-color: #EAEAEA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

/*####### Estils fòrum ##################*/
a.linkBarraNavForos		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				}

				a:link.linkBarraNavForos			{color:#FFFFFF}
				a:visited.linkBarraNavForos			{color:#FFFFFF}
				a:hover.linkBarraNavForos			{color:#FFFFFF; text-decoration:underline}
				a:active.linkBarraNavForos			{color:#FFFFFF}

a.linkTemesForos		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				}

				a:link.linkTemesForos			{color:#262626}
				a:visited.linkTemesForos		{color:#262626}
				a:hover.linkTemesForos			{color:#262626; text-decoration:underline}
				a:active.linkTemesForos			{color:#262626}

a.linkPaginacioForos		{
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				}

				a:link.linkPaginacioForos			{color:#FFFFFF}
				a:visited.linkPaginacioForos		{color:#FFFFFF}
				a:hover.linkPaginacioForos			{color:#FFFFFF; text-decoration:underline}
				a:active.linkPaginacioForos			{color:#FFFFFF}

.spanMsgTemes {
	margin-left:4px;
	margin-right:4px;
}				

.txtBarraNavForos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.txtGeneralForos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #262626;
}

.fonsBarraNavForos {
	background-color: #000000;
}

.fonsNumPaginesForos {
	background-color: #cf4b00;
}

.fonsTemesFixe {
	background-color: #c9c9c9;
}

.fonsTemesDia {
	background-color: #fedac6;
}

.fonsTemesNormal {
	background-color: #e8e8e8;
}

.fonsTemesNormal_2 {
	background-color: #f1f1f1;
}

.fonsTaulaRespostaTema {
	background-color: #feece2;
	border:#cf4b00 solid 1px;
}

.botoFormForos {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	border:#000000 solid 1px;
}

/*################## Estils modificar foto ##################*/
#fons_modificar_foto{
	background-color:#EAEAEA;
	padding:5px;
}

/*################## Estils portada ##################*/
.fons_canvi_num_comentaris{
	border: 1px solid #c9c9c9;
	background-color: #f1f1f1;
}

.input_canvi_num {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border: 1px solid #c9c9c9;
}


#marc_foto{
	float:left;
	background: #f1f1f1;	
	margin-top:5px;
	margin-right:5px;
	border: 1px solid #c9c9c9;
	text-align:center;
}

.marc_portada {
	border: 1px solid #666666;
}


.marc_portada:hover{
	border: 1px solid #cf4b00;
}


#fotos_portada {
	display:table; /*(només per FireFox) així fem que actui com una taula i podem aprofitar la propietat vertical-align*/
	height:136px;
	width:136px;
	text-align: center;
	line-height:136px; /*(només per IE) amb aquesta linea fem que també funciona amb IE*/
	padding: 5px;
}
	#fotos_portada div {
		display:table-cell; /*(només per FireFox) ja hem dit que actui com una taula, ara aquesta capa actua com una cel·la*/
		vertical-align:middle; /*(només per FireFox) ja li podem dir que faci el vertical-align com si fos una tuala*/
	}

.autor_portada{
	text-align: center;
	padding: 5px;
	height:36px;
	vertical-align:top;
	width:136px;
}

/*################## Estils menú administració ##################*/
.fons_menu_subscripcio{
	background-color: #f1f1f1;
}

.fons_titols_menu{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height:20px;
	background-color:#000000;
}

.fons_comentari_nou{
	background-color: #b9cfec;
}

/*################## Estils tira imatges de la portada ##################*/
/*#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;  
}
    #jCarouselLiteDemo .main {
        margin-left: 40px;
    }

    #jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
 /*       float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 182px;
        text-decoration: none;
        background: url("../img/imageNavLeft.gif") left 60px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("../img/imageNavRight.gif") right 60px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("../img/imageNavRightHover.gif");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("../img/imageNavLeftHover.gif");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
 /*       position: relative;
        visibility: hidden;
        left: -5000px;
	
    }
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
		}
        #jCarouselLiteDemo .carousel li img, 
        #jCarouselLiteDemo .carousel li p {
            background-color: #fff;
           
            margin: 10px;
			
        }
        
       #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
/*                   width: 170px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }
            
.clear { clear: both; } */