/**********************************************************************
 * Layout general
 **********************************************************************/

#wrapper { width: 1000px; margin: 10px auto }

#wrapper2 { background: url(../images/common/common/background-interior.jpg) repeat-y; margin-top: 6px; position: relative }
/* IE6 bug - Donem layout a l'element perquè s'apliqui el "position: relative" */
* html #wrapper2 { height: 1% }
#wrapper2 #wrapper2Inner1 { background: url(../images/common/common/background-interior-top.jpg) no-repeat top; padding-top: 3px }
#wrapper2 #wrapper2Inner2 { background: url(../images/common/common/background-interior-bottom.jpg) no-repeat bottom; padding-bottom: 3px; overflow: hidden; _display: inline-block }

body.inici #wrapper2 { background-image: url(../images/common/common/background-home.jpg) }
body.inici #wrapper2 #wrapper2Inner1 { background-image: url(../images/common/common/background-home-top.jpg) }
body.inici #wrapper2 #wrapper2Inner2 { background-image: url(../images/common/common/background-home-bottom.jpg) }
 
/**********************************************************************
 * Capçalera
 **********************************************************************/
 
#header { border-bottom: 4px solid #00529C }
#header .headerInner { height: 131px; color: #fff; background: #00529c url(../images/common/top/tops/generic.jpg); position: relative; margin-bottom: 1px }
#header a { color: #fff }
#header h1 a { text-indent: -9999em; overflow: hidden; /* background: red; opacity: 0.5; */ position: absolute; top: 10px; left: 50px; width: 260px; height: 30px }
#header #metaMenu { padding: 13px 6px 0 0; overflow: hidden; _display: inline-block }
#header #metaMenu #languages { color: #fff; float: right; background: #00529c; font-size: 0.9em; padding: 2px 4px; border: 1px solid #75A1C9; margin-top: 2px }
#header #metaMenu #languages a { color: #fff }
#header #metaMenu .misc { float: right; margin-right: 13px }
#header #metaMenu .misc a { margin-left: 2px }
#header #search { position: absolute; bottom: 8px; right: 8px; border: 1px solid #fff; padding: 2px }
#header #search form { background: #fff }
#header #search form input { vertical-align: top }
#header #search form input.text { border-width: 0 }

/**********************************************************************
 * Menú principal
 **********************************************************************/
 
#mainMenu { background: #f1f1f1; border: 1px solid #E5E5E5; border-top-width: 0; overflow: hidden; _display: inline-block; padding: 4px }

#mainMenu .misc { float: left; list-style: none; margin: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.9em; text-transform: uppercase; font-weight: bold }
#mainMenu .misc li { display: block; float: left; margin-right: 7px; background: url(../images/common/subtop/middle-butons.jpg) repeat-x top }
#mainMenu .misc li a { display: block; color: #838383; background: url(../images/common/subtop/right-butons.jpg) no-repeat right top; padding-right: 8px; text-decoration: none }
#mainMenu .misc li a span { display: block; background: url(../images/common/subtop/left-butons.jpg) no-repeat left top; padding: 3px 5px 3px 13px; line-height: 20px }
#mainMenu .misc li a:hover { color: #036 }

/* Com que funciona amb Javascript l'amaguem per defecte i només el mostrem
 * si el Javascript està activat */
#mainMenu #fontSizeMenu { display: none; background: #fff; border: 1px double #E9E8E4; float: right; padding: 3px 5px; color: #999; font-size: 0.8em }
#mainMenu #fontSizeMenu * { vertical-align: bottom }

/**********************************************************************
 * Contenidor de l'esquerra
 **********************************************************************/

