body {
background-color: #454449; /* gris fort */
background-image: url('../imatges/fons.png');
background-repeat: repeat-x;
background-position: top; 
margin: 0px;
padding: 0px;
}

div.contenidor {
overflow: auto;
margin: 0px 5% 0px 5%;
padding: 0px;
height: 100%;
background-color: white;
}

div.titol {
text-align:center;
height: 95px;
background-image: url('../imatges/fonsTitol.png');
background-repeat: repeat-x;
background-position: top; 
color: white;
margin: 2px 2px 0px 2px;
}

input.boto {
background-color: #909090;
border: 1px solid white;
color: white;
padding: 2px 15px 2px 15px;
text-decoration: none;
font-weight: 400;
font-size: 100%;}

input.boto:hover {
background-color: #909090;
border: 1px solid black;
color: black;
padding: 2px 15px 2px 15px;
text-decoration: none;
font-weight: 400;
font-size: 100%;
cursor: pointer;}

input.botoCerca {
background-image: url('../imatges/refresh16.gif');
border: 1px solid gray;
color: white;
height: 18px;
width: 18px;}

input.botoCerca:hover {
background-image: url('../imatges/refresh16.gif');
border: 1px solid black;
color: gray;
height: 18px;
width: 18px;}

input.campdetext {
color: gray;
background-color: #c4c4c4; /* gris clar */
font-style: italic;
/*width: 100%;*/
/*margin: 0 auto;*/
font-size: 110%;
height: 25px;
/*width: 238px;*/
width: 99%;
}

input.campdetext:focus {
color: black;
font-style: normal;
}

/* columna esquerra de la pantalla */
div.menuEsquerra {
float: left;
color: gray;
/*border: 1px solid gray;*/
text-align: center;
width: 21.3%;
padding: 2px;
}

/* submenú índex (dins del menú esquerra) */
div.menu {
color: gray;
background-color: white;
width: 100%;
margin: 0 auto;
}

/* submenú clients, proveïdors i calendari (dins del menú esquerra) */
div.menuClients {
color: gray;
background-color: white;
width: 100%;
margin: 0 auto;
}

div.info {
position: relative;
left: 0px;
font-family: monospace;
font-size: 150%;
color: #a03737; /* abans: #555555 (gris) */
overflow: hidden;
visibility: visible;
width: 77.55%;
margin: 1px;
/*background-color: #3892ac;
background-image: url('../imatges/fonsInfo.jpg');
background-repeat: repeat-x;
border: 1px solid #3892ac;*/
}

div.benvinguda {
color: #454449;
position: relative;
top: 5%;
background-position: center; font-family: georgia;
font-size: 120%;
letter-spacing: 1px;
margin: 0 auto;
padding: 1px;
}

ul.menu {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.idiomes {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.llista {
padding: 15px 0px 15px 30px; /* dalt, dreta, baix, esquerra */
list-style-type: square;
}

li.llista {
padding: 5px 0px 5px 0px; /* dalt, dreta, baix, esquerra */
}

li.menu {
padding-left: 0;
}

li.idiomes {
display: inline;
}

a.menu:first-letter,A#menuserveis:first-letter,a.submenu:first-letter {
color: #c3bfbf; /* gris fluix */
padding: 2px;
}

a.menu:hover:first-letter,A#menuserveis:hover:first-letter,a.submenu:hover:first-letter {
color: #a03737; /* granate fort */
padding: 2px;
}

a.menu,A#menuserveis {
border: 1px solid white;
background-color: #454449; /* gris fort */
color: white;
text-align: left;
display: block;
font-weight: bold;
text-decoration: none;
font-size: 100%;
width: 80%;
padding: 4px 9.5% 4px 9.5%;
}

a.menu:hover,A#menuserveis:hover {
border: 1px solid #454449; /* gris fort */
background-color: #e7eeef; /* blau molt clar */
color: #454449; /* gris fort */
text-align: right;
}

a.menuEsquerra {
display: block;
border: 1px solid #f3f8f9;
color: #454449;
background-color: #e7eeef;
text-decoration: none;
text-align: left;
font-size: 90%;
font-weight: bold;
width: 80%;
padding: 4px 9.5% 4px 9.5%;
}

a.menuEsquerra:hover {
display: block;
border: 1px solid white;
background-color: gray;
color: white;
text-decoration: none;
text-align: right;
font-size: 90%;
font-weight: bold;
width: 80%;
padding: 4px 9.5% 4px 9.5%;
}

a.menuAdmin {
display: block;
border: 1px solid #f4b05c; /* taronja */
font-weight: bold; 
color: #f4b05c; /* taronja */
background-color: white; /* gris fort */
text-decoration: none;
font-size: 120%;
width: 80%;
padding: 4px 9.5% 4px 9.5%;}

