/**********************************************************************
 * Web principal per quan es mostra en pantalla
 **********************************************************************/

@import url(main.css); 

/**********************************************************************
 * Estructura general
 **********************************************************************/

    #wrapper { width: 770px; margin-left: auto; margin-right: auto;text-align:left }

/**********************************************************************
 * Capçalera
 **********************************************************************/

    #header { margin-top: 4px; margin-bottom: 4px; position: relative }
    #header h1 { margin: 0; padding: 0; line-height: 73px; height: 73px }
    * html #header h1 { font-size: 0 } /* IE Hack */

    /* Com que per defecte mostrem el logo en blanc i negre (per la versió per imprimir o per
     * quan no s'aplica el CSS) aquí cambien la imatge per la final */

    /* Per quan no es mostren les imatges */
    #header h1 a { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; overflow: hidden }
    #header h1 span { position: absolute; top: 0; left: 0; width: 100%; height: 73px; background: url(../images/ca/header-generic.jpg) no-repeat left top }
    #header #goToHomePage { text-indent: -999em; overflow: hidden; position: absolute; top: 10px; left: 5px; width: 270px; height: 60px }

/**********************************************************************
 * Menú principal
 **********************************************************************/

    #mainMenu { background: #e4e9ce url(../images/main-menu-background-top.jpg) repeat-x left top; padding-top: 6px; color: #5f7800; font-size: 0.9em }
    #mainMenu a { color: #5f7800; text-decoration: none }
    #mainMenu a:hover,
    #mainMenu a:active { text-decoration: underline }
    #innerMainMenu { background: #e4e9ce url(../images/main-menu-background-bottom.jpg) repeat-x left bottom; padding: 0 10px 6px 10px; line-height: 20px; /* IE 7 clear hack */ min-height: 1% }
    #innerMainMenu:after { display: block; content: "."; height: 0; clear: both; visibility: hidden }
    * html #innerMainMenu { height: 1% } /* IE hack */

    /**********************************************************************
     * Cercador
     **********************************************************************/

        #mainMenu #search { float: left }
        #mainMenu #search label { font-weight: bold }
        #mainMenu #search input { vertical-align: middle }
        #mainMenu #search #searchQuery { background-color: #f5f8ed; width: 10em }
        #mainMenu #search #searchQuery:focus { background-color: #fff }

    /**********************************************************************
     * Enllaços
     **********************************************************************/

        #mainMenu ul { font-weight: bold; margin: 0; padding: 0; float: right; list-style: none }
        #mainMenu ul li { display: inline; margin: 0 0 0 0.5em; padding: 0 0 0 0.5em; border-left: 1px solid #5f7800 }
        #mainMenu ul li.First { border-left-width: 0; padding-left: 0; margin-left: 0 }

