/*
**
**  http://flumpcakes.co.uk/css/optimiser/
**
*/

/* GENERAL *********************/

body, table, input, select, textarea
{
    font                : 11px verdana, "trebuchet ms", verdana, tahoma, arial, sans-serif;
    line-height         : 1.4em;
    color               : #6b6b6b;
}

body
{
    margin              : 0;
    padding             : 0;
    background          : #c2c7c7;
}

h1
{
    font-size           : 1.6em;
    font-family         : arial, "trebuchet ms", sans-serif;
    font-weight         : normal;
    line-height         : 1.2em;
    margin              : 10px 0;
    color               : #727878;
}

h2
{
    font-size           : 1.3em;
    font-family         : arial, "trebuchet ms", sans-serif;
    font-weight         : normal;
}

h3
{
    font-size           : 1.2em;
    font-family         : arial, trebuchet ms, sans-serif;
    font-weight         : normal;
    color               : #727878;
}

form
{
    margin              : 0;
    padding             : 0;
}

a
{
    color               : #008BB2;
    /*text-decoration     : none;*/
}

a:hover
{
    background          : #008BB2;
    color               : #fff;
    text-decoration     : none;
}

a img
{
    border              : none;
}

p
{
    margin              : 10px 0;
    text-align          : justify;
}

table
{
    border-collapse     : collapse;
}

input, textarea, select
{
    border              : 1px solid #d0d0d0;
}

img
{
    vertical-align      : middle;
}

/* COMMON *********************/

input.check, input.radio
{
    border              : none;
    width               : auto;
}

h1.titol
{
    margin-top          : 0;
}

.breaker
{
    clear               : both;
    height              : 0;
    font-size           : 0;
    line-height         : 0em;
}

.green
{
    color               : #5F790E;
}

.blue
{
    color               : #1E4070;
}

.blue2
{
    color               : #008BB2;
}

.grey
{
    color               : #727878;
}

.center
{
    text-align          : center;
}

.border
{
    border              : 1px solid #777;
    padding             : 1px;
}

.border2
{
    border              : 1px solid #ccc;
    padding             : 2px;
    background          : #fff;
}

.border3
{
    border              : 1px solid #ccc;
    padding             : 3px;
}

.nowrap
{
    white-space         : nowrap;
}

div.left
{
    float               : left;
}

div.right
{
    float               : right;
}

img.left
{
    float               : left;
    margin              : 0 15px 10px 0;
}

img.right
{
    float               : right;
    margin              : 0 0 10px 15px;
}

fieldset
{
    border              : 1px solid #ccc;
    margin              : 0 0 10px 0;
    padding             : 10px 10px 10px 20px;
    background          : #f8f8f8;
}

fieldset legend
{
    font-weight         : bold;
    padding             : 0 8px;
}

fieldset table
{
}

fieldset td
{
    vertical-align      : top;
}

fieldset p.msg
{
    margin-top          : 0;
    font-size           : 0.9em;
}

.buttons
{
    text-align          : center;
    margin-top          : 5px;
}

#searchText
{
    padding-left        : 22px;
    background          : #fff url(../img/search.png) no-repeat 3px 2px;
    width               : 110px;
}

form.search fieldset
{
     background         : #f3f3f3;
}

div.msg ul
{
    background          : #f5f5f5;
    border              : 1px dashed #e0e0e0;
    padding-top         : 10px;
    padding-bottom      : 10px;
}

div.msg li
{
    padding             : 2px;
}

p.important, blockquote
{
    margin              : 0 0 20px 0;
    background          : #f2f2f2;
    padding             : 20px;
    font-style          : italic;
    font-size           : 1.3em;
    color               : #202020;
    font-family         : "trebuchet ms", georgia, sans-serif;
}

/* TABLE LIST *********************/

table.list
{
    width               : 100%;
    margin-bottom       : 15px;
}

table.list tr.even td
{
    background-color    :  #eef0f2;
}

table.list th
{
    text-align          : left;
}

table.list td
{
    padding             : 3px;
    vertical-align      : top;
    background          : url("../img/bg_dotted_horizontal.gif") repeat-x bottom left;
}

table.list td.foto
{
    width               : 5px;
    padding             : 10px 10px 10px 0;
}

table.list h2
{
    margin              : 0;
    font-weight         : bold;
    font-size           : 1em;
    font-family         : verdana, sans-serif;
    padding             : 5px 0 0 0;
}

table.list h2 a
{
    color               : #6b6b6b;
}

