*{
margin:0;
padding:0;
border:0;
}
body{
background-color:#fff;
font:11px verdana,arial,tahoma,geneva,sans-serif;
color:#000;
/*background:url(../../img/web/bgr.gif) repeat-x 0px 0px;
line-height:12px;*/
}
a{
color:#E30000;
text-decoration:none
}
a:hover{
color:#515151;
text-decoration:underline
}
input,select,textarea{
border:#cccccc 1px solid;
padding:1px 2px;
color:#000000;
font:11px arial,tahoma,sans-serif
}
select{
padding:1px
}
ul,li{
list-style:none;
padding:0px;
}
h1 {
height:62px;
width:920px;
padding:3px 0 0 30px;
_padding:3px 0 0 50px;

}
h1 span{
display:none;
}

h2 span,h3 span{
padding:0px 0px 0px 0px;
display:none
}
p{
padding:0px 0px 10px 0px;
}

#page{
margin:0 auto;
width:1000px;
background-color:#FFFFFF;

}

/* ---------------------------- cap -------------------------------- */
#cap{
margin:0 auto;
height:46px;
}


/* ---------------------------- menu inici-------------------------------- */

#menu-inici{
margin:0 auto;
width:920px;
height:46px;
font:11px verdana,arial,tahoma,sans-serif;
color:#FFFFFF;
background: url(../../img/web/bgr-menu.gif) repeat-x;
text-align:center;
}


ul#navigation-inici {
	margin:0 auto;
	width: 710px;
	height: 46px;
	background: url(../../img/web/bgr-navigation-inici-h.gif) no-repeat;
	font-weight:bold;
	float:left;
	margin:0 0 0 105px;
	_margin:0 0 0 53px;

}


ul#navigation-inici li {
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: 0px;	
}

ul#navigation-inici li a {
	border: 0;
	display: block;
	height: 21px;
	background: url(../../img/web/bgr-navigation-inici.gif) no-repeat;
	color:#FFFFFF;
	padding-top:25px
}

ul#navigation-inici li a:hover {
	border: 0;
	display: block;
	background-image: url(../../img/web/bgr-navigation-inici-h.gif);
	color:#0F304A;
}	


li#m1 {width:67px;}

li#m1 a:hover{width:67px;}
li#m1 a {width: 67px; }

li#m2 a {width: 110px;}

li#m2 a:link,
li#m2 a:visited,
li#m2 a:hover {
	background-position: -67px 0px;
}

li#m3 a {width: 92px;}

li#m3 a:link,
li#m3 a:visited,
li#m3 a:hover {
	background-position: -177px 0px;
}

li#m4 a {width: 162px;}

li#m4 a:link,
li#m4 a:visited,
li#m4 a:hover {
	background-position: -269px 0px;
}

li#m5 a {width: 110px;}

li#m5 a:link,
li#m5 a:visited,
li#m5 a:hover {
	background-position: -431px 0px;
}

li#m6 a {width: 82px;}

li#m6 a:link,
li#m6 a:visited,
li#m6 a:hover {
	background-position: -541px 0px;
}

li#m7 a {width: 87px;}

li#m7 a:link,
li#m7 a:visited,
li#m7 a:hover {
	background-position: -623px 0px;
}

#idioma{
font-size:9px;
color:#fff;
padding:5px 0 0 0;
}

#idioma a{
color:#fff;
}
#idioma a:hover{
color:#91CDFD;
}

/* ---------------------------- menu -------------------------------- */

#menu{
margin:0 auto;
width:920px;
height:46px;
font:11px verdana,arial,tahoma,sans-serif;
color:#FFFFFF;
background: url(../../img/web/bgr-menu.gif) repeat-x;
text-align:center;
}


ul#navigation {
	margin:0 auto;
	width: 710px;
	height: 46px;
	background: url(../../img/web/bgr-navigation-h.gif) no-repeat;
	font-weight:bold;
	float:left;
	margin:0 0 0 105px;
	_margin:0 0 0 53px;

}


ul#navigation li {
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-indent: 0px;	
}

ul#navigation li a {
	border: 0;
	display: block;
	height: 21px;
	background: url(../../img/web/bgr-navigation.gif) no-repeat;
	color:#FFFFFF;
	padding-top:25px
}

