/*Aixo posara tot a 0 i a partir dalli tindra el margin o el padding que jo esculli (mes avall) en tots els navegadors.*/
		*
		{
			 margin: 0;
			 padding: 0;
		}
		
        body
        {
                background-color:#666666;
                margin-left:4px;
                margin-right:4px;
                margin-top:8px;
                margin-bottom:8px;
                padding: 0;
                text-align: center; /*per centrar la pagina al IE (versions anteriors a la 7), juntament amb el margin-right: auto; i margin-left: auto; del #container*/
        }
		 
        .container
        {
                margin-top:8px;
                text-align:left; /*per alinear el text de tota la pagina a l'esquerra */
                width: 984px;
                height:auto;
                background-color:#EEEEC4;       
                border-color:#FFFFFF;
                border-style:solid;
                border-width:5px;
                margin-right: auto; /*centra el contenidor al centre, juntament amb el text-align: center; del body*/
				margin-left: auto; /*centra el contenidor al centre, juntament amb el text-align: center; del body*/
				margin-top: 0px;
				margin-bottom: 0px;
                /*overflow:hidden; /*Amb versions anteriors a la 7 del IE, si un div te un borde, el witdth es amb el borde i hauria de ser sense el borde, per solucionar el problema no posem overflow: hidden; i ja esta*/
        }

        .header
        {
                width:984px;
                height:91px;
                background-color:#000000;
                
				border-bottom-color:#FFFFFF;
                border-bottom-style:solid;
                border-bottom-width:thick;

        }

        .logo
        {
         		margin:0px;
				padding:0px;
                width:170px;
                height:91px;
                list-style-type: none;
                /*background:url(imatges/logo1.gif);*/
        }
        
        .logo img
		{
			display: block;
            width:170px;
            height:91px;
			text-decoration: none;
			border: 0px;
		}
        
        .negre
        {
                width:111px;
                height:91px;
                background-color:#000000;
        }

        .lletres
        {
                width:420px;
                height:91px;
        }

        .maons
        {
                width:283px;
                height:91px;
        }

        .breadcrumbs
        {
                width:984px;
                height:30px;
                background-color:#EEEEC4;
                /*vertical-align:text-top; text-bottom, middle*/
        }

        .cos
        {
                width:984px;
                /*overflow:hidden;*/
        }

        .left-container
        {
                float:left;
                width:auto;
                font: 13px verdana,sans-serif;
                margin-left:15px;
                margin-right:13px;													/*15px*/
                margin-bottom:15px;
                display: inline; /*Sense aixo, les versions del IE anteriors a la 7, feien el doble del margin-left que els hi posava*/
        }
    

        .left
        {
                width:168px;
                background-color:#FFF2C3;
                border-style:solid;
                border-color:black;
                border-width:1px;
                margin-bottom:15px;
                /*height:auto;*/
        }

        .left-sub
        {
                width:168px;
                background-color:#FFF2C3;
                margin-bottom:10px;
                
                /*padding-top:5px;
                padding-left:5px;*/
                /*height:auto;*/
        }
        
        .content-container
        {
         		width:auto;
		        float:left;
                font: 13px verdana,sans-serif;
		}
        
        .content 
        { 
        		width:562px; /*20px menys que el titol_cos, li restem 10px del padding esquerra i 10px més pel padding dret*/ /*562px*/
                background-color:#FFF2C3;
                padding: 10px 10px 20px 10px;
                border-style:solid;
                border-color:black;
                border-width:1px;
        }
        
        .right-container 
        {
        		float:right;
                width:148px; /*168*/
                height:auto;
                background-color:#FFF2C3;
                border-style:solid;
                border-color:black;
                border-width:1px;
                margin-right:15px; /*De fet no fa falta, ja que el que sobra a la dreta al fer el float-left son 15px */
                margin-left:13px;    																							/*15px*/
                margin-bottom:15px;
                display: inline; /*Sense aixo, les versions del IE anteriors a la 7, feien el doble del margin-right que els hi posava*/
                padding-left:10px;
                padding-right:10px;   
        }
        
        .right
        {
         		font:13px Verdana, Arial, Helvetica, sans-serif;
         		color:black;
                padding-top:10px;
                padding-bottom:10px;
				overflow:hidden; 
                text-align: center;
                border-bottom: 1px solid black;
        }
        
        .titol
        {
                width:168px;
                height:25px;
                background:url(imatges/maons_menu.gif) no-repeat;
                background-position: right;     
                background-color:black;
                
                border-left:black 1px solid;
                border-right:black 1px solid;
                border-top:black 1px solid;
                /*No li posem un border-bottom pq el left ja te un border-top*/ 
        }
        
        .titol-cos
        {
                width:582px; /*582px*/
                height:25px;
                background:url(imatges/maons_cos.gif) no-repeat;
                background-position: right;
                background-color:black;
                /*
                margin-left:15px;
                margin-right:15px;
                */
                border-left:black 1px solid;
                border-right:black 1px solid;
                border-top:black 1px solid;
                /*No li posem un border-bottom pq el left ja te un border-top*/
        }
    
        
	    .noticia
		{ 
			background-color:#FFF2C3;
			width:562px; /*20px menys que el titol_cos, li restem 10px del padding esquerra i 10px més pel padding dret*/
			overflow:hidden; /*Permet que el container englobi tots els divs de dintre*/
			padding-bottom:10px;
			padding-top:10px;
		}
        
        .footer-left
        {
         		width:168px;
                margin-bottom:15px;
                text-align:center;
                margin-top:15px;
        }
        
        .footer-center
        {
                height:auto;
                margin-top:15px;
                margin-bottom:15px;
                text-align:center;
        }
        
        .llantia
        {
                position:absolute; 
                float:right;
                top:70px; 
                margin-left:830px;
                background-image:url(imatges/llantia.gif); 
                width:131px;
                height:78px; 
        }
        .clear
		{
			clear: both;
		}

		/*Solucio problema del width amb versions del IE anteriors a la 6*/		
		/*Per a qualsevol navegador diferent del IE la solucio seguent serà interpretada com erronea i per tant, ignorada, ja que no existeix cap element que contingui el html, que es lelement arrel*/
		
        /* els Tan Hack */
		* html .left
		{
		        width: 170px;   /*Aixo ho llegira les versions anteriors a la 6*/
		        w\idth: 168px; /*Aixo ho llegira el IE5/mac i el IE6/pc*/
		}
		
		* html .right-container
		{
		        width: 170px;  /*Aixo ho llegira les versions anteriors a la 6*/
		        w\idth: 148px; /*Nomes per al IE5/mac i el IE6/pc*/
		}
		
		* html .content
		{
		        width: 584px;  /*Aixo ho llegira les versions anteriors a la 6*/
		        w\idth: 562px; /*Nomes per al IE5/mac i el IE6/pc*/
		}
		
		* html .titol
		{
		        width: 170px;  /*Aixo ho llegira les versions anteriors a la 6*/
		        w\idth: 168px; /*Nomes per al IE5/mac i el IE6/pc*/
		}
		
		* html .titol-cos
		{
		        width: 584px;  /*Aixo ho llegira les versions anteriors a la 6*/
		        w\idth: 582px; /*Nomes per al IE5/mac i el IE6/pc*/
		}