table.list h2 a:hover
{
    background          : #999;
    color               : #fff;
}

table.list div.dades
{
    position            : relative;
    height              : 95px;
}

#mainNoticies table.list div.dades
{
    height              : 85px;
}

table.list .data
{
    color               : #999;
    font-family         : arial;
}

table.list p
{
    margin              : 6px 0 0 0;
}

/* PAGER *********************/

#pager
{
    font-size           : 0.9em;
    margin              : 20px 0 5px 0;
}

#pager b
{
    color               : #000;
}

#pager .current
{
    font-weight         : bold;
    font-size           : 1.1em;
    color               : #000;
}

/* GENCAT *********************/

#gencat
{
    background          : #fff;
    border-bottom       : 1px solid #bf2f14;
    height              : 39px;
}

#gencatTop
{
    padding             : 4px 0 4px 4px;
    border-bottom       : 1px solid #d63b1e;
    height              : 30px;
}

#gencatTop a
{
    color               : #818181;
    font-size           : 10px;
    font-family         : verdana, sans-serif;
    margin-right        : 10px;
}

#gencatTop a:hover
{
    background          : #fff;
    color               : #000000;
    text-decoration     : underline;
}

#gencatLogo
{
    float               : left;
    width               : 200px;
}

#gencatTools
{
    float               : right;
    width               : 500px;
    margin-top          : 4px;
}

#gencatLinks
{
    float               : right;
    margin-top          : 2px;
}

#gencatCercador
{
    float               : right;
    margin-right        : 10px;
    padding             : 0;
    line-height         : 1.5em;
}

#gencatCercador label
{
    display             : none;
}

#gencatCercador input
{
    font-size           : 10px;
    font-family         : verdana, sans-serif;
    vertical-align      : middle;
}

#gencatCercador #searchText2
{
    border              : 1px solid #666;
}

/* LAYOUT *********************/

#body
{
    width               : 750px;
    margin              : 15px auto;
    background          : #fff url(../img/bg.png) repeat-y center;
}

#bodyTop
{
    background          : transparent url(../img/bg_top.png) no-repeat center;
    height              : 14px;
}

#bodyBottom
{
    background          : transparent url(../img/bg_bottom.png) no-repeat center;
    height              : 10px;
}

#content
{
    padding             : 0 30px;
}

#top
{
    position            : relative;
    width               : 100%;
}

#logo
{
    position            : absolute;
    top                 : -7px;
    left                : 45px;
}

#idiomes
{
    position            : absolute;
    top                 : 20px;
    right               : 0;
    display             : none;
}

#idiomes ul
{
    list-style-type     : none;
    padding             : 0;
    margin              : 0;
}

#idiomes li
{
    display             : inline;
    font                : 8px verdana, georgia, verdana, sans-serif;
    text-transform      : lowercase;
    letter-spacing      : 4px;
    margin              : 0;
    padding             : 0 12px 0 12px;
    background          : transparent url(../img/bg_idiomes_li.png) no-repeat bottom right;
    float               : left;
}

#idiomes li a
{
    color               : #707070;
    height              : 25px;
    display             : block;
}

#idiomes li a span
{
    display             : none;
}

#idiomes li.active a
{
    color               : #000;
}

#idiomes a:hover
{
    color               : #000;
}

#idiomesCatala
{
    background          : transparent url(../img/catala.gif) no-repeat center;
    width               : 40px;
}

#idiomesCastellano
{
    background          : transparent url(../img/castellano.gif) no-repeat center;
    width               : 68px;
}

#idiomesEnglish
{
    background          : transparent url(../img/english.gif) no-repeat center;
    width               : 44px;
}

#topImage
{
    margin-top          : 60px;
    width               : 690px;
    height              : 240px;
}

html>body #topImage
{
   *margin-top          : 72px;
}

* html #topImage
{
   *margin-top          : 72px;
}

html>body .topFlash
{
    *padding-top         : 4px;
}

* html .topFlash
{
    *padding-top         : 4px;
}

#menu
{
    text-align          : center;
    position            : relative;
}

#menu ul
{
    list-style-type     : none;
    padding             : 0;
    *padding            : 0 0 0 4px; /* works in IE7 and below */
    _padding            : 0 0 0 4px; /* works in IE6 and below */
    margin              : 0;
    background          : transparent url(../img/bg_menu.png) repeat-x;
    background          : #5eabc4;
    height              : 45px;
}

