@charset "utf-8";
/* CSS Document */

html{
overflow: scroll;
}

body{
text-align: center;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a{
color: #503626;
}

h1{
margin-top: 10px;
margin-bottom: 5px;
font-size: 20px;
}

h2{
font-size: 15px;
color: #503626;
font-weight:bold;
margin-top: 0px;
margin-bottom: 0px;
}

h3{
font-size: 13px;
color: #503626;
font-weight:bold;
margin-top: 0px;
margin-bottom: 0px;
}

img{
border: none;
}

#container{
text-align: left;
margin-left: auto;
margin-right: auto;
width: 900px;
}

#div-logo{
color: grey;
font-size: 10px;
height: 30px;
}

#div-logo p{
padding-top: 15px;
}

#div-idiomes{
background-color: #5d2f1f;
color: white;
height: 24px;
}

#div-header-portada{
height: 270px;
overflow: hidden;
}

#div-header{
height: 156px;
background-repeat: no-repeat;
}

#txtportada{
font-size: 26px;
color: #FFFFFF;
text-align: right;
padding-right: 14px;
padding-top: 120px;
}

#content-container{
width: 100%;
overflow: auto;
}

#div-left{
width: 206px;
float: left;
}

#div-right{
width: 694px;
float: right;
}

#div-menu{
float: right;
width: 167px;
background-color: #cbb7ae;
}

#div-noticies{
float: left; 
padding: 30px 10px 20px 10px;
color: #503626;
background-image:url(../img/news-left.jpg);
background-position: 100% 10px;
background-repeat: no-repeat;
}

#foot{
color: grey;
font-size: 10px;
text-align: center;
margin-top: 10px;
}

p.idiomes{
padding: 0px; margin-top: 3px; margin-bottom: 0px; margin-right: 10px;
}

p.idiomes a{
color: white;
}

ul{
margin: 0px;
padding: 0px;
}

ul li{
background: url(../img/li-square.jpg) no-repeat 5px 6px;
list-style: none;
list-style-position: outside;
padding-left: 15px;
font-weight: bold;
}

ul ul{
padding-left: 15px;
}

ul ul li{
background: url(../img/li-line.jpg) no-repeat 5px 7px;
font-weight: normal;
}

div.aplicacions{
width: 300px;
background-color: #EBBDA3;
margin-bottom: 10px;
}

div.marges{
padding: 5px;
}

div.marges b{
font-size: 11px;
}

.tproductes th{
border-bottom: 1px solid white;
}

.tproductes td{
border-bottom: 1px solid white;
padding: 3px;
padding-left: 8px;
}

.tp-td1{
background-color: #efcdc4;
font-weight: bold; 
color: #d44719;
}

.tp-td1 a{
color: #d44719;
}

.tp-td2{
background-color: #e5a79a;
font-weight: bold; 
color: #d44719;
}



.tp-td3{
background-color: #e3e3e3;
font-weight: bold; 
color: #7e7e7e;
}

.tp-td3 a{
color: #7e7e7e;
}

.tp-td4{
background-color: #cccccc;
font-weight: bold; 
color: #7e7e7e;
}

/*###################
CSS pel menu dinamic
###################*/

div.sdmenu {
	width: 167px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #fff;
}
div.sdmenu div {
	/*background: url(title.gif) repeat-x;*/
	overflow: hidden;
}
div.sdmenu div:first-child {
	/*background: url(toptitle.gif) no-repeat;*/
}
div.sdmenu div.collapsed {
	height: 22px;
}
div.sdmenu div span {
  text-transform: uppercase;
	display: block;
	padding: 3px 10px;
	font-weight: bold;
	color: white;
	background-color: #c89a82;
	cursor: default;
	border-bottom: 1px solid #b0806a;
	cursor: pointer;
}
div.sdmenu div.collapsed span {
	/*background-image: url(collapsed.gif);*/
	color: white;
}
div.sdmenu div a {
	text-transform:none;
	padding: 3px 10px;
	background: #ebbda3;
	display: block;
	border-bottom: 1px solid #ddd;
	color: #623122;
	text-decoration: none;
	font-weight: bold;
}
div.sdmenu div a.current {
	background : #8e5e4a;
	color: #fff;
}
div.sdmenu div a:hover {
	/*background : #8e5e4a url(../img/linkarrow.gif) no-repeat right center;*/
	background : #8e5e4a;
	color: #fff;
	text-decoration: none;
}

div.sdmenu a {
	padding: 3px 10px;
	text-transform: uppercase;
	background: #c89a82;
	display: block;
	border-bottom: 1px solid #b0806a;
	color: white;
	text-decoration: none;
	font-weight: bold;
}
div.sdmenu a.current {
	background : #8e5e4a;
	color: #fff;
}
div.sdmenu a:hover {
	/*background : #8e5e4a url(../img/linkarrow.gif) no-repeat right center;*/
	background : #8e5e4a;
	color: #fff;
	text-decoration: none;
}

/*###################
fi CSS pel menu dinamic
###################*/


table.detallsproductes {
border: none;
background-color: #EFCDC4;
}

table.detallsproductes td {
padding: 2px 2px 2px 10px;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

table.detallsproductes th {
background-color: #EBBDA3;
padding: 2px 2px 2px 10px;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}

table.detallsproductes2 th {
padding: 2px 2px 2px 2px;
text-align:center;
}

table.vtd td{
color: #606060;
font-size: 11px;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
padding-top: 10px;
vertical-align: top;
}


/*###################
detall de productes
###################*/

table.tproductesD{

}

.tproductesD th{
background-color: black;
color: white;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
padding: 3px;
border-bottom: 2px solid white;
border-right: 1px dashed white;
vertical-align: top;
}

.tproductesD td{
background-color: #a84422;
color: white;
font-size: 12px;
padding: 3px;
border-bottom: 2px solid white;
border-right: 1px dashed white;
vertical-align: top;
}

.trcourehilo td{
background-color: #b95a3c;
}

.trcoureespeciales td{
background-color: #c67558;
}

.traluminipletina td{
background-color: #464241;
}

.traluminihilo td{
background-color: #706f6d;
}


.tdetallproductes{
border-right: 1px solid black;
border-bottom: 1px solid black;
}

.tdetallproductes td{
border-left: 1px solid black;
border-top: 1px solid black;
padding: 1px 3px;
text-align: center;
vertical-align: top;
}

.tdetallproductes th{
border-left: 1px solid black;
border-top: 1px solid black;
color: #5a312b;
font-size: 14px;
text-align: center;
}

/*###################
fi de detall de productes
###################*/