/*
**
**  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          : #9CA3A3;
}

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               : #679C0A;
}

.blue
{
    color               : #008BB2;
}

.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;
}

.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;
}

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%;
}

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

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                 : -6px;
    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 0 0 7px;
    margin              : 0;
    background          : transparent url(../img/bg_menu.png) repeat-x;
    background          : #88a8bc;
    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 6px 0 6px;
    border-right        : 1px solid #769AB1;
    border-left         : 1px solid #9CBACB;
    height              : 31px;
    text-decoration     : none;
}

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

#menu li a:hover
{
    background          : #9CBACB;
    text-decoration     : none;
}

#menu li.active a
{
    background          : #9CBACB;
}

#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               : 337px;
}

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

.mainBlock
{
    margin-bottom       : 8px;
}

#mainInfo
{
    background          : #ececec;
    position            : relative;
    padding             : 15px;
    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;
}

* html #mainInfo .more
{
    top                 : 160px;
}

#mainNoticies .more
{
    bottom              : 5px;
}

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

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

#bannerActuacions a
{
    display             : block;
    width               : 335px;
    height              : 102px;
    background          : url(../img/regsa-regs-catalunya-actuacions.jpg) no-repeat 0 0;
    border              : 1px solid #b6b6b6;
}

#bannerActuacions a span
{
    display             : block;
    width               : 335px;
    height              : 102px;
    background          : url(../img/regsa-regs-catalunya-actuacions-on.jpg) no-repeat 200px 500px;
}

#bannerActuacions a:hover span
{
    background-position : 0 0;
}

#bannerActuacions img
{
    display             : none;
}

#bannerDarp
{
    margin-bottom       : 7px;
}

#bannerRegsega
{
    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;
}

/* ACTUACIONS *********************/

#actuacions p
{
    text-align          : justify;
}

#actuacions div.left
{
    width               : 350px;
}

#actuacions div.right
{
    width               : 320px;
}

.actuacionsBlock
{
    background          : url("../img/bg_dotted_horizontal.gif") repeat-x bottom left;
}

* html #modernitzacio h1, #infraestructures h1
{
    margin-top          : 15px;
}

#actuacions b
{
    background          : #FFFFdd;
}

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

#actuacions ul
{
    float               : left;
    width               : 300px;
    margin              : 0;
    padding             : 0;
    list-style          : url("../img/icon_regadiu.gif") disc;
    list-style          : none;
}
 
#actuacions li
{
    float               : left;
    width               : 130px;
    margin              : 0;
    padding             : 2px 0 0 17px;
    background          : url("../img/icon_regadiu.gif") no-repeat 0 5px;
}

#actuacions .box
{
    margin-top          : 30px;
}

#modernitzacio .box
{
    margin-top          : 35px;
}

#actuacions .boxContent
{
    height              : 165px;
}

#actuacions1, #actuacions4
{
    background          : #edf9fc;
}

#actuacions2, #actuacions5
{
    background          : #f2fbe2;
}

#actuacions3
{
    background          : #f3f3f3;
}

#actuacions4 .boxContent
{
    height              : 80px;
}

#actuacions5 .boxContent
{
    height              : 100px;
}

#infraestructures
{
    height              : auto;
    margin-bottom       : 10px;
}

#cps
{
    padding-bottom      : 10px;
}

#document 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 *********************/

#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              : 0;
    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;
}

.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;
}

#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               : 87px;
    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         : -20px;
}

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

#infoGenMenu li.button span
{
    display             : block;
    color               : #999;
    font-family         : arial, sans-serif;
    font-size           : 0.8em;
}

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

#infoGenMenu #memoria a
{
    background          : url("../img/bg_pdf_button-blue.png") no-repeat top left;
}

#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 .html a
{
    background          : url("../img/bg_html_button.png") no-repeat top left;
    padding-top         : 15px;
}

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

#infoGen b
{
    background          : #FFFFdd;
}

#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;
}

/* 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 20px 0 20px;
    background          : #f0f0f0;
    background          : #fff url(../img/bg_links.png) repeat-x top left;
    height              : 170px;
}

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

div.googleMap
{
    width               : 325px;
    height              : 325px;
    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 img
{
    vertical-align      : top;
    margin-top          : 2px;
}

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

* 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;
}

/* ORGANIGRAMA *********************/

#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
{
    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;
}

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

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

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

#mapaweb li
{
    padding             : 3px;
}

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

#categoriesdocuments h2
{
    font-weight         : normal;
    clear               : both;
}

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;
}