/**********************************************************************
 * "Contingut" (barra lateral + contingut + banners)
 **********************************************************************/

    #contentWrapper { background: url(../images/content-wrapper-background.jpg) repeat-y left top; border-bottom: 1px solid #cccccc; margin-bottom: 3px; /* IE 7 clear hack */ min-height: 1% }
    #contentWrapper:after { display: block; content: "."; height: 0; clear: both; visibility: hidden }
    * html #contentWrapper { height: 1% } /* IE hack */

    /**********************************************************************
     * Interior del contingut
     **********************************************************************/

        #contentWrapperFloatHack { float: left; width: 657px }

        /**********************************************************************
         * Barra lateral
         **********************************************************************/

            #sidebar { width: 180px; float: left }

            /**********************************************************************
             * Menú del contingut
             **********************************************************************/

                #contentMenu { background-color: #f3f5ec; margin: 4px 10px 4px 0; padding: 8px 11px; font-size: 0.9em }
                #contentMenu a { text-decoration: none }
                #contentMenu a:hover,
                #contentMenu a:active { text-decoration: underline }

                /* 1er nivell del menú */
                #contentMenu ul { list-style: none; margin: 0; padding: 0 }
                #contentMenu ul li { margin: 0 0 1em 0; padding: 0 }
                #contentMenu ul li .Content { background: #a61111 url(../images/content-menu-list-item-background-1.jpg) no-repeat left top; line-height: 14px }
                #contentMenu ul li .Content a { display: block; padding-left: 10px; background: url(../images/content-menu-list-item-background-2.jpg) no-repeat right top; color: #fff; font-weight: bold }

                /* 2on nivell del menú */
                #contentMenu ul ul { list-style: square; margin-left: 15px; color: #b5bd99 }
                #contentMenu ul ul li { margin-bottom: 0 }
                #contentMenu ul ul li .Content { background: transparent; padding: 0.1em 0 }
                #contentMenu ul ul li .Content a { color: #7b0d0d; background: transparent; font-weight: normal; padding-left: 0 }

                /* 3er (i següents) nivell del menú */
                #contentMenu ul ul ul { margin-left: 0 }
                #contentMenu ul ul ul li { margin-left: 1.5em }

                #diputacioBarcelona { display: block; text-align: center; padding: 10px 0 }

        /**********************************************************************
         * "Principal"
         **********************************************************************/

            /* IE hack - http://www.positioniseverything.net/explorer/italicbug-ie.html */
            #main { float: right; width: 477px; overflow: visible }

            /**********************************************************************
             * Fil d'Ariadna
             **********************************************************************/

                 #breadcrumb { background: #e4e9ce url(../images/breadcrumb-background-top.jpg) repeat-x left top; padding-top: 5px }
                 #innerBreadcrumb { background: url(../images/breadcrumb-background-bottom.jpg) repeat-x left bottom; padding-bottom: 5px }
                 #breadcrumb ul { margin: 0; padding: 0 0 0 35px; min-height: 18px; line-height: 18px; background: url(../images/breadcrumb-bullet.jpg) no-repeat 10px 50% }
                 /* IE Hack (min-height) */
                 * html #breadcrumb ul { height: 18px }
                 #breadcrumb ul li { display: inline; margin: 0 }
                 #breadcrumb a { text-decoration: none }
                 #breadcrumb a:hover,
                 #breadcrumb a:active { text-decoration: underline }

            /**********************************************************************
             * Contingut
             **********************************************************************/

                #content { background: url(../images/content-background.jpg) repeat-x left top; min-height: 27px; padding: 1px 10px 0 10px; margin-bottom:50px }
                #content h3,
                #content h4 { color: #779700; padding: 0 0 2px 0; margin-top: 7px; margin-bottom: 14px; border-bottom: 1px solid #b0c26b; font-size: 1.2em; border-color: #b1bf7d }
                #content h3 a,
                #content h4 a,
                #content h5 a,
                #content h6 a { color: #779700; text-decoration: none }
                #content h3 { margin-top: 15px }
                #content h3,
                #content h4,
                #content h5,
                #content h6 { margin-top: 14px; margin-bottom: 14px; padding: 0 }
                #content h4 { font-size: 1.1em; border-color: #d3dbb7 }
                #content h5,
                #content h6 { font-size: 1em }
                #content h3 a:hover,
                #content h3 a:active,
                #content h4 a:hover,
                #content h4 a:active,
                #content h5 a:hover,
                #content h5 a:active,
                #content h6 a:hover,
                #content h6 a:active { color: #fff; background: #779700 }
                #content ul { list-style: square outside url(../images/list-bullet.jpg); margin-top: 1em; margin-bottom: 1em }
                #content ul li { margin-top: 0.3em; margin-bottom: 0.3em }
			    #content ul.reset { list-style: none; margin: 0; padding: 0 }
			    #content ul.reset li { margin: 0; padding: 0; display: inline }
                #content a:hover,
                #content a:active { color: #fff; background-color: #a61111 }
                #content dl { margin: 0; padding: 0 }
                #content dl dt { display: block; margin: 1em 0 0 0; padding: 0; font-weight: bold }
                #content dl dd { display: block; margin: 0 0 1em 1em; padding: 0 }

    /**********************************************************************
     * La data, el temps i els banners
     **********************************************************************/
		
		#boto-traduccio-automatica {
		text-align:center;
		padding-top:0.5em;
		}
		
			#boto-traduccio-automatica input#boto_tdium {
			border:0;
			background-color:transparent;
			}

        #date { font-weight: bold; color: #a61111; font-size: 0.9em; text-align: center; margin: 1.2em 1.5em }
        
        #temps { width: 98px; margin: 0 auto }
        #temps h3 { margin: 0 }
        #temps .content { padding: 1px 0; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 9px; text-align: center; line-height: 34px; border: solid ##a61212; border-width: 0 1px }
        #temps .content img { vertical-align: middle }
        #temps .footer { color: #fff; background: #a61212 url(../images/meteocat/box-footer.jpg) no-repeat left top; text-align: center; min-height: 18px; _height: 18px }
        #temps .footer,
        #temps .footer a { color: #fff; font-weight: bold; font-size: 95%; text-decoration: none }
        
        #banners { float: right; width: 113px }