a.menuAdmin:hover {
display: block;
border: 1px solid white;
font-weight: bold;
color: white;
background-color: #f4b05c; /* taronja */
text-decoration: none;
font-size: 120%;
width: 80%;
padding: 4px 9.5% 4px 9.5%;
}

a.submenu {
display: block;
color: white; /* gris clar */
background-color: #a27676; /* granate clar */
text-decoration: none;
text-align: right;
font-weight: bold;
font-size: 80%;
padding: 4px 9.5% 4px 9.5%;
}

a.submenu:hover {
display: block;
color: #454449;
background-color: #e7eeef; /* blau molt clar */
}

a.linkMapa {
color: #84b2f6; /* blau clar */
padding: 5px;
text-decoration: none;
font-weight: 600;
font-size: 100%;
}

a.linkMapa:hover {
color: white;
border: 1px solid white;
font-style: italic;
opacity:0.9; //firefox
filter:alpha(opacity=90); //ie
}

span.cerca {
color: white;
background: orange;
border: 1px solid #c4c4c4;
font-style: italic;
font-weight: 600;
font-size: 100%;
padding: 2px;
}

/* estil <a> del CALENDARI */
a {
	text-decoration: none;
	color: #000000;
	text-align: center;
}

a:hover {
	text-decoration: none;
	color: #3163CE;
}

a:visited {
	text-decoration: none;}

div.calendari {
font-family: verdana;
color: #555555;
background-color: white;
border: 1px solid #3892ac;
overflow: auto;
visibility: visible;
width: 77.55%;
margin: 0 auto;
}

/* fi de l'estil <a> del CALENDARI */

img.mapaAlfes {
height: 350px;
width: 400px;
border: 1px solid #272727; /* gris molt fort */
border-left: 10px solid #272727; /* gris molt fort */
}

img.fontcolorLogo {
border: 1px solid #272727; /* gris molt fort */
border-left: 10px solid #272727; /* gris molt fort */
}

dt {
color: #a03737;
font-family: georgia;
font-size: 120%;
letter-spacing: 1px;
margin: 0 auto;
padding: 10px;
margin-bottom: 1px;
}

dd {
color: white;
background-color: #454449; /* gris fort */
font-family: georgia;
font-size: 110%;
letter-spacing: 1px;
border: 1px solid #272727; /* gris molt fort */
border-left: 10px solid #272727; /* gris molt fort */
margin: 0 auto;
padding: 20px;
}

/* sinó l'explorer mostra el text en negre */
td.explorer {
color: white;
font-size: 110%;
}

td.etiquetes {
color: #454449;
text-align: right;
}

td.info {
color: black;
text-align: left;
font-weight: bold;
letter-spacing: 0.9px;
}

td.tipusservei,td.productes {
border: 1px solid white;
background: #a27676;
color: white;
text-align: center;
font-size: 120%;
font-weight: bold;
font-family: courier;
padding: 5px 5px 5px 5px;
}

tr.liniaProducteClar {
border: 1px solid white;
background-color: #c4c4c4; /* gris clar */
color: black;
font-family: courier;
}

tr.liniaProducteFosc {
border: 1px solid white;
background-color: white;
color: black;
font-family: courier;
}

tr.liniaProducteClar:hover,tr.liniaProducteFosc:hover {
background-color: #454449; /* gris fort */
color: white;
}

td.serveis {
border: 1px solid white;
background-color: #c4c4c4; /* gris clar */
color: black;
text-align: center;
font-weight: bold;
font-size: 500%;
font-family: courier;
opacity:0.7; //firefox
filter:alpha(opacity=70); //ie
}

td.preu {
_border: 1px solid #c4c4c4; /* gris clar */
color: #4dde05;
text-align: center;
font-weight: bold;
font-size: 150%;
}

div.preu {
border: 1px solid #4dde05;
color: #4dde05;
float: right;
font-weight: bold;
font-size: 150%;
padding: 10px
}

div.preuAnt {
border: 1px solid #4dde05;
color: black;
text-decoration: line-through;
float: right;
font-weight: bold;
font-size: 150%;
padding: 10px
}

div.titolserveis {
float: left;
margin-top: 0px; 
margin-left: 0px; 
}

div.subdescripcio {
color: #e7eeef;
font-style: italic;
font-size: 90%;
margin-left: 20px; 
}

div.descrserveis {
margin-top: 0px; 
margin-left: 100px; 
}

#benvingudaComanda {
float: left;
padding: 0 1% 0 0;
}

#benvingudaPunts {
float: left;
position: relative;
padding: 0 1% 0 0;
color: #a9a8a8; 
}

#benvingudaOk { 
position: relative;
color: #08fb47; 
}