/* $Id: style.css,v 1.13 2006/04/03 22:20:48 unconed Exp $ */ /*

** HTML elements

*/ /*

FONDO NARANJA MENÚ DADOS: E6C305

FONDO NARANJA MENÚ ACCESORIOS: E6A606  
AZUL PLASTICO: 83BEFA

AZUL METAL: D7D9D8

AZUL MADERA: FBE776

AZUL FOAM: 8EE49B

FONDO NARANJA MENÚ DADOS: <color><param>FFFF,1609,1C13</param>E6C305</color>
FONDO NARANJA MENÚ ACCESORIOS:

<color><param>FFFF,15EE,1EFC</param>E6A606</color>
AZUL PLASTICO: <color><param>FFFF,15C8,21DC</param>83BEFA</color>
AZUL METAL: <color><param>FFFF,12A0,1EB4</param>D7D9D8</color>
AZUL MADERA: <color><param>FFFF,0F48,1E62</param>FBE776</color>
AZUL FOAM: <color><param>FFFF,0BE7,1E07</param>8EE49B</color>

*/

body {
	padding: 0;
	color: #000;
	background-color: #aaa;
	font: 76% Arial, Verdana, Helvetica, sans-serif;
}
body.popup {
	width: 469px;
}
tr.odd td,tr.even td {
	padding: 0.3em;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom: 0.5em;
}
h1 {
	font-size: 1.3em;
}
h2 {
	font-size: 1.2em;
}
h3,h4,h5,h6 {
	font-size: 1.1em;
}
p {
	margin-top: 0.5em;
	margin-bottom: 0.9em;
}
a {
	text-decoration: none;
}
a:link {
	color: #222;
}
a:visited {
	color: #222;
}
a:hover {
	text-decoration: underline;
}
fieldset {
	border: 1px solid #ccc;
}
.clear {
	clear: both;
}
table {
	font-size: 1em;
}
.form-item label {
	font-size: 1em;
	color: #222;
}
.item-list .title {
	font-size: 1em;
	color: #222;
}
.links {
	margin-bottom: 0em;
}
.comment .links {
	margin-bottom: 0em;
}
/*

** Page layout blocks / IDs

*/

#header,#content {
	width: 100%;
}
#logo img {
	float: left;
	padding: 0;
	border: 0;
	width: 112px;
	border-right: 1px solid #E6A606;
}
#menu {
	padding: 0.5em 0.5em 0 0.5em;
	text-align: right;
	vertical-align: middle;
}
#primary {
	float: left;
	margin-top: 10px;
	font-size: 1em;
	width: auto; /*añadido por fernando 030508 */
    min-width: 350px;/* width: 500px; */ 
	padding: 0;
	color: #E6A606;
	/* border-top: 1px solid #E6A606;*/

}
h2#slogan{
	text-align: center;
	border-bottom: 1px solid #E6A606;
	padding-bottom: 10px;
	margin-bottom: 0px;
}#primary a {
	font-weight: bold;
	padding: 0 0.3em;
	color: #000;
}
#title {
	float: left;
	margin: 20px 0 0 10px;
	padding: 0;
	text-align: center;
}
#title h1 a:link,#title h1 a:visited {
	font-size: 1.1em;
	color: red;
	margin: 0;
	line-height: 0.8em;
}
#title h1 a:hover {
	text-decoration: none;
}
#title h4 a {
	margin: 0;
	line-height: 0.8em;
}
#lang {
	float: right;
	margin: 20px 5px 0 0px;
	padding: 0;
}
#lang ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#lang ul li {
	float: left;
	margin-left: 5px;
}
.site-slogan {
	font-size: 1em;
	color: #eee;
	display: block;
	margin: 0em 0em 0em 0em;
	font-style: italic;
	font-weight: bold;
}
#hd {
	background: url(/images/fons.jpg) repeat-x top left;
}
#bd {
	background: url(/images/fons_interior.jpg) no-repeat right bottom;
}
.confirmacio{
	padding: 5px;
}
#yui-main {
	padding: 10px;
	background-color: #fff;
}
/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/

