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

body, table, input, select, textarea
{
    font                : 12px/17px verdana, trebuchet ms, arial, sans-serif;
    color               : #6b6b6b;
}

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

h1, h2, h3, h4, h5, h6
{
    font-family         : georgia, arial, sans-serif;
    font-weight         : normal;
    letter-spacing      : 0.02em;
    color               : #0c5877;
}

h1
{
    font-size           : 1.8em;
    padding             : 10px 0;
    margin              : 0;
}

h2
{
    font-size           : 1.4em;
    padding             : 0 0 8px 0;
    margin              : 0;
}

form
{
    margin              : 0;
    padding             : 0;
}

a
{
    color               : #499bd5;
    text-decoration     : underline;
}

a:hover
{
    text-decoration     : underline;
}

a img
{
    border              : none;
}

p
{
    text-align          : justify;
}

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

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

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

br.breaker
{
    clear               : both;
}

div.breaker
{
    clear               : both;
    font-size           : 1px;
}

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

div.error
{
    font-weight         : bold;
    color               : #ff0000;
}

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

div.balloon
{
    font-size           : 0.9em;
    font-family         : arial;
}

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

.important
{
    background          : #E0EEFF;
    color               : #555;
    padding             : 15px;
    font-style          : italic;
    font-family         : trebuchet ms, arial, sans-serif;
    font-size           : 1.2em;
}

.box
{
    border              : 1px solid #e0e0e0;
    background          : #F5F8F9;
    padding             : 10px;
    color               : #888;
}

.box ul
{
    margin              : 10px 0 10px 25px;
    padding             : 0
}

.box ul li
{
    padding             : 1px;
}

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

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

#bodyTop
{
    background          : #e1e2db url(../img/bg_top.jpg) no-repeat bottom center;
    height              : 6px;
}

#bodyBottom
{
    background          : #e1e2db url(../img/bg_bottom.jpg) no-repeat top center;
    height              : 5px;
}

#content
{
    padding             : 0;
}

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

#topLogo
{
    position            : absolute;
    top                 : 0;
    left                : 5px;
    width               : 221px;
    height              : 113px;
    z-index             : 999;
}

#topImage
{
    text-align          : center;
    width               : 740px;
    height              : 288px;
    margin-left         : auto;
    margin-right        : auto;
}

#topMenu
{
    text-align          : center;
    height              : 121px;
    background          : transparent url(../img/bg_menu.jpg) no-repeat center;
    position            : relative;
}

#topMenu ul
{
    list-style-type     : none;
    padding             : 8px 0 0 0;
    margin              : 0;
    position            : absolute;
    right               : 0;
}

#topMenu li
{
    display             : inline;
    margin              : 0;
    padding             : 0 12px 0 3px;
    background          : transparent url(../img/bg_menu_li.jpg) no-repeat bottom left;
    float               : left;
    height              : 47px;
}

#topMenu li a
{
    display             : block;
    color               : #555;
    font-family         : georgia, sans-serif;
    font-size           : 1.6em;
    letter-spacing      : 0.2px;
    margin-top          : 28px;
    padding             : 0 5px;
    text-decoration     : none;
}

#topMenu li a:hover
{
    color               : #000;
    text-decoration     : underline;
}

#topMenu li.active a
{
    color               : #000;
    text-decoration     : underline;
}

#footer
{
    background          : #e1e2db;
    color               : #7F7F7E;
    text-align          : right;
    padding             : 3px 5px 0 0;
    font-size           : 0.9em;
    
}

* html #footer
{
    margin-top          : -8px;
}

#footer a
{
    color               : #777;
}

#contentMain
{
    padding             : 15px 30px 25px 30px;
}

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

#mainLeft
{
    float               : left;
    width               : 430px;
}

#mainRight
{
    float               : right;
    width               : 265px;
    text-align          : right;
    margin-right        : -10px;
}

div.mainRightDiv
{
    width               : 250px;
    height              : 85px;
    border              : 1px solid #D2D2D2;
    position            : relative;
    margin-bottom       : 5px;
    margin-right        : 0;
    margin-left         : auto;
}

div.mainRightDiv h2
{
    position            : absolute;
    top                 : 12px;
    left                : 120px;
    font-size           : 1.8em;
    color               : #5C5C5B;
    padding-top         : 17px;
}

div.mainRightDiv h2 a
{
    color               : #5C5C5B;
    text-decoration     : none;
}

div.mainRightDiv h2 a:hover
{
    text-decoration     : underline;
}

div.mainRightDivImg
{
    position            : absolute;
    top                 : 5px;
    left                : 5px;
    width               : 100px;
    height              : 75px;
}

/* SITUACIO *********************/

#situacioLeft
{
    float               : left;
    width               : 450px;
}

#situacioRight
{
    float               : right;
    width               : 215px;
    margin-top          : 55px;
}

#map
{
    width               : 100%;
    height              : 300px;
    margin              : 10px auto;
    border              : 1px solid #909090;
}

/* CONTACTE *********************/

#contacteBlock1Text
{
    padding             : 20px 20px 10px 90px;
    float               : left
}

#contacteBlock1Text p
{
    text-align          : right;
}

#contacteBlock1Img
{
    float               : left;
    padding-top         : 30px;
}

#contacteBlock1Img img
{
    padding             : 3px;
    border              : 1px solid #d8d8d8;
}

#contacte div.box
{
    width               : 450px;
    margin              : 15px auto;
}

#contacte div.box table
{
    width               : 100%;
    margin              : 5px 0;
}

#contacte div.box td
{
    padding             : 4px;
}

#contacte div.box th
{
    text-align          : right;
    vertical-align      : top;
    padding-right       : 5px;
    padding-top         : 5px;
}

#contacte input, #contacte textarea
{
    width               : 250px;
}

#contacte input.button, #contacte input.radio, #contacte input.check
{
    width               : auto;
}

#contacte input.button
{
    background          : #e8e8e8;
}

#contacte div.buttons
{
    text-align          : center;
    margin              : 5px 0;
}

/* TARIFES *********************/

#tarifes table.box
{
    border-collapse     : collapse;
    margin              : 10px auto;
}

#tarifes th
{
    padding             : 7px;
    background          : #0c5877;
    color               : #e8e8e8;
}

#tarifes td
{
    border              : 1px solid #e0e0e0;
    padding             : 5px 12px;
}

#tarifesLeft
{
    float               : left;
    width               : 460px;
}

#tarifesRight
{
    float               : right;
    width               : 190px;
    margin-top          : 55px;
}

/* SERVEIS *********************/

#serveis .left
{
    float               : left;
    width               : 440px;
}

#serveis .right
{
    float               : right;
}

#serveis h2
{
    color               : #0F7197;
    color               : #1281AD;
    padding             : 20px 0 5px 0;
    border-bottom       : 1px solid #1281AD;
}

#serveis li
{
    padding             : 1px;
}

#serveis .fotos
{
    border-collapse     : collapse;
    margin              : 10px 0 0 0;
}

#serveis .fotos td
{
    padding             : 5px;
    text-align          : right;
    width               : 100px;
}

#serveis .fotos img
{
    padding             : 1px;
    border              : 1px solid #b0b0b0;
}

#serveis .fotos a:hover img
{
    padding             : 0;
    border              : 2px solid #666;
}

/* PRESENTACIO *********************/

#presentacio .left
{
    float               : left;
    width               : 250px;
}

#presentacio .left img
{
    padding             : 2px;
    border              : 1px solid #c0c0c0;
}

#presentacio .right
{
    float               : right;
    width               : 415px;
}