/* $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;

}



#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;
}