#menu li
{
    float               : left;
    display             : inline;
    color               : #fff;
    margin              : 0;
    padding             : 0;
}

#menu li.last
{
    background          : transparent;
}

#menu li a
{
    display             : block;
    float               : left;
    color               : #fff;
    font-size           : 11px;
    letter-spacing      : 1px;
    font-weight         : bold;
    margin-top          : 2px;
    padding             : 11px 7px 0 7px;
    border-right        : 1px solid #4a9eb7;
    border-left         : 1px solid #87c8e0;
    height              : 31px;
    text-decoration     : none;
}

#menu li a.double
{
    padding             : 5px 8px 6px 8px;
}

#menu li a:hover
{
    background          : #87c8e0;
    text-decoration     : none;
}

#menu li.active a
{
    background          : #87c8e0;
}

#footer
{
    background          : #dedede;
    padding             : 5px;
    text-align          : center;
    color               : #777;
    clear               : both;
}

#footer a
{
    color               : #777;
}

#footer a:hover
{
    background          : #999;
    color               : #fff;
}

#iqua
{
    vertical-align      : bottom;
}

#contentMain
{
    padding             : 15px 0;
}

/* MAIN *********************/

#main div.left
{
    width               : 345px;
}

#main div.right
{
    width               : 335px;
}

.mainBlock
{
    margin-bottom       : 8px;
}

#mainInfo
{
    background          : #ececec;
    background          : #ebf2f5;
    position            : relative;
    padding             : 15px 12px;
    padding-bottom      : 25px;
    height              : 1%;
}

#mainInfo h1
{
    margin-top          : 0;
    font-weight         : normal;
}

#mainInfo h1 span
{
    font-size           : 0.8em;
    display             : block;
    color               : #6b6b6b;
    padding-left        : 10px;
}

#mainNoticies .more
{
    bottom              : 5px;
}

* html #mainNoticies .more
{
    bottom              : 0;
}

.more
{
    position            : absolute;
    bottom              : 10px;
    right               : 10px;
}

.more a
{
    color               : #008BB2;
    font-family         : arial, "trebuchet ms", verdana, sans-serif;
}

.more a:hover
{
    color               : #fff;
    background          : #008BB2;
}

.more img
{
    vertical-align      : middle;
}

* html .more img
{
    vertical-align      : bottom;
    margin-bottom       : 2px;
}

.banner img
{
    border              : 1px solid #b6b6b6;
}

#mainMapes
{
    padding             : 8px 0 12px 0;
}

#mainMapes a:hover
{
    background          : transparent;
}

#mainMapes img
{
    border              : 1px solid #d7d7d7;
    margin-right        : 0px;
}

#bannerDarp
{
    margin-bottom       : 5px;
}

#bannerRegsa
{
    float               : left;
    height              : 103px;
}

#bannerRegadius
{
    float               : right;
    height              : 103px;
}

#mainNoticies h1
{
    margin              : 0;
    margin-bottom       : 5px;
}

#mainNoticies th
{
    text-align          : justify;
}

#mainLinks
{
    background          : #ececec url(../img/bg_links.png) repeat-x center;
    position            : relative;
    margin-top          : 10px;
    padding             : 10px;
    padding-bottom      : 35px;
    height              : 1%;
}

#mainLinks h1
{
    margin              : 0 0 10px 0;
}

#mainLinks ul
{
    list-style          : none;
    padding             : 0;
    margin              : 0;
}

#mainLinks li
{
    padding-left        : 16px;
    margin-bottom       : 10px;
    background          : url("../img/icon_outer_link.gif") no-repeat 0 5px;
    position            : relative;
}

#mainLinks li a
{
    color               : #727878;
}

#mainLinks li a:hover
{
    background          : #727878;
    color               : #fff;
}

#casegaLink
{
    font-weight         : bold;
}

/* SEGARRA-GARRIGUES *********************/

#segarra .left
{
    width               : 335px;
}

#segarra .right
{
    margin-top          : 35px;
}

#segarra p
{
    text-align          : justify;
}

#segarra .row
{
    background          : url("../img/bg_dotted_horizontal.gif") repeat-x bottom left;
    position            : relative;
    height              : 140px;
}

#segarra b
{
    background          : #FFFFdd;
}

#segarra img.border
{
    float               : left;
    margin              : 0 15px 10px 0;
}

#segarra .more
{
    bottom              : 10px;
    right               : 10px;
}

