body{
	scrollbar-face-color: #10abd4;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color: #B8E0ED;
	scrollbar-highlight-color: #28C6F1;
	scrollbar-3dlight-color: #10abd4;
	scrollbar-darkshadow-color: #10abd4;
	scrollbar-shadow-color: #28C6F1;
	background-attachment: fixed;
}

input{
	border: 1px #009ACA solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #016984;
	height: 20px;
}

.destacada{

	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bolder;
	text-decoration: none;
	color: #000099;
}

textarea{
	border: 1px #009ACA solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #016984;
}

div#trailimageid
{
position:absolute;
visibility:hidden;
left:0px;
top:-1000px;
background-color: #efefef;
border: solid 1px #666;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.top {
	height: 67px;	
	border-bottom: 1px #016984 solid;
	vertical-align: middle;
	text-align: right;	
}

.contencion{
	border-right: 1px black solid;
	border-left: 1px #096179 solid;
	background-color: white;
}

.datos_comerciante{
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding-left: 10px;
	background-color: #016984;
	border-bottom: 1px #016984 solid;
}
.datos_cliente{
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding-left: 10px;
	background-color: #016984;
	border-bottom: 1px #016984 solid;
}
.datos_colaborador{
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding-left: 10px;
	background-color: #016984;
	border-bottom: 1px #016984 solid;
}
.datos_manager{
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding-left: 10px;
	background-color: #8B0000;
	border-bottom: 1px #016984 solid;
}
.datos_transportista{
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding-left: 10px;
	background-color: #F98900;
	border-bottom: 1px #016984 solid;
}
.fecha{
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #016984;
	padding-left: 20px;
	background-color: white;
	border-bottom: 1px #016984 solid;
}

.retroceder{
	border-bottom: 1px #016984 solid;	
	text-align: right;
}

.borde_pestanyas{
	background-color: #00C3F2;
	height: 6px;
}

.borde_top_menu{
	height: 6px;
	background-image: url(../img/border_top_menu.gif);
	background-attachment: fixed;
	background-position: left;
	background-repeat: no-repeat;
}

.pestanyas_izquierda{
	height: 16px;
	padding-left: 10px;
	text-align: left;
	vertical-align: bottom;
}

.pestanyas_derecha{
	height: 16px;
	padding-right: 10px;
	text-align: right;
}

.txt_pest_activa{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: black;
	height: 16px;
	text-align: center;
	background-image: url(../img/pest_act_cent.gif);
}

.txt_pest_inactiva{
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-align: center;
	background-image: url(../img/pest_inact_cent.gif);
}

.top_menu{
	background-attachment: fixed;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-image: url(../img/background_top_menu.gif);
	padding-right: 4px;
	text-align: right;
}

.separacion_pestanyas{
	padding-right: 1px;
}

.link_pestanya:ACTIVE, .link_pestanya:VISITED, .link_pestanya:LINK {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-decoration: none;
}

.link_pestanya:HOVER {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ff710f;
	text-decoration: none;
}

.main{
	background-attachment: fixed;
	background-position: top;
	background-image: url(../img/bg_main.gif);
	background-repeat: repeat-x;
	padding: 8px;
	vertical-align: top;
}

.menu{
	padding: 6px;
	background-attachment: fixed;
	background-position: top;
	background-image: url(../img/bg_menu.gif);
	background-repeat: repeat-x;
	background-color: #10ABD4;
	border-left: 1px #096179 solid;
}

.combo{
	SCROLLBAR-BASE-COLOR:#006633;
	SCROLLBAR-ARROW-COLOR:#FFFFFF;
	border: 1px #009ACA solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #016984;
}

.texto_normal{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: black;
}

.texto_pequeno{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: black;
}

.texto_corporativo{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: black;
	text-align: justify;
	vertical-align: top;
	text-justify: auto;
}

.celda_texto_principal{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: black;
}

.celda_texto_complementario{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: gray;
	vertical-align: middle;
}

.texto_destacado{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #4f4f4f;
}

.texto_destacado2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #016984;
}

.texto_resaltado{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #10ABD4;
}

.texto_precio{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: black;
}


.filtros{
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #016984;
	border-top: 1px #016984 solid;
	border-bottom: 1px #016984 solid;
}

