body {
	background-image:url(../img/fondo.gif);
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9pt;
	color:#333333;
}

#contenido {
	margin:0 auto 0 auto;
	width:773px;
	background-image:url(../img/fondo2.gif);
	background-repeat:repeat-y;
	background-color:#FFF;
	clear:both;
}

#cabecera {
	margin:0px 10px 0px 10px;
	height:110px;
}

#cabecera img {
	border:0;
	float:left;
	margin-left:250px;
	margin-top:4px;
}


#menu {
	width:736px;
	height:31px;
	background-image:url(../img/fons-menu.jpg);
	background-repeat:no-repeat;
	margin-left:19px;
	padding-left:20px;
}

#menu img {
	margin:0 20px 0 20px;
	vertical-align:middle;
}

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	text-decoration:none;
	font-size:11pt;
	color:#333333;
}

#menu-inf {
	border-top:1px solid #333333;
	width:736px;
	margin-left:19px;
	text-align: center;	
	padding:8px 0 8px 0;
	margin-top:0;	
}

#menu-inf a:link, #menu-inf a:visited, #menu-inf a:hover, #menu-inf a:active {
	text-decoration:none;
	text-align:center;
	font-size:11pt;
	color:#333333;
	background-color:#FFF;
} 

#cos {
	margin:10px 40px 40px 40px;
	
} 

#cos p {
	text-align:justify;
}

#download {
	position:relative;
	float:right;
	bottom:300px;
 	right:5px;
	height:100px;
	text-align:center;
}

#tit-index {
	font-size:11pt;
	font-weight:bold;
	margin-top:20px;
}

img.principal {
	padding:1px 1px 1px 1px;
	border:1px solid #cccccc;
	margin-right:20px;
}

#cont-tendes {
	width:672px;
	margin:auto;
	overflow:auto;
}

.tenda{
	padding:0;
	width:210px;
	float:left;
	background:transparent;
	height:auto;
	margin-right:10px;
	margin-bottom:10px;
}


img.principal {
	padding:1px 1px 1px 1px;
	border:1px solid #cccccc;
	margin-right:5px;
}


#bottom {
	background-image:url(../img/bottom.gif);
	background-repeat:no-repeat;
	width:774px;
	height:9px;
	margin:0 auto 0 auto;
	padding:0;
}

#validator {
	margin-left:850px;
}

#contacte{
	width:250px;
	margin-left:30px;
	overflow:auto;
}

.formulari {
	text-align: left;
}
 
.formulari .camp {
	margin: 1em 0;
}

.formulari .negreta{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.requerit {
        font-weight: bold;
        font-size: 140%;
        color: #c30;
        vertical-align: -20%;
        padding: 0 0.1em;
}

.titol {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16pt;
}

.titol_promo {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#c30;
	font-size:12pt;
}


.linki {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12pt;
	text-decoration:none;
	font-weight:bold;	
}
/**************************************************************************************************************/

a span {visibility:hidden;color:white;text-align:center;font:bold 14px "Trebuchet MS",arial;position:absolute;top:105px;left:325px;visibility:hidden;border:5px solid #fff;z-index:10;}
a:hover img.min {z-index:100;border:1px solid red;}
a:hover {display:inline;z-index:100;} /* Hace que funcione en IE6*/
a:hover span {visibility:visible;border:5px solid #fff;background:#000000;z-index:100;}
a:hover span img {visibility:visible;z-index:100;}		
a:focus span , a:active span  {visibility:visible;z-index:10;background:#000000;}
a img.fotos {border:1px solid white;margin:5px;}


/**************************************************************************************************************/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7;}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../img/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../img/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4;}
.linkhover {background:url(../img/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../img/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../img/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/**************************************************************************************************************/