ul#navigation li a:hover {
	border: 0;
	display: block;
	background-image: url(../../img/web/bgr-navigation-h.gif);
	color:#0F304A;
}	

ul#navigation .active a{
	border: 0;
	display: block;
	background-image: url(../../img/web/bgr-navigation-h.gif);
	color:#000000;
}

li#m1 {width:67px;}

li#m1 a:hover{width:67px;}
li#m1 a {width: 67px; }

li#m2 a {width: 110px;}

li#m2 a:link,
li#m2 a:visited,
li#m2 a:hover {
	background-position: -67px 0px;
}


li#m3 a {width: 92px;}

li#m3 a:link,
li#m3 a:visited,
li#m3 a:hover {
	background-position: -177px 0px;
}

li#m4 a {width: 162px;}

li#m4 a:link,
li#m4 a:visited,
li#m4 a:hover {
	background-position: -269px 0px;
}

li#m5 a {width: 110px;}

li#m5 a:link,
li#m5 a:visited,
li#m5 a:hover {
	background-position: -431px 0px;
}

li#m6 a {width: 82px;}

li#m6 a:link,
li#m6 a:visited,
li#m6 a:hover {
	background-position: -541px 0px;
}

li#m7 a {width: 87px;}

li#m7 a:link,
li#m7 a:visited,
li#m7 a:hover {
	background-position: -623px 0px;
}

#idioma{
font-size:9px;
color:#fff;
padding:5px 0 0 0;
}

#idioma a{
color:#fff;
}
#idioma a:hover{
color:#91CDFD;
}


/* ---------------------------- inici -------------------------------- */

#inici{
background:url(../../img/web/bgr-inici.jpg) no-repeat 0px 0px ;
height:640px;
}

/* ---------------------------- content -------------------------------- */

#content{
background:url(../../img/web/bgr-content.jpg) no-repeat 0px 0px ;

}

/* ---------------------------- logo -------------------------------- */

#logo{
height:101px;
padding:10px 0px 0 40px;
}

/* ---------------------------- presentacio -------------------------------- */

#presentacio{
height:560px;
margin:0 auto;
width:920px;
}

#presentacio .col1{
padding:10px 25px 10px 30px;
_padding:10px 25px 10px 50px;
float:left;
width:575px;
text-align:justify;
}

#presentacio .garantia{
background:url(../../img/web/bgr-garantia.gif) no-repeat 0px 70px;
height:136px;
padding:95px 20px 0 20px;
font-size:12px;
}
#presentacio .garantia.iso{
background:url(../../img/web/bgr-garantia-iso.gif) no-repeat 0px 70px;
height:136px;
padding:95px 20px 0 120px;
font-size:12px;
}
#presentacio .garantia h2{
padding:0 0 8px 0 ;
}

#presentacio .col2{
float:left;
padding:10px 0 10px 10px;
_padding:12px 0 10px 10px;
}

#presentacio .garantia .iso { width:82px; height:92px; position:relative; left:-107px; top:-102px; display: block;  }
/* ---------------------------- marca -------------------------------- */

#marca{
margin:0 auto;
width:930px;
}

#marca .imatges{
padding:10px 0 10px 25px;
_padding:12px 0 10px 47px;
}
#marca .marc{
border:1px solid #000;
margin:0 5px 10px 5px;
}

/* ---------------------------- productes -------------------------------- */

#productes{
height: auto!important; /* para los browsers buenos */
height: 560px; /* para IE5+ */
min-height: 560px; /* para los browsers buenos */

margin:0 auto;
width:920px;
}

#productes .col1{
padding:10px 0 10px 30px;
_padding:12px 0 10px 40px;
width:188px;
float:left;

}

#productes .col1 li.sup{
background:url(../../img/web/bgr-menu-sup.gif) no-repeat 0px top;
padding:4px 0px 0px 10px;
width:188px;
}

#productes .col1 li.sup a{
color:#fff;

}

#productes .col1 li.inf{
background:url(../../img/web/bgr-menu-inf.gif) no-repeat bottom;
height:5px;
margin:0 0 1px 0;
*margin:-8px 0 1px 0;
}

