/* CSS document by xavier@imatek.net */
/* COLORS
    BLAU    :   #0ff
    VERD    :   #4dc4c3
*/
root { 
    display: block;
}
html, body, div, span,  ul, ol, li, h1, h2, h3, h4, h5, h6, img, a, form, input, textarea, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

body, select, textarea, input {
    font-family: "Arial", Helvetica, Sans-serif;
    font-size: 10px;
    background: #fff;
}
html {
    overflow-y: scroll;
}
img, a, table {
    border: none;
}
a {
    color: #000;
    text-decoration: none;
}
p {
    color: #3e3d40;
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 6px 0;
}
h1, h2, h3, h4 {
    color: #8c8b8d;
    font-weight: lighter;
}
h1 {
    font-size: 30px;
    background: url('/img/bg_titulos.png') 0 6px no-repeat;
    padding-left: 82px;
    margin-left: -10px;
    text-align: right;
}
h2 {
    font-size: 21px;
}
h3 {
    font-size: 14px;
    font-weight: bold;
}
h4 {
    
}
ul {
    color: #3e3d40;
    margin-left: 14px;
    font-size: 1.1em;
}
li {
    line-height: 1.4em;
}

#wrap {
    width: 980px;
    margin: 0 auto;
}
#center {
    margin-top: 8px;
    border-top: 1px solid #c9c9c9;
}
#content {
    float: left;
    width: 980px;
}
#foot {
    width: 980px;
    float: left;
    margin-top: 4px;
    border-top: 5px solid #fa6b12;
}

.menu-superior {
    float: right;
    list-style: none;
    vertical-align: middle;
    margin: 50px 15px 19px auto;
}
.menu-superior li {
    display: inline;
    float: left;
    border-left: 1px solid #000;
}
.menu-superior .first {
    border: none;
}
.menu-superior li a {
    color: #000;
    padding: 0 4px;
    display: block;
}
.menu-superior li a:link {
    color: #000;
}
.menu-superior li a:hover {
    color: #fff;
    text-decoration: underline;
}
.menu-superior li .active {
    color: #fff;
    font-weight: bold;
}

#wrap .logotop {
    background: url('/img/logo_top.jpg') 52px no-repeat;
}

#content table {
    width: 1008px;
    position: relative;
    left: -14px;
    padding: 0;
    display: table;
}
#content td {
    vertical-align: top;
}
.baina td ul, .baina td p {
    width: 430px;
}
#content .logo {
    margin-top: 25px;
}
#content .fix {
    width: 227px;
}
.ample {
    margin-left: 10px;
    width: 300px!important;
}
.bg-fisioterapia {
    background: url('/img/bg_fisioterapia.jpg') 654px top no-repeat;
}

#blcTop {
    width: 100%;
    float: left;
}

#blcFoot {
    width: 100%;
    float: left;
    background: url('/img/icono.png') 315px no-repeat #5f5d5f;
}
#blcFoot a {
    color: #535353;
}
#blcFoot p {
    color: #fff;
    margin-right: 10px;
    margin: 6px 18px 6px 0;
    text-align: right;
    font-weight: bold;
}

.formulari {
    float: left;
    background-color: #fcfafc;
    margin-top: 75px;
}
.formulari table {
    font-size: 1.2em;
    width: 690px !important;
    left: 0 !important;
    margin: 10px auto auto 25px;
}
.formulari td {
    padding: 2px 0;
}
.formulari input {
    border: 1px solid #c9c9c9;
    padding: 3px 2px;
    font-size: 1.2em;
}

.formulari textarea {
    border: 1px solid #c9c9c9;
    font-size: 1.1em;
    padding: 2px;
}
.formulari .noinput {
    width: 50px;
    padding-left: 7px;
    float: right;
}
.formulari .boto {
    float: right;
    margin: 8px 35px 8px auto;
    cursor: pointer;
    color: #fff;
    background-color: #d1d1d1;
    font-size: 1em;
    font-weight: bold;
    padding: 1px 20px;
}
.formulari input-1 {
    width: 226px;
}
.formulari input-2 {
    width: 440px;
}
.textarea-1 {
    width: 648px;
}

