/* CSS Document */

html, body {margin:0; padding:0; width:100%; height:100%; overflow-x:hidden}

#centrador {
	position:absolute;
	width:295px;
	height:187px;
	left:50%;
	top:50%;
	z-index:2;
}

#img1 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: 343px;
	top: -399px;
}

#img2 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: -50px;
	top: -340px;
}
#img3 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: 103px;
	top: -340px;
}
#img4 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: 186px;
	top: -323px;
}
#img5 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: 186px;
	top: -181px;
}
#img6 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: 157px;
	top: -109px;
}
#img7 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: -196px;
	top: -41px;
}
#img8 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: -302px;
	top: -20px;
}

#img9 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: -9px;
	top: 79px;
}
#img10 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: 342px;
	top: 109px;
}
#img11 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: 404px;
	top: 109px;
}
#img12 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: -537px;
	top: 148px;
}
#img13 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: 156px;
	top: 222px;
}
#img14 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: -116px;
	top: 224px;
}
#img15 {
	position:absolute;
	width:10px;
	height:10px;
	z-index:1;
	left: 191px;
	top: -142px;
}


#menu_principal {
	position:absolute;
	width:400px;
	height:25px;
	z-index:8;
	right:-426px;
	top:-235px;
}
#logo {
	position:absolute;
	width:234px;
	height:44px;
	z-index:5;
	left:-493px;
	top:-277px;
}
#menuesq {
	position:absolute;
	width:116px;
	z-index:6;
	left:-441px;
	top:-181px;
}
#menuesq2 {
	position:absolute;
	width:250px;
	z-index:6;
	left:-401px;
	top:-11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


#peu {
	position: absolute;
	height: 50px;
	width: 282px;
	z-index: 7;
	right:111px;
	bottom:-214px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

img{
border:0px;

}

#fonsmenu {
	position:absolute;
	z-index:99;
	left: -72px;
	top: -246px;
	width:565px;
	height:25px;
	background-color:#000000;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	-moz-border-radius:6px;
	border-radius: 6px;
}
#menu1 {
	position:absolute;
	padding:0;
	border:none;
	margin:0;
	z-index:100;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	letter-spacing: 0.1em;
	left: -60px;
	top: -245px;
	width:550px;
	height:20px;
	text-align:center;
	text-decoration:none;

}
#menu2 {
display:table;
padding:0;
margin:0;
height:20px;
text-decoration:none;
}

#menu2 li {
display:table-cell;
margin:0;
padding:4px;
text-decoration:none;
list-style:none;
float:left;
	display: block;
}

#menu2 li a {
	text-decoration:none;
	float:left;
	color:#fff;
	height:15px;
	
	
}

#menu2 li a:hover, #menu2 li a.actual {
border-bottom:5px solid #000000;
cursor:menuer;
display:block;
}

#menu2 li a:hover b, #menu2 li a.actual b {
display:block;
float:left;
cursor:menuer;
height:15px;
} 
/* contacte */
#contacte {
	position:relative;
	left:-290px;
	top:-220px;
	width:740px;
	height:492px;
	z-index:10;
	visibility: hidden;
	background-color:#000000;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	-moz-border-radius:6px;
	border-radius: 6px;
	filter:revealTrans(DURATION=0.4, TRANSITION=4) alpha(opacity=70);	
}
#talles {
	position:absolute;
	left:-290px;
	top:-220px;
	width:740px;
	height:492px;
	z-index:10;
	visibility: hidden;
	background-color:#000000;
	-moz-opacity:.70;
	opacity:.70;
	-moz-border-radius:6px;
	border-radius: 6px;
	filter:revealTrans(DURATION=0.4, TRANSITION=4) alpha(opacity=70);
}
.blanco {
	font-family: Geneva, Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	font-size: 11px;
	color:#FFFFFF;
	font-weight:normal;
}
input {
	background:#999999;
	border: 1px  inset #999999;
	-moz-border-radius:6px;
	border-radius: 6px;
	
}
textarea {
	background:#999999;
	border: 1px  inset #999999;
	-moz-border-radius:6px;
	border-radius: 6px;
}
.cifra {
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;	
	text-align:center;
	height: 30px;	
}







#producte img{
border:4px solid #000000;

}
#producte{
font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#imatge {
	position:absolute;
	width:116px;
	z-index:6;
	left:-140px;
	top:-215px;
}
#imatges {
	position:absolute;
	width:116px;
	z-index:6;
	left:-114px;
	top:49px;
}
#imatges img{
border:solid 2px #000000;
}
#suggeriments {
	position:absolute;
	width:116px;
	z-index:6;
	left:-114px;
	top:155px;
}
#suggeriments img{
border:solid 2px #000000;
}

#infoproducte {
	position:absolute;
	width:167px;
	z-index:6;
	left:152px;
	top:-189px;
	height: 206px;
}
#infoproducte img{
border:none;
}
#infoproducte li{

list-style:none;
background-color:#000000;
height:16px;
width:100%;
color:#FFFFFF;
vertical-align:middle;
padding:2px;
padding-top:4px;
padding-left:4px;
}
.infoli{
width:100%;

}

#infoproducte a:link,#infoproducte a:active,#infoproducte a:visited{
color:#FFFFFF;
text-decoration:none;
font-style:normal;
}
#infoproducte a:hover{
color:#CC99CC;
font-style:normal;
}

.credits a:link,.credits a:active,.credits a:visited{
color:#000000;
text-decoration:none;
}
.credits a:hover{
color:#333333;
text-decoration:underline;

}

#tp_fons {z-index: 99;  display: none; position: absolute; background: #000; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%;}
#tp_caixa { display: none; position: absolute; background: #000000; color: #fff; text-align: center; border: 1px solid #ffffff; top: 300px; z-index: 100; padding:4px;
font-family:Geneva, Arial, Helvetica, sans-serif;}
.tp_info { font-size: 14px; color: #ddd; padding: 4px 0; border-top: 0px solid #636D61; background: #333333; }

.tp_info a:link,.tp_info a:active,.tp_info a:visited{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

.tp_info a:hover{
color:#CC99CC;
font-weight:bold;
}

.boton a:link,.boton a:visited,.boton a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#a9351f;
	background-color:#333333;
	font-weight:bold;
	padding:4px;
	padding-TOP:3PX;
	padding-bottom:2px;
	
}
.boton a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#660066;
	background-color:#d9cabd;
	font-weight:bold;
	padding:4px;
	padding-TOP:3PX;
	padding-bottom:2px;	
}