* { margin: 0; padding: 0;} 
body { margin: 0; padding: 0; color: #9d9d9f; font: normal 75%/140% Arial, Tahoma, Geneva, Verdana, Helvetica, sans-serif; text-align: center; background:transparent url(fons.jpg) repeat-y}
img { border: none; }
.clear {clear: both;font-size:1px; float: none; height:1px; margin-top:-1px; line-height: 1px;}
.hide {display: none;}
.idioma {text-align:right; margin-bottom:10px;margin-top:4px;}

#envolca { margin: 0 auto; padding: 0; width: 790px; height: 100%; }
#capcalera { width: 800px; margin: 5px 0 0 0;background:#fff;}
#logo2 { float: left; height: 60px; width: 380px; padding:0 0 0px 0px;}

/*  Navegacio  ----------------------------------------------------*/
#navegacio {float:right;background:#fff;}
dt a#logo, dt a#logo:hover {height:269px}
dd a {border-top:1px solid #fff}
dd a.empresa {height:150px; background:transparent url(empresa.png) no-repeat top left}
dd a:hover.empresa {background:transparent url(empresa.png) no-repeat bottom left} 
dd a.sistemas {height:150px; background:transparent url(sistemas.png) no-repeat top left}
dd a:hover.sistemas {background:transparent url(sistemas.png) no-repeat bottom left} 
dd a.productos {height:150px; background:transparent url(productos.png) no-repeat top left}
dd a:hover.productos {background:transparent url(productos.png) no-repeat bottom left} 
dd a.servicios {height:150px; background:transparent url(servicios.png) no-repeat top left}
dd a:hover.servicios {background:transparent url(servicios.png) no-repeat bottom left} 
dd a.contactar {height:150px; background:transparent url(contactar.png) no-repeat top left}
dd a:hover.contactar {background:transparent url(contactar.png) no-repeat bottom left}
dd a.tienda {height:150px; background:transparent url(tienda-online_es.png) no-repeat top left}
dd a:hover.tienda {background:transparent url(tienda-online_es.png) no-repeat bottom left}
dt, dd.float, dd.float a, dd.float a dl#hold, dl#hold {float:left}
a em {visibility:hidden; font-size:1px}
a {text-decoration:none}
dd a {width:60px}


 /*  Estat de la navegacio  -----------------------------------------------------------------------*/ 
#imatgecapcalera { padding: 4px 0 2px 0; width: 790px; height: 251px; margin:0; border-top: 25px;background:#fff;}
#home #imatgecapcalera { padding: 4px 0 3px 0;}
html>body #imatgecapcalera { padding: 4px 0 3px 0;}
#principal { width: 790px; margin: 0px 0 0 0;}
#contingutCentral { width: 790px; margin: 0 0px 0 0px; padding: 0;background:#fff;}
#contingutCentral p {text-align:justify;color: #747474; font-size: 1.0em; line-height: 1.7em; margin: 0 8px 15px 0; padding: 0;}
#peu { width: 100%; border-bottom: 1px solid #0289cd;margin-top:30px;}
#peu p { color: #0289cd; font-size: x-small; line-height: 1.3em; margin: 0; padding: 0 0 0px 0;}

/*  Links 
----------------------------------------------------*/
a { text-decoration: none;}
a:link { color: #c2bdba; text-decoration: none; border-bottom: 0px solid #FF9933;}
a:visited { color: #c2bdba; text-decoration: none; border-bottom: 0px dotted #c2bdba;}
a:hover { color: #0289cd;  border-bottom: 0px solid #0289cd;}
a:active { color: #0289cd;  border-bottom: 0px solid #0289cd;}

/*  Text, Headlines, Listen text-transform: uppercase;
-----------------------------------------------------------------------*/
h1 {height: 55px; margin: 0; padding: 0px 0 0 0px; font: normal 24px/24px Tahoma, Geneva, Verdana, Arial, Helvetica, sans-serif; color: #c2bdba; letter-spacing: 0.07em;}
h2 { color: #c2bdba; padding: 10px 0 10px 20px; margin: 0; font: normal 22px/24px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;}
h3 { color: #c2bdba; padding: 7px 0 10px 0; margin: 0; font: normal 20px/20px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;}
h4 { color: #c2bdba; margin: 4px 0 6px 0; font: normal 14px/20px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif; border-bottom: 0px solid #292929;}
h5 { color: #c2bdba; padding: 0 0 2px 0; font: normal 13px/17px Tahoma, Lucida Sans, Verdana, Arial, Helvetica, sans-serif;}


.h_empresa_u {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_empresa_u.jpg) no-repeat 50% 50%;}
.h_empresa_u span {display: none;}
.h_empresa_dos {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_empresa_dos.jpg) no-repeat 0% 50%;}
.h_empresa_dos span {display: none;}
.h_empresa_tres {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_empresa_tres.jpg) no-repeat 0% 50%;}
.h_empresa_tres span {display: none;}
.h_empresa_cuatre {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_empresa_cuatre.jpg) no-repeat 0% 50%;}
.h_empresa_cuatre span {display: none;}
.imatges { width: 100%; margin-top:10px; margin-bottom:10px;}
.imatges img {margin-left:25px; margin-right:25px;}

.h_sistemas_u {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_empresa_u.jpg) no-repeat 50% 50%;}
.h_sistemas_u span {display: none;}
.h_sistemas_dos {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_sistemas_dos.jpg) no-repeat 0% 50%;}
.h_sistemas_dos span {display: none;}
.h_sistemas_tres {height: 50px; color: #0289cd; text-align:left; padding-left:110px; background: url(fons_tresv2.jpg) no-repeat 0% 0%;}
.imatgeSistemas {margin-top:5px; margin-bottom:15px;}

.h_productos_u {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_productos_u.jpg) no-repeat 50% 50%;}
.h_productos_u span {display: none;}
.h_productos_u2 {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_productos_u2.jpg) no-repeat 50% 50%;}
.h_productos_u2 span {display: none;}
.h_productos_dos1 {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_productos_dos1.jpg) no-repeat 0% 50%;}
.h_productos_dos1 span {display: none;}
.h_productos_dos2 {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_productos_dos2.jpg) no-repeat 0% 50%;}
.h_productos_dos2 span {display: none;}
.h_productos_dos3 {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_productos_dos3.jpg) no-repeat 0% 50%;}
.h_productos_dos3 span {display: none;}
.h_productos_dos4 {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_productos_dos4.jpg) no-repeat 0% 50%;}
.h_productos_dos4 span {display: none;}
.h_productos_tres {height: 50px; color: #0289cd; text-align:left; padding-left:110px; background: url(fons_tresv2.jpg) no-repeat 0% 0%;}
.h_productos_tres span {line-height:10px;}
.h_productos_dos5 {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_productos_dos5.jpg) no-repeat 0% 50%;}
.h_productos_dos5 span {display: none;}