#segarra #xarxa h1, #segarra #mediambiental h1
{
    margin-top          : 10px;
}

#segarra .right a:hover
{
    background          : transparent;
}

#minis
{
    margin-top          : 8px;
    margin-left         : -2px;
}

#minis img
{
    border              : 1px solid #ccc;
    margin              : 2px;
}

#cp h2, #xarxa h2, #mediambiental h2
{
    font-weight         : bold;
}

/* CALENDAR *********************/

table.calendar
{
    text-align          : center;
    margin-left         : auto;
    margin-right        : auto;
}

table.calendar th
{
    background          : #a0a0a0;
    color               : #fff;
    font-weight         : normal;
    border              : 1px solid #e0e0e0;
}

table.calendar td
{
    border              : 1px solid #e0e0e0;
    background          : #fff;
    padding             : 2px;
}

table.calendar td.header
{
    border              : none;
    background          : transparent;
    padding-bottom      : 10px;
}

table.calendar a
{
    color               : #008BB2;
    font-family         : arial, "trebuchet ms", verdana, sans-serif;
}

table.calendar a:hover
{
    color               : #fff;
    background          : #008BB2;
}

table.calendar td.today
{
    font-weight         : bold;
    color               : #000;
}

table.calendar td.current
{
    background          : #f0f0f0;
}

/* NOTÍCIES *********************/

h2#noticies
{
    margin-top          : 25px;
}

#noticies div.left, #noticiesView div.left
{
    width               : 510px;
}

#noticies div.right, #noticiesView div.right
{
    width               : 160px;
    margin-top          : 35px;
}

#noticiesView div.left
{
    position            : relative;
    padding-bottom      : 15px;
}

#noticiesView .more
{
    bottom              : -5px;
    right               : 0;
}

#noticiesView div.right
{
    margin-top          : 15px;
}

#noticies fieldset, #noticiesView fieldset
{
    padding             : 10px;
}

#noticies #searchText, #noticiesView #searchText
{
    margin-bottom       : 5px;
}

#noticiesView .foto
{
    float               : left;
    margin-right        : 10px;
    margin-bottom       : 10px;
}

#noticiesView .data
{
    color               : #999;
    font-family         : arial;
    font-style          : italic;
}

#noticiesView div.text a
{
    font-weight         : bold;
}

#noticiesView div.adjunt
{
    margin              : 10px 0;
    padding             : 5px;
    border              : 1px solid #eee;
    background          : #f4f4f4;
    clear               : both;
}

#noticiesView div.related
{
    clear               : both;
}

#noticiesView div.adjunt span
{
    float               : left;
    display             : block;
    width               : 140px;
    padding             : 2px 0;
}

/* ENLLACOS *********************/

#categoriesenllacos h2
{
    font-weight         : bold;
    color               : #008BB2;
}

.enllacos
{
    width               : 665px;
    margin              : 5px 0 0 25px;
}

.enllacos td
{
    padding             : 5px;
}

.enllacos td.dades
{
    width               : 395px;
}

.enllacos td.dades div
{
    padding             : 10px;
    background          : #f7f7f7;
    border              : 1px solid #eee;
    height              : 45px;
}

.enllacos h3
{
    margin              : 0 0 3px 0;
    font-size           : 1em;
}

.enllacos td.dades a
{
    color               : #727878;
    color               : #008BB4;
    font-family         : arial, sans-serif;
}

.enllacos td.dades a:hover
{
    background          : #008BB4;
    color               : #fff;
}

/* INFORMACIÓ GENERAL *********************/

#infoGen div.left
{
    width               : 510px;
}

#infoGen div.right
{
    width               : 160px;
    margin-top          : 0;
    background          : url("../img/bg_dotted_vertical.gif") repeat-y top left;
}

#infoGen img.border
{
    float               : left;
    margin              : 0 15px 10px 0;
}

#infoGen img.right
{
    float               : right;
    margin              : 0 0 10px 15px;
}

#infoGen div.left li
{
    padding             : 2px 0;
}

#infoGenMenu
{
    margin              : 0;
    padding             : 0 0 0 30px;
    list-style          : url("../img/item-arrow-right.gif") disc;
}

* html #infoGenMenu
{
    padding-left        : 33px;
}

#infoGenMenu li
{
    padding             : 2px;
}

#infoGenMenu li.active
{
    font-weight         : bold;
}

#infoGenMenu li.button
{
    margin-left         : -1000px;
    padding-left        : 1000px;
}

