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

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

    a:link,a:visited {color: #FFF; text-decoration: none;}
    a:hover {color:#E0FF4F; text-decoration: underline;}

    div a:link,div a:visited {color: #FFF;}
    div a:hover {color:#E0FF4F;}
  
    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;}
  
  	strong.gran {font-weight:normal; font-size: 1.2em; color:#E0FF4F;}
		
		table#home {
		  width: 900px;
			height: 487px;
			background: #000 url(../images/fons_home.gif) no-repeat;
			border-collapse: collapse;
			border: 0px solid red;
    }
		table#home table#home_interior {
		  width: 800px;
			height: 400px;
			background: #000 url(../images/fons_home.gif) no-repeat;
			border-collapse: collapse;
			border: 0px solid yellow;
    }

    #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: 174px;
    }

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

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

    #menuList a {
     float: left;
     display: block;
     text-decoration: none;
     padding: 0px 0px 0px 0px;
     width: 189px;
     height: 19px;
     background: #000 url(../imatges/layout/fons_boto_off.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:#E0FF4F;
     background: #1b1b1b url(../imatges/layout/fons_boto_on.gif) no-repeat;
     padding: 23px 0px 0px 0px;
     height: 26px;
     }

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

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

    /*-- 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:#E0FF4F;text-decoration: underline;}
		#menu2 a#active:link, a#active:visited,a#active:hover {color:#E0FF4F;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:#E0FF4F;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: #E0FF4F;
    background: transparent url(../imatges/layout/fons_input_submit_hover.gif) no-repeat;
    }
    #cercador input#submit:active {
    background-color: #E0FF4F;
    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;
     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.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:#E0FF4F;
     padding: 40px 0px 0px 100px;
     }

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

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

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

    #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:#E0FF4F;
     }

     #leftmenuListAcabats  li#activeType a:hover {
     background-color:#000;
     color: #E0FF4F;
     }
		 
		 #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 10px 0px; }

    #CapaArticles a {
      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: #E0FF4F;
    }

    #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;
    }

    #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;
      }
    .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 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:#E0FF4F; 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;
    }
		
		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;
    }
		div.thumbnail_sensetext
		{
      float: left;
			/*width: 140px;*/
			height: 140px;
			padding-right: 21px;
			padding-bottom: 21px;
    }
  	div.thumbnail img {padding: 0px;}
		
		/* 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: #E0FF4F;
      /*color: #777;*/
			border: 1px solid #666;
    }
		
    #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:#E0FF4F; text-decoration: underline;}


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