#productes .col2{
float:right;
width:478px;
border:1px solid #B7B7B7;
margin:10px 0 20px 30px;
_margin:12px 0 20px 40px;
height: auto!important; /* para los browsers buenos */
height: 388px; /* para IE5+ */
min-height: 388px; /* para los browsers buenos */
}
/* ---------------------------- detall -------------------------------- */


/* min-height para todos los navegadores */
/*	height: auto!important; /* para los browsers buenos */
/*	height: 330px; /* para IE5+ */
/*	min-height: 330px; /* para los browsers buenos */


#dropmenudiv{
position:absolute;
background-color: #313131;
border:double solid #252525;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 8px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color:#fff;
border-bottom:1px solid #414141;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #07528F;
}

.pos{
padding:0px;
*margin:0px 0 0 0  !important;
_margin:-14px 0 0 0;
height:0px;
background-color:#66CCCC;
}

#detall{
width:429px;
height: auto!important; /* para los browsers buenos */
height: 388px; /* para IE5+ */
min-height: 388px; /* para los browsers buenos */
text-align:justify;
}

#detall h2{
padding:0 0 10px 0;
color:#006EC7;
font-size:18px;
}

#detall img{
margin:0 0 5px 10px;
border:1px solid #000;
padding:1px;
background-color:#fff;
}
#detall .link{
width:410px;
padding:4px 0 4px 20px;
background-color:#006EC7;
}
#detall a{
color:#fff;
}

#fitxa{
padding:20px;
width:429px;
height: auto!important; /* para los browsers buenos */
height: 388px; /* para IE5+ */
min-height: 388px; /* para los browsers buenos */
text-align:justify;
}

#fitxa h2{
padding:0 0 10px 0;
color:#006EC7;
font-size:18px;
}

#fitxa img{
margin-left:10px;
border:1px solid #000;
padding:1px;
background-color:#fff;
}
#fitxa .link{
width:410px;
padding:4px 0 4px 20px;
background-color:#006EC7;
}
#fitxa a{
color:#fff;
}

/* ---------------------------- localitzacio -------------------------------- */

#local{
height:520px;
margin:0 auto;
width:920px;
background:url(../../img/web/bgr-localitzacio.jpg) no-repeat 0px 70px ;
_background:url(../../img/web/bgr-localitzacio.jpg) no-repeat 20px 70px ;
}

#local .col1{
padding:10px 0px 0px 30px;
_padding:10px 0px 0px 50px;
float:left;
width:515px;
text-align:justify;
}


#map{
width:515px;
height:350px;
border: 1px solid #000;
}


/* ---------------------------- contacte -------------------------------- */

#contacte{
margin:0 auto;
width:920px;
}
#contacte p{
padding:10px 0px 0px 30px;
_padding:10px 0px 0px 50px;
}

#contacte .adreca{
margin:10px 0 20px 30px;
_margin:12px 0 20px 40px;
padding:10px 0px 10px 30px;
_padding:10px 0px 10px 50px;
border:1px solid #B7B7B7;
height:120px;
width:830px
}
#contacte .adreca img{
margin-right:20px;
}
#contacte .col1{
float:left;
width:400px
}
#contacte .col2{
float:left;
}

#contacte .col3{
padding:20px;
text-align:justify;
}

/* ---------------------------- comanda -------------------------------- */

#comanda{
height:560px;
margin:0 auto;
width:920px;
}

#comanda p{
padding:10px 25px 10px 30px;
_padding:10px 25px 10px 50px;
width:820px;
text-align:justify;
}
#comanda .form{
margin:0 auto;
width:340px;
font-size:10px;
}
#comanda .col{
float:left;
}
.login_error{
margin-top:20px;
text-align:center;
background-color:#FFFFFF;
padding:10px;
border:1px solid;
color:#990000;
font-weight:bold;
}

.button_login{
border:0px;
margin:4px 0;
}

#comanda .logo {
position:relative;
left:200px;
top:-60px;
width:105px;
height:43px;
float:left;
}

#comanda .empresa {
position:relative;
width:450px;
left:225px;
top:-52px;
float:left;
text-align:left;
}