#infoGenMenu li.button a
{
    display             : block;
    width               : 86px;
    height              : 41px;
    color               : #707070;
    font-weight         : bold;
    font-family         : georgia, "trebuchet ms", sans-serif;
    text-decoration     : none;
    padding             : 8px 0 0 45px;
    margin              : 0 0 0 -15px;
}

* html #infoGenMenu li.button a
{
    margin-left         : -22px;
}

#infoGenMenu li.button a:hover
{
    color               : #999;
}

#infoGenMenu li.button span
{
    font-size           : 0.9em;
}

#infoGenMenu li.button img
{
    display             : none;
}

#infoGenMenu #planolcp a, #infoGenMenu #memoria a, #infoGenMenu #situaciogeneral a, #infoGenMenu #eixos a, #infoGenMenu #captacions a, #infoGenMenu #dotacions a, #infoGenMenu #sectors a, #infoGenMenu #zepas a, #infoGenMenu #xarxanatura a
{
    background          : url("../img/bg_pdf_button-blue.png") no-repeat top left;
}

#infoGenMenu #zepas a
{
    padding-left        : 50px;
}

#infoGenMenu #estatuts a, #infoGenMenu #acord a
{
    background          : url("../img/bg_pdf_button-green.png") no-repeat top left;
}

#infoGenMenu #plapilot a
{
    background          : url("../img/bg_html_button.png") no-repeat top left;
    padding-top         : 15px;
}

#infoGenMenu #xarxanatura a
{
    padding-top         : 15px;
}

#infoGenMenu #planolcp, #infoGenMenu #situaciogeneral, #infoGenMenu #zepas, #infoGenMenu #xarxanatura
{
    margin-top          : 10px;
}

#infoGenMenu #memoria
{
    margin-top          : 5px;
}

#infoGenMenu #planolcp small
{
    font-weight         : normal;
    font-family         : arial, sans-serif;
}

#infoGen b
{
    background          : #FFFFdd;
}

#infoGen li b
{
    background          : transparent;
}

#infoGen #caract li
{
    padding             : 5px;
    text-align          : justify;
}

#composicio dl
{
    margin              : 20px 40px;
    padding             : 20px 0 10px 40px;
    border              : 1px dashed #d6d6d6;
    background          : #f8f8f8;
}

#composicio p
{
    margin-top          : 0;
}

#composicio img.border
{
    float               : none;
    margin              : 5px 0 10px 0;
}

#composicio dt
{
    font-weight         : bold;
}

#composicio dd
{
    margin-bottom       : 15px;
    color               : #939393;
    padding             : 2px 0;
}

#mediambiental div.center
{
    margin              : 15px 0;
    float               : none;
}

#mediambiental div.center img
{
    float               : none;
}

#mediambiental div.center a:hover
{
    background          : transparent;
}

/* CONTACTA *********************/

#contacte div.left
{
    width               : 325px;
}

#contacte div.right
{
    width               : 333px;
    padding-left        : 15px;
    background          : url("../img/bg_dotted_vertical.gif") repeat-y top left;
}

.contacteBlock
{
    margin-bottom       : 25px;
}

#contacte div.data
{
    padding             : 20px 0 0 20px;
    background          : #f0f0f0;
    background          : #fff url(../img/bg_links.png) repeat-x top left;
    height              : 170px;
    text-align          : center;
}

#contacte div.data h2
{
    margin              : 0;
}

#contacte div.data img
{
    float               : none;
}

div.googleMap
{
    width               : 325px;
    height              : 370px;
    border              : 1px solid #909090;
}

div.balloon
{
    font-family         : arial, sans-serif;
}

div.balloon p
{
    padding-bottom      : 0;
    margin-bottom       : 0;
}

#contacte .telfs, #contacte .internet
{
    color               : #888;
}

#contacte .internet
{
    white-space         : nowrap;
}


#contacte .internet img
{
    vertical-align      : top;
    margin-top          : 2px;
}

#contacte #form
{
    clear               : both;
    padding-top         : 20px;
}

* html #contacte #form
{
    padding-top         : 0;
}

#contacte form.data
{
    clear               : both;
}

form.data table
{
    background          : #FFFFFF url(../img/bg_form.png) repeat-x;
    border-top          : 2px solid #ccc;
    margin              : 10px auto;
    padding             : 0;
    width               : 100%;
}

form.data th
{
    border-bottom       : 1px solid #dedede;
    color               : #666;
    margin              : 0;
    padding             : 6px 0 6px 15px;
    width               : 25%;
    text-align          : left;
    vertical-align      : top;
}

