/*=========================================
RESET I PRINCIPALS TAGS
=========================================*/		
		html {
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    }

    body {
    background: #000 url(../imatges/layout/fons.gif) repeat;
    font-family: "Trebuchet MS",Tahoma,"Lucida Sans",verdana,helvetica,sans-serif;
    font-size: 9pt;
    margin: 0px; 
    padding: 0px;
    min-height: 100%;
    }

		#logo_print {
			display: none;
		}

    a:link,a:visited {color: #FFF; text-decoration: none;}
    a:hover {color:#FF9900; text-decoration: underline;}
		a { /* Aplicat només a a:active continua siguent visible la selecció amb el tabulador (Firefox) */
		outline: none;
		}

    div a:link,div a:visited {color: #FFF;}
    div a:hover {color:#FF9900;}
		
		.pagePrev,.pageNum,.pageNext {	
		background: none repeat scroll 0 0 #222;
		line-height: 30px; /* Això fa que si hi han moltes pàgines i es trenca en dues línies, no es sobreposin l'una sobre l'altra */
		padding: 4px 8px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		}		
  
    div.hr {
    height: 22px;
    background: #000 url(../imatges/layout/fons_hr_pastilla.gif) repeat;
    }
    div.hr hr {
    display: none;
    }
		
		.centrat {text-align: center;}
		
		.gris {color: #666;}
		
		.translucid {
		filter:alpha(opacity=40);
		-moz-opacity:0.4;
		-khtml-opacity: 0.4;
		opacity: 0.4;
		}
  
  	strong.gran {font-weight:normal; font-size: 1.2em; color:#FF9900;}
		
		table#home {
		  width: 900px;
			height: 487px;
			background: #000 url(../imatges/layout/fons_home.gif) no-repeat;
			border-collapse: collapse;
			border: 0px solid red;
    }
		table#home table#home_interior {
		  width: 800px;
			height: 400px;
			background: #000 url(imatges/layout/fons_home.gif) no-repeat;
			border-collapse: collapse;
			border: 0px solid yellow;
    }
		

    #lang {
		background: url(../imatges/layout/lang_fons.png) no-repeat right;
		height: 25px;
    margin: 0px auto;
		padding-right: 13px;
		text-align: right;
    width: 906px;
    }
		#lang:hover {	background: url(../imatges/layout/lang_fons_ON.png) no-repeat right; }
		#lang .flag {margin:2px 0 0 3px; opacity:.6; filter: alpha(opacity=60);}
		#lang .flag:hover {opacity:1; filter: alpha(opacity=100);}

    #container {
    background: #000 url(../imatges/layout/fons_container.gif) repeat;
    background-position: 0px -2px;
    font-family: "Trebuchet MS",Tahoma,"Lucida Sans",verdana,helvetica,sans-serif;
    font-size: 13px;
    width: 960px;
    margin: 0px auto;
		padding-bottom: 0px;
    color: #CCC;
    }

/*=========================================
CAPÇALERA
=========================================*/
    #top {
    background: #000 url(../imatges/layout/fons_head.gif) no-repeat;
    padding: 0px;
    height: 154px;
    }

    #top h1 {
    padding: 0px;
    margin: 0px;
    }
    /*--CAPÇALERA Menu superior botons--*/
    #menu {
    float:right;
		width: 800px;
    margin:16px 0px 0px 0px;
    padding-right: 63px;
     } 
     
    ul#menuList {
     list-style-type: none;
     margin: 0px;
     }

    ul#menuList li {
     float: right;
     margin: 0px 0px 0px 15px;
     }

    #menuList a {
     float: left;
     display: block;
     text-decoration: none;
     padding: 0px 0px 0px 0px;
     width: 145px;
     height: 19px;
     background: #000 url(../imatges/layout/fons_boto_off.gif) no-repeat;
     }
		 #menuList a#outdoor { background: #000 url(../imatges/layout/fons_boto_off_outdoor.gif) no-repeat; }

    #menuList a:link,
    #menuList a:visited {
     background-color:#000;
     color: #FFF;
     padding: 30px 0px 0px 0px;
   	 text-align: center;
     }
    #menuList a:hover {
     color:#FF9900;
     background: #1b1b1b url(../imatges/layout/fons_boto_on.gif) no-repeat;
     padding: 23px 0px 0px 0px;
     height: 26px;
     }
    #menuList a#outdoor:hover { background: #1b1b1b url(../imatges/layout/fons_boto_on_outdoor.gif) no-repeat; }

    #menuList li#active a:link,
    #menuList li#active a:visited {
     background: #1b1b1b url(../imatges/layout/fons_boto_on.gif) no-repeat;
    color:#FF9900;
     padding: 23px 0px 0px 0px;
     height: 26px;
     }
		#menuList li#active a#outdoor:link, #menuList li#active a#outdoor:visited { background: #1b1b1b url(../imatges/layout/fons_boto_on_outdoor.gif) no-repeat; }
		

    #menuList li#active a:hover {
     background-color:#1b1b1b;
     color: #FF9900; 
     }

    /*-- CAPÇALERA Menu 2 --*/
    #menu2 {
    float: right;
    width: 285px;
    margin-top: 36px;
    padding-right: 65px;
  	font-size: 12px;
    color:#FFF;
		text-align: right;
		border: 0px solid red;
    }
    #menu2 a:link, a:visited {color:#FFF;text-decoration: none;}
    #menu2 a:hover {color:#FF9900;text-decoration: underline;}
		#menu2 a#active:link, a#active:visited,a#active:hover {color:#FF9900;text-decoration: none;}

    /*--CAPÇALERA > Cercador --*/
    /*#cercador {
    font-size: 12px;
    float: left;
    width: 250px;
    margin-top: 30px;
		margin-left: 274px;
    padding-right: 43px;
    color:#FFF;
    background: transparent url(../imatges/layout/fons_input_text.gif) no-repeat;
    background-position: 0px 3px;
		border: 0px solid blue;
    }*/
    #cercador {
    font-size: 12px;
    float: left;
    width: 250px;
		margin-top: 33px;
		padding-left: 275px;
    color:#FFF;
    background: transparent url(../imatges/layout/fons_input_text.gif) no-repeat;
		background-position: 275px 3px;
		border: 0px solid blue;
    }		
    #cercador a:link, a:visited {color:#FFF;text-decoration: none;}
    #cercador a:hover {color:#FF9900;text-decoration: underline;}

    /*CAPÇALERA > Cercador > Formulari*/
    #cercador input {
    font-family: Tahoma,"Trebuchet MS","Lucida Sans",verdana,helvetica,sans-serif;
    font-size: 12px;
    color: #666;
    border: 0px;
    }
    #cercador input#campformulari {
    width: 65px;
    height: 16px;
    padding-top: 0px;
    padding-left: 18px;
    padding-right: 15px;
    background: transparent;
    }
    #cercador input#campformulari:hover,#cercador input#campformulari:focus {
    background: transparent;
    }

    #cercador input#submit {
		display: none;
    width: 90px;
    height: 18px;
    margin-left: 10px;
    background: transparent url(../imatges/layout/fons_input_submit.gif) no-repeat;
    background-position: 0px 0px;
    font-weight: bold;
    }
    #cercador input#submit:hover {
    background-color: #FF9900;
    background: transparent url(../imatges/layout/fons_input_submit_hover.gif) no-repeat;
    }
    #cercador input#submit:active {
    background-color: #FF9900;
    background: transparent url(../imatges/layout/fons_input_submit_active.gif) no-repeat;
    }

