body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/img01.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #b45952;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 167%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, ol, ul {
	line-height: 180%;
}

p {
}

ol {
}

ul {
}

blockquote {
	margin: 0;
	padding-left: 20px;
	border-left: 10px solid #E6E6E6;
	font-style: italic;
	color: #999999;
}

blockquote * {
	line-height: normal;
}

a {
	color: #b35951;
	font-weight:bold;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

hr {
	display: none;
}

/* Header */

#header {
	width: 1024px;
	height: 90px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	padding-top: 10px;
}

#logo h1, #logo h2 {
	margin: 0;
	padding-left: 60px;
	font-weight: normal;
	color: #E06529;
}

#logo h1 {
	font-weight: bold;
}

#logo h2 {
	font-size: 92%;
}

#logo a {
	text-decoration: none;
}

/* Top Menu */

#topmenu {
	float: right;
}

#topmenu ul {
	margin: 0;
	padding: 32px 0 0 0;
	list-style: none;
	line-height: normal;
}

#topmenu li {
	display: inline;
}

#topmenu a {
	padding: 0 20px;
	border-left: 1px solid #E06529;
	text-decoration: none;
	font-size: 92%;
}

#topmenu a:hover {
	text-decoration: underline;
}

#topmenu .first a {
	border: none;
}

/* Header 2 */

#header2 {
	width: 1024px;
	height: 150px;
	margin: 0 auto;
}

#language
{
	float:right;
	margin-top:10px;
	color: #72579e;
}

#language a
{
	text-decoration:none;
	color: #72579e;
}

#language a:hover
{
	text-decoration:underline;
}

/* Menu */

#menu {
	background: url(../images/img03.jpg);
	float: left;
	width: 200px;
	height: 150px;
	margin-top:-7px;
}

#menu ul {
	margin: 0;
	padding: 2px 20px 2px 20px !important;
	padding: 6px 20px 2px 20px;
	list-style: none;
	line-height: normal;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	display: block;
	padding: 3px;
	background: url(../images/img05.gif) repeat-x;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .first a {
	background: none;
}

/* Splash */

#splash {
	float: left;
	width: 554px;
	height: 170px !important;
	height: 150px;
	margin-top:-7px;
}


/* Menu2 */

#menu2 {
	background: url(../images/img03bis.jpg);
	float: right;
	width: 270px;
	height: 150px;
	margin-top:-7px;
}

#menu2 ul {
	margin: 0;
	padding: 5px 15px 0 15px;
	list-style: none;
	line-height: normal;
}

#menu2 li {
	display: inline;
}

#menu2 a {
	display: block;
	padding: 8px 10px;
	background: url(../images/line.gif) no-repeat;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
	color: #72579e;
}

#menu2 a:hover {
	text-decoration: underline;
}

#menu2 .first a {
	background: none;
}


/* Page */

#page {
	width: 1024px;
	margin: 0 auto;
	padding: 30px 0;
}

/* Content */

#contentALL {
	float: left;
	width: 1024px;
	padding-right: 20px;
	min-height: 385px;
  	height: auto !important;
	height: 372px;
}

#content2 {
	float: left;
	width: 540px;
	padding-right: 20px;
	min-height: 385px;
  	height: auto !important;
	height: 372px;
}

#content {
	float: left;
	width: 740px;
	padding-right: 0;
	min-height: 385px;
  	height: auto !important;
	height: 372px;
}

#content ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#content ul li {
	padding-left: 15px;
/*	background: url(../images/img08.gif) no-repeat 0 8px;
*/}

#content ul li a {
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}

#content ul li a:hover {
	text-decoration:underline;;
}

#content ol {
	margin-left: 0;
	padding-left: 0;
	list-style: lower-alpha inside;
}

#content h2 {
	padding: 5px;
	font-size:1.5em;
}

#content p {
	padding-left: 5px;
}

#content .content {
	padding: 10px;
	background: url(../images/img10.gif) no-repeat;
}

#content .twocols {
	height:220px;
}

#content .twocols ul li {
	background: url(../images/img08.gif) no-repeat 0 8px;
}

#content .twocols .list {
	margin:10px 0 0 20px;
}

#content .twocols .col1 {
	float: left;
	padding-right:20px;
	width: 350px;
}

#content .twocols .col2 {
	float: left;
	padding-right:20px;
	width: 350px;
}

#content .twocols2 {
}

#content .twocols2 .col1 {
	float: left;
	padding-right:40px;
	width: 200px;
}

#content .twocols2 .col1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .twocols2 .col1 li {
	margin-bottom: 20px;
	background: #E6E6E6 url(../images/img07.gif) no-repeat left bottom;
}

#content .twocols2 .col1 ul {
	padding: 10px 20px;
	font-size: 92%;
}

#content .twocols2 .col1 li {
	margin: 0;
	padding: 5px 0;
	background: none;
	border-top: 1px dotted #CDCDCD;
	width:100% !important;
	width:90%;
}

#content .twocols2 .col1 .logoFam {
	margin-left: 30px;
}