form.data td
{
    border-bottom       : 1px solid #dedede;
    margin              : 0;
    padding             : 6px 0 6px 6px;
    width               : 75%;
}

form.data div.error
{
    color               : #ff0000;
}

form.data a
{
    color               : #3579eb;
    text-decoration     : underline;
}

form.data select
{
    width               : 200px;
}

form.data textarea
{
    width               : 375px;
}

div.errors
{
    text-align          : center;
    font-weight         : bold;
    color               : #ff0000;
}

#results
{
    border              : 1px solid #dedede;
    margin-bottom       : 10px;
    font-weight         : bold;
    padding             : 10px;
    text-align          : center;
    background          : #fbfadf;
}

#contacte img.border
{
    float               : left;
    margin              : 0 15px 10px 0;
}

#contacte .data img.border
{
    margin-top          : 15px;
}

#contacte .privadesa
{
    font-size           : 0.9em;
    color               : #999;
    margin              : 0 0 12px 0;
    text-align          : center;
}

/* MESSAGE *********************/

#message img.border
{
    float               : left;
    margin              : 0 15px 10px 0;
}

/* ROUNDED FORMS *********************/

.box
{
    background          : #fafafa;
    margin-bottom       : 18px;
    position            : relative;
}

.box .boxCorner
{
    background          : transparent url("../img/box.gif") no-repeat;
    height              : 6px;
    line-height         : 1px;
    font-size           : 0;
}

.box .boxCorner.boxCornerNW
{
    background-position : 0 -9px;
}

.box .boxCorner.boxCornerNE
{
    background-position : 100% 0;
}

.box .boxCorner.boxCornerSW
{
    background-position : 0 -13px;
}

.box .boxCorner.boxCornerSE
{
    background-position : 100% -4px;
}

.box .boxCornerN
{
    border-top          : 1px solid #dcd9d9;
    margin-left         : 6px;
    margin-right        : 6px;
    height              : 5px;
}

.box .boxCornerS
{
    border-bottom       : 1px solid #dcd9d9;
    margin-left         : 6px;
    margin-right        : 6px;
    height              : 5px;
}

.box .boxContent
{
    border-left         : 1px solid #dcd9d9;
    border-right        : 1px solid #dcd9d9;
    padding             : 5px 10px;
}

/* DIAGRAMES *********************/

#diagram
{
    margin-top          : 10px;
}

#diagram img
{
    border              : none;
}

.tooltip
{
    position            : absolute;
    font-family         : arial, sans-serif;
    padding             : 10px;
    border              : 1px solid #222;
    background          : #ffffc0;
    color               : #444;
    width               : 250px;
}

.tooltip h2, .tooltip h3
{
    font-size           : 1.3em;
    margin-top          : 0;
    font-weight         : bold;
}

/* INFO LEGAL ************************/

#informaciolegal h2
{
    font-weight         : bold;
    margin-top          : 20px;
    border-bottom       : 1px solid #d0d0d0;
}

#informaciolegal .dades
{
    background          : #fff url(../img/bg_links.png) repeat-x center;
    padding             : 20px;
}

#informaciolegal .text
{
    margin              : 10px 50px;
}

#informaciolegal p.first
{
    margin-top          : 0;
}

#informaciolegal li
{
    padding             : 2px;
}

#informaciolegal img.logo
{
    float               : left;
    margin              : 0 15px 10px 0;
}

* html #informaciolegal .dades
{
    padding-top         : 10px;
}

* html #informaciolegal img.logo
{
    margin-top          : 10px;
}

/* LICITACIONS ************************/

#licitacions div.left, #licitacionsView div.left
{
    width               : 510px;
}

#licitacions div.right, #licitacionsView div.right
{
    width               : 160px;
    margin-top          : 35px;
    background          : url("../img/bg_dotted_vertical.gif") repeat-y top left;
}

#licitacions th
{
    background          : #d7e3f1;
    color               : #888;
    text-transform      : uppercase;
    font-size           : 0.9em;
}

#licitacions th, #licitacions td
{
    border-left         : 1px solid #fff;
    padding             : 4px 8px;
}

#licitacions .import
{
    width               : 90px;
    text-align          : right;
    font-weight         : bold;
}

#licitacions .desc
{
    text-align          : justify;
}

#licitacions table.list .date, #licitacions table.list .termini
{
    text-align          : center;
}

