@charset "UTF-8";
/*--INICI_ESTILS_GENERALS---------------------------------------------------------------------*/
	body {
			font: 0.9em Arial, Helvetica, sans-serif;
			margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
			padding: 0;
			text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
			color: #000000;
			background-color:#000;
			}

    #container {

    	width: 53em;
		height:100%;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
		border-left:40px solid #e78429;
		border-bottom:40px solid #e78429;
		border-right:40px solid #e78429;
		padding:0.8em;
		background-color:#FFFFFF
    }
	 #container2 {
		border-left:2px solid #a05b1c	;
		border-right:2px solid #a05b1c;
		width: 60.2em;
		height:100%;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    }
	
	#header{
		border-bottom:1px solid #e78329;
		width:99.9%;
		overflow:hidden;
		}
	.active{
		color:#E78429
		}
	.cuadre_principal01{
		float:left; width:80%;
		}
	.cuadre_principal02{
		float:right; 
		width:14%; 
		text-align:right;
		margin-top:2em;
		margin-right:1em
		}
	.idiomes a{
		font-size:0.8em;
		color:#e78329;
		text-decoration:none}
	.idiomes a:hover{
		font-size:0.8em;
		color:#e78329;
		text-decoration:underline}

    .oneColElsCtr #mainContent {
    	padding: 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
		}
	a{
		color:#e78329;
		text-decoration:underline;
		}
	a:hover{
		color:#824a17;
		text-decoration:none}
	.fontpetita{
		font-size:0.9em}
	h1{
		font-size:2em;
		padding:0;
		margin:0;
		overflow:visible;
		font-weight:bold;
		text-align:left;
		color:#CC6600}
	h2{
		font-size:1.1em;
		padding:0;
		margin:0;
		overflow:visible;
		text-align:left}
		
	.gris_fosc{
		color:#333333}
	.gris{
		color:#666666}
		
	.gris_clar{
		color:#999999
		}
		
	.limpiar{
		clear:both
	}
	
	.titolpagina{
		font-size:1.2em; 
		font-weight:bold; 
		margin:0.6em 0
		}
	.subtitol{
		font-size:0.8em; 
		color:#666666
		}
		
	.projectes_titol{
		font-size:0.85em; 
		margin-top:-0.7em;
		}
	.projecte_txt{
		font-size:0.9em; 
		color:#000000; 
		font-weight:normal
		}
	.projectes_altres{
		font-size:1.3em; 
		padding:0.4em; 
		color:#CC6600; 
		margin-top:13em
		}
/*--FI_ESTILS_GENERALS---------------------------------------------------------------------*/


/*--INICI_MENU_INDEX_3ITEMS---------------------------------------------------------------------*/

	
	.menusec{
		font-size:1.3em;
		font-family:Arial, Helvetica, sans-serif;
		padding-top:0.2em;
		background-image:url(../images/back_boto2.gif);
		background-repeat:repeat-x;
		margin-bottom:0;
		float:left;
		width:40.7em;
	}	
	
	.menusec ul{
		margin:0;
		padding:0;
		float:left;
	}
	
	.menusec li{
		float:left;
		margin:0;
		width:250px;
		list-style-type:none;
		padding-top:0;
	}
	
	.menusec ul li a {
		float:left;
		color:#ffffff;
		text-decoration:none;
		width:250px;
		text-align:center;
		border-right:1px solid #ffffff;
		margin-bottom:0.5em;
		clear:both;
	}
	
	.menusec ul li a:hover {
		color:#e67412;
	}
	
	.menusec ul li ul li {
		font-size:0.6em;
		float:left;
		margin-left:1em;
		display:inline
	}
	
	.menusec ul li ul li {
		padding-top:0.2em;
		width:228px;
		_width:200px;
	
	}
	
	.menusec ul li ul li a {
		color:#000000;
		float:left;
		text-align:left;
		border-right:none;
		margin-bottom:0.5em;
		_width:228px;


	}

		
	#especial ul{
		background-color:#f8f3eb;
		float:left;
	}
	
	#especial{
		background-color:#FFF;
		padding-right:1em;
		_padding-right:0.65em;
		_margin:0;
		padding-top:0.4em
		}

	
	#especial li{
		float:left;
		color:#CC6600;
		clear:both;
		font-weight:bold;
		_width:2em;
		}
	
	#especial li img {
		border:1px solid #CC6600;
		}
	
	
	
	
	
	#galeria ul{
		float:left;
	
	}
	#galeria{
		background-color:#FC9;
		padding-right:1em;
		_padding-right:0.65em;
		padding-top:0.7em;
		float:left;
		
		}
	#galeria li{
		float:left;
		color:#CC6600;
		clear:both
		}
	
	#galeria li img {
		border:1px solid #CC6600;
		}
		
		
		
	
	#noticies{
		background-color:#FFF;
		padding:0 1em 0 0;
		_padding:0 0.5em 0 0;
		height:14.35em;
		}
		
	#noticies ul{
		float:left;
		border-bottom:1px solid #CCC;
		
		
	
		}
		
	#noticies li{
		float:left;
		color:#CC6600;
		clear:both;
		margin-top:1em;
		border-bottom:1px solid #CCC
	}
	.destacat_noticia{
		background-color:#FC9; 
		padding:0.5em;
		}
/*-----FI_MENU_INDEX_3ITEMS---------------------------------------------------------------------------------*/		