#comanda .desconectar {
padding:0px;
margin:-45px 0 30px 0;
width:890px;
text-align:right;
}

#comanda .caixa1 {
margin:0px 25px 0px 30px;
_margin:0px 25px 0px 50px;
height:20px;
padding:5px 0 0 0;
background-color:#A4A4A4;
width:920px;
}

#comanda .caixa2 {
margin:0px 25px 0px 30px;
_margin:0px 25px 0px 50px;
height:20px;
padding:5px 0 0 0;
background-color:#E6E6E6;
width:920px;
}
#comanda .caixa3 {
margin:0px 25px 0px 30px;
_margin:0px 25px 0px 50px;
height:25px;
padding:10px 0 0 0;
background-color:#313131;
width:860px;
text-align:right;
}
#comanda .caixa3 span{
padding-right:30px
}
#comanda .comanda{
float:left;
padding-left:30px;
width:685px;
margin-bottom:10px;
}
#comanda .enviar{
float:left;
}

#comanda .c_txtcamp{
margin:0 10px 0 10px;
float:left;
}
#comanda .c_txtcamp2{
margin:0 0px 0 4px;
float:left;
color:#fff;
}
#comanda .c_datos{
float:left;
color:#fff;
width:130px;
text-align:left;
}
#comanda .c_datos2{
margin:-1px 0px 0 0px;
_margin:-2px 0px 0 0px;
float:left;
color:#FFFFFF;
}

#comanda .c_camp{
margin:-1px 0px 0 0px;
_margin:-2px 0px 0 0px;
float:left;
}
#comanda .c_sep{
margin:-2px 0px 0 20px;
float:left;
border-left:1px solid #838383;
height:20px;
}

#comanda .afegir{
margin:0px 0px 0 10px;
border:0px;
}

#comanda .afegir2{
margin:-2px 0px 0 8px;
border:0px;
}

/* ---------------------------- confidencialitat -------------------------------- */

#confidencialitat{
height:560px;
margin:0 auto;
width:920px;
}

#confidencialitat .col1{
padding:20px;
text-align:justify;
}

/* ---------------------------- peu -------------------------------- */

#peu{
margin:0 auto;
width:920px;
height:120px;
}

#menupeu{
border-top:1px solid #939393;
border-bottom:1px solid #939393;
width:920px;
text-align:center;
font:11px verdana,arial,tahoma,geneva,sans-serif;
padding:5px 0 5px 0;
color:#B5AAA2;
}
#menupeu a{
font:11px verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;
color:#B5AAA2;
}
#menupeu a:hover{
font:11px verdana,arial,tahoma,geneva,sans-serif;
font-weight:bold;
color:#000;
}

#txtpeu{
margin:0 auto;
text-align:center;
font:11px verdana,arial,tahoma,geneva,sans-serif;
padding-top:5px;
color:#B5AAA2;
font-stretch:1px;
}

#avellana{
margin:0 auto;
width:100px;
padding-top:5px;
font:11px verdana,arial,tahoma,geneva,sans-serif;
}
#avellana a{
color:#B5AAA2;
font:11px verdana,arial,tahoma,geneva,sans-serif;
}
#avellana a:hover{
color:#000;
font:11px verdana,arial,tahoma,geneva,sans-serif;
}

/* MISSATGES --------------------------------------------------------------------------------------------- */
.message
{
	width:300px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	font-size:13px;
	border: solid 1px #C2BCAE;
	padding:11px;
	color:#000000;
	background-color:#F5EAD9;
	text-align:center;
}


.messageOK
{
	width:300px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	font-size:13px;
	border: solid 1px #C2BCAE;
	padding:11px;
	color:#000000;
	background-color:#B2FEA0;
	text-align:center;
}

.messageFALSE
{
	width:300px;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-150px;
	font-size:13px;
	border: solid 1px #C2BCAE;
	padding:11px;
	color:#000000;
	background-color:#FFB3B5;
	text-align:center;
}

/* ---------------------------- class -------------------------------- */
.clear{
clear:both;
}

