/* Definicio del dibuix de la pagina web */

body
{ 
font-family: verdana,arial,sans-serif;

}
.bg1 {background-image: url("../imatges/marc2010.jpg");
background-repeat: repeat;}

.bg2 {background-image: url("../imatges/marc2.jpg");
background-repeat: repeat-x;}

 h1 {
margin: 1em 0 1.5em;
font-size: 18px; }
h2 {
 margin: 2em 0 1.5em;
font-size: 16px;}
p {margin: 0;
}
pre, pre+p, p+p {
margin: 1em 0 0; }
img {border:0px;}
a {text-decoration: none;color: #009E77;} 
a:hover {color: gray;}
a:focus {outline:0; }

/* formulari */
form {font-size:10px;}
input:focus, textarea:focus, select:focus, input:hover { background : #ffd; color : black; }
input[type="submit"]:hover { border-color: #900; background: #ffd;color: #600; }
input, textarea, option, button,select { font-size: 100%; } 



#contenidor
{
position:absolute;
display:none;
top:0px;
height:670px;
width:900px;
background-color:#fffff0   /*groc molt clar */
}
#peu
{
position:absolute;
left:0px;
bottom:0px;
height:25px;
width:100%;
color:#fffff0;
font-size:12px;
background-color:#275787; /*blau fort */
}

#horari{
position:absolute;
right:0px;
bottom:-20px;
color:#fffff0;
font-size:12px;
padding:2px;
background-color:#275787; /*blau fort */
}
#peu p{ text-align:center;margin-top:4px; }
#main
{
position:absolute;
top:33px;
left:0px;
width:890px;
height:525px;
background-color:#fffff0  ;
overflow:hidden;
}

#procesa_ordre
{
position:absolute;
top:75px;
left:0px;
width:700px;
height:565px;
overflow:hidden;
}
#form_ordre
{
position:absolute;
top:200px;
right:5px;
width:170px;
height:300px;
background-color:#D5DEE7;
}
#verifordre{
position: absolute;
top:65px;
left:80px;
width:620px;
height:430px;
overflow:auto;
}
#tot_ordre{
position: absolute;
top:100px;
right:5px;
}
#bot_ordre{
position: absolute;
bottom:40px;
right:5px;
}
.t_lnk{
cursor:pointer;
}
.novetat{
position: relative;
top:90px;
left:20px;
}

#txt_inici{
position:absolute;
top:50px;
left:400px;
width:470px;
text-align: justify;
color:blue;
}
#frmcont{
position:absolute;
top:33px;
left:450px;
width:400px;
text-align: justify;
}
#logo
{
position:absolute;
top:0px;
left:5px;
}

#idioma{
position:absolute;
top:5px;
right:12px;
font-size:10px;
}
.flag,.ico,.talla{
cursor:pointer;
}
#login,#lostpa{
position:absolute;
top:65px;
right:5px;
font-size:10px;
}
#lostpa{display:none}

#logout{
position:absolute;
display:none;
top:65px;
right:5px;
font-size:10px;
}
#login2{
position:absolute;
top:5px;
right:185px;
font-size:10px;
}
.loglink{
cursor:pointer;
}


#menu
{
position:absolute;
top:80px;
left:5px;
width:890px;
background-color:#275787; /*blau fort */
}

#modal{
position:absolute;
display:none;
top:0px;
left:0px;
width:100%;
height:680px;

background-color:#000;
filter: alpha(opacity=50); opacity: .5;
z-index:100;
}
#producte{
position:absolute;
display:none;
top:100px;
left:15px;
height:400px; /* es cambia dinamicament a taula, taulabus i carret */
width:850px;
background-color:#fffff0;
z-index:110;
}
#stock{background-color:yellow;font-size:12px;}
#tooltip{
position: absolute;
height:100%;
width:100%;
background-color:#ffffe0;
font-size:10px;
text-align: justify;
}
#tooltip p{margin-left:2px;width:270px;}



#close{
position:absolute;
top:0px;
left:0px;
width:100%;
height:26px;
}
#color1{
position:absolute;
top:0px;
left:0px;
height:100%;
width:250px;
color:white;
}
#color2{
position:absolute;
top:0px;
left:250px;
height:100%;
width:600px;
}
#color1 p, #color2 p {padding-top:5px;padding-left:5px;font-weight:bold;}
#tanca{
position:absolute;
top:0px;
right:0px;
cursor:pointer;}



.marc1, .marc2, .marc3{
height:20px;
border-style:solid;
overflow:hidden;
cursor:pointer;
}
.marc1{width:20px;border-width:1px 0px 1px 1px;}
.marc2{width:10px;border-width:1px 0px 1px 0px;}
.marc3{width:5px;border-width:1px 1px 1px 0px;}