.descripcion_campos_lista{
	background-color: #009ACA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	height: 22px;
	padding-left: 3px;
	border-bottom: 1px #016984 solid;
	background-image: url(../img/degradado_azulado.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.dcl{
	background-color: #009ACA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: white;
	height: 22px;
	padding-left: 3px;
	border-bottom: 1px #016984 solid;
	background-image: url(../img/degradado_azulado.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

.linia_par_normal{
	background-color: #D6ECFC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding: 2px;
	border-bottom: 1px #90CFF3 solid;
}

.color_unitats{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #096179 !important;
	padding: 2px;
}

.linia_par_arxius_normal{
	background-color: #D6ECFC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding: 2px;
	border-bottom: 1px #90CFF3 solid;
}

.linia_par_resaltada{
	background-color: #BBD4E3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding: 2px;
	border-bottom: 1px solid #99BFD5;
	border-left: 1px solid #99BFD5;
	border-right: 1px solid #99BFD5;
}

.linia_par_arxius_resaltada{
	background-color: #BBD4E3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding: 2px;
	border-bottom: 1px solid #99BFD5;
	border-left: 1px solid #99BFD5;
	border-right: 1px solid #99BFD5;
}

.linia_par_resaltada_naranja{
	background-color: #E1B492;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding-left: 4px;
	border-bottom: 1px solid #C0A691;
	border-left: 1px solid #AD9B8C;
	border-right: 1px solid #AD9B8C;
}

.linia_impar_normal{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding: 2px;
	border-bottom: 1px #90CFF3 solid;
}

.lin{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding: 2px;
	border-bottom: 1px #90CFF3 solid;
}

.linia_impar_arxius_normal{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding: 2px;
	border-bottom: 1px #90CFF3 solid;
}

.linia_impar_resaltada{
	background-color: #EBEBEB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding: 2px;
	border-bottom: 1px solid #99BFD5;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
}

.linia_impar_arxius_resaltada{
	background-color: #EBEBEB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding: 2px;
	border-bottom: 1px solid #99BFD5;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
}

.linia_impar_resaltada_naranja{
	background-color: #FFC297;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding-left: 4px;
	border-bottom: 1px solid #C0A691;
	border-left: 1px solid #CBA991;
	border-right: 1px solid #CBA991;
}

.tabla_lista{
	border: 1px #096179 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: black;	
}

.tabla_lista_arxius{
	border: 1px #096179 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: black;	
}

.tabla_pedido_par{
	border: 1px #096179 solid;
}

.tabla_pedido_impar{
	border: 1px solid gray;
}

.campos_pedido_par{
	background-color: #CBE6F6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding-left: 3px;
}

.campos_pedido_par2{
	background-color: #CBE6F6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding-left: 3px;
	border-bottom: 2px solid #90CFF3;
}

.campos_pedido_impar{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding-left: 3px;
}

.campos_pedido_impar2{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding-left: 3px;
	border-bottom: 2px #cccccc solid;
}

.linias_pedido_par{
	background-color: #CBE6F6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding-left: 4px;
	border-bottom: 1px #90CFF3 solid;
	padding-left: 10px;
}

.linias_pedido_impar{
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	height: 22px;
	padding-left: 4px;
	border-bottom: 1px solid #cccccc;
	padding-left: 10px;
}

.link_menu:ACTIVE, .link_menu:VISITED, .link_menu:LINK{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: white;
	text-decoration: none;
}

.link_menu:HOVER{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #016984;
	text-decoration: none;
}

.td_banner{
	padding: 4px;
	text-align: center;
	vertical-align: middle;
}

.img_banner{
 border: 1px #016984 solid;
}

.linia_puntos{
	background-attachment: fixed;
	background-position: center center;
	background-image: url(../img/bg_bluepoints.gif);
	background-repeat: repeat-x; 
}

.button_demanda{
	width: 110px;
	height: 17px;
	background-color: #009ACA;
	border: 1px solid #007995;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.link_producto:ACTIVE, .link_producto:VISITED, .link_producto:LINK{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: black;
	text-decoration: underline;
}

.link_producto:HOVER{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #ff710f;
	text-decoration: underline;
}

.link_datos_legales:ACTIVE,.link_datos_legales:VISITED,.link_datos_legales:LINK{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: #A0BFC7;
	text-decoration: underline;
}

.link_datos_legales:HOVER{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	color: white;
	text-decoration: underline;
}

.pie{
	background-color: #016984;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #A0BFC7;
	padding: 1px;
}

.benvinguda{
	background-color: #016984;
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 1px;
}


.leyenda_iconos{
	background-color: white;
	padding-top: 2px;
	border-top: 1px dashed black;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
	vertical-align: middle;
}

.textbox{
	border: 1px #009ACA solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #016984;
	height: 20px;
}

.lista{
	border: 1px #009ACA solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #016984;
}

.bg_demanda{
	background-image: url(../img/bg_demanda.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.cabecera{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:  #016984;
}
.texto_negrita{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

/*** CSS AFEGIT! ***/

td.pestanyasubneg {

}

.pestanyasub a, .pestanyasub_off a {
	color: #ffffff;
	text-decoration: none;
}

.pestanyasub, .pestanyasub_off {
	padding: 6px 4px 4px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	background-image: url(../img/pestanya_inactiva.gif);
	background-repeat: no-repeat;
	width:89px;
}

.pestanyasubneg a, .pestanyasubneg_off a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.pestanyasubneg, .pestanyasubneg_off {
	padding: 4px 4px 2px 4px;
	_padding: 6px 4px 4px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	background-image: url(../img/pestanya_inactiva.gif);
	background-repeat: no-repeat;
	width:89px;
}

.pestanyasub_off  {
	background-image: url(../img/pestanya_activa.gif);	
}

.pestanyasubneg_off  {
	background-image: url(../img/pestanya_activa.gif);	
}

.subfamilies {
	float: left;
   border: 1px solid #10ABD4;
	margin-right: 2px;
	padding: 2px;
	background-color: #D6ECFC;
}

table#lista2 {
	bordeR: 1px solid #10ABD4 !important;
	width:75%;
   _width:73%;
_float: right;
}

table.productes{
	border: 1px #096179 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	/*_margin-left: 150px !important;*/

}

.subfamilies td {
	padding: 5px 15px 5px 20px;
	_padding: 5px 15px 5px 15px;
	background-color: #ffffff;
}

.subfam, .subfam_mes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #016984;
	padding-left: 19px !important;
}

.subfam_mes a, .subfam_mes_off a {
	color: #016984;
	text-decoration: none;
}

.subfam_mes {
	background-image: url(../img/desplega.gif);
	background-repeat: no-repeat;
   background-position: 3px 7px;
}

a.product {
color: #10ABD4;
text-decoration: none;
}

a:hover.product {
border-bottom: 1px dotted #10ABD4; 
color: #016984;
}

.item_producte{
	padding-bottom: 10px;
	padding-right: 3px;
}


.item_producte2{
	padding-bottom: 10px;
	padding-right: 3px;
height: 200px;
}

.nom_prod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #016984;
	background-color: #D6ECFC;
	padding: 4px;
	margin: 4px 0px 4px 3px;
}

.text_prod {
	background-color: #ffffff;
	color: #009ACA;
	font-size: 12px;
	padding: 0px;	
} 

img.text_prod {
	border: 1px solid #4CC2E0;
	margin: 4px 0px 0px 3px;
max-height: 175px;
}

.blavet {
	border: 1px solid #60CCE7;
	height: 80px;
}

.prod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 5px;
	color: #009ACA;
}

.agrupa_dades {
	border: 1px solid #60CCE7; 
	height: 110px;
	width: 312px;
	float: right;
	margin: 4px 0px 0px 0px; 
}

.agrupa_dades2 {
	border: 1px solid #60CCE7; 
	height: 190px !important;
	_height: 110px;
	width: 312px !important;
	_width: 300px !important;
	float: right;
	margin: 4px 0px 0px 0px; 
}


.dades { 
   color:#009ACA;
	margin: 4px 0px 0px 4px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	width: 135px;
   height: 90px;
   _height: 0px;
}

img.icona {
	float: left;
	margin-top: 65px;
	margin-left: 17px;
	_margin-left: 10px;
	border: none;
}

img.left{
margin-left: 150px;
}

/********** demandes actives css *******/
.item_producte2{
	padding-bottom: 10px;
	padding-right: 3px;
}

.nom_prod2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #016984;
	background-color: #D6ECFC;
	padding: 4px;
	margin: 4px 0px 4px 3px;
}

.text_prod2 {
	background-color: #ffffff;
	color: #009ACA;
	font-size: 12px;
	padding: 0px;	
} 

img.text_prod2 {
	border: 1px solid #4CC2E0;
	margin: 4px 0px 0px 3px;
}

.blavet2 {
	border: 1px solid #60CCE7;
	height: 80px;
}

.prod2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 5px;
	color: #009ACA;
}

.agrupa_dades2 {
	bordeR: 1px solid #60CCE7; 
	height: 80px;
	_height: 82px;
	width: 405px;
	margin: 4px 0px 0px 4px; 
}

.dades2 { 
   color:#009ACA;
	margin: 4px 0px 0px 4px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	width: 135px;
   height: 80px;
   _height: 0px;
}

img.icona2 {
	float: left;
	margin-top: 65px;
	margin-left: 17px;
	_margin-left: 10px;
	border: none;
}

img.left2{
margin-left: 150px; }

a.ayuda {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#009ACA;
text-decoration: none;
color:#FFFFFF;
display: block;
padding: 7px 0px 7px 0px;
margin: 0px 0px 0px 0px;
border: 1px solid #B9D1D7;
text-transform: uppercase;
}

a:hover.ayuda {
background-color: #016984;
}

.tdayuda {
background-color: #10ABD4;
}

#formm {
	height: 30px;
	_height: 20px;
	padding-bottom: 10px;
}

form.demana_comanda {
margin: 2px 4px 10px 0px;
_margin: 2px 1px 10px 0px;
float: right;
}

a.ofertas {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#016984;
text-decoration: none;
background-color: #FFFFFF;
display: block;
padding: 2px 10px 2px 10px;
margin: 0px 0px 0px 0px;
border: 1px solid #B9D1D7;
text-transform: uppercase;
}

a:hover.ofertas {
background-color: #FFFFFF;
border: 1px solid #B9D1D7;
}