.espai{
padding:0 0 0 20px;
}
.txtquadre{
padding:10px 0 15px 10px;
background:url(../../img/web/bgr-quadre.gif) no-repeat 0px 0px;
}
.txtquadre2{
padding:15px 0 15px 9px;
background:url(../../img/web/bgr-gris.gif) no-repeat 0px 0px;
color:#fff;
}
.txtquadre3{
padding:22px 0 15px 45px;
background:url(../../img/web/bgr-gris.gif) no-repeat 40px 0px;
color:#fff;
}

.txtblau{
color:#34559B;
}
.txtgris{
color:#A5A5A5;
padding:0 0 10px 0;
line-height:15px;
}

.txt10{
font-size:10px;
}
.active{
font-weight:bold;
}

.noborder{
border:0px;
}

.marc{
border:1px solid #003366;
}

.button_enviar{
width:94px;
height:22px;
background:url(../../img/web/b-enviar.gif) no-repeat 0px 0px;
border:0px;
margin:20px 0 0 450px;
}

#formulari{
width:600px;
padding:0 0 0 170px;
}
#formulari p {
text-align:left;
padding:10px 0 10px 0px;
font-weight:bold;
}
#captcha{
float:left;
padding-right:20px;
}
#captcha img{
border:1px solid #A7A499; 
margin:15px 0 0 0;
}
.txtcamp{
float:left;
padding:5px 5px 5px 0;
}
.txtbox{
float:left;
padding:5px 15px 5px 0;
}

.box{
float:left;
padding:5px 5px 5px 0;
*padding:0px 5px 0px 0;
}

.camp{
float:left;
padding:5px 10px 5px 0;

}
.checkbox{
border:0px;
}
.caixa{
width:480px;
*width:500px;
height:50px;
*height:60px;
background-color:#F2F2F2;
padding:10px 0 0px 20px;
}


.email{
height:200px;
text-align:center;
}

/* LISTADO */
.listado
{
	background-color : #FCFBF7;
	margin:0px 25px 0px 0;
}
.listado th{
	font-family : Verdana;
	font-size: 11;
	font-weight: bold;
	color: #006EC7;
	vertical-align : middle;
	background-color:#E4F1FA;
	text-align:left;
	heigth:100px;
/*	border : 1px solid #006EC7;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	*/
	height:25px;
	padding-left:3px;
	padding-right:3px;
}
.listado th.borde{
	border : 1px solid #000000;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	border-color:#000000;
	height:25px;
	padding-left:3px;
	padding-right:3px;
}
.listado tr{
	background-color:#FCFBF7; 
}
.listado td{
	font-family : Verdana;
	font-size: 11;
	color: black;
	vertical-align : middle;
	text-align:left;
	border : 0px solid #FCFBF7;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	height:25px;
	padding-left:3px;
	padding-right:3px;
}

.listado td.borde{
	font-family : Verdana;
	font-size: 11;
	color: #000000;
	vertical-align : middle;
	text-align:left;
	border : 1px solid #000000;
	border-left:0px;
	border-top:0px;
	border-bottom:0px;
	padding-left:3px;
	padding-right:3px;
}
tr.fila1
{
	background-color:#FCFBF7;
	cursor:hand;
	cursor:pointer;
}
tr.fila2
{
	background-color:#F5EFE6;
	cursor:hand;
	cursor:pointer;
}
tr.filaActivo
{
	background-color:#FCF9A4;
	cursor:hand;
	cursor:pointer;
}

.camps1 { background-color:#A4A4A4; /*border:1px solid #A4A4A4;*/ border:1px solid; }
.camps2 { background-color:#E6E6E6; /*border:1px solid #E6E6E6;*/ border:1px solid; }

.precio { background-color:#313131; border:1px solid #313131; color:#FFFFFF; text-align:right; width:52px; }

/*AUTOCOMPLETE*/

div.autocomplete {
      position:absolute;
      /*width:250px;*/
      background-color:white;
      margin:0px;
      padding:0px;
}
div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
}
div.autocomplete ul li.selected { background-color: #CCCCCC; width:350px;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:auto;
	cursor:pointer;
	text-align:left;
	background-color:#FFFFFF;
	width:350px;
	color:#000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}