.h_servicios_u {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_servicios_u.jpg) no-repeat 50% 50%;}
.h_servicios_u span {display: none;}
.h_servicios_dos {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_servicios_dos.jpg) no-repeat 0% 50%;}
.h_servicios_dos span {display: none;}
 .servicios {text-align:left; margin-left:10%;margin-bottom:3%;font-size:medium;line-height:20px;}
 
.h_contactar_u {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_contactar_u.jpg) no-repeat 50% 50%;}
.h_contactar_u span {display: none;}
.h_contactar_dos1 {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_contactar_dos1.jpg) no-repeat 0% 50%;}
.h_contactar_dos1 span {display: none;}
.h_contactar_dos2 {height: 50px; margin-top: 20px; margin-bottom: 20px;padding: 0px; background: url(h_contactar_dos2.jpg) no-repeat 0% 50%;}
.h_contactar_dos2 span {display: none;}

table {border: solid #0289cd; display: block; margin: auto; margin:10px 0px 50px 0px;}
th {background:#0289cd;font-size:100%; color:#fff; width:20%; }
td {padding:5px 45px;border: 1px solid #0289cd; width:20%; }

/* Formulari */
form#two {background:#fff; width:470px; padding:10px; border:1px solid #0289cd;margin-left: 15%; color:#9d9d9f;}
form#two fieldset {width:350px; display:block; border:1px solid #0289cd; padding:0.5em; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em;}
* html form#two fieldset#personal, * html 
* html form#two fieldset#current {background-position:350px 20px;}
form#two legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #0289cd; margin-bottom:5px; padding:3px; width:254px;}
form#two label {clear:left; display:block; float:left; width:120px; text-align:right; padding-right:1px; margin-bottom:0.5em;}
form#two input {padding:2px; background:#fff; margin-bottom:0.6em; color:#0289cd;}
form#two textarea {width:350px; height:15em; border:1px solid #0289cd; padding:0.5em; overflow:auto; background:#fff ; color:#0289cd;}
form#two #button1, form#two #button2 {background:#c2bdba; color:#0289cd; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px; font-weight:bold;}
form#two #button1:hover, form#two #button2:hover {background-position:center left; color:#000;background:#0289cd;}