#obertes, #pendents, #pliques, #adjudicades
{
    margin-bottom       : 20px;
}

#adjudicades h2
{
    font-weight         : bold;
}

#adjudicades th
{
    background          : #c3d9f1;
    background          : #2E8AA9;
    color               : #777;
    color               : #f5f5f5;
}

#adjudicades th, #adjudicades td
{
    padding             : 6px;
}

#licitacions p.none
{
    padding             : 10px 20px;
    background          : #f0f0f0;
}

#adjudicades p.none
{
    background          : #e7e7e7;
}

#docInstruccions
{
    border              : 1px solid #eee;
    padding             : 10px 15px;
    background          : #f4f4f4;
    margin-bottom       : 20px;
}

/* LICITACIONS VIEW ************************/

#licitacionsView h2
{
    margin-top          : 5px;
}

#licitacionsView table.list
{
    margin              : 5px 0 20px 0;
}

#licitacionsView table.list th
{
    background          : #d7e3f1;
    font-size           : 0.9em;
    text-transform      : uppercase;
}

#licitacionsView table.list .import
{
    text-align          : right;
    white-space         : nowrap;
}

#licitacionsView table.list .termini, #licitacionsView table.list .date
{
    text-align          : center;
}

#licitacionsView table.list th, #licitacionsView table.list td
{
    padding             : 4px 8px;
    border-left         : 1px solid #fff;
}

#fases
{
    list-style-type     : none;
    padding             : 0;
    margin              : 0;
}

#fases li
{
    display             : inline;
    font-size           : 0.9em;
    background          : #f2f5f9;
    float               : left;
    margin              : 15px 0 20px 0;
}

#fases li span, #fases li a
{
    color               : #777;
    width               : 127px;
    height              : 50px;
    display             : block;
    text-decoration     : none;
}

#fases li span
{
    text-align          : center;
    border-bottom       : 3px solid #bbd1e8;
}

#fases li span.disabled
{
    color               : #c0c0c0;
}

#fases li a:hover, #fases li.active span, #fases li.active a
{
    color               : #444;
    background          : #bbd1e8;
}

#licitacionsView  table.dades 
{
    border-collapse     : separate;
    width               : 100%;
}

#licitacionsView .dades th, #licitacionsView .dades td
{
    vertical-align      : top;
    text-align          : left;
    padding             : 3px;
    font-size           : 0.9em;    
}

#licitacionsView .dades th
{
    background-color    : #f0f0f0;
}

#licitacionsView .dades td
{
    background-color    : #f8f8f8;
}

#licitacionsView .more
{
    position            : relative;
    text-align          : right;
    margin              : 10px 0 0 20px;
}

#zepasView .more
{
    bottom              : 0;
    right               : 0;
    position            : relative;
    text-align          : right;
    margin              : 10px 0 0 0;
}

#licitacionsView ul.docs
{
    list-style-type     : none;
    padding             : 0;
    margin              : 0;
}

#licitacionsView ul.docs li
{
    padding             : 2px 10px;
}

#licitacionsView div.more
{
    padding             : 10px 0 0 0;
}

#licitacionsMenu
{
    margin              : 0;
    padding             : 0 0 0 30px;
    list-style          : url("../img/item-arrow-right.gif") disc;
}

* html #licitacionsMenu
{
    padding-left        : 33px;
}

#licitacionsMenu li
{
    padding             : 2px;
}

#licitacionsMenu li.active
{
    font-weight         : bold;
}

.docsLicitacions
{
    margin-bottom       : 25px;
}

.docsLicitacions ul
{
    list-style-type     : none;
}

.docsLicitacions li
{
    padding             : 4px 0;
}

.docsLicitacions li img.type
{
    margin              : 0 5px 0 0;
}

.actualitzacions dl.dates li
{
    padding             : 3px 0;
}

.actualitzacions dl.dates dt
{
    clear               : both;
    float               : left;
    width               : 60px;
    margin-bottom       : 15px;
    padding             : 10px 5px;
    background          : #d7e3f1;
    font-family         : georgia, verdana, sans-serif;
    font-size           : 1.2em;
    color               : #888;
    text-align          : center;
}

.actualitzacions dl.dates dd
{
    margin              : 0 0 15px 60px;
    text-align          : justify;
    min-height          : 50px;
}

/* ACCESSIBILITAT ************************/

#accessibilitat p.imatges
{
    margin              : 20px 0;
    text-align          : center;
}