#content .twocols2 .col1 h2 {
	height: 30px;
	margin: 0;
	padding: 6px 0 0 10px;
	background: url(../images/img06.jpg) no-repeat;
	text-transform:capitalize;
	font-weight: bold;
	color: #fff;
	font-size:1.2em;
}

#content .twocols2 .col2 {
	float: left;
	width: 500px;
}

#content .twocols2 .col2 h1{
	text-transform:capitalize;
}

#content .twocols2 .col2 .producte h2{
	color:#777;
	font-size:1.4em;
	border-bottom:1px solid #ccc;
}

#content .twocols2 .col2 .imatge{
	width:100%;
	margin:0 auto;
	padding: 10px 0 10px 0;
}

#content .twocols2 .col2 .descripcio{
	width:100%;
	vertical-align:top;
	padding: 10px 0 10px 0;
}

#content .twocols2 .col2 .referencia{
	width:100%;
	padding: 10px 0 10px 0;
}

#content .twocols2 .col2 .referencia ul li{
	background: url(../images/img08.gif) no-repeat 0 8px;
}

#welcome {
	margin-bottom:50px;
}

.avis {
	width:100%;
	margin:15px 0 0 0;
	padding:5px;
	border:2px solid #ccc;
}

.galeria {
	width: 100%;
	padding-top:20px;
}

.carousel-component { 
	padding:8px 16px 4px 16px;
	margin:auto;
}

.carousel-component .carousel-list li {
	margin:4px;
	width:79px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	height:93px; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li a { 
	display:block;
	border:1px solid #e2edfa;
	outline:none;
}

.carousel-component .carousel-list li a:hover { 
	border: 1px solid #aaaaaa; 
}

.carousel-component .carousel-list li img { 
	border:1px solid #999;
	display:block; 
}
								
.carousel-component .carousel-prev { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

.carousel-component .carousel-next { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}

#contacto {
  padding: 0;
  margin: 0 0 0 50px;
}

#contacto label {
  float: left;
  width: 30%;
  vertical-align: top;
}

#contacto input, select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background:#F7F7F7;
  width:300px;
  border: 1px solid #CCC;
}

.none{
  padding: none;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background:none;
  width:100%;
  border: none;
}

#contacto textarea {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #999;
  background: #F7F7F7;
  width:300px;
  border: 1px solid #CCC;
}

#contacto input.button {
  padding: 2px 5px;
  margin-left:345px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color: #fff;
  background: #b35951;
  width:100px;
  border-width: 1px;
  border-style: solid;
  border-color: #b35951 #999 #999 #b35951;
}

#contacto input:focus,
#contacto input:hover,
#contacto textarea:focus,
#contacto textarea:hover,
#contacto select:focus,
#contacto select:hover {
  color: #000;
  background: #eee3e7;
  border: 1px solid #888;
}

#contacto input.button:focus,
#contacto input.button:hover {
  background: #b35951;
  border: 1px solid #888;
  font-weight:bold;
  color:#fff;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 220px;
	clear:none !important;
	clear:both;
}

#sidebar .noEstilo li {
	background: #fff;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 20px;
	background: #eee3e7 url(../images/img07.gif) no-repeat right bottom;
}

#sidebar li ul {
	padding: 10px 20px;
	font-size: 92%;
}

#sidebar li li {
	margin: 0;
	padding: 5px 0;
	background: none;
	border-top: 1px dotted #CDCDCD;
}

#sidebar h2 {
	height: 30px;
	margin: 0;
	padding: 6px 0 0 10px;
	background: url(../images/img06.jpg) no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

#sidebar h3 {
	margin: 0;
}

#sidebar p {
	margin: 0;
	line-height: normal;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

#sidebar .first {
	border: none;
}

#sidebar form{
	width:200px;
	padding:10px 10px;
	margin:0;
}

#sidebar form input.txtBox{
	width:150px;
	height:19px;
	color:#000;
	background-color:#fff;
	margin:0 0 10px 20px;
	padding:0;
}

#sidebar form a{
	float:left;
	padding:0 0 0 14px;
	width:79px;
}

#sidebar form input.login{
	width:75px;
	cursor:pointer;
	margin:0 0 0 8px;
}

#sidebar form.pedido{
	width:200px;
	font-size: 90%;
	text-align:left;
}

#sidebar form.pedido h3{
	clear:both;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}

#sidebar form.pedido label{
	float:left;
	height:20px;
}

#sidebar form.pedido input.txtBox{
	float:right;
	width:80px;
	height:17px;
	margin:0 0 5px 0;
}

#sidebar form.pedido input.button{
	width:75px;
	cursor:pointer;
	margin-top:5px;
}

#sidebar2 {
	float: right;
	width: 420px;
	clear:none !important;
	clear:both;
}

#sidebar2 h2 {
	padding: 0;
	font-size:1.7em;
	font-weight:bold;
	margin-bottom:10px;
}

.sideContacto {
	margin-bottom:20px;
}

.altaDis{
	margin-left:32px;
	padding-bottom:10px;
}

.funcionsPedido{
	padding-bottom:15px;
	text-align:center;
}

.error{
	background:#b35951 !important;
	background:;
	margin: 5px auto;
	font-weight:bold;
	text-align:center;
	color:#fff !important;
	color:#b35951;
}