/*=========================================
MENU LEFT
=========================================*/
    #leftnav {
    float: left;
    width: 202px;
    margin-left: 0px;
    padding-left: 50px;
    }

    /*-- MENU LEFT > Menú esquerra --*/
    #leftmenu {
     float:right;
     margin:0px 0px 0px 0px;
     } 
     
    ul#leftmenuList {
     list-style-type: none;
     margin: 0px;
     }

    ul#leftmenuList li {
     float: left;
     margin: 0px 0px 0px 0px;
     }

    #leftmenuList a {
     float: left;
     display: block;
		 line-height: 14px;
     text-decoration: none;
     padding: 0px 0px 0px 0px;
     width: 102px;
     height: 75px;
     }

    #leftmenuList a.aplics {
     background: #000 url(../imatges/layout/boto_aplics.gif) no-repeat;
     }
    #leftmenuList a.aplics:hover, #leftmenuList li#activeType a.aplics:link, #leftmenuList li#activeType a.aplics:visited {
     background: #000 url(../imatges/layout/boto_aplics_ON.gif) no-repeat;
     }

    #leftmenuList a.escriptori {
     background: #000 url(../imatges/layout/boto_escriptori.gif) no-repeat;
     }
    #leftmenuList a.escriptori:hover, #leftmenuList li#activeType a.escriptori:link, #leftmenuList li#activeType a.escriptori:visited {
     background: #000 url(../imatges/layout/boto_escriptori_ON.gif) no-repeat;
     }

    #leftmenuList a.suspensio {
     background: #000 url(../imatges/layout/boto_suspensio.gif) no-repeat;
     }
    #leftmenuList a.suspensio:hover, #leftmenuList li#activeType a.suspensio:link, #leftmenuList li#activeType a.suspensio:visited {
     background: #000 url(../imatges/layout/boto_suspensio_ON.gif) no-repeat;
     }

    #leftmenuList a.peu {
     background: #000 url(../imatges/layout/boto_peu.gif) no-repeat;
    height: 144px;
     }
    #leftmenuList a.peu:hover, #leftmenuList li#activeType a.peu:link, #leftmenuList li#activeType a.peu:visited {
     background: #000 url(../imatges/layout/boto_peu_ON.gif) no-repeat;
     }

    #leftmenuList a.acabats {
     background: #000 url(../imatges/layout/boto_acabats.gif) no-repeat;
		 margin-top: 23px;
     }
    #leftmenuList a.acabats:hover, #leftmenuList li#activeType a.acabats:link, #leftmenuList li#activeType a.acabats:visited {
     background: #000 url(../imatges/layout/boto_acabats_ON.gif) no-repeat;
     }
		 
    #leftmenuList a.taules {
     background: #000 url(../imatges/layout/boto_taules.gif) no-repeat;
     }
    #leftmenuList a.taules:hover, #leftmenuList li#activeType a.taules:link, #leftmenuList li#activeType a.taules:visited {
     background: #000 url(../imatges/layout/boto_taules_ON.gif) no-repeat;
     }

    #leftmenuList a:link,
    #leftmenuList a:visited {
     background-color:#000;
     color: #FFF;
     padding: 40px 0px 0px 100px;
     }
    #leftmenuList a:hover {
     color:#FF9900;
     padding: 40px 0px 0px 100px;
     }

    #leftmenuList li#activeType a:link,
    #leftmenuList li#activeType a:visited {
     background-color: #000;
     color:#FF9900;
     padding: 40px 0px 0px 100px;
     }

    #leftmenuList li#activeType a:hover {
     background-color:#000;
     color: #FF9900;
     }
		 
		/* Menú Acabats */
		ul#leftmenuListAcabats {
     list-style-type: none;
     margin: 23px 23px 0px 0px;
     }

    ul#leftmenuListAcabats li {
     float: left;
     margin: 0px 0px 0px 0px;
     }
		 #leftmenuListAcabats li.acabats {
     background: #000 url(../imatges/layout/boto_acabats.gif) no-repeat -62px -20px;
		 display: block;
		 font-weight: bold;		 
     height: 60px;
		 padding: 25px 0 0 35px;
		 text-transform: uppercase;
		 border: 0px solid red;
     }

    #leftmenuListAcabats a {
     float: left;
     display: block;
     text-decoration: none;
     padding: 0px 0px 0px 0px;
     width: 102px;
     height: 25px;
     }
		 #leftmenuListAcabats  li#activeType a:link,
     #leftmenuListAcabats  li#activeType a:visited {
     background-color: #000;
     color:#FF9900;
     }

     #leftmenuListAcabats  li#activeType a:hover {
     background-color:#000;
     color: #FF9900;
     }
		 
		 #leftmenu #onsom{
     margin: 23px 0px 0px 0px;
		 font-size: 90%;
     } 
		 