.text {
    
}
.text div {
    display: block;
    float: left;
    margin-bottom: 2px;
}
.text ul {
    margin-left: 0;
}
.text li {
    margin-top: 3px;
    display: block;
    font-weight: bold;
    font-size: 10px;
}
.text h3 {
    margin-top: 0px;
    color: #a0d4d3 !important;
}

.heading {
    width: 296px;
    padding-top: 130px;
    position: absolute;
}
.heading p {
    text-align: right;
}
.heading span {
    text-align: right;
    width: 440px;
}
.heading2 {
    width: 226px;
    padding-top: 110px;
    position: absolute;
    display: block;
}
.heading2 p {
    text-align: right;
}
.heading2 span {
    text-align: right;
}

.patologies-content h3, .patologies-content p {
    padding: 10px;
}
.patologies-content p {
    padding-top: 0;
    margin: 0;
}
.patologies-content td {
    height: 136px;
    width: 227px;
}

.mapa {
    margin-top: 15px;
}
.content-mutualitats {
    height: 486px;
    background: url("/img/bg_mutualitats.gif") 432px 0px no-repeat;
}
.mutues {
    position: relative;
    width: 350px;
    height: 250px;
    left: 160px;
    top: 90px;
}

.inpas {
    font-size: 1.1em;
    float: right;
    margin-right: 18px;
}
.inpas a {
     color: #ff0099!important;
     font-weight: bold;
}
.inpas a:hover {
    text-decoration: underline;
}
.inpas a span {
    color: #000;
}
.inpas .left {
    margin-left: 15px;
}

.llistat {
    list-style: none;
    width: 470px;
}

/* COLORS BANNERS SECCIONS */
.home {
    background-color: #80ceef !important;
}
h3.home {
    color: #80ceef !important;
}
.fisioterapia {
    background-color: #4dc4c3 !important;
}
h3.fisioterapia {
    color: #4dc4c3 !important;
    background: none !important;
}
.traumatologia-i-medicina-de-lesport {
    background-color: #bab9bb !important;
}
h3.traumatologia-i-medicina-de-lesport {
    background: none !important;
}
.tecniques-de-tractament {
    background-color: #b2e6e5 !important;
}
h3.tecniques-de-tractament {
    color: #b2e6e5;
    background: none !important;
}
.equip-redi {
    background-color: #b2e6e5 !important;
}
h3.equip-redi {
    color: #00abaa !important;
    background: none !important;
}
.on-som {
    background-color: #bab9bb !important;
}
h3.on-som {
    color: #b2e6e5 !important;
    background: none !important;
}
.mutualitats {
    background-color: #5fc4e5 !important;
}
.patologies {
    background-color: #a9c2e1 !important;
}

.bg-gris {
    background: url("/img/bg_gris.gif") no-repeat;
}
.bg-ralles {
    background: url("/img/bg_table.jpg") no-repeat;
}


/* CLASSES ABSOLUTES */
.bold { 
    font-weight: bold;
}
.dotze {
    font-size: 1.2em;
    float: left;
}
.right { 
    float: right !important;
}
.left { 
    float: left;
}
.nofloat {
    float: none !important;
}
.width {
    width: 740px;
}
.nomargin {
    margin-top: 0 !important;
}
.margin-top {
    margin-top: 35px;
}
.marge12 {
    padding-top: 12px !important; 
}
.ample {
    width: 226px;
}
.green {
    color: green !important;
}
.red { 
    color: red !important;
}
.gris { 
    color: #3e3d40 !important;
    font-weight: bold;
}
.blau {
    color: #009ee0 !important;
}
.blau_petit {
	color: #62cbf6 !important;
    font-size: 11px;
    font-weight: lighter;
}
.verd {
    color: #4dc4c3;
}
.error { 
    border: 1px solid red !important;
}
label.error { 
    border: none !important;
}
.clear { 
    clear: both;
}
.justify { 
    text-align: justify;
}