body {font:12px arial, sans-serif;background:#fff url(../img/bg/body2.png) repeat-x;}

.divShow { visibility: visible; }
.divHide { visibility: hidden; }

h1 {font-size:24px;}
h2 {font-size:18px;}
h4 {font-size:12px;}
form {margin:0;}
form ol {list-style:none;}
form ol li {margin-bottom:5px;}
fieldset {border:1px solid #ddd;margin:10px 0;padding:10px;}
textarea {width:300px;height:100px;}
legend {font-weight:bold;font-size:14px;color:#333;}
form blockquote {font-size:11px;color:#888;margin-left:230px;}
form blockquote textarea {width:500px;}
textarea {font:12px arial,sans-serif;}
address p {margin-top:0;margin-bottom:0;font-style:normal;}
button a {text-decoration:none;color:#000;}
a img {border:0;}

.center {text-align:center;}
.text, .text a {font-size:10px;color:#888;}
.formula {font-size:14px;}
.error {font-weight:bold;color:#d00;}
.alert {font-weight:bold;color:#f60;}
.hidden {display:none;visibility:hidden;}

.cash {font-weight:bold;}
.cash.negatiu {color:#c00;}
.cash.previsible {color:#888;}

.thumb {width:120px;height:60px;border:1px solid #ddd;float:left;margin:0 5px 5px 0;}

/*colors capes*/
#buscador, #fichaempresa, #xtras, #publi, #sectoreslist, #help-lateral, .ap, .index,.intercambio .estado, .detalles {border:1px solid #ddd;background:#F7F3F7;} /*gris*/
#quees {background:#f90;color:#fff;} /*taronja*/
.tip, .index.ventajas, div.warning {background:#ffc;border:1px solid #fc6;} /*groc*/
#minisaldo {background:#efe;border:1px solid #6d6;} /*verd*/
div.desactivat {color:#888;}

.ap.estado {z-index:21;}

#minisaldo h2 {font-size:14px;color:#595;}
#minisaldo p.tip, div.ap p.tip, p#saldo_retenido {display:none; background:#ffc url(../img/bg/cerrar.gif) 95% 5px no-repeat;padding-right:10%;position:absolute;width:200px;z-index:10;margin:0;}

p.tip {padding:5px;}
div.detalles, div.warning {padding:10px;}

div.warning h2, p.warning {background:url(../img/ico/warning.png) no-repeat;padding-left:25px;margin:0;color:#f60;}
p.warning {padding:3px 25px;}

#header {background:#333;height:75px;font-size:11px;text-align:left;}
#header p {margin:0;padding:5px 0;text-align:right;}
#header #quees, #header #entrar, #header #ayuda {color:#fff;padding:0 0 2px 16px;margin-left:10px;}
#header #quees {background:url(../img/ico/quienes.gif) left no-repeat;}
#header #entrar {background:url(../img/ico/entrar.gif) left no-repeat;}
#header #ayuda {background:url(../img/ico/ayuda.gif) left no-repeat;}
#logo {position:absolute;}
p#user {font-size:12px;color:#fff;font-weight:bold;}
p#user a {color:#fff;}

#menu {background:#94A2C6 url(../img/bg/menu.png) repeat-x;color:#fff;font-size:18px;}
#menu ul {margin:0;padding:4px 0;} 
#menu li {margin:0;padding:0 30px 0 0;}
#menu a {color:#fff;text-decoration:none;}
#menu a:hover {text-decoration:underline;}
#menu .a {color:#fc6;}

#content h1 {width:530px;}

#pestanyes {clear:both;height:30px;}
#moviments #pestanyes {height:34px;}
#pestanyes li {display:block;float:left;width:134px;}
#pestanyes li.a {width:138px;}

#home_promo {border-width:0px 0 0px 0;border-color:#ddd;border-style:solid;margin-right:10px;padding-right:290px;}
#home_promo #content_promo {width:470px;border-width:2px 0px 0px 0px;border-color:#ccff99;border-style:solid;background:url(../img/bg/home-promo.gif) 390px 0px no-repeat;padding:15px 5px 5px 5px;}
#home_promo #help-lateral {width:266px;position:absolute;margin-left:490px;margin-top:0px;padding:5px 10px;}

#menuinfo {background:#f7f3f7;padding:10px 0;margin:10px 50px 10px 0;width:210px;position:absolute;margin-left:-220px;}
div#content.info {padding-left:220px;width:560px;}
div#content.info li {padding:3px 0;}
#menuinfo li {padding:0;margin:0 0 0 -15px;}

#estasen {font-size:11px;color:#888;}
#estasen p {margin:2px 0;}
#estasen a {color:#666;}

#minisaldo {float:right;width:230px;margin-top:-50px;padding:0 5px;}

form fieldset label {display:block;width:220px;float:left;text-align:right;padding-right:10px;font-weight:bold;}
form p.tips {font-size:11px;color:#888;margin-top:-10px;}
form li p.tips {font-size:11px;color:#888;margin-top:0px;}

.intercambio label {width:150px;}

#home_promo p.promo {font-size:16px;font-weight:bold;color:c00;}
#home_promo p.promotext {padding-right:5px;}
#home_promo img {float:left;margin-right:3px;}

#buscador {margin:10px auto;text-align:center;padding:10px 0;}
#buscador label {font-size:18px;}

fieldset.alta.esquerra {width:350px;float:left;margin:0 10px 0 0;#margin:10px 10px 0 0;#}
fieldset.alta label, fieldset.alta input, fieldset.alta select {display:block;text-align:left;clear:both;}
fieldset.alta ol {margin:0;padding:0 10px;}
fieldset.alta blockquote {margin:0;}
fieldset input.d {border:0;background:#fff;color:#000;}
fieldset input.rang-dates {width:90px;}
fieldset.opcionals, fieldset.opcionals legend {color:#666;}
form input.boto {clear:both;margin:20px;margin:20px 300px;padding:5px 10px;}


#pasos {height:41px;margin-top:10px;padding:0;border-bottom:1px solid #fc3;}
#pasos li {width:200px;height:30px;float:left;border:1px solid #ddd;background:#f3f3f7;margin:0 5px 0 10px;padding:5px 0;font-size:18px;color:#888;border-bottom:0;text-align:center;}
#pasos li.a {border:1px solid #fc3;border-bottom:0;padding-top:6px;background:#ffc;}
#pasos li a {color:#888;text-decoration:none;}
#pasos li.a a {color:#f60;}

#pestanyes {margin:0 0 10px 0;padding:0;border-left:1px solid #ddd;height:20px;border-bottom:1px solid #ddd;}
#pestanyes li {border:1px solid #ddd;padding:2px 10px;border-left:0;background:#eee url(../img/bg/pestanyes.png) repeat-x;text-align:center}
#pestanyes li.a {border-bottom:1px solid #fff;background:#fff url(../img/bg/pestanyes-a.png) repeat-x;}
#pestanyes li.a a {color:#000;text-decoration:none;font-weight:bold;cursor:default;}

#fitxa {min-height:450px;}
#fitxa #descripcio dt {font-weight:bold;display:block;width:150px;height:20px;float:left;clear:left;}
#fitxa #descripcio dd {clear:right;height:20px;}
#fitxa #descripcio ul {margin:0;padding:0;clear:both;}
#fitxa #descripcio li {margin:0;padding:2px 0 2px 18px;list-style:none;font-size:11px;color:#666;width:105px;display:block;float:left;}
#fitxa #descripcio li .ok {background:url(../img/ico/mini-ok.gif) no-repeat;}
#fitxa #descripcio li .ko {background:url(../img/ico/mini-ko.gif) no-repeat;}
#fitxa li {padding:1px 0;}
#fitxa .preu {font-size:16px;font-weight:bold;color:#f60;margin-bottom:-8px;}
#fitxa .copy {font-size:11px;color:#888;margin:30px 0 -5px 0;}

#fitxalateral div {padding:5px;margin:10px 0;}

#xtras ul {list-style:none;margin:0;padding:10px;}
#xtras li {padding:2px 0;}
#xtras a {padding:1px 0 1px 20px;}
.pdf {background:url(../img/ico/pdf.gif) no-repeat;}
.print {background:url(../img/ico/imprimir.gif) no-repeat;}
.vcf {background:url(../img/ico/vcf.gif) no-repeat;}
.enviar {background:url(../img/ico/enviar.gif) no-repeat;}

.aceptar {background:url(../img/bg/acceptar.png) no-repeat;padding:2px 2px 2px 20px;}
.editar {background:url(../img/bg/editar.png) no-repeat;padding:2px 2px 2px 20px;}
.eliminar {background:url(../img/bg/eliminar.png) no-repeat;padding:2px 2px 2px 20px;}
.pendiente {background:url(../img/ico/warning.png) no-repeat;padding:2px 2px 2px 20px;}
.buscar {background:url(../img/ico/lupa.png) no-repeat;padding:2px 2px 2px 20px;}

h3 .aceptar {color:#080;}
h3 .eliminar {color:#c00;}
h3 .pendiente {color:#f60;}

.detalles div.aceptar, .detalles div.editar, .detalles div.eliminar, .detalles div.pendiente {border:1px solid #ddd;background-color:#fff;background-position:18px 12px;padding-left:50px;}
.detalles .motivo {padding-left:20px;color:#333;}

#empresaA.ok h2, #empresaB.ok h2 {background:url(../img/ico/ok.png) no-repeat;}
#empresaA.ko h2, #empresaB.ko h2 {background:url(../img/ico/ko.png) no-repeat;}
#empresaA.ok h2, #empresaB.ok h2, #empresaA.ko h2, #empresaB.ko h2 {margin-left:-75px;padding-left:75px;}

table.productes {background:#ddd;width:100%;}
table.productes td {background:#F7F3F7;padding:4px;}
table.productes h4, table.productes p {margin:1px 4px;}
table.productes p.empresa, table.productes p.empresa a {font-size:11px;color:#666;}
table.productes td.img {width:64px;text-align:center;}
table.productes td.paginador {text-align:center;height:25px;}
table.productes td.paginador a {padding:2px 4px;text-decoration:none;color:#666;}
table.productes td.paginador a.paginadorxtra {font-size:10px;color:#888;}
table.productes td.paginador a:hover {text-decoration:underline;font-size:14px;background:#ccc;color:#fff;font-weight:bold;padding:2px 3px;}
table.productes td.paginador a.paginadorxtra:hover {font-size:11px;padding:2px 3px;}
table.productes td.paginador span.a a {font-size:14px;background:#94A2C6;color:#fff;font-weight:bold;}
table.productes td.paginador span.a a:hover {padding:2px 4px;}
table.productes td.fecha, table.productes td.num_productos, table.productes td.estado2 {text-align:center;}
table.productes td.precio, table.productes td.unidades {text-align:right;}
table.productes thead td {background:#ddd;font-weight:bold;}

table.productes td.estado2.pendiente, .pendiente span {color:#f60;}
table.productes td.estado2.ok, .aceptar span {color:#080;}
table.productes td.estado2.ko, .eliminar span {color:#c00;}

td.acciones a {font-size:9px;color:#333;text-decoration:none;display:block;float:left;width:110px;height:12px;padding:5px 0px 5px 23px;}
td.acciones a.ver {background:url(../img/bg/boto-ver-solicitudes.png) no-repeat;}
td.acciones a.ver:hover {background:url(../img/bg/boto-ver-solicitudes-a.png) no-repeat;}
td.acciones a.redactar {background:url(../img/bg/boto-redactar.png) no-repeat;}
td.acciones a.redactar:hover {background:url(../img/bg/boto-redactar-a.png) no-repeat;}
td.acciones a.eliminar {background:url(../img/bg/boto-eliminar.png) no-repeat;}
td.acciones a.eliminar:hover {background:url(../img/bg/boto-eliminar-a.png) no-repeat;}
td.acciones a.aceptar {background:url(../img/bg/boto-acceptar.png) no-repeat;}
td.acciones a.aceptar:hover {background:url(../img/bg/boto-acceptar-a.png) no-repeat;}
td.acciones a.pressupost {background:url(../img/bg/boto-pressupost.png) no-repeat;}
td.acciones a.pressupost:hover {background:url(../img/bg/boto-pressupost-a.png) no-repeat;}
td.acciones a.imatges {background:url(../img/bg/boto-images.png) no-repeat;}
td.acciones a.imatges:hover {background:url(../img/bg/boto-images-a.png) no-repeat;}

#fichaempresa .boto, #descripcio .boto {padding:4px 12px;font-size:14px;font-weight:bold;text-decoration:none;border:1px solid #f60;border-top:1px solid #fca;border-left:1px solid #fca;background:#f90;color:#fff;}
#fichaempresa .boto:hover, #descripcio .boto:hover   {background:#fb0;border:1px solid #fca;}

#descripcio .text {margin-bottom:25px;}

#quees {background:url(../img/bg/quees.png) no-repeat bottom;}
#quees a {color:#fff;}

#sectoreslist ul {list-style:none;margin:0;padding:0;color:#999;}
#sectoreslist li {border-top:1px solid #ddd;padding:3px 0 3px 15px;}

#help-lateral h3, #moviments h2 {background: url(../img/bubble.gif) no-repeat;padding-left:50px;}
#help-lateral h3 {font-size:16px;padding:5px 5px 5px 50px;}
#moviments h2 {padding:10px 10px 10px 50px;}

#imagen {width:250px;height:250px;border:1px solid #ddd;float:left;clear:none;}

.pantalla h1, .pantalla p, .pantalla h2 {padding-left:100px;}
.pantalla ul, .pantalla ol {padding-left:200px;}
.pantalla.ko h1 {color:#c00;}
.pantalla.ok {background:url(../img/ico/ok.png) no-repeat;}
.pantalla.ko {background:url(../img/ico/ko.png) no-repeat;}

#login {background:#eeeff3;height:280px;margin:0 auto;width:750px;}
#login form {background:#fff;border:1px dotted #C1C0C0;padding:7px;float:left;height:250px;margin:5px;width:340px;position:absolute;}
#login form label {text-align:left;}
#login form h1 {width:300px;margin:0;padding:0;}
#login li {margin:0 50px;}
#login p, #login h1, #login ol {padding:0 0 0 390px;width:330px;}
#login form p, #login form h1 {padding:0;}

.ap.tip h2 {color:#f60;}

.index.quees {border:0;margin-top:0px;#margin:10px 0 0 -490px;position:absolute;width:340px;background:url(../img/bg/index-quees.png) no-repeat;padding:25px 10px 10px 120px;#padding:40px 10px 0 120px;font-size:16px;}
.index.quees h2 {color:#fff;margin:10px 0;font-size:23px;}
.index.quees h2 a {color:#fff;text-decoration:none;}
.index.quees h2 a:hover {text-decoration:underline;}
.index.ventajas {margin-left:490px;}
.index.ventajas h2 {font-size:17px;}
.index.ventajas ul {margin:0 0 0 20px;padding:0;list-style:none;}
.index.ventajas li {background:url(../img/ico/entrar.gif) left no-repeat;margin:0;padding:2px 2px 2px 20px;}
.index.sectors {min-height:289px;#height:350px;}

.sectors dl {width:50%;float:left;}
.sectors dt {font-weight:bold;margin-top:5px;height:30px;}
.sectors dd {display:inline;margin:0;font-size:11px;}

.detalles table {width:100%;text-align:left;border:1px solid #ddd;}
.detalles table th {background:#e0e0e0;}

#empresaA, #empresaB {background:#F7F3F7 url(../img/bg/empresa.png) no-repeat bottom left;padding-left:100px;}
#empresaA.detalles {width:250px;float:left;clear:both;margin-right:20px;}
#empresaB.detalles {clear:right;margin-bottom:20px;margin-left:380px;}

#calc_compensacion {border:1px solid #ddd;background:#eeeff3;}
#calc_compensacion label {position:absolute;display:block;width:160px;text-align:right;padding-top:4px;}
#calc_compensacion input {padding-left:170px;width:170px;border:0;color:#007;background:#eeeff3;}
#calc_compensacion_final {border-top:1px solid #ddd;}
#calc_compensacion_final input, #calc_compensacion_final label {color:#000;}

p.thumbs {float:left;border:1px solid #eaeaea;margin:0 4px 5px 0;padding:5px;text-align:right;}
p.thumbs img {display:block;height:120px;width:140px;}

#bg-aviso {position: fixed;z-index:1;top: 0px;left: 0px;background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;height:100%;width:100%;}
#aviso {position: fixed;background: #fff;z-index: 102;color:#000000;border: 4px solid #666;top:50%;left:50%;margin-left:-200px;width:400px;margin-top:-150px;padding:20px;}

#publi {width:728px;height:90px;margin:30px auto;text-align:center;}

#footer {font-size:11px;border-top:1px solid #ddd;margin:10px 0;}
#footer a {color:#666;}