/**********************************************************************
 * Peu de pàgina
 **********************************************************************/

    #footer { color: #dddddd; background-color: #797979; position: relative; margin-bottom: 3px; min-height: 2em; border-top: 1px solid transparent; padding: 0.3em }
    #footer p { margin: 0.2em 0 }
    #footer strong { font-weight: normal; color: #fff }
    #footer #footerMisc { text-align: center }
    #footer #iqua { position: absolute; top: 0; left: 0; margin: 0.4em }
    #footer #miscLinks { position: absolute; top: 0; right: 0; margin: 0.4em 0.8em 0 0 }
    #footer a { color: #e2e2e2; text-decoration: none }

/**********************************************************************
 * Especials
 *
 * Estaria bé que cada pàgina pogués especificar un CSS propi
 **********************************************************************/

    /**********************************************************************
     * Mapa web
     **********************************************************************/

        #content #mapaWeb ul ul { list-style: square outside url(../images/list-bullet-2.gif); padding-left: 30px }
        #content #mapaWeb h4 { border-width: 1px 0; border-style: solid; border-color: #b8be9c; padding: 0.2em 0 }
        #content #mapaWeb h4,
        #content #mapaWeb h4 a { color: #7a8545; text-decoration: none }
        #content #mapaWeb h4 a:hover,
        #content #mapaWeb h4 a:active { color: #fff; background: #7a8545 }
	
	/**********************************************************************
     * Mòduls administrables que fan servir l'editor html
     **********************************************************************/
	 .caixa-html-editable p,
	 .caixa-html-editable ul,
	 .caixa-html-editable ol {
	 margin-top:0; /* la nova versió del tinyMCE insereix per defecte un paràgraf */
	 }
		
	/**********************************************************************
     * Revista "Montornès Viu" 
     **********************************************************************/
	
	#content div#ultim-numero-revista div.portada {
	float:left;
	margin-right:15px;
	}
	
	#content div#ultim-numero-revista div#dades-textuals  {
	float:left;
	width:224px;
	}

			#content div#ultim-numero-revista div#dades-textuals div.mes-i-pes span.pes {
			color:#686868;		
			}
	
	#content ul#llistat-revistes {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	}
	
	#content ul#llistat-revistes li {
	float:left;
	display:inline; /* hack per evitar el doble marge en explorer */
	margin-left:15px;
	height:210px;
	overflow:hidden;
	width:102px;
	}
	
		#content ul#llistat-revistes li.inici-fila {
		clear:left;
		margin-left:0;
		}
		
			#content ul#llistat-revistes li div.portada {
			margin-bottom:5px;
			}
			
			#content ul#llistat-revistes li div.mes-i-pes {
			font-size:0.9em;
			text-align:center;
			}
			
				#content ul#llistat-revistes li div.mes-i-pes a,
				#content div#ultim-numero-revista div#dades-textuals a {
				background-image:url(../images/icona-fitxer-pdf.gif);
				background-position:0 0;
				background-repeat:no-repeat;
				padding:1px 0 1px 18px;
				}
				
				#content ul#llistat-revistes li div.mes-i-pes span.pes {
				color:#686868;
				display:block;
				margin-top:3px;
				}
				
		#content div#arxiu-revista {
		clear:left;
		}
/**********************************************************************
* portada del web 
**********************************************************************/


/* títols */
div#destacat-portada h4,
div#noticies-i-esdeveniments h4 {
background:transparent url(../images/fons-titols-portada.gif) 0 0 repeat-x;
border:0;
margin:0;
padding:0;
width:100%;
float:left;
font-weight:normal;
font-size:1em;
}

	div#destacat-portada h4 span.titols,
	div#noticies-i-esdeveniments h4 span.titols {
	display:block;
	float:left;
	height:28px;
	line-height:26px;
	color:#A61111;	
	padding-left:35px;
	background:transparent url(../images/breadcrumb-bullet.jpg) 10px 5px no-repeat;
	}
	
		div#noticies-i-esdeveniments h4 a:link,
		div#noticies-i-esdeveniments h4 a:visited,
		div#noticies-i-esdeveniments h4 a:hover {
		background:transparent url(../images/icona-mes-info.gif) left center no-repeat;
		font-weight:normal;
		color:#222222;
		font-size:90%;
		float:right;
		padding-right:10px;
		padding-left:12px;
		height:28px;
		line-height:26px;		
		}
		
			div#noticies-i-esdeveniments h4 a:hover {
			text-decoration:underline;
			}