.title,.title a {
	font-weight: bold;
	font-size: 1.3em;
	color: #777;
	margin: 0 auto 0 auto; /* decrease default margins for h<x>.title */
}
#banda {
	clear: both;
	height: 19px;
	line-height: 19px;
	background: url(/images/banda.jpg) repeat-x;
	font-size: 0.86em;
	text-align: center;
	margin: 0;
	font-weight: bold;
}
#banda p{
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 19px;
}
#sidebar {
	border-right: 1px solid black;
	width: 210px;
	height: 570px;
	background: #85d02d none repeat scroll 0%;
}

#sidebar h3 {
	margin: 0;
	padding: 0 0 0 8px;
	line-height: 25px;
	background: #5e5e5e;
	color: #fff;
	font-size: 1.1em;
	border-bottom: 1px solid #fff;
}
#sidebar ul {
	list-style: none;
	margin: 0;
}

#sidebar ul.menu1 {
	background: #e6c305;
}

#sidebar ul.menu2 {
	background: #85d02d;
}

#sidebar ul li {
	margin: 0;
	/*	_margin-top: -3px;*/ /*   padding: 2px 0 2px 20px;*/
	padding: 0 0 0 20px;
	display: block;
	font-size: 0.90em;
	font-weight: bold;
	/*   width: 160px;*/
	text-decoration: none;
	color: #fff;
}

#sidebar ul.menu1 li {
	border-top: 1px solid #ffdd49;
	border-bottom: 1px solid #d5a915;
}
#sidebar ul.menu2 li {
	border-top: 1px solid #aded61;
	border-bottom: 1px solid #75b624;
}
#sidebar li a {
	display: inline; /* modificado por fernando para añadir numero articulos pedidos en intranet display: block; */
	font-weight: bold;
}
#sidebar li a:link,#sidebar li a:visited {
	color: #222;
}

#sidebar li a:hover {
	text-decoration: underline;
}
#sidebar li a.active {
	color: #fff;
}