/*=========================================
CONTINGUT
=========================================*/ 
    #content {
    margin-top: 25px;
    margin-left: 272px;
    margin-right: 270px;
    padding: 0px;
		min-height: 400px;
    }
    #content p{
    /*text-align: center;*/
    }


    /* CONTINGUT > Articles */
    #CapaArticles { width: 408px; margin: 0px; padding: 0px;}

    #CapaArticles ul {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      font-size: 10pt;
    }

    #CapaArticles li { margin: 0px 0px 20px 0px; }

    #CapaArticles a.lamps {
      display: block;
      padding: 0px;
      width: 408px;
      height: 80px;
      background: #1b1b1b url(../imatges/layout/article.gif) no-repeat;
    }

    #CapaArticles a:link, #navlist a:visited {
      color: #eee;
      text-decoration: none;
    }

    #CapaArticles a:hover {
      background: #222 url(../imatges/layout/article_ON.gif) no-repeat;
      color: #FF9900;
    }
		/* Això activa el símbol de "outdoor" de la pastilla de cada article */
		#CapaArticles a.outdoor { background: #1b1b1b url(../imatges/layout/article_outdoor.gif) no-repeat; }
		#CapaArticles a.outdoor:hover { background: #1b1b1b url(../imatges/layout/article_ON_outdoor.gif) no-repeat; }

    #CapaArticles a span {
     padding-left: 0px;
    line-height: 15px;
    }
    #CapaArticles a br {
    line-height: 8px;
    }
    #CapaArticles a span.em {
    font-size: 9pt;
    font-style: italic;
    }
		
		/* Si volem símbol de "Nou!" com a imatge activem aquestes línies */
		/* #CapaArticles span.novetat_cat { text-indent:-9000px;color:#FF9900; float:right; height:27px; width:27px; margin-right:7px; background: url(../imatges/layout/novetat_nou.gif) no-repeat top left;}
		#CapaArticles span.novetat_cas { text-indent:-9000px;color:#FF9900; float:right; height:27px; width:27px; margin-right:7px; background: url(../imatges/layout/novetat_new.gif) no-repeat top left;}
		#CapaArticles span.novetat_eng { text-indent:-9000px;color:#FF9900; float:right; height:27px; width:27px; margin-right:7px; background: url(../imatges/layout/novetat_new.gif) no-repeat top left;} */

		#CapaArticles span.novetat_cat { color:#FF9900; float:right; margin-right:7px; }
		#CapaArticles span.novetat_cas, #CapaArticles span.novetat_ru { color:#FF9900; float:right; font-size: 80%; margin-right:7px; }
		#CapaArticles span.novetat_eng { color:#FF9900; float:right; margin-right:7px; }
		
    #CapaArticles a img {float: left; padding-left: 22px; padding-right: 10px;}
  
    /* CONTINGUT > Foto Article */
  	.boxArticle {
      margin: 0px 0px 40px 0px;
      padding: 0px 0px 12px 0px;
      font-size: 12px;
      line-height: 1.5em;
      color: #FFF;
      background: #000 url(../imatges/layout/fons_article_bottom.gif) no-repeat bottom right;
      }

    #CapaArticles .boxArticle a.unlockdownload {
			font-size: 14px;
      display: block;
      padding: 8px 0 5px 30px;
      width: 350px;
      /* height: 30px; */
      background: url(../imatges/layout/arrow_down_ON.png) no-repeat scroll 4px 4px transparent;
			border: 0px solid gray;
			border-radius:9px;
			-webkit-border-radius:9px;
			-moz-border-radius:9px;
    }
		
		#CapaArticles .boxArticle a.lockdownload {
      background: url("../imatges/layout/arrow_down.png") no-repeat scroll 4px 4px transparent;
			border: 0px solid gray;
      display: block;
			font-size: 14px;
      padding: 8px 0 5px 30px;
      width: 350px;
      /* height: 30px; */
			border-radius:9px;
			-webkit-border-radius:9px;
			-moz-border-radius:9px;
    }
		#CapaArticles .boxArticle a.jpg { background: #222 url("../imatges/layout/icon_jpg.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.zip { background: #222 url("../imatges/layout/icon_zip.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.pdf { background: #222 url("../imatges/layout/icon_pdf.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.xls { background: #222 url("../imatges/layout/icon_xls.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.doc { background: #222 url("../imatges/layout/icon_doc.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.pps { background: #222 url("../imatges/layout/icon_pps.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.file { background: #222 url("../imatges/layout/icon_file.png") no-repeat scroll 4px 4px; }
		
		#CapaArticles .boxArticle a.jpg_gris { background: #222 url("../imatges/layout/icon_jpg_gris.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.zip_gris { background: #222 url("../imatges/layout/icon_zip_gris.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.pdf_gris { background: #222 url("../imatges/layout/icon_pdf_gris.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.xls_gris { background: #222 url("../imatges/layout/icon_xls_gris.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.doc_gris { background: #222 url("../imatges/layout/icon_doc_gris.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.pps_gris { background: #222 url("../imatges/layout/icon_pps_gris.png") no-repeat scroll 4px 4px; }
		#CapaArticles .boxArticle a.file_gris { background: #222 url("../imatges/layout/icon_file_gris.png") no-repeat scroll 4px 4px; }

    #CapaArticles .boxArticle a:hover {
      /* background: url(../imatges/layout/arrow_down_ON.jpg) no-repeat top left; */
			background-color: #333;
      color: #FF9900;
    }
		
    .boxArticle h3.foto {
      margin: 0px;
      padding-top: 9px;
      padding-left: 18px;
      padding-bottom: 8px;
      font-size: 130%;
      font-weight: normal;
      color: #CCC;
      background: url(../imatges/layout/fons_article.gif) no-repeat top left;
      }
    .boxArticle h3 {
      margin: 0px;
      padding-top: 9px;
      padding-left: 18px;
      padding-bottom: 16px;
      font-size: 130%;
      font-weight: normal;
      color: #CCC;
      background: url(../imatges/layout/fons_article.gif) no-repeat top left;
      }
    .boxArticle p, .boxArticle ul {
      margin: 0px;
      padding: 10px 18px 0px 18px;
      border-left: 1px solid #313131;
      border-right: 1px solid #313131;
      }
			.boxArticle p span.ean { float:right; color:gray; }
			.boxArticle p span.ean:before { content: "EAN-" }
    .boxArticle p.download {
      margin: 0px;
      padding: 0px 18px 0px 13px;
      border-left: 1px solid #313131;
      border-right: 1px solid #313131;
      }
			.boxArticle p.download#first { padding-top:12px; }
			.boxArticle p.download span { color:#777; }

    .boxArticle img {
      margin: 0px;
      padding: 0px 0px 0px 0px;
      border-left: 1px solid #313131;
      border-right: 1px solid #313131;
      }	
    .boxArticle ul li {
      margin: 0px 0px 0px 12px;
      padding: 0px 0px 0px 0px;
      list-style: square;
      }
    .boxArticle ul li:hover {color:#FF9900; text-decoration: underline;}
		.boxFotos {
      margin: 0px 0px 40px 0px;
      }	

    /* CONTINGUT > Fotos Acabats, Dissenyadors, Mapa  */
		#contentAmple {
      margin-top: 25px;
      margin-left: 272px;
      margin-right: 40px;
      padding: 0px;
  		min-height: 400px;
    }
		#contentAmple #GoogleMap{
			width: 624px;
			height: 425px;
      border: 1px solid gray;
			background: #000 url(../imatges/extres/carregant.gif) no-repeat;
			background-position: center center;
    }
		#contentAmple #MapaDistribucio{
			width: 600px;
			height: 325px;
      border: 1px solid #666;
			background: #000 url(../imatges/extres/carregant.gif) no-repeat;
			background-position: center center;
    }
		
		.contentUnaFila {
      margin-top: 25px;
      margin-left: 272px;
      margin-right: 40px;
      padding: 0px;
  		min-height: 200px;
    }
		
		.contentEstret {
      margin-top: 35px;
      margin-left: 272px;
      /*margin-right: 200px;*/
			width: 483px;
      padding: 0px;
			padding-bottom: 120px;
  		min-height: 400px;
    }
		
		.contentMig {
      margin-top: 25px;
      margin-left: 272px;
      margin-right: 150px;
      padding: 0px;
			/*min-height: 140px;*/
			color: #777;
    }
		
		.contentDownloads {
			/* background: #ccc url("../imatges/layout/download-fons.png") no-repeat scroll 40px 20px; */
      margin-top: 35px;			
			margin-bottom: 60px;
      margin-left: 272px;
      /*margin-right: 200px;*/
			width: 550px;
			padding: 80px 0 50px 10px;
  		min-height: 400px;
			overflow:auto; /*per a que el contenidor no es quedi curt*/
			zoom: 1; /*per a que el contenidor no es quedi curt a més a I6 s'ha d'afegir això*/
			border-radius:9px;
			-webkit-border-radius:9px;
			-moz-border-radius:9px;
			box-shadow: inset 0 0 40px rgba(0,0,0, .3);
			-webkit-box-shadow: inset 0 0 40px rgba(0,0,0, .3);
			-moz-box-shadow: inset 0 0 40px rgba(0,0,0, .3);
    }
		.contentDownloads#cat { background: #ccc url("../imatges/layout/download-fons_cat.png") no-repeat scroll 40px 20px; }
		.contentDownloads#cas { background: #ccc url("../imatges/layout/download-fons_cas.png") no-repeat scroll 40px 20px; }
		.contentDownloads#eng { background: #ccc url("../imatges/layout/download-fons_eng.png") no-repeat scroll 40px 20px; }
		.contentDownloads#ru { background: #ccc url("../imatges/layout/download-fons_eng.png") no-repeat scroll 40px 20px; }
		
		.nota_downloads{
			background: #ddd url("../imatges/layout/asterisk_orange.png") no-repeat scroll 10px 11px;
			/* border-top: 1px solid #afafaf;
			border-left: 1px solid  #afafaf;
			border-bottom: 1px solid #e9e9e9;
			border-right: 1px solid  #e9e9e9; */
			color: #666;
			margin: 20px 40px 17px 30px;
			padding: 10px 16px 10px 35px;
			font-style: italic;
			text-shadow: 0px 0px 3px #fff;
			border-radius:6px;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			box-shadow: 0 0 10px rgba(0,0,0, .1);
			-webkit-box-shadow: 0 0 10px rgba(0,0,0, .1); 
			-moz-box-shadow: 0 0 10px rgba(0,0,0, .1);		
		}
		.llistat_downloads{
			background-color: #fff;
			color: #666;
			margin: 20px 40px 17px 30px;
			padding: 10px 16px 10px 35px;
			font-style: italic;
			text-shadow: 0px 0px 3px #fff;
			border-radius:6px;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			box-shadow: 0 0 10px rgba(0,0,0, .1);
			-webkit-box-shadow: 0 0 10px rgba(0,0,0, .1); 
			-moz-box-shadow: 0 0 10px rgba(0,0,0, .1);		
		}
		.llistat_downloads span {
			color: #666;
			display: block;
			font-size: 115%;
			margin: 15px 20px 0px 0px;
			text-transform: uppercase;
		}
		.llistat_downloads ul {
			border-top: 1px solid #e5e5e5;
			margin: 25px 40px 25px 25px;
			padding: 0 0 0 0;
    }		 
		.llistat_downloads ul li {
			background: url(../imatges/layout/pdf_button.png) no-repeat;
			border-bottom: 1px solid #e5e5e5;
      list-style: none;
			margin: 5px 0 0 0;
			padding: 0 0 5px 20px;
     }
		div.llistat_downloads a {color:#666 !important;}
		div.llistat_downloads a:visited {color:#888 !important;}
		div.llistat_downloads a:hover {text-decoration:underline !important;}
		
		div.thumbnail
		{
      float: left;
			width: 140px;
			height: 180px;
			padding-right: 21px;
			/*background: #000 url(../imatges/layout/fons_thumb.jpg) no-repeat;*/
			font-size: 12px;
			text-align: left;
			line-height:14px;
    }
		div.thumbnail a {text-decoration: none;}
		
		div.thumbnail_sensetext
		{
      float: left;
			/*width: 140px;*/
			height: 140px;
			padding-right: 21px;
			padding-bottom: 21px;
    }
  	div.thumbnail img {padding: 0px;}
		
		div.thumbnail_downloads
		{
      float: left;
			font-size: 13px;
			height: 160px;
			line-height:14px;
			padding: 25px 0px 25px 30px;
			text-align: center;
			text-shadow: 0px 0px 3px #000;
			width: 140px;
    }
		div.thumbnail_downloads a:hover {color:#fff !important;}
		div.thumbnail_downloads a.downloadOk:hover {
			text-shadow: 0px 0px 3px #000,0px 0px 3px #000;
			transition: all 0.25s ease-in-out;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
		}
		div.thumbnail_downloads a {text-decoration: none;margin-bottom: 2px;}
		div.thumbnail_downloads img {
			margin-bottom: 4px;
			border-radius:11px; /*Fem el borde més rodó que el de la imatge perquè no es vegin un halo blanc a les cantonades*/
			-webkit-border-radius:11px;
			-moz-border-radius:11px;
			box-shadow: 0 0 10px rgba(0,0,0, .6);
			-webkit-box-shadow: 0 0 10px rgba(0,0,0, .6); 
			-moz-box-shadow: 0 0 10px rgba(0,0,0, .6);
		}
		div.thumbnail_downloads a.downloadOk img:hover {
			transition: all 0.25s ease-in-out;
			-webkit-transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			box-shadow: 0 0 20px rgba(0,0,0, 1);
			-webkit-box-shadow: 0 0 20px rgba(0,0,0, 1); 
			-moz-box-shadow: 0 0 20px rgba(0,0,0, 1);
		}
		
		/* CONTINGUT > Fotos Nosaltres */
		#contentIntro {
      margin-top: 4px;
      margin-left: 252px;
      /*margin-right: 281px;*/
      padding: 0px;
  		min-height: 400px;
			color: #777;
    }
		#contentNosaltres {
      margin-top: 24px;
      margin-left: 272px;
      margin-right: 281px;
      padding: 0px;
  		min-height: 400px;
			color: #777;
    }
		#rightNosaltres {
    float: right;
    width: 188px;
    margin-top: 29px;
    padding-right: 62px;
		border: 0px solid red;
    }
		
		#contentDissenyadors {
      margin-top: 24px;
      margin-left: 272px;
      margin-right: 281px;
      padding: 0px;
			color: #777;
    }
		#contentDissenyadors p {margin-bottom: 30px;}
		#contentDissenyadors p span {font-size: 15px;}
		
		/* CONTINGUT > Nosaltres > Mapa Distribucció */
		
		select.negre {
      font-family: Tahoma, Arial, sans-serif;
      font-size: 100%;
			background-color: #FF9900;
      /*color: #777;*/
			border: 1px solid #666;
    }
		div.styled-select  {
			margin: 10px 0 5px 0;
		}
		.styled-select select {
			border: 1px solid #bbb;
			color: #777;
			font-size: 13px;
			/* height: 34px; */
			padding: 5px;
			text-shadow: 1px 1px 1px #fff;
			width: 410px;
			border-radius:9px;
			-webkit-border-radius:9px;
			-moz-border-radius:9px;
			background: #c4c4c4; /* for non-css3 browsers */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#bbbbbb'); /* for IE */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#bbbbbb)";/* For Internet Explorer 8 */
			background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb)); /* for webkit browsers */
			background: -moz-linear-gradient(top,  #dddddd,  #bbbbbb); /* for firefox 3.6+ */

		}
		.styled-select option.gris {
			background: #999;
			border-top: 1px solid #a5a5a5;
			color: #fff;
			font-size: 11px;
			padding:1px 1px 3px 20px;
			text-shadow: 1px 1px 1px #666;
		}
		.styled-select optgroup {
			background: #999;
			/* border-top: 1px dashed #bbb; */
			color: #333;
			font-style: normal;
			padding: 5px 20px 20px 20px;
			text-shadow: -1px -1px 1px #aaa;
			text-transform: uppercase;
		}
		
    #mapamundi {
      width: 100px;
			margin: 10px 0px 0px 250px;
    }
		#mapamundi a {
      display: block;
      width: 100px;
			height: 50px;
      margin: 0px;
			padding: 0px;
      background: #000 url(../imatges/extres/mapamundi.gif) no-repeat;
			text-decoration: none;
			border: 0px solid #666;
    }
    #mapamundi a:hover {	
      background-position: -100px 0;
      border: 0px solid #E9BE75;
    }
    #mapamundi a:active {
      background-position: -200px 0;
      border: 0px solid #FFF;
    }

			