/* paràgrafs */
div#destacat-portada p {
padding:10px 10px 0 10px;
margin:0;
}

div#noticies-i-esdeveniments p {
background:transparent url(../images/separator-02.jpg) left bottom repeat-x;
padding:10px;
margin:0;
}


/* fotos */
div#destacat-portada a.vincle-foto,
div#ultimes-noticies a.vincle-foto {
float:left;
margin:0 10px 3px 0;
}

	div#destacat-portada a.vincle-foto img,
	div#ultimes-noticies a.vincle-foto img {
	float:left;
	}

/* vincles */
div#destacat-portada a,
div#noticies-i-esdeveniments a {
color:#779700;
text-decoration:none;
font-weight:bold;
}

	div#destacat-portada a:hover,
	div#noticies-i-esdeveniments a:hover {
	background-color:#779700;
	color:white;
	}

/* dates i resums */
div#noticies-i-esdeveniments span.data, 
div#destacat-portada span.data {
color:#A61111;
display:block;
}

	div#destacat-portada span.data:first-letter {text-transform:uppercase}

div#noticies-i-esdeveniments span.resum, 
div#destacat-portada span.resum {
display:block;
}

div#noticies-i-esdeveniments  {
background:transparent url(../images/fons-portada-noticies-i-esdeveniments.gif) 0 0 repeat-y;
}

	div#ultimes-noticies {
	width:299px;
	float:left;
	}
	
	div#propers-esdeveniments {
	width:173px;
	float:right;
	overflow:hidden;
	
	}
	
		div#propers-esdeveniments div#navegacio-mesos {
		color:#666666;
		padding:10px 13px  0 13px;
		text-align:center;
		}
		
		
			div#propers-esdeveniments div#navegacio-mesos a {
			width:25px;
			height:15px;
			overflow:hidden;
			text-indent:-10000px;
			background-repeat:no-repeat;
			background-color:#F7F8F3;
			}
			
				div#propers-esdeveniments div#navegacio-mesos a#mes-anterior {
				float:left;
				background-position:left center;
				background-image:url(../images/ico-mes-anterior.gif);
				}
				
				div#propers-esdeveniments div#navegacio-mesos a#mes-seguent {
				float:right;
				background-position:right center;
				background-image:url(../images/ico-mes-seguent.gif);
				}
				
				div#propers-esdeveniments div#navegacio-mesos strong {
				display:block;
				margin:0 30px;
				}
		
		div#propers-esdeveniments div#calendari-agenda {
		padding:5px 10px 10px 10px;
		border-bottom:3px double #D2D4C9;
		clear:both;
		}
		
			div#propers-esdeveniments div#calendari-agenda table{
			border-collapse:collapse;
			border:0;
			width:153px;
			}
			
				div#propers-esdeveniments div#calendari-agenda table th,
				div#propers-esdeveniments div#calendari-agenda table td {
				border-collapse:collapse;
				border:2px solid #F7F8F3;
				padding:0;
				font-size:10px;
				text-align:center;
				font-weight:normal;
				}
				
				div#propers-esdeveniments div#calendari-agenda table td.dia-actual {background-color:#E4E9CE}
				
				div#propers-esdeveniments div#calendari-agenda table td span,
				div#propers-esdeveniments div#calendari-agenda table td a {
				display:block;
				padding:0 2px;
				font-weight:normal;
				}
				
				div#propers-esdeveniments div#calendari-agenda table td span {
				background-color:#DFDFDF;
				}
				
				div#propers-esdeveniments div#calendari-agenda table td a {
				background-color:#E4E9CE;
				}
				
					div#propers-esdeveniments div#calendari-agenda table td a:hover {
					background-color:#779700;
					}
				
					div#propers-esdeveniments div#calendari-agenda table td.dia-actual span,
					div#propers-esdeveniments div#calendari-agenda table td.dia-actual a {
					background-color:#F7CFD7;
					}
					
					div#propers-esdeveniments div#calendari-agenda table td.dia-actual a {color:#222222;}
					
						div#propers-esdeveniments div#calendari-agenda table td.dia-actual a:hover {
						background-color:#A61111;
						color:white;
						}
		