/*Inici pàgina de SERVEIS...............................................*/
	.serveis{
		padding:0; 
		margin:1.6em 0 0 0; 
		font-size:0.9em; 
		width:98%
		}
	.serveis li{
		padding:0;
		margin:0;
		margin-top:0.3em;
		list-style-type:none;
	}
	.serveis ul{
		padding:0;
		margin:1em 1em;
		list-style-type:none;
		}
	.serveis02{
		overflow:hidden; clear:both; margin-bottom:1em}
	.leftfoto{
		width:28%; float:left}
	.leftfoto img{
		border:1px solid #CC3300; margin:0.4em}
	.righttexte{
		width:69%; float:right;}
	.lefttexte{
		width:69%; float:left;}
	.rightfoto{
		width:28%; float:right
		}
	.rightfoto img{
		border:1px solid #CC3300}
	.titols{
		text-decoration:underline; 
		font-size:1.2em; 
		color:#CC3300
	}
/*FI  pàgina de SERVEIS...............................................*/

/*INICI  pàgina de TREBALLS REALITZATS...............................................*/	
	.treballs_relitzats{
		overflow:auto;
		width:51em; 
		height:20em; 
		margin:1em 0 1em 2em
	}
	
	.treballs_relitzats li{
		margin:1em 0;
		width:39em;
		clear:both;
		list-style-type:none
	}
	.treballs_relitzats img{
		margin-bottom:0.4em; 
		float:left; 
		margin-right:1em; 
		border:1px solid #F60
	}
	
	
	.projectes{
		width:99%
		}
		
	.projectes ul{
		margin:0;
		padding:0;
		margin-left:0.5em
		}
		
	.projectes li{
		display:block;
		float:left;
		margin-right:0.5em;
		margin-bottom:0.5em;
		margin-left:0em;	
		}
		
	.projectes li a{
		display:block;
		background-color:#FBE0C7;
		float:left;
		padding:0.4em;
		width:16em;
		text-decoration:none;
		color:#333333;
		font-weight:bold;
		height:4.6em
		}
		
	.projectes li a:hover{
		display:block;
		background-color:#E78429;
		float:left;
		padding:0.4em;
		color:#FFFFFF;
		}
	

/*FI  pàgina de TREBALLS REALITZATS...............................................*/	
	
	
/*INICI FORMULARI DE CONTACTE..................................................................................*/
	form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	  margin: 0;
	  padding: 0;
	}
	
	form fieldset {
	  border-color: #000;
	  border-width: 1px;
	  border-style: NONE;
	
	  padding: 5px;        /* padding in fieldset support spotty in IE */
	  margin: 0;
	}
	
	form label { 
		display: block;  /* block float the labels to left column, set a width */
		float: left; 
		width: 140px; 
		padding: 0; 
		margin: 8px 0 0; /* set top margin same as form input - textarea etc. elements */
		font-size:1.1em}
	
	
	
	form fieldset legend {
		font-size:0.9em; /* bump up legend font size, not too large or it'll overwrite border on left */
						   /* be careful with padding, it'll shift the nice offset on top of border  */
	}
	
	form input, form textarea {
		/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
		width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
		margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
								  label aligns textarea better in IE */
								  
	}
	
	form input#reset {
		margin-left:0px;
		margin-top:0.3em /* set margin-left back to zero on reset button (set above) */
	}
	
	textarea { overflow: auto; }
	
	form small {
		display: block;
		margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
		padding: 1px 3px;
		font-size: 88%;
	}
	
	form .required{font-weight:bold;} /* uses class instead of div, more efficient */
	
	form br {
		clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
	}
	form ul{
		margin-left:2em}
	.formularim{
		margin-left:6em}

/*FI FORMULARI DE CONTACTE...........................................................................................................*/



/*INICI PÁGINA NOTICIES.....................................*/
	.pnoticies{
		width:100%}
		
	.pnoticies ul{
		margin:1em 0 0 0;
		padding:0}
		
	.pnoticies li{
		list-style-type:none;
		margin:0 0 1em 0;
		padding-bottom:0.4em;
	
		border-bottom:1px solid #CCC}
/*FI PÁGINA NOTICIES.....................................*/




/* INICI GALERIA FOTOS PROJECTES..............................................................................................*/
	* { margin: 0; padding: 0; }
/* begin gallery styling */

	#jgal { list-style: none; width: 200px; position:relative }
	#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
	#jgal li img { position: absolute; top: 5px; left: 170px; display: none; border: 3px solid #fff; outline: 1px solid #ddd; }
	#jgal li.active img { display: block; }
	#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
	
	/* styling without javascript */
	#gallery { list-style: none; display: block; border:none; position:relative; padding-bottom:2em; clear:right; }
	#gallery li { float: left; margin: 0 10px 10px 0; border:none;  }
/* FI GALERIA FOTOS PROJECTES..............................................................................................*/



/*INICI PEU DE PÂGINA..............................................................................................*/
	.peu{
		background-color:#E78429; 
		padding:0.6em 1em; 
		color:#FFFFFF;
		overflow:hidden;
		font-size:0.8em;
		line-height:1.2em;
		background-image:url(../images/back_peu.gif);
		background-repeat:repeat-x;
		height:4em;
		clear:both
	}
	.peu ul{
		margin:0;
		padding:0;
		list-style-type:none;
		width:auto;
	}
	.peu li{
		display:block;
		float:left;
		margin:0;
		margin-right:7em
	}
	.peu li a{
		color:#ffffff;
		text-decoration:underline;
		}
	.peu li a:hover{
		color:#333333;
		text-decoration:none;
		}
		
	
	
	.peudret{
	width: 14em;
	position:absolute;
	text-align: left; /* esto anula text-align: center en el elemento body. */
	color:#fff;
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
	width:365px;
	margin:6em auto 0 -4em;
	overflow:hidden;
		}
		
		
	.peudret a{
		color:#ccc;
		text-decoration:none;
		}
	.peudret a:hover {
		color:#fff;
		text-decoration:underline
		}
		
/*FI PEU DE PÂGINA..............................................................................................*/