/* general */

body, div, td {font-size:12px; font-family:arial; color:#87942a}
body {background:url("imatges/fons.png") repeat-x; background-color:#a2a96c}
input, select, textarea {font-size:11px; font-family:arial; color:#444444}
input.num {text-align:right}
input.but {font-weight:bold}
/* estructura */
div#mare {position:relative; width:980px; margin:auto; height:auto}
div.cairesup {background:url("imatges/cairesup.png"); width:980px; height:20px; margin-top:10px; margin-bottom:0px; border:0px solid black}
div.caireinf {background:url("imatges/caireinf.png"); width:980px; height:20px; margin-top:0px; margin-bottom:10px; border:0px solid black }
div#capcelera {position:relative; width:980px; height:100px; margin:auto; background:url("imatges/fonscapcelera.png")}

div#logo1 {position:absolute; top:20px; left:20px ; z-index:1000}
div#logo2 {position:absolute; top:4px; left:660px ; z-index:1000}
div#logo3 {position:absolute; top:8px; left:875px ; z-index:1000}
div#cita {position:absolute; top:15px; left:400px; width:240px; z-index:1000; color:#b33042; font-size:12px}
div#contingut {position:relative; width:980px; margin:auto; background:url("imatges/fonscapa.png") repeat-y; border:0px solid black}
div#faixa {position:relative; width:980px; height:220px; margin:auto; background:url("imatges/faixa.gif"); border:0px solid black; margin-bottom:0px; margin-top:2px}

div#central {padding:5px 20px; width: 940px; margin:auto; clear:both; font-size:12px}

/*div#central img {float:right; margin-left:20px}*/

div#titol {position:absolute; top:5px; left:120px;}
div#titol h1 {font-size:14px; color:#666666; }


div#menucat {position:relative; float:left; margin-right:10px; width: 170px; border:0px solid blue; background:#f0f2dd}
div#productes {position:relative; float:left; margin-right:10px; width: 510px; border:0px solid blue}
div#carret {position:relative; float:left; width: 220px; background:#f0f2dd; text-align:center}

div.itcesta {margin:2px; background:#ffffff}

div#menucat div.itmenucat {margin:3px; padding:3px; width:158px; background:#ffffff; font-size:12px}
div#menucat div.itmenucat a{color:#8e9360}
div#menucat div.itmenucat a:hover{color:#b33042}

div#menucat div.itmenucat2 {margin:3px; padding:3px; width:158px; background:#ffffff; font-size:12px}
div#menucat div.itmenucat3 {margin:3px; padding:3px; width:158px; background:#e0e2cd; font-size:12px}

div#peu {position:relative; width:980px; margin:auto; color:#ffffff; text-align:center; border-top:0px solid #dddddd; padding-top:0px}

table.detcistella {background:#dddddd; width:500px}
table.detcistella td {background:#ffffff;}

/* formulari comanda */


table.formulario { width:600px; border:1px solid #8e9360; background:#eef1da}

td.etiq {text-align:right; border:1px solid #8e9360; background:#f2f4df; padding:2px; margin:2px}
td.camp {padding:2px}
td.camp input {width:300px; border:1px solid #8e9360;}
td.camp2 {padding:2px; background:#8e9360; color:#ffffff}

/* enllaços */
a {color:#b33042; text-decoration:none; padding:0px 1px}
a:hover {color:#7d8062;}
div#capcelera a{color:#888888; padding:2px}
div#capcelera a:hover{color:#ffffff; background:#7dab7d; text-decoration:none}

div#peu a {color:#ffffff; text-decoration:underline;}
/* menu */
ul#menu {margin:auto; margin-top:0px; border:0px solid black; width:940px; margin-left:0px; padding-left:5px}
ul#menu li {background: #f0f2dd; list-style: none; float:left; margin:4px; width:115px; font-family:Times; font-size:17px; padding:5px 4px; font-weight:bold}
ul#menu li:hover {background: #cbceb3;}

ul#menu li.actiu {background:#8e9360; color:#ffcc00}

/*estils*/
h1 {font-size:24px; font-family: Times; font-weight:bold; color:#b33042; margin:15px 0px}
h1 span {display:none}
h2 {font-size:16px; font-family: Times; font-weight:bold; color:#b33042; padding:0px; padding-left:0px; margin:3px 0px}
h3 {font-size:14px; color:#87942a; letter-spacing: 2px; padding:0px; padding-left:0px; margin:3px 0px}
p {margin:8px 0px}

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

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