#imgcat{
position:absolute;
bottom:0px;
right:0px;
height:374px;
width:270px;
overflow:hidden;
}
#imgcat2{
position:absolute;
top:135px;
right:273px;
height:225px;
width:165px;
overflow:hidden;
}
#descrip{
position:absolute;
top:30px;
left:5px;
height:90px;
width:540px;
font-size:12px;
overflow:auto;
}
#instruc_maque{
position:absolute;
top:300px;
left:5px;
background-color:yellow;
}
#colorshead{
position:absolute;
left:5px;
top:119px;
font-size:12px;
font-weight:bold;
}

#colors{
position:absolute;
top:134px;
height:210px;
left:5px;
width:200px;
font-size:12px;
border: medium double rgb(250,0,255);
overflow:auto;
}
#qtys_head{
position:absolute;
left:10px;
top:355px;
font-size:12px;
font-weight:bold;
}
#qtys{
position:absolute;
left:0px;
top:370px;
width:410px;
font-size:10px;
background-color:#fffff0 ;
}
#qtys p{margin-left:10px;}

#pdf{
position:absolute;
top:30px;
right:271px;
cursor:pointer;
}

#color_fi1,#color_fi{
position:absolute;
top:3px;
height:15px;
}
#color_fi1{

left:5px;
}
#color_fi{
left:48px;
width:135px;
font-size:10px;
overflow:hidden;
}
#compreshead{position:absolute;top:119px;left:220px;font-weight:bold;font-size:12px;}
#compra{
position:absolute;
top:134px;
height:210px; /*Es modifica a Showproduct*/
left:220px;
width:180px;
font-size:12px;
}
#preus{
position:absolute;
top:30px;
left:5px;
}


#prov{
position:absolute;
bottom:3px;
left:500px;
}

#menudreta, #menudreta2{
position:absolute;
top:60px;
left:0px;
height:350px;
background-image: url('../imatges/menu.png');
background-repeat:no-repeat;
}
#menudreta{ width:150px; }
#menudreta2{ width:200px; }

#promoizda{
position:absolute;
top:30px;
right:4px;
height:480px;
width:180px;
overflow:auto;
}
#promomain{
position:absolute;
top:30px;
left:4px;
}
#promodes, #promostock, #promopreu{
position:absolute;
left:300px;
width:370px;
overflow:auto;
}
#promodes{top:0px;height:170px;text-align: justify;}
#promostock{top:180px;height:270px;font-family: courier, serif;}
#promopreu{top:460px;height:30px;color:red;font-size:24px;}
#carret,#carret2{
position:absolute;
top:320px;
left:5px;
width:150px;
height:170px;
background-color:#EDF0F5;
}
#llista-scroll, #espaiclient{
position:absolute;
top:0px;
height:490px;
overflow: auto;
}
#llista-scroll{left:165px;width:720px;}
#espaiclient{left:205px;width:680px;}

#printprev{
position:absolute;
top:110px;
left:100px;
width:680px;

}
#printpeu{
position:absolute;
top:80px;
width:750px;
left:0px;
height:25px;
color:#fffff0;
font-size:12px;
background-color:#275787; /*blau fort */
}
#printpeu p{ text-align:center;margin-top:4px; }
.imglnk{
cursor:pointer;
}
.carretlnk{
cursor:pointer;
}
.sobre{
color:#6C6B8F;
}
.selected{
color:blue;
}

table.cataleg td{
vertical-align: top;
}

table.menu_l{	font-family:arial;
    margin-left:10px;
	font-size: 8pt;
	text-align: left;
}
table.menu_l th{font-size: 10pt;}
table.menu_l td{padding-left:14px;}


table.taulacol td{ padding-bottom:4px;}


table.comanda {
	border-collapse: collapse;
	width: 590px;
	font-size: 12px;
}

table.h {
width:250px;
}


table.comanda th {
	background: #BCC7D9;
	color: black;
	font-weight: bold;
	padding: 2px 11px;
	border-right: 1px solid #fff;
	line-height: 1.2;
}

table.comanda td {
	padding: 4px 4px;

	border-bottom: 1px solid #95bce2;
	vertical-align: top;

}

table.comanda td * {
	padding: 4px 4px;
}

table.comanda tr.alt td {
	background: #EBEEF3;
}

table.comanda tr.over td {
	background: #9EAFC9;
}
#regisform{
position: absolute;
top:30px;
left:300px;
}
#maqueform{
position: absolute;
top:30px;
left:100px;
}
#maquellform{
position: absolute;
top:30px;
left:190px;
}
#avismod{
position: absolute;
top:30px;
left:30px;
}

#proxim{
position: absolute;
bottom:2px;
right:30px;
}

.lk {cursor:pointer;}

#lupa {
background-image: url('../imatges/lupa.png');
background-repeat:no-repeat;
cursor:pointer;
}
#miraped{
position: absolute;
bottom:2px;
left:300px;

}

#loading{
position : absolute;
display:none;
top:0ppx;
left:0px;
}

#firma{
position:absolute;
top:560px;
left:-16px;
 
}