h1.daus {
	line-height: 30px;
	border-bottom: 1px solid #aaa;
	color: #000;
}
.daus a {
	color: #e6c305;
}
#access_header h1 {
	line-height: 30px;
	color: #85d02d;
}
#access_header img {
	float: left;
}
#access_header p {
	float: left;
	width: 70%;
	margin-left: 10px;
}
#access_header {
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
}
#doc {
	border: 1px solid #666;
	background-color: #fff;
}
.clear {
	clear: both;
}
#main h1.title {
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin: 10px 0;
	padding: 10px 0 0px;
}
.node .item {
	clear: both;
	margin: .5em 0 2em 0;
	border-bottom: 1px solid #83BEFA;
}
.node .item .content {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	float: right;
	width: 450px;
}
.node .item img {
	border: 1px solid #ddd;
	float: left;
	margin: 0;
}
.node .item a.edit {
	font-size: 0.9em;
}
.node .links {
	clear: both;
}
#home {
	background: url(/images/fons_portada.jpg) no-repeat bottom left;
	height: 450px;
	text-align: center;  /*añadido por fernando */
}
#home #slogan {
	/*float: left;
	margin: 30px 0 0 370px; comentada por fernando*/
	margin: 30px auto 0 auto;
	_margin-left: 180px;
}
#home #bloquecentral {
	margin: 20px auto 0 auto;
	_margin-left: 180px;
	width: 440px;
	text-align:left;
}
#home #daus {
	float: left;
	margin-right: 10px;
	width: 220px;
	height: 305px;
	background: #e6c305;
}
#home #accessoris {
	float: left;
	width: 210px;
	background: #85d02d url(/images/home2_bottom_list_accessorios.jpg)
		no-repeat bottom left;
	height: 305px;
}
#home h3,#home #bloquecentral #daus h1, #home #bloquecentral #accessoris h1 {
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin: 0;
	color: #fff;
	font-size:1.1em;
}
#home #bloquecentral #daus h1 {
	background: url(/images/gris_dados.jpg) no-repeat top left;
}
#home #bloquecentral #accessoris h1 {
	background: url(/images/gris_accesorios.jpg) no-repeat top left;
}
#home ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#home li a {
	color: #000;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	text-indent: 10px;
	font-size: 0.9em;
}
#home #daus li a {
	border-top: 1px solid #ffdd49;
	border-bottom: 1px solid #d5a915;
}
#home #accessoris li a {
	border-top: 1px solid #aded61;
	border-bottom: 1px solid #75b624;
}
#home li a:hover {
	text-decoration: underline;
}
#materials ul {
	margin: 0;
}
#materials li {
	list-style: none;
	float: left;
	margin: 0;
	border: none;
}
#materials li a {
	display: block;
	width: 98px;
	height: 19px;
	line-height: 19px;
	text-decoration: none;
	font-size: 0.85em;
	margin-left: 20px;
	_margin-left: 5px;
	text-align: center;
	color: #000;
}
#materials li a.mat_1,#materials li a.mat_5 {
	background: url(/images/mat_plastico.jpg) no-repeat top left;
}
#materials li a.mat_2,#materials li a.mat_6 {
	background: url(/images/mat_metal.jpg) no-repeat top left;
}
#materials li a.mat_3,#materials li a.mat_7 {
	background: url(/images/mat_madera.jpg) no-repeat top left;
}
#materials li a.mat_4 {
	background: url(/images/mat_foam.jpg) no-repeat top left;
}
#fitxa {
	text-align: left;
	margin: 0;
	padding: 0;
}
#fitxa img.logo {
	margin: 0;
}
#fitxa img#img2 {
}
#fitxa img#img3 {
	margin-top: 10px;
}
#fitxa .content {
	padding: 15px;
}
#fitxa .content img {
	float: left;
	border: 1px solid #666;
	margin-right: 15px;
}
#fitxa .tecnic {
	width: 100%;
	padding-left: 15px;
}
#fitxa .tecnic img {
	margin-top: 30px;
}
#fitxa .footer {
	clear: both;
	position: absolute;
	bottom: 10px;
	background: #fff;
	border-top: 1px solid #E6C305;
	padding: 5px;
	width: 469px;
}
#fitxa .footer p {
	font-size: 0.75em;
	text-align: center;
}#einespopup {
	position: absolute;
	top: 5px;
	right: 20px;
	color: red;
}

#einespopup img{
	border: 0;
}

@media print {
   #einespopup {visibility: hidden;overflow: hidden;width: 0px;height: 0px;}
}

#tancar {
	position: absolute;
	top: 5px;
	right: 20px;
	color: red;
}
.descrip {
	color: #48619a;
}
.descrip strong {
	color: #000;
}
.descrip h4 {
	color: #000;
}
tr.fila td {
	border-bottom: 1px solid #aaf;
	padding: 5px 0;
}
tr.fila td.dau a img {
	border: 1px solid #aaa;
}
tr.fila td.amplia a img {
	float: right;
	margin: 30px 0 0 0;
}
#pager {
	float: right;
	margin: 10px 0;
}
#pager a {
	text-decoration: underline;
}
input.error {
	border: 1px solid red;
}
p.error {
	margin: 3px 0;
	padding: 3px;
	color: red;
	background: #eee;
}
ul.error {
	list-style: none;
	color: red;
	margin: 0;
	padding: 5px 10px;
	font-size: 1.1em;
}

div.form_error{
	color:#F00;
	display:inline;
}

/* **************************** */
/* ***** Confirmacio ********** */
/* **************************** */

tbody.pedido, tbody.dades {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
.titol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight:bold;
	border-top: 1px dotted #000;
	margin: 10px 0;
}