table.productes
{
	empty-cells: show;
	margin: 0;
	padding: 5px;
	text-align:left;
	width:100%;
}

table.productes tbody th
{
	padding: 10px 0;
}

table.productes tbody td
{
	border-bottom:1px dotted #ccc;
	padding-bottom: 20px;
	padding-top:5px;
}

table.productes a
{
	text-decoration:none;
	color:#666;
}

table.detalle
{
	border: 0px;
	empty-cells: show;
	font-size: 90%;
	margin: 0 0 10px 0;
	padding: 5px;
	text-align:left;
	width:100%;
}

table.detalle thead th
{
	border: 0;
	border-bottom: 1px solid #ddd;
	font: bold 1.1em Geneva, Arial, Helvetica, sans-serif;
	/*color:#3d689b;*/
	padding: 3px 0;
	margin: 0 0 5px 0;
	text-align: left;
}

table.detalle tbody tr.c0
{
	background-color:#eee3e7;
	cursor:pointer;
}

table.detalle tbody tr.c1
{
	background-color:#fff;
	cursor:pointer;
}

table.detalle tbody tr.c0:hover,
table.detalle tbody tr.c1:hover
{
	background-color:#8272CF;/*#72579e;#FFBE69;*/
}

table.detalle tbody td
{
	color:#3d689b;
	padding: 2px;
	border: 0;
}

table.detalle tbody tr.c0:hover td,
table.detalle tbody tr.c1:hover td
{
	color:#fff;
}

table.resultado
{
	border: 0px;
	empty-cells: show;
	font-size: 100%;
	margin: 0 0 10px 0;
	padding: 5px;
	text-align:left;
	width:100%;
}

table.resultado thead th
{
	border: 0;
	border-bottom: 1px solid #ddd;
	font: bold 1.1em Geneva, Arial, Helvetica, sans-serif;
	color:#72579e;
	padding: 3px 0;
	margin: 0 0 5px 0;
	text-align: left;
}

table.resultado tbody tr.c0
{
	background-color:#eee3e7;
	cursor:pointer;
}

table.resultado tbody tr.c1
{
	background-color:#fff;
	cursor:pointer;
}

table.resultado tbody tr.c0:hover,
table.resultado tbody tr.c1:hover
{
	background-color:#8272CF;/*#72579e;#FFBE69;*/
}

table.resultado tbody td
{
/*	color:#3d689b;
*/	padding: 10px;
	border: 0;
}

table.resultado tbody tr.c0:hover td,
table.resultado tbody tr.c1:hover td
{
	color:#fff;
}

table.resultado a
{
text-decoration:none;
color:#666;
}

.novedades {
	width:100%;
	margin-left:10px;
	font-weight:bold;
	text-transform:capitalize;
}

#accions a {
	text-decoration:none;
}

#accions a:hover {
	font-size:105%;
}

#accions2 a {
	text-decoration:none;
}

#accions2 a:hover {
	font-size:105%;
}

/* Footer */

#footer-wrapper {
	height: 60px;
	padding: 10px 0;
	background: #eee3e7;
	border-top: 10px solid #72579e;
}

#footer {
	width: 1024px;
	margin: 0 auto;
}

#footer p {
	margin: 0;
	line-height: normal;
}

#footer a {
	color: #666666;
}

#legal {
	float: left;
	padding: 10px 0 10px 0px;
}

#links {
	padding: 10px 0 0 0;
}


/*accordian meu*/
#accordian{
	width:700px;
	z-index:2;
	margin:0 auto;
}

.accordion_headings{
	padding:7px 10px;
	background:url(../images/item_bg.jpg) left top no-repeat;
	color:#FFFFFF;
	margin-top:2px;
	cursor:pointer;
	font:170% Trebuchet MS;
	letter-spacing:1px;
	clear:both;
}

.accordion_headings:hover{
	background:url(../images/item_bg_hover.jpg) left top no-repeat;
}

.accordion_child{
	width:89%;
	padding:20px 30px;
	background:#fafafa;
	border:5px solid #f4f4f4;
	padding-left: 20px;
}

.accordion_child table {
	width:100%;
	margin-left:20px;
}

.accordion_child th {
	width:33%;
	text-align:left;
}

.accordion_child td {
	width:33%;
}

.accordion_child h2 {
	font:170% Arial;
	margin:10px 0 20px;
	padding:10px 0;
	color:#B02700;
	border-bottom:1px solid #eee;
	background:url(../images/h2.jpg) bottom left no-repeat;
}

.accordion_child ul {
	margin:25px 0 25px 0px;
}

.accordion_child ul li {
	list-style:none;
	padding-left:20px;
	margin:10px 0;
	background:url(../images/bullet.gif) left no-repeat;
	border-bottom:1px solid #eee;
	padding-bottom:10px;
	line-height:19px;
}
.accordion_child a {
	color:#666;
	text-decoration:none;
}

.accordion_child a:hover {
	text-decoration:none;
}

.accordion_child ul.links li {
	background:url(../images/link.gif) left no-repeat;
}
