BODY {background: #E6E6FA; text-align: center; margin: 0; text-decoration: none; font-family: Arial, sans-serif, verdana; overflow-y:scroll;}
#contenedor {width: 990px; margin: 0 auto;}
#contenedor {min-height: 100%; height: auto !important; height: 100%; background: url(bg.jpg) repeat-y center 0;}
#menuimg {margin-left:5px; height: 86px; width: 980px; background: url(imatges.jpg) no-repeat; background-position: -2px 0px;}
#menubm {position:relative; width:300px; top:58px;padding:3px 0; left:507px;}
#menublog {float:left; width:130px; padding:3px 0; background-color:#E6E6FA; border:2px solid #C0C0C0; border-bottom:2px solid #E6E6FA;border-top-right-radius: 10px; border-top-left-radius: 10px;}
#menublog2 {float:right; width:150px; padding:3px 0; background-color:#E6E6FA; border:2px solid #C0C0C0; border-bottom:2px solid #E6E6FA;border-top-right-radius: 10px; border-top-left-radius: 10px;}
#menublog a {padding:5px 15px;}
#menublog2 a {padding:5px 15px;}
/*esto del menu.php */
#menu1 {height: 47px; background: url(main.gif) repeat-x scroll 0 0 transparent; margin: 0 5px; border-top: 1px #C0C0C0 solid;}
#menu1 ul {font-size: 16px; padding:0; margin: 12px 0px 0px 5px;}
#menu1 ul li {float: left; display: inline; list-style-type: none; padding-right: 2px;}
#menu1 ul li a {float: left; display: inline; color: #000; text-decoration: none; padding-left: 8px; padding-right: 8px;}
#menu1 ul li a:hover,
#menu1 ul li a.limenu1lsel,
#menu1 ul li a:hover span,
#menu1 ul li a.limenu1lsel span {color: #FF6600; text-decoration: underline;}
.limenu1l, a.limenu1lsel {background:url(imatges.jpg) no-repeat left 0; background-position: -992px -91px; text-decoration:none;}
#limenu1b {margin: 2px 3px 0 20px; height: 17px; width: 20px; background: url(imatges.jpg) no-repeat; background-position: 0px -86px;}
#limenu1c {margin: 2px 3px 0 0; height: 17px; width: 20px; background: url(imatges.jpg) no-repeat; background-position: -0px -102px;}
#limenu1d {margin: 2px 10px 0 0; height: 17px; width: 20px; background: url(imatges.jpg) no-repeat; background-position: 0px -120px;}
.limenu1abc{padding: 10px;}
#menu2 {
padding-top: 5px;
height: 28px;
text-align: left;
background:#E4E4E4;
margin: 0 5px;
border-bottom: 2px #C0C0C0 solid; }
.ulmenu2 {
list-style-type: none;
text-align: left;
padding: 0;
margin: 2px 0 0 12px;}
.limenu2, .limenu2sel {
font-weight: bold;
display: inline;
font-size: 15px;
padding-right: 15px;
padding-left: 15px;
padding-top: 4px;}
.limenu2 span, .lincsmenu2sel {padding-top: 4px;}
.limenu2:hover, .limenu2sel {background:url(imatges.jpg) no-repeat 0 0; background-position: -596px -152px; padding-left:15px; padding-right:0px; padding-bottom:10px; color: #FF6600;}
.limenu2:hover span, .lincsmenu2sel { background:url(imatges.jpg) no-repeat right -152px; padding-right:15px; color: #FF6600;text-decoration: none; outline:0;}
.lincsmenu2 {text-decoration: none; color: #000; outline:0;}
.limenu3 {font-weight: bold; display: inline; font-size: 16px; margin-left: 125px;}
.lincsmenu3 {text-decoration: none; color: #FF6600; outline:0;}
.right { float:right; display:inline; margin-right:10px;}
.cart { float:left; position:relative; bottom:5px; }
.cart strong{ float:left; width:95px; height:36px; background:url(imatges.jpg); background-position: -207px -97px; text-align: right; font-size:16px; color:#701616; line-height:36px; padding:0 7px 0 5px;}
.cart-ico{ float:left; width:47px; height:36px; background:url(imatges.jpg) no-repeat 0 0; background-position: -155px -97px; font-size:0; line-height:0; text-indent: -4000px;}
.more-links { padding:10px; margin-left:9px;}
.more-links a { font-size: 12px; font-weight: bold; color: #000; text-decoration: none;}
.more-links a:hover { color: #FF6600; text-decoration: underline;}
.search{ float:right; display:inline; margin-right:10px;}
.field{ float:left; width:150px; height:20px; background:url(imatges.jpg) no-repeat; background-position: -346px -108px; padding:3px 5px 0 5px; margin-top: -21px;}
.field input{ width:150px; border:0; outline:0; background:transparent; color:#701616; font-weight: bold; font-size:12px;}
.search-submit{ float:left; font-size:0; line-height:0; width:27px; height:23px; background:url(imatges.jpg) no-repeat; background-position: -631px -108px; text-indent: -4000px; border:0; outline:0; cursor:pointer; position:relative; margin-top:-21px;}
/*esto del fi.php */
#fi {
margin: auto;
padding: 10px;
width: 900px;
border-top: 1px solid #BEBEBE;
font-size: 12px;}
.fi:AFTER {
content: "2011";}
/*este del index */
#contingut5 {
width: 400px;
margin-right: 20px;
margin-top: 15px;
float:right;
height: auto !important; height: 100%;}
.tdindex {
text-align: center;
vertical-align: middle;
border-top: solid 1px #C0C0C0;
border-right: solid 2px #545454;
border-bottom: solid 2px #545454;
border-left: solid 1px #C0C0C0;}
#mlateral2 { 
width: 550px;
margin-top: 18px;
margin-left: 20px;
margin-bottom: 30px;
text-align: left;
float:left;}
#index2 {
margin-left: 30px;
margin-right: 30px;
margin-top: 0px;
text-align: center;}
#botones {
height: 65px;
margin: 10px 0;}
.libotones {list-style-type: none;}
#imgface {
float:left;
position: relative;
left:470px;
top: 2px;
height: 22px;
width: 80px;
background: url(imatges.jpg) no-repeat;
background-position: -29px -92px;}
.h3h4{
margin:0;
padding:0;
text-align:center;
font-size:12px;
text-transform:uppercase;}
/*este de productes i part de seccions */
#titol {
background: #E6E6FA;
width: 950px;
border: 1px solid #BEBEBE;
margin: auto;
margin-top: 10px;
border-radius: 10px;}
#contingut {
margin-top: 18px;
width: 650px;
margin-right: 10px;
float:right;
height: auto !important; height: 100%;}
#mlateral { 
width: 300px;
margin-top: 18px;
margin-left: 15px;
text-align: left;
float:left;}
.botoh2 {
background: #E6E6FA;
width: 290px;
border: 1px solid #BEBEBE;
margin: auto;
text-align: center;
padding:5px;
border-radius: 10px;}
.botoh22 {
width: 290px;
margin: auto;
text-align: center;
padding-top:1px;}
#ullateral {
margin: 20px 0px 0px 0px;
padding: 0pt 0pt 0pt 0px;
list-style-type: none;
list-style-position: inside;
list-style-image: none;}
.lilateral {
font-weight: bold;
font-size: 13px;
text-align: left;
margin: 0px 0px 5px 0px;
padding: 4px 0pt 6px 17px;
background: url(imatges.jpg) left center no-repeat;
background-position: -982px -116px;
border-bottom: 3px #C0C0C0 solid;
border-right: 2px #C0C0C0 solid;
border-top: 0px #C0C0C0 solid;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;}
.lilateral:HOVER {
border-bottom: 1px #C0C0C0 solid;
border-right: 1px #C0C0C0 solid;
border-top: 2px #C0C0C0 solid;}
#navegacio {
margin-top: 10px;}
.lincsnav, .estilo4 {
font-weight: bold;
text-decoration: none;
color: #000;
font-size: 14px;
outline:0;}
#siguenosfb {
background-image: url('imatges.jpg');
background-position: -310px -295px;
height:100px;}
#lsiguenosfb {
padding:0 270px 75px 0;}
#siguenostw {
float:left;
background-image: url('imatges.jpg');
background-position: -780px -298px;
height:100px;
width:140px;}
#lsiguenostw {
padding:0 125px 80px 0;}
#siguenosbl {
float:right;
background-image: url('imatges.jpg');
background-position: -648px -292px;
height:100px;
width:140px;}
#lsiguenosbl {
padding:0 110px 80px 0;}
/* seccions */
#lilateral2 {
background: url(imatges.jpg) left center no-repeat;
background-position: -982px -116px;
color: #FF6600;
font-weight: bold;
font-size: 14px;
text-align: left;
margin: 0px 0px 5px 0px;
padding: 4px 0pt 6px 17px;
border-bottom: 1px #C0C0C0 solid;
border-right: 1px #C0C0C0 solid;
border-top: 2px #C0C0C0 solid;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;}
#informacio {
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
font-weight: bold;
color: #FF6600;
font-size: 14px;
background: #BDBDBD;
border: 1px solid black;
border-radius: 10px;}
.infocom2 {
text-align: left;
font-size: 14px;
font-weight: bold;
float:left;
width:280px;
margin-top:5px;}
.infocom3 {
text-align: center;
float:right;
height: 28px;
width: 35px;
background: url(imatges.jpg) no-repeat;
background-position: -162px -102px;
margin:10px;
border:1px solid white}
.infocom3 a {padding:12px;}
.linfocom2 {
text-decoration: none;
outline:0;
padding:0 0 0 10px;}
.linfocom3 {
text-decoration: none;
outline:0;
padding:0 150px 0 10px;}
.linfocom4 {
text-decoration: none;
outline:0;
padding:0 10px;}
.informa {padding-right:10px; color: #FF6600;text-decoration: none; outline:0; font-size: 14px;}
#contingut3 {
margin-top: 0px;
width: 650px;
margin-right: 10px;
float:right;
height:auto;}
.td {
text-align: center;
vertical-align: middle;
border: dashed 1px #c0c0c0; padding:5px 0;
border-radius: 10px;}
.carritomas{
height:22px;
width: 49px;
background: url(imatges.jpg) no-repeat;
background-position: -26px -118px;
border-width:0px;}
.carritomas:hover, .carritomenos:hover {background-color:#BBB;border-width:1px;border-radius:5px;}
.carritomenos{
height:22px;
width: 49px;
background: url(imatges.jpg) no-repeat;
background-position: -83px -118px;
border-width:0px;}
.ref:AFTER {content: "Ref.";}
.popup {width:350px; left: 50%; margin-left: -175px; position: fixed; top: 35%; background:#E6E6FA; border: 5px solid #FF6600; z-index: 9999; border-radius:20px;}
/*ofertesnovetats*/
.ofertestitol {
margin-top: 20px;
margin-bottom: 10px;
text-align: center;
font-weight: bold;
color: #FF6600;
font-size: 16px;}
.tdnov{
text-align: left;
vertical-align: middle;
border-top: solid 1px #C0C0C0;
border-right: solid 2px #545454;
border-bottom: solid 2px #545454;
border-left: solid 1px #C0C0C0;
padding-top: 4px;
padding-left: 10px;}
.estiloofer {font-size: 12px; text-decoration: none; text-align: center; border-width:0px;border-radius: 5px;padding:1px;}
.estiloofer:hover {background-color:#BBB;border-width:1px;padding:0px;}
/*altres*/
#contingut2 { 
width: 400px;
margin-right: 10px;
float:right;
height:auto;}
.boto { 
width: 290px;
margin: auto;
text-align: center;
border-color: #BEBEBE #000000 #000000 #BEBEBE;
border-width: 4px;
border-style: solid;
background-color: #EBEBEB;}
.boto2 {width: 250px; margin:auto;}
.nom:AFTER {content: "Ingrid Ballescą Marfil, CIF 47727882-F";}
/*mapaweb*/
#mapaweb1 {width: 300px; float: left;}
#mapaweb2 {width: 300px; margin-left: 330px;}
#mapaweb3 {width: 300px; float: right;}
DL {float: left; margin: 20px 10px 0px 10px; text-align: left;}
DT {margin: 0pt 0pt 10px 0px; font-weight: bold; font-size: 14px; border-bottom: 1px #C0C0C0 solid;}
DD {padding: 0pt 0pt 10px 0px; font-weight: bold; font-size: 12px;}
/*buscador*/
.buscar {text-align: left; margin-left:10px; margin-right:10px;}
.buscar2 {text-align: left; margin-left:30px; margin-right:30px;}
.asec {text-decoration:none; background:#C0C0C0; padding:1px 10px; color:black; border-radius:6px;}
.asec:HOVER {background:grey; border:1px solid; padding:0px 9px;}
.asec2 {text-decoration:none; background:#C0C0C0; padding:1px 10px; color:black; border-radius:6px;}
.asec2:HOVER {background:grey;}
/*generals*/
TABLE {margin: auto;}
IMG {border: 0px;outline:0;}
H1, .menu1 {
font-weight: bold;
color: #3333FF;
font-size: 16px;
text-decoration: none;
text-align: center;
padding-left: 10px;
padding-right: 10px;}
H2, .infocom {font-size: 14px; text-align: center; font-weight: bold;}
H3 {font-size: 13px; text-align: left; font-weight: bold; margin:0;}
P , .nom {font-size: 13px; text-align: justify;}
.p2 {margin-left:10px; text-align:justify; margin-right:10px;}
.p3 {text-align: center; font-weight:bold;}
.linfocom {text-decoration: none; color: #3333FF; outline:0; padding:10px 40px 10px 40px;}
.lincs2 {text-decoration: none; color: #FF6600; outline:0;}
.lincs, .fi {text-decoration: none; color: #3333FF; outline:0;}
.lincsnav, .estilo4 {font-weight: bold; text-decoration: none; color: #000; font-size: 12px; outline:0;}
.estilo5 {font-size: 12px; text-decoration: none; text-align: center;}
.estilo6 {font-size: 12px; text-decoration: none; text-align: center; color: red; font-weight: bold;}
.estilo7 {font-weight: bold; font-size: 13px; text-decoration: none; text-align: center;}
.estilo1 {font-size: 12px; text-decoration: none; text-align: justify;}
.estilo3 {font-family: Arial, Helvetica, sans-serif; color: rgb(192, 192, 192); font-size: 14px;}
.estilo10 {color: rgb(192, 192, 192); border-bottom:dashed 1px; width:80%;margin-left:10%;margin-top:8px}
.lincs:HOVER, .fi:HOVER, .lincsnav:HOVER, .lincsmenu2:HOVER, .limenu1l:HOVER, .linfocom:HOVER, .linfocom2:HOVER, .linfocom3:HOVER, .linfocom4:HOVER {color: #FF6600;}
/* nohose*/
#contingut4 { 
width: 400px;
margin-right: 30px;
position:absolute;
top:160px;
right: 0px;}
#mlateral3{ 
width: 520px;
margin-top: 18px;
margin-left: 20px;
margin-bottom: 30px;
text-align: left;
position:relative;
top:-316px;
right:0px;}
#index1 {
position:relative;
height: 301px;
top:400px;
margin-left: 30px;
margin-right: 30px;
text-align: center;}
/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }