@import url(catalogue.css);


/* nou layout amb css*/
body{  /*apart de proprietats de font i color de fons, no caldria tocar marges, height, etc*/
	margin: 0 auto;
	padding: 0px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	height:100%;
}

b, strong{
	color:black !important;
}

h2, h2 a{
	font-weight: bold;
	font-size:13px;
	color:#990000;
	}
	
a{
	outline:none;
	border:0px;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}


img{
	border:0;
}

img a {
 border:none;
}


#embolcall{  /*tota la pagina, apart del color de fons del body. nomes cal canviar amplada i imatge/color de fons*/
	  background: #F0FFE1 ;
	  width: 990px;
	  margin:0 auto;
	  text-align:left;
	  display:table;
	  position:relative;
	  border-left:1px #8FBB56 solid;
	  border-right:1px #8FBB56 solid;
	}
	
#idiomes{ /* barra idiomes a dalt de tot */
		background: url(../../img/fons_boto.png) repeat-x;
		border-top:#EFF612 solid 1px;
		border-bottom:#EFF612 solid 1px;
		
	padding:1px;
		padding-top:2px;
		
		padding-right:16px;
		text-align:right;
		color:#666666;
		font-size:11px;
		font-weight:bold;
	}
	
	
	
	#idiomes a{
		color:black;
		text-decoration:none;
		
	}
	
	#idiomes img{
		vertical-align:top;		
		margin-left:16px;
	}
	
	#capsalera{ /* a sota dels idiomes. pot tenir imatge/color de fons, etc.*/
	width:990px;
	text-align:left;
	height:183px;
	border-bottom:#EFF612 solid 2px;
	}
	
	/************************************/


/* menu horizontal */
#barra_menu{/*menu a sota del banner*/
	/*border-bottom: #a9a9a9 dotted 2px;*/
	width:449px;
	height:24px;
	display:table;
	background: url(../../img/fons_boto.png) repeat-x;
	border-top:#EFF612 solid 2px;
	margin:0px;
	padding:0px;
	}	
		
#barra_menu	.menu{
		margin-left: auto; 
		margin-right: auto;
		padding:0px;
	}
	
	/* estils del menu */
#barra_menu	.menu ul {	
		list-style-type: none;
		text-align:center;
		font-size:12px;
		height:24px;
		padding:0px;
		padding-top:2px;
		margin:0px;
		margin-top:2px;
		}
		
#barra_menu	.menu ul li{
		display:inline;
		margin:0px;
		padding:0px;
		padding: 4px 4px 5px 4px;
		font-weight: bold;
		text-align:center;
		cursor: pointer;
		border-left:#dddddd solid 1px;
		border-right:#aaaaaa solid 1px;
		
		}
	

		
#barra_menu ul li.itemMenu{
	
	color: #fafafa;
	
}
#barra_menu ul li.itemMenu:hover{
	color: #ffffff;
	
}
#barra_menu ul li.itemMenuOn{
	text-decoration:underline;
	color: #ffffff;
}		
	
/*fins aqui, menu*/


	#embolcall_pag{	
	display:table;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width:990px;
	margin:0px;
	padding:0px;
	}
	
	#menu_catego_esq{ /* veure més avall per detalls d'aquest menú*/
		display:block;
		float:left;
		width:180px;
		padding:0px;
		padding-left:5px;
		margin:0px;
		margin-top:15px;;
		margin-left:10px;
	font-family:Arial, sans-serif;
	font-weight:bold;	
	font-size:11px;
	}


	#contingut_pagina{
		width:760px;
		float:right;
		padding:0px;
		padding-right:5px;
	margin:0px;
	margin-right:10px;
		
	
	overflow:hidden; /*per IE 5.5 i 6 */
	text-align:left
	min-height:600px;
	height:auto !important;
	
	}
	
	#peu{
	clear:both;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	min-height:22px;
	padding-top:3px;
	color:#FFFFFF;
	text-align:center;
	width:990px;
	background: url(../../img/foot.jpg) top repeat-x;	
			*margin-top:50px;
	}
	
	#peu a{
		color:white;
		font-weight:bold;
		text-decoration:none;
	}
	
	#logo_peu{/*logo iws*/
	float:left;
	margin:0px;
	padding:0px;
	padding-left:16px;
	}
	
	#links_peu{/*avis legal, etc*/
	float:right;
	margin:0px;
	padding:2px;
	padding-right:16px;
	}
	

/*GOOGLE MAP*/
#map{
	border:1px solid black;
	height:500px;
	width:690px;
	float:left;
	margin:0px;
	padding:0px;
}


#map .bubble {
	padding:3px;
	padding-left: 10px; 
	color:#333333; 
	font-size:12px;
	}


/* ********************************  cataleg  ************************************************ */

/* portada de cataleg */
#catego{
	
}

#peu_catego{ 
height:26px; 
background:url(../../img/bg.jpg) no-repeat;
border-bottom: 1px solid #5F7F3C;
border-left: 1px solid #5F7F3C; 
border-right: 1px solid #5F7F3C;
margin-top:0px; 
font-size: 10px; 
text-transform:uppercase; 
text-align:center;
width:181px;
		*width:181px;
}




#peu_catego a{ 
	color:#eee; 
	text-decoration:none;
	font-size:10px;
}

#peu_catego a:hover{ 
	color:#fff; 
}

/**/

/* menu categories a l'esquerra */


#menu_catego_esq ul{
	list-style:none;
	margin:0px;
	padding:0px;	
}

#menu_catego_esq ul li{
	margin:0px;
	padding:0px;
	margin-bottom:7px;
}

#menu_catego_esq ul li a{
	color:#fff;
	text-align:center;
	text-decoration:none;
	display:block;
	padding:2px;
	padding-top:3px;
	padding-bottom:3px;
	background: #9ECA73 url(../../img/fons_boto.png) repeat-x bottom;
	border:#4B4B4B solid 3px;
	border-left:#4B4B4B solid 3px;
	border-right:#4B4B4B solid 3px;
			*margin-bottom:6px;	
}


#menu_catego_esq ul ul li a{
			*margin:0px;
			*padding:0px;
	color:#222;
	text-decoration:none;
	text-align:left;
	display:block;
	padding:2px;
	padding-top:3px;
	padding-bottom:3px;
	background: #9ECA73 url(../../img/fons_boto.png) repeat-x bottom;
	border:#EFF612 solid 1px;
	border-left:#dddddd solid 1px;
	border-right:#aaaaaa solid 1px;
}

#menu_catego_esq a:hover{
	color:black;
	background: #70BC24 url(../../img/fons_boto.png) repeat-x top;
}
.cat-catpath{
		display:table;
		width:500px;
		margin-top:10px;
		font-size:12px;
		font-family:Verdana,Arial,Helvetica,sans-serif;
	}
.cat-catpath a {
	color:#990000;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

/**/

/* fitxa sumari model producte */
#tabla2{
	margin-top:20px;
	width:700px;
	display:table;
	
}


#tabla2 #foto{
	clear:both;
	float:left;
	width:150px;
}

#tabla2 #foto img{
	width:150px;
}

#tabla2 #texte_descrip{
	margin-left:170px;
	
	height:6em;
}

#tabla2 #texte_descrip .model{
	font-weight:bold;
	margin-top:0px;
	font-size:16px;
}

#tabla2 #texte_descrip .model a{
	color: #222;
	text-decoration:none;
}

#tabla2 #texte_descrip .sumari{
}

#tabla2 #texte_descrip p a:hover{
	color:#666666;
}


#flashContent{
	margin-bottom:10px;
}

#video{
	float:right;
}

#video a {
 color:#336600;
 font-weight:bold;
 text-decoration:none;
 padding-left:27px;
 background: url(../../img/filmstrip.png) no-repeat;
}

#video a:hover {
 text-decoration:underline;
}

.cat-items-list{
	clear:both;
}

/**/

/* pagina detall producte*/

.cat-item .title {
background:#79BE2F;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:2px 5px;
}


/* esdeveniments */


.image {
 display:block;
 width:auto;
 padding:2px;
 background:#EEE;
 border:1px solid #059205;
 float:left;
}

.left {
 float:left;

}

.left img{
 height:200px;
 width:300px;

}

.right { 
 float:right;
}

.clear {
 clear:both;
}


#galerias img,
.galeries img {
 margin:4px;
 height:220px;
 width:300px;
}

#galerias ul {
 margin:0px;
 padding:0px;
}

#galerias ul li {
 padding:4px;
 float:left;
}

#galerias ul li p {
 float:left;
 clear:left;
 width:auto;
}

.links a,
#galerias ul li a {
 color:black;
 font-weight:bold;
 font-size:10px;
 text-decoration:none;
 margin-bottom:4px;
}

#galerias .description{
width:350px;
}

.menu_galeries{width:350px; height:25px; margin 0px; padding:0px; *height:100%}

.menu_galeries img{ padding: 3px 0px 3px 3px; background:#fff;}
.menu_galeries img a{ background:#fff; }

.menu_galeries a{ font-weight:normal;margin 0px; padding:2px; text-decoration:none; color:#111;background:#88C34B;}
.menu_galeries a:link{margin 0px; padding:2px; text-decoration:none; color:#111;background:#88C34B;}
.menu_galeries a:visited{margin 0px; padding:2px; text-decoration:none; color:#111;background:#88C34B;}
.menu_galeries a:hover{margin 0px; padding:2px; text-decoration:none; color:#111;background:#88C34B;}


.links a:hover,
#galerias ul li a:hover {
 color:gray;
 clear:both;
}

.links {
 float:left;
 clear:left;
}

.thumb {
 /*float:left;*/
 height:130px;
 width:120px;
 display:block;
 margin:2px;
}

.thumb p {
 width:100%;
}


 .galeries{ height: 100%; width:100%; display:block; float:left;} 
/*#galeries img{margin: 4px; margin-right;4px;}*/

.galeries p,
.galeria p,
.galeria .links {
 float:left;
 clear:left;
}

.galeries a {
 margin-bottom:6px;
 float:left; 
}

.clearfix:after {  
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	height: 0;  
}  

.clearfix {  
display: inline-block;  
}  
   
html[xmlns] .clearfix {  
    display: block;  
}  
  
* html .clearfix {  
    height: 1%;  
}



#contingut .cat-item strong{color:black;} 
#contingut .cat-item .xl24 strong{color:black;} 
#contingut .cat-item .xl25 strong{color:black;} 
#contingut .cat-item .xl26 strong{color:black;} 
#contingut .cat-item .xl27 strong{color:black;}