/* general */

body, div, td {font-size:11px; font-family:arial; color:#777777}
body {background-color:#efeeee; margin-top:0px}
input, select, textarea {font-size:11px; font-family:arial; color:#777777; border:0px solid transparent}
input.num {text-align:right}
input.boto {font-weight:bold; background:#dddddd; border-bottom:1px solid #bbbbbb; border-right:1px solid #bbbbbb}

/* estructura */

div#supmare {position:relative; width:1000px; margin:auto; height:auto}
div#mare {position:relative; width:1000px; margin:auto; height:auto;  background:url("imatges/fons_prin.png") repeat-y; background-position:-1px;}
div.caireinf {background:url("imatges/caireinf.png"); width:994px; height:12px; margin-top:0px; margin-bottom:5px; border:0px solid black }
div#capcelera {position:relative; top:20px; width:900px; height:280px; margin:auto; background:url("imatges/capcelera.jpg"); margin-bottom:10px}
div#capceleraint {position:relative; top:20px; width:900px; height:180px; margin:auto; background:url("imatges/capceleraint.jpg"); margin-bottom:20px}

div#logo {position:absolute; top:30px; left:15px ; z-index:10}
div#idioma {position:absolute; top:-10px; left:740px ; z-index:10}
div#contingut {position:relative; width:860px; margin:0px 50px; border:0px solid black; padding:20px 20px 20px 20px}
div#peu {position:relative; width:900px; margin:auto; color:#999999; text-align:center; border-top:0px solid #dddddd; padding-top:0px}


/* index */
div#sota {clear:all; width:100%}
div#sota div.it {float:left; margin:3px; border:1px solid #aaaaaa; width:414px; background:#e2e2e2; padding:2px; padding-right:6px}
div#sota div.it img {border:1px solid white; float:left; margin-right:10px}
div#sota h3 {color:#bb3742; font-size:16px; font-weight:bold; font-family:verdana; margin:2px 0px 4px 0px}
div#sota a {color:#bb3742;}

div#esquerra {float:left; width:280px; padding:10px; font-size:12px;}
div#dreta {float:left; width:560px; padding:10 0px; border:0px solid #dddddd; margin-bottom:10px}
div#dreta div.it {float:left; width:245px; margin:10px; height:130px; border:0px solid #eeeeee}
div#dreta h3 {color:#519eb6; font-size:14px; font-weight:bold; font-family:verdana; border-bottom:2px solid #dddddd; width:100%; padding-bottom:5px; margin-bottom:8px}
div#dreta a {color:#519eb6;}

/* interior */
div#contingutint {float:left; width:610px; border:0px solid red; margin-left:10px}
div#caixamenu {width:230px; float:left; border:0px solid green}
div.foto {float:right; margin-left:20px; padding:10px; background:#eeeeee}

/* enllaços */
a {color:#007e9e; text-decoration:none;}
a:hover {color:#bbbbbb; text-decoration:underline;}
div#peu a {color:#999999; text-decoration:underline;}
ul#menu a:hover{color:#ffffff; text-decoration:none;}

/* menu */
ul#menu {margin-top:0px; border:0px solid black; width:225px; padding-left:0px; margin-left:0px; float:left; position:relative}
ul#menu li {background: url('imatges/boto.gif') no-repeat;list-style:none; color:#5f8a97;
margin-left:0px;  margin-bottom:0px; margin-top:0px; width:190px; font-family:arial; font-size:12px; padding:0px; font-weight:normal; border:0px solid red; height:14px; padding:9px 0px 9px 30px}
ul#menu li:hover {background: url('imatges/botoon.gif') no-repeat; color:#ffffff;}
ul#menu li.actiu {background: url('imatges/botoon.gif') no-repeat; color:#ffffff;}
ul#menu li:hover a{color:#ffffff}
ul#menu li.actiu a {color:#ffffff}
/*estils*/
h1 {font-size:24px; font-family: Arial; font-weight:bold; color:#bbbbbb; margin:15px 0px}
h1 span {display:none}
h2 {font-size:16px; font-family: verdana; font-weight:bold; color:#519eb6; padding:0px; padding-left:0px; margin:3px 0px}
h3 {color:#bb3742; font-size:14px; font-weight:bold; font-family:verdana}
p {margin:8px 0px}

.alerta {color:#930000}
.ok {color:#6b9a6c}
.error {color:#930000; font-size:14px; font-weight:bold}

/* formularis*/

table.formulario {width: 600px}
td.etiq {width:200px; background:#eeeeee; text-align:right; border:1px solid #dddddd}
td.camp {width:400px; background:#ffffff; border:1px solid #dddddd; font-weight:bold}
td.camp2 {background:#dddddd; border:1px solid #eeeeee; font-weight:bold; color:#000000}
.resul {text-align:right}


/* bug firefox float enniuades */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}