/* estils genèrics **************************************************** */
body{
	margin:7px;
	padding:0;
}

*{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

a{
	text-decoration:none;
}

a:hover{
	color:#666666;
}

img{
	border:0;
}

p{
	text-align:justify;
	margin:10px 0;
	padding:0;
	line-height:140%;
}

h1{
	color:white;
	font-size:11px;
	padding:3px;
	margin:0;
}

h1 a{
	color:white;
}

h1 a:hover{
	color: #CCCCCC;
}

h2{
	font-size:13px;
	color:red;
	font-weight:bold;
	margin:20px 0 10px 0;
	padding:0;
}

.marcgris{
	 border:1px solid #cccccc;
}

/* capçalera **************************************************** */
#header{
	background-color:#bbbbbb;
	height:98px;
	text-align:right;
	padding:0 30px 0 0;
	line-height:98px;
	font-weight:bold;
	margin-bottom:10px;
}

#header #logo{
	border-right:7px solid white;
	float:left;
}

#rastre{
	background-color:#CCCCCC;
	height:20px;
	line-height:20px;
	margin-left:107px;
	border-top:7px solid white;
	margin-top:-37px;
}

#rastre a{
	font-size:10px;
	text-decoration:none;
}

#titol_gen{
	margin:15px 0px;
}

#cercador{
	position:absolute;
	top:35px;
	right:35px;
	font-weight:bold;
}

#cercador form{
	margin:0;
	padding:0;
}

#cercador .form2bt{
	color:white;
	font-weight:bold;
	background-color:#F50000;
	border-left:1px solid white;
	border-top:1px solid white;
	border-right:1px solid black;
	border-bottom:1px solid black;
}

/* contingut de la plana **************************************************** */

#titol{
	margin:0px;
}

#conting{
	margin-bottom:30px;
	padding-left:14px;
}

#content{
	width:100%;
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
}

#content td, #content th{
	vertical-align:top;
	text-align:left;
}

/* menú esquerre **************************************************** */
#left{
	width:186px;
	margin:0;
	padding:0;
	border-left:1px solid #cccccc;
}

#left ul{
	margin:0 0 0 16px;
	padding:0;
	list-style:none;
}

#left li{
	padding:2px 0;
}

#left ul ul{
	margin-top:5px;
	margin-bottom:10px;
}

.destacat{
	margin-top:50px;
	font-weight:bold;
}

.d2{
	color:red;
}

.d2:hover{
	color:#666666;
}

/* contingut central **************************************************** */
#data{
	padding:0 15px;
}

#portada{
	text-align:center;
}

#portada ul{
	list-style:none;
}

#data form{
	margin:0;
	padding:0;
}

.fitxaprod{
	border-bottom:1px solid #cccccc;
	padding:3px 0;
}

.fitxaprod table{
	width:100%;
	border:0;
	border-collapse:collapse;
}

.fotoprod{
	text-align:left;
	width:112px;
}

.fotoprod img{
	border:1px solid #cccccc;
}

.dte{
	color:red;
	text-decoration:line-through;
}

.fprodinput{
	width:30px;
	font-weight:bold;
}

.detallimg{
	margin:15px 0;
	text-align:center;
}

.detallimg img{
	 border:1px solid #cccccc;
}

.detallart{
	width:100%;
	border:0;
	border-collapse:collapse;
	margin:0px;
}

.detallart td{
	vertical-align:top;
	padding:10px;
	color: #999999;
	line-height:170%;
	text-align:justify;
}

.detallart td strong{
	color: #999999;
	line-height:170%;
}

.detallart td a{
	text-decoration: none;
	font-weight: bold;
}

.detallart td a:hover{
	color: #999999;
}

.detallart_right{
	text-align:right; 
	vertical-align:middle !important;
}

/* carretó **************************************************** */
#carret{
	width:200px;
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
}

#carret h3{
	margin:0;
	padding:0;
	line-height:16px;
	font-size:11px;
	font-weight:bold;
	color:#666666;
}

#carret p{
	text-align:justify;
	font-size:10px;
	margin:2px 0 10px 0;
	padding:0;
	line-height:120%;
}

.numart{
	text-align:center;
	background-color:#bbbbbb;
	font-weight:bold;
	padding:2px 0;
}

.tbcarret{
	width:100%;
	border:0;
	border-collapse:collapse;
}

.tbcarret td{
	padding:2px;
	height:16px;
	border-bottom:1px solid #bbbbbb;
	font-size:10px;
}

.suma{
	text-align:center;
	background-color:#dddddd;
	font-weight:bold;
	padding:2px 0;
	color:#666666;
	border-top:1px solid #bbbbbb;
	margin-top:7px;
}

.validar{
	text-align:center;
	font-weight:bold;
	padding:2px 0;
}

.validar a{
	color:white;
}




/* peu de plana **************************************************** */

#botmenu{
	height:10px;
	font-weight: bold;
	padding:10px 0;
}

#botmenu a{
	color: #000000;
	text-decoration: none;
	padding-right:15px;
	border-right:1px solid #F50000;
}

#botmenu a:hover{
	color: #666666;
}

#foot{
	height:10px; 
	border-top: 1px solid #CCCCCC; 
	padding:4px;
	color: #F50000;
	font-weight:bold;
}

#foot b{
	color: #999999;
}

/* comanda **************************************************** */
#comanda{
	width:700px;
	margin:10px auto;
}

#comanda h2{
	padding:3px 5px;
	text-align:left;
	background-color:#bbbbbb;
	font-size:11px;
	color:black;
	font-weight:bold;
	margin:15px 0 5px 0;
}

.articles{
	width:100%;
	border:0px;
}

.articles td{
	vertical-align:middle;
	padding:2px;
	border-bottom:1px solid #bbbbbb;
	font-size:10px;
	color:black;
}

.articles th{
	border-top:3px solid #bbbbbb;
	padding:3px 5px;
	text-align:right;
	background-color:#dddddd;
	font-size:11px;
	color:#666666;
	font-weight:bold;
}

.valcomanda{
	width:300px;
	vertical-align:top;
}

.valcomanda table{
	width:100%;
	border:0;
}

.valcomanda table th{
	width:85px;
	text-align:right;
	background-color:#dddddd;
	font-size:11px;
	color:#666666;
	padding:3px 6px;
	font-weight:normal;
}

.valcomanda table td{
	padding:3px 6px;
}

.valcomanda table td input{
	font-size:11px;
	color:black;
	font-weight:bold;
	width:100%;
}

.valdades{
	vertical-align:top;
}

.valdades table{
	border:0;
	width:100%;
}