.LeftCont { float: left; width: 199px; margin-right: 9px }
.LeftCont .LeftContInner { padding: 10px 15px 70px 15px }

    /**********************************************************************
     * Menú de pàgines
     **********************************************************************/

    #pagesMenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em }
    #pagesMenu a { color: #51657F; text-decoration: none }
    #pagesMenu a:hover { color: #00529C }
     
    /* 1er nivell */

    #pagesMenu ul { margin: 0; padding: 0; border-bottom: 1px solid #51657F; font-weight: bold; list-style: none /* IE bug */ none }
    #pagesMenu ul li { border-top: 1px solid #51657F; padding: 6px 0 1px 0; line-height: 1.2em }
    #pagesMenu ul li a { display: block; padding-left: 13px; padding-bottom: 6px; background: no-repeat left 4px }
    #pagesMenu ul li a strong { color: #00529C }
    #pagesMenu ul li.open a { background-image: url(../images/common/common/icon-triangle-selected.jpg) }
    #pagesMenu ul li.closed a { background-image: url(../images/common/common/icon-triangle.jpg) }

    /* Resta de nivells */

    #pagesMenu ul ul { border-width: 0; font-weight: normal; padding-bottom: 0 }
    #pagesMenu ul ul li { border-width: 0; padding-bottom: 1px; background: url(../images/common/common/leftmenu-ul-li-ul-li-background.jpg) repeat-x top }
    #pagesMenu ul ul li a { padding-left: 9px; background-position: left 6px }
    #pagesMenu ul ul li.open a { background-image: url(../images/common/common/icon-small-triangle-selected.jpg) }
    #pagesMenu ul ul li.closed a { background-image: url(../images/common/common/icon-small-triangle.jpg) }
    /* Suportem fins a 8 nivells d'indentació (es pot tenir indentació i un fons 
     * al 100% d'amplada alhora sense fer-ho així?) */
    #pagesMenu ul ul li a { margin-left: 15px }
    #pagesMenu ul ul ul li a { margin-left: 30px }
    #pagesMenu ul ul ul ul li a { margin-left: 45px }
    #pagesMenu ul ul ul ul ul li a { margin-left: 60px }
    #pagesMenu ul ul ul ul ul ul li a { margin-left: 75px }
    #pagesMenu ul ul ul ul ul ul ul li a { margin-left: 90px }
    
    /**********************************************************************
     * El temps
     **********************************************************************/
     
    #temps { font-size: 9px; background: url(../images/common/common/bakground-eltemps.gif) no-repeat center top; text-align: center; margin: 35px 0 10px 0; padding-top: 4px; line-height: 2.1em; height: 86px }
    #temps .title { color: #666; text-transform: uppercase }
    #temps .icons { overflow: hidden; _display: inline-block; width: 70%; margin: 0 auto }
    #temps .icons p { margin: 0; font-weight: bold }
	
    /**********************************************************************
     * Diputació
     **********************************************************************/

    #diputacio { position: absolute; left: 47px; bottom: 20px }

/**********************************************************************
 * Contenidor del mig
 **********************************************************************/
 
.CenterCont { float: left; width: 617px }

.section { background-color: #F7F7F9; color: #2F3948; overflow: hidden; _display: inline-block; border-top: 5px solid #00529C; padding: 5px 10px 0 10px }
.section h3 { font-family: Georgia, Times New Roman, Times, serif; font-size: 1.6em; line-height: 1.1em; padding: 6px 10px; margin: -5px -10px 10px -10px; color: #00529C; background: #e0e5eb }
.section h4 { color: #00529C; font-size: 1.6em; font-weight: bold; margin: 0.4em 0 0.3em 0 }
.section .sectionFooter { text-align: right; background: url(../images/common/common/line-separator-contbox3.gif) repeat-x top; padding-top: 10px; margin-top: 10px }

.section.style2 { border-color: #51657F }
.section.style2 h3,
.section.style2 .element,
.section.style2 .element .cos,
.section.style2 .element .titol a { color: #51657F }
.section.style2 .element .titol a { background-image: url(../images/common/common/icon-cont-box2.gif) }

.section.style3 { border-color: #30363E }
.section.style3 h3 { color: #30363E }
.section.style3 .element,
.section.style3 .element .cos,
.section.style3 .element .titol a { color: #565C63 }

.section hr#endOfContent { border-width: 0; background-color: #E0E4EB; height: 4px; width: 95%; margin: 10px auto; clear: both }

    /**********************************************************************
     * Fil d'ariadna
     **********************************************************************/
     
    #breadcrumb { color: #30363E; font-size: 0.9em; margin-bottom: 5px; border: 1px solid #D0D5DC; padding: 1px }
    #breadcrumb a { color: #30363E }
    #breadcrumb .inner { background: #D0D5DC }

    /**********************************************************************
     * Misc
     **********************************************************************/
     
    .CenterCont h4 { font-weight: bold; font-size: 1.4em; font-family: Georgia, Times New Roman, Times, serif; color: #565C63 }

/**********************************************************************
 * Contenidor de la dreta
 **********************************************************************/

.RighCont{ float:right; width:167px; text-align:center; margin-top:3px;}
 
/**********************************************************************
 * Peu
 **********************************************************************/

.BottomWeb{background-color:#E8ECF2; height:48px; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #00529C;border-bottom-color: #00529C; width:1000px; margin:auto; margin-top:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#00529C;}
.BottomWeb .leftInner{ float:left; padding-left:10px; padding-top:8px;  }
.BottomWeb .CenterInner{ float:left; padding-top:17px; padding-left:40px; }
.BottomWeb .CenterInner ul { list-style: none; margin: 0; overflow: hidden; _display: inline-block }
.BottomWeb .CenterInner ul li { float: left; margin-right: 8px }
.BottomWeb .RightInner{ float:right; color:#51657F; font-weight:bold; padding-top:15px; padding-right:20px;}
.BottomWeb .RightInner a{ color:#51657F; }

/**********************************************************************
 * Misc
 **********************************************************************/
     
#pageMeta { overflow: hidden; _display: inline-block; list-style: none; margin: 0 20px 10px 10px; padding: 0 }
#pageMeta li { float: right }