/***********************************************************/
/***********************************************************/
/***********************************************************/

.breadcrumbs p
{
        font: 13px verdana,sans-serif;
        margin:0px;
        padding:0px;
        /*vertical-align:middle; No ho fa*/
}

.breadcrumbs img
{
        float:left;
}

.titol p
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color :white;
        margin:0px;
        text-align:left;
        font-weight: bold;
        padding:0px;
        /*vertical-align:middle; No ho fa*/
}

.titol-cos p
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color :white;
        margin:0px;
        text-align:left;
        font-weight: bold;
        padding:0px;
        /*vertical-align:middle; No ho fa*/
}

.galeria img 
{
    border-style:solid;
    border-width:1px;
    border-color:black;
    margin-right:5px;
    margin-bottom:2px;
}

.content p
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color:black;
        margin:0px;
        padding-left:0px;
        padding-right:0px;
        padding-top:10px;
        padding-bottom:0px;
        text-align:justify;
}

.content ul
{  
	list-style:none;
	text-align:center;
}

.content li
{
	padding-bottom:10px;
}


.administracio
{
	list-style:none;
}


.administracio h3
{
        font:15px Verdana, Arial, Helvetica, sans-serif;
        width:200px;
        color:black;
        margin-bottom:3px;
        font-weight: bold;
		border-color:black;
		border-style:solid;
		border-width:1px;
}

.noticia h3
{
        font:15px Verdana, Arial, Helvetica, sans-serif;
        color:black;
        margin:0px;
        font-weight: bold;
}

.noticia p
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color:black;
        margin:0px;
        padding-left:0px;
        padding-right:0px;
        padding-top:10px;
        padding-bottom:0px;
        text-align:justify;
}