div#acces-a-les-seccions {
clear:both;
background:#EEEFE9 url(../images/fons-portada-noticies-i-esdeveniments-peu.gif) 0 0 repeat-y;
border:1px solid #D2D4C9;
border-width:1px 0;
height:1%; /* bug explorer 6 */
margin-bottom:-35px;
}

	div#acces-a-les-seccions a {
	text-decoration:none;
	}

	p#acces-noticies {
	float:left;
	width:289px;
	text-align:right;
	margin:0;
	padding:5px 0;
	}
	
	p#acces-agenda {
	float:right;
	width:133px;
	text-align:right;
	padding:5px 10px 5px 0;
	margin:0;
	}
	
/**********************************************************************
* mòdul notícies
**********************************************************************/

div.brcm-list-of-news div.brcm-filter {
border-bottom:1px solid #ADB198;
margin-bottom:1.2em;
padding-bottom:1.2em;
width:100%;
overflow:hidden;
}
	
	div.brcm-list-of-news div.brcm-filter h5 {
	margin: 0 0 0.5em 0 !important;
	}

	div.brcm-list-of-news div.brcm-filter div.brcm-filter-search {
	float:left;
	width:48%;
	}
	
		div.brcm-filter input.brcm-text-field {width:130px}
	
	div.brcm-list-of-news div.brcm-filter div.brcm-filter-date {
	float:right;
	width:48%;
	}

div.brcm-news-module span.brcm-date,
div.brcm-list-of-news span.brcm-date {color:#A61111;}

div.brcm-list-of-news ol {
list-style:none;
margin:1em 0;
}

div.brcm-list-of-news ol li {
margin:1.2em 0;
padding:0;
width:100%;
overflow:hidden;
}

div.brcm-list-of-news div.brcm-title a {
border-bottom:1px solid #D3DBB7;
color:#779700;
text-decoration:none;
font-weight:bold;
}

	div.brcm-list-of-news div.brcm-title a:hover {
	color:white;
	background-color:#779700 !important;
	}
	
	div.brcm-list-of-news div.brcm-image-and-caption {
	float:left;
	margin:5px 10px 0 0;
	}
	
	div.brcm-list-of-news .FotoPeu {display:none}
	
div.brcm-list-of-news div.brcm-summary {margin-top:5px}
	
div.brcm-list-of-news div.Pager {
margin-bottom:2em;
padding-bottom:2em;
border-bottom:1px solid #ADB198;
}

/**********************************************************************
* mòdul newsletter
**********************************************************************/

#content div.brcm-newsletter-module h2 {
display:block;
border-color: #D3DBB7;
font-size: 1.1em;
margin-bottom: 14px;
margin-top: 14px;
padding: 0;
border-bottom: 1px solid #B1BF7D;
color: #779700;
}

	#content div.brcm-newsletter-module div.brcm-module input {margin:0 5px 0 0}


/* caixa de subscripció compacta */
	.newsletter{
	border:#D9DBCA 1px solid;
	background-color:#F3F5EC;
	margin:8px;
	color:#333333;
	font-size:10px;
	margin-top:15px;
	}
	
		div.newsletter .inner{ 
		width:96%; 
		margin:auto;  
		overflow:hidden; 
		padding-top:7px; 
		padding-bottom:7px!important;
		}

		.newsletter h3{ 
		background-color:#ACB97B; 
		color:#FFF!important; 
		padding:2px!important;
		margin:0px!important; 
		font-size:12px!important;
		}

		.newsletter p { margin:7px 0 !important;}
		
		.newsletter input {
		font-size:10px !important; 
		font-family:Verdana, Geneva, sans-serif;
		}
		
		.newsletter input.text {
		padding:3px;
		margin-right:10px; 
		width:270px; 
		}
		
		.newsletter input.submit{
		color:#FFF;
		background:#A61212 url(../images/btn-form.jpg) 0 0 repeat-x;
		border:#870E0E 1px solid;
		padding:3px 10px;
		font-size:10px;
		cursor:pointer;
		width:130px;
		}
		

		.newsletter  ul.rss { background-image:none!important; list-style-image:none; list-style-type:none; padding:0px; margin-bottom:0px!important;}
		 
		 .newsletter ul.rss li{ margin:0px!important; float:left; }
		 
		.newsletter ul.rss li a{ display:block ; float:left; background:url(../images/rss-icon.jpg) 0px 0px  no-repeat; margin-left:0px; padding-left:18px; margin-right:10px;  _margin-right:5px; height:15px; color:#779700;}
		
		.newsletter ul.rss li a:hover{ background-color:#779700; color:#FFF;}
		
		.newsletter a.rss-icon{ color:#779700;}