/*=========================================
MENU RIGHT
=========================================*/
    #rightnav {
    float: right;
    width: 189px;
    margin-top: 0px;
    padding-right: 62px;
    }

    .box {
      margin: 25px 0px 0px 0px;
      padding: 0px 0px 12px 0px;
      font-size: 11px;
      line-height: 1.5em;
      color: #666;
      background: #000 url(../imatges/layout/fons_menu_dreta_bottom.gif) no-repeat bottom right;
      }
    .box h3 {
      margin: 0px;
      padding-top: 2px;
      padding-left: 18px;
      padding-bottom: 10px;
      font-size: 140%;
      font-weight: normal;
      color: #CCC;
      background: url(../imatges/layout/fons_menu_dreta.gif) no-repeat top left;
      }
    .box p, .box ul {
      margin: 0px;
      padding: 13px 0px 10px 18px;
      border-left: 1px solid #313131;
      border-right: 1px solid #313131;
      }
    .box ul li {
      margin: 0px 0px 0px 12px;
      padding: 0px 0px 0px 0px;
      list-style: square;
      }
    .box ul li:hover {color:#FF9900; text-decoration: underline;}
		
		/* Això activaria una marca de "novetat" en els ítems del menú de la dreta */
		/* .box span.novetat { height:10px; width:10px; background: url(../imatges/layout/novetat_star.gif) no-repeat; background-position:0px 3px;} */
		
		.box span.novetat { color:#FF9900; text-decoration: none; }


/*=========================================
PEU
=========================================*/
    #footer {
    background: #000 url(../imatges/layout/fons_container.gif) bottom;
    height: 60px;
    clear: both;
    margin: 0px;
    padding: 0px;
    color: #FFF;
    text-align: center;
    }