.noticia img
{
    	float:left;
        padding-bottom:10px;
        padding-right:10px;
        padding-top:10px;
        border:0px;
}
.noticia table
{
	width:100%;
	border-color:black;
	border-style:solid;
	border-width:1px;
}

.right img
{
    padding-bottom:10px;
    padding-top:10px;
	border-width:0px;
    margin-left:auto;
    margin-right:auto;
    text-decoration:none;
}

.footer-left p
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color:black;
        margin:0px;
        padding-left:0px;
        padding-right:0px;
        padding-top:0px;
        padding-bottom:0px;
        text-align:center;
}


.footer-center p
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color:black;
        margin:0px;
        padding-left:0px;
        padding-right:0px;
        padding-top:0px;
        padding-bottom:0px;
        text-align:center;
}

.content object
{
	margin-right: auto; /*centra el contenidor al centre, juntament amb el text-align: center; del body*/
	margin-left: 65px; /*centra el contenidor al centre, juntament amb el text-align: center; del body*/
	text-align:center;
}


/***********************************************************/
/***********************************************************/
/***********************************************************/
a
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color:#8C2C1E;
        text-decoration: underline;
}

a:link
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color:#8C2C1E;
        text-decoration: underline;
}

a:visited
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color:#8C2C1E;
        text-decoration: underline;
}

a:hover
{
        font:13px Verdana, Arial, Helvetica, sans-serif;
        color:#8C2C1E;
        cursor:pointer;
        text-decoration: underline;
        background-color:#FFE176;
}


/***********************************************************/
/***********************************************************/
/***********************************************************/
.nav 
{  
	list-style:none;
	margin:0px;
	padding:0px;
}
.nav li 
{
	margin:0px;
	padding:0px;
}
.nav li a 
{
	display:block; /*Convertim lenllaç en un bloc.*/
	width:163px; /*168-5(padding de sota) */
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-decoration:none;
	text-align:left;
	color: black;
	background-color:#FFF2C3;
}

.nav li a:hover 
{
	color: black;
	background-color:#FFE176;
}

.img_sense_background a:hover
{
	background-color:transparent;
}


.img_sense_background
{
	float:left;
}

.img_sense_background a:hover
{
	background-color:transparent;
}

#error
{
	    font:13px Verdana, Arial, Helvetica, sans-serif;
	    font-weight: bold;    
        color:red;
        text-align:center;
}

* html .nav li a
{
        width: 168px;  /*Aixo ho llegira les versions anteriors a la 6*/
        w\idth: 163px; /*Nomes per al IE5/mac i el IE6/pc*/
}


/********************************************************************************************/
/*************************************** FORUM **********************************************/
/********************************************************************************************/

.temes table
{
	border-color:black;
	border-style:solid;
	border-width:1px;
}

.temes tr
{
 	padding:3px;
	border-color:black;
	border-style:solid;
	border-width:1px;
}

.temes td
{
 	padding:3px;
	border-color:black;
	border-style:solid;
	border-width:1px;
}

.forum table
{
	width:100%;
	border-color:black;
	border-style:solid;
	border-width:1px;
}

/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/

.content select    /*Els selects de la galeria*/
{
	width: 436px;
}

textarea 
{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 12px; color: black; 
	background-color: white; 
	border: black; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	padding:1px;
}

input 
{
	font-family: Tahoma, Verdana, Arial; 
	font-size: 12px; color: black; 
	background-color: white; 
	border: black; 
	border-style: solid; border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	padding:1px;
}

select
{ 
	font-family: Tahoma, Verdana, Arial; 
	font-size: 12px; 
	color: black; 
	background-color: white;
	border: black; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	padding:1px;
} 

.boto 
{
 	background-color:white;
	/*background-color:#EEEEC4;*/
	font: 12px Tahoma, Verdana, Arial; 
	color: black;
	cursor:pointer;
	border-style: ridge;
	border-width:2px;
}

/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/


#left-sub a 
{
        margin: 0px 0px 0px 30px;
}



.senseborde
{
    border-width:0px;
}

.taula-grups
{
	float:left;
}

.taula-grups ul
{
	text-align:left;
	width:270px;
}

.titol-content
{
    font:15px Verdana, Arial, Helvetica, sans-serif;
    color:black;
    margin:0px;
    font-weight: bold;
    width:99%;
	border-color:black;
	border-style:solid;
	border-width:1px;
    
}

#busqueda
{
	width:84px;
}

.noticia h1
{
        font:15px Verdana, Arial, Helvetica, sans-serif;
        color:black;
        margin:0px;
        font-weight: bold;
}

.mapaweb li
{  
	list-style:none;
	text-align:left;
}