/* MAPA WEB ************************/

#mapaweb li
{
    padding             : 3px;
}

/* DOCUMENTS ************************/

#categoriesdocuments h2
{
    font-weight         : normal;
}

ul.documents
{
    list-style-type     : none;
}

ul.documents li
{
    clear               : both;
    padding             : 6px 0;
}

ul.documents li img.type
{
    float               : left;
    margin              : 0 5px 0 0;
}

ul.documents li img
{
    vertical-align      : middle;
}

ul.documents li small
{
    color               : #b0b0b0;
}

/* ALTRES ************************/

#tabs
{
    margin              : 20px 0;
    padding             : 0 0 24px 0;
    list-style          : none;
    border-bottom       : 1px solid #ccc;
}

#tabs li
{
    display             : inline;
    list-style          : none;
}

#tabs li a
{
    width               : 150px;
    display             : block;
    float               : left;
    padding             : 4px 0px;
    margin              : 0 10px 0 0;
    text-align          : center;
    text-decoration     : none;
    background          : #f3f3f3;
    border              : 1px solid #ccc;
    border-bottom       : none;
    color               : #888;
}

#tabs li a:hover, #tabs li.active a
{
    background          : #fff;
    color               : #008BB2;
    font-weight         : bold;
}

#tabs li.active a
{
    border-bottom       : 1px solid #fff;
}

/* ALTRES ************************/

div.list div.left
{
    width               : 445px;
}

div.list div.right
{
    width               : 226px;
}

div.list .dadesSec
{
    font-size           : 0.8em;
    color               : #b0b0b0;
    margin-top          : 3px;
}

div.list .dadesSec a
{
    color               : #008BB2;
}

div.list .dadesSec a:hover
{
    background          : #008BB2;
    color               : #fff;
}

#zonesView div.right
{
    width               : 226px
}

div.view div.left
{
    width               : 460px;
    margin-top          : 5px;
    position            : relative;
}

#cpsView div.left
{
    padding-bottom      : 30px;
}

#regadiusView div.left
{
    padding-bottom      : 50px;
}

#regadiusView #noticies
{
    margin-top          : 30px;
}

div.view div.right
{
    width               : 215px;
    margin-top          : 4px;
}

div.view fieldset
{
    padding             : 10px 5px 10px 10px;
    background          : #f5f5f5;
}

div.view fieldset.fotos
{
    padding             : 10px;
}

div.view fieldset.conreus div
{
    text-align          : center;
}

div.view fieldset.adjunts li img, div.view fieldset.links li img
{
    float               : left;
    margin-right        : 5px;
}

div.view .img
{
    margin-bottom       : 10px;
}

table.dades th, table.dades td
{
    padding             : 4px 2px;
    color               : #888;
    vertical-align      : top;
}

table.dades th
{
    text-align          : left;
}

table.dades tr.even th, table.dades tr.even td
{
    background          : #fff;
}

div.view div.desc
{
    padding             : 15px;
    background          : #eef5f7;
    color               : #333;
    font-size           : 1.1em;
}

div.view div.desc p
{
    margin              : 0;
}

div.view div.desc li
{
    padding             : 3px 0;
}

div.view div.desc img
{
    float               : left;
    margin-right        : 10px;
}

div.view div.president
{
    margin-bottom       : 10px;
}

div.view div.internet
{
    margin-top          : 5px;
}

div.view div.internet img
{
    vertical-align      : top;
    margin-top          : 2px;
}

div.view div.internet a
{
    color               : #6b6b6b;
}

div.view div.internet a:hover
{
    background          : #6b6b6b;
    color               : #fff;
}

div.view fieldset ul
{
    list-style          : none;
    margin              : 0;
    padding             : 0;
}

div.view fieldset li
{
    padding             : 2px 0 2px 5px;
}

div.view fieldset.aus li
{
    float               : left;
    display             : block;
    text-align          : center;
    width               : 65px;
    height              : 100px;
}

div.view fieldset.aus li span
{
    display             : block;
    font-size           : 0.8em;
    color               : #808080;
}

table.fotos
{
    width               : 100%;
}

table.fotos td
{
    text-align          : center;
    padding             : 5px 0;
}

.comunitats
{
    background          : #ececec url(../img/bg_links.png) repeat-x center;
    padding             : 5px 15px;
}

.comunitats h2
{
    font-weight         : bold;
    border-bottom       : 1px solid #d8d8d8;
}

#moreMunicipis
{
    display             : none;
}