﻿html, body 
{
	
	BACKGROUND: url(../wood-bg.jpg) 0px 0px; COLOR: #50504d
	margin: 0;
	padding: 0;
	
	text-align:left;
	font-family:Arial;
	font-size:11px;	
	color:#fff;
	
}

STRONG
{

	
	
	font-size: 18px;
	
	

		}
p
{

}
a, a:visited
{
	text-decoration:none;
		color:#c00;
	font-size:13px;	
}

a:hover
{
	text-decoration:none;
		color:#f00;
	font-size:13px;	
	text-decoration:underline;
}


li {	list-style-type: none;}


img {
	border: none;
}

H1
{


	font-size: 18px;
	font-family: Arial;
	font-weight:normal;
	margin:0px;
	color:#fff;
	padding:0px;
	padding-top:2px;
	padding-bottom:6px;	
	}
	
	H2
{	margin:0px;	padding:0px;
	padding-left:1px;

	padding-bottom:6px;
	font-size: 16px;
	color:#fdba31;
font-weight:normal;
	}
	
	h3
	{font-size: 15px;
	font-family: Arial;
	font-weight:bold;
		margin-bottom:0px;
		color:#d00;
		text-align:right;
		width:230px;
		
		}
		
			
	h4
	{font-size: 13px;
	font-family: Arial;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-top:1px;
		margin-bottom:0px;
		color:#d00;
		text-align:left;
	
		
		}
	
#producto
{
	background:#fff;
	color:Black;
	float:left;
	width:660px;
	margin-top:10px;
	
	}
#tipo
{

	line-height:15px;
	float:left;
	width:628px;
	padding:0px 15px 15px 15px;
	}
#col1, #col2, #col3
{
	float:left;padding:15px;
	}
#col1
{
	width:155px;
	}	
	#col2
{	text-align:justify;
	width:235px;
	}#col3
{
	width:180px;
	}
	
#col1 h1
{
	color:#d00;padding-bottom:20px;
	}
	
	#col2 h1
{
	color:black;padding-bottom:20px;
	}
	
	
#espai_anim{width:100%;margin-top:29px;}#espai_anim_baix{width:100%;margin-top:51px;}#menuMain {	padding:0px;	display: block;	float:left;	margin-top:0px;	width: 341px;	height:85px;	text-align:left;}#menuMain ul {	float:left;	padding:0px;	margin:5px 0 0 00px;	clear:right;}#menuMain li {	width: 102px;	margin:0px;	padding: 0px;	line-height:20px;}#menuMain li a, #menuMain li a:visited, #menuMain li a:active {	padding:0;	margin:0;	color:#b3b3b3;}#menuMain li a:hover {	color:#fff;	text-decoration:none;}#menuMain li:hover {	background: url(../images/estructura/bullet-menu-mini.gif) left 6px no-repeat;}#menuMain #marcado {	color:#fdba31;}#menuMain #marcado:hover {	color:#fff;}

#clientimg
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	
	
	}

#logo
{
	padding-top:15px;
	padding-left:10px;
	width:105px;
	height:575px;
	float:left;
	
	}
#rollo
{
	padding-left:0px;
	width:310px;
	float:left;
	text-align:justify;
	}
#foto
{	margin:0px;
	padding:0px;
	padding-left:10px;
	width:340px;
	float:left;
	}	
	
#cuadro_petit
{	
	background-color:#fff;
	margin-right:10px;
	padding:6px;
	padding-top:10px;
	margin-top:20px;
	
	
	
	width:180px;
	height:200px;
	float:left;
	text-align:center;
	border:solid 1px #666;
	margin-bottom:20px;
	
	}	

#cuadro_petit a, #cuadro_petit a:visited, #cuadro_petit li a:active 
{



	line-height:15px;
	}
#cuadro_petit a:hover
{

	}	
	
#rollo ul
{
margin-left:17px;margin-bottom:0px;
	}	
#rollo li
{
margin-left:5px;
list-style-type:disc;
padding-left:20px;
margin-bottom:0px;
	}
#rollo_conseguimos_client
{
	padding-top:50px;
	padding-left:00px;
	width:400px;
	height:575px;
	float:left;
	
	}	
#rollo_conseguimos
{
	padding-top:50px;
	padding-left:00px;
	width:341px;
	height:575px;
	float:left;
	
	}
#rollo_conseguimos_menu
{
	padding-top:0px;
	padding-left:00px;
	width:341px;
	/*height:575px;*/
	}
#rollo_conseguimos_explica
{
	/*padding-top:10px;*/
	padding-left:00px;
	width:341px;
	height:133px;
	vertical-align:bottom;
position:relative;
	}	
	
#rollo_conseguimos_explica div {
	position:absolute;
	bottom:5;
	left:0;
}

#rollo_conseguimos_explica_p5
{
	/*padding-top:10px;*/
	padding-left:00px;
	width:341px;
	height:316px;
	vertical-align:bottom;
position:relative;
	}	
	
#rollo_conseguimos_explica_p5 div {
	position:absolute;
	bottom:5;
	left:0;
}	
#rollo_conseguimos_foto
{	/*border:solid 1px #f00;*/
	
	padding-top:0px;
	padding-left:00px;
	width:341px;
	height:370px;

position: absolute;
	}	
	
#abaix
{		position: absolute;bottom: 0px;
	/*border:solid 1px #ff0;*/
	}	
	
	#abaix a.dret
{
	width:15px;
	height: 16px;
	margin-left:2px;
	background-image: url(../Portal/_Imagenes/Botomes.gif);
}
#abaix a.dret:hover
{
	width:15px;
	height: 16px;
	background-image: url(../Portal/_Imagenes/Botomessel.gif);
}

#abaix a.esq
{
	width:15px;
	height: 16px;
	margin-right:2px;
	background-image: url(../Portal/_Imagenes/Botomenys.gif);
}
#abaix a.esq:hover
{
	width:15px;
	height: 16px;
	background-image: url(../Portal/_Imagenes/Botomenyssel.gif);
}

#rollo_contactar
{
	padding-top:50px;
	padding-left:00px;
	width:550px;
	height:495px;
	float:left;
	text-align:right;
	font-size:15px;
	}
#rollo_contactar a
{

	font-size:15px;
	}	
	
#rollo_imagen
{
	padding-top:50px;
	padding-left:40px;
	width:225px;
	height:575px;
	float:left;
	}
#rollo_imagen_texto
{
	padding-top:350px;
	padding-left:40px;
	width:225px;
	height:575px;
	float:left;
	}
#rollo_imagen_selec
{
	padding-top:50px;
	padding-left:40px;
	width:225px;
	height:575px;
	float:left;
	}	
	
#rollo_imagen_selec img
{
	margin-bottom:16px;
	}	
	
	
	#rollo_imagen_selec a
{


	border:solid 2px #000;	}
	
#rollo_imagen_selec a:hover
{
		border:solid 2px #fdba31;
	}
	

	
	
#rollo_6imagen
{
	padding:0px;
	padding-top:50px;
	padding-left:30px;
	width:257px;
	height:575px;
	float:left;
	}	

#img_esq 
{padding:0px; margin:0px;
	}
#img_esq a
{	padding:0px;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	border:solid 2px #000
	}

#img_dret a
{
	float:left;
	margin:0px;
	margin-bottom:4px;
	border:solid 2px #000;	}
	
#img_esq a:hover
{
	float:left;

	border:solid 2px #fdba31;
	}
	
#img_dret a:hover
{
	float:left;
	border:solid 2px #fdba31;
}	

#descriptions
{
	height:180px;
	padding-top:138px;
	vertical-align:bottom;
	text-align:right;
	font-size:15px;
	color:#fdba31;
	
}
	
#AreaTrabajo
{
	text-align:left;
	font-family:Arial;
	font-size:13px;	
	line-height:18px;


	margin-top:50px;
	margin-left:15px;
		
}

#imatge_projecte
{
	padding-top:4px;
	padding-bottom:2px;
	}

#projecte
{

padding-bottom:18px;
margin-bottom:22px;
border-bottom:dotted 2px #ff0000;
	font-size: 13px;


	}

#projecte H1
{

	float:left;
	color:#666;
	margin:0px;
	padding:2px;
	margin-bottom:8px;
	margin-right:8px;
	font-size: 27px;
	font-family: Arial;
	font-weight:500;

	}
	
#projecte H2
{		
	float:left;
	color:#d00;
	margin:0px;
	padding:0px;
		padding-left:10px;
			padding-right:12px;
	border:0px;		
	border-right:solid 1px #F00000;
	border-left:solid 1px #F00000;	
	font-size: 11px;
	font-family: Arial;
	font-weight:normal;
	margin-top:3px;

}
#projecte H3
{

	float:left;
	font-size: 17px;
	font-family: Arial;
	font-weight:bolder;
	margin-right:10px;
	color:#000;
	margin-top:15px;

	margin-bottom:0px;

	}
	

#projecte H4
{

	font-size: 11px;
	font-family: Arial;
	font-weight:bold;
	color:#333;
	margin-top:15px;
	margin-bottom:8px;

	}

#projecte H5
{

	width:677px;
	font-size: 17px;
	font-family: Arial;
	font-weight:bolder;
	margin-right:10px;
	color:#000;
	padding-top:5px;
	margin:0px;
	margin-bottom:10px;

	}
	
#projecte STRONG
{

	float:left;
	font-size: 11px;
	font-family: Arial;
	font-weight:bold;
	color:#000;
	margin-right:5px;

		}
	
#descripcio
{
width:677px;
line-height:18px;
text-align:justify;
margin-top:0px;
	font-size: 11px;
	font-family: Arial;
	}
	
#imatge_titul
{
	
	
	}


#noticia 
{
	padding-top:330px;
	width:230px;
	color:#000;
	font-size:11px;
	text-align:left;
	font-family:Arial;
	float:left;
	margin:0;
	padding-right:10px;	
}

#noticia h1
{
	color:#000;
	font-size: 17px;
	font-family: Arial;
	font-weight:bolder;
	font-family:arial;
	margin-bottom:5px;

	
}	

#noticia a, #noticia a:visited, #noticia a:active
{
	padding:1px,2px,1px,3px;
	color:#fff;
	text-decoration:none;
	background-color:#F00000;
	float:right; 
	margin-right:10px;
}

#noticia a:hover {
	color:#333;
	padding:1px,2px,1px,3px;
	text-decoration:none;
	background-color:#F00000;
}

#copyright 
{
color:#fff;
margin:5px;
padding:0px;
margin-bottom:15px;
font-size:10px;
text-align:center;

}
#copyright a, #copyright a:visited, #copyright a:active 
{
color:#fff;
font-size:10px;
}
	
#header li a:hover {
	color:#f00;
}


#header 
{
	border:1px;
	width:690px;
	height:33px;
	text-align:right;
	font-size:11px;
	color:#bbb;

}
#header ul 
{
	padding-top:15px;
	padding-left:387px;


}
#header li 
{
	float:left;

	padding-right:5px;
}

#header li a, #header li a:visited, #header li a:active 
{
color:#fff;
padding-top:1px;
padding-right: 2px;
padding-bottom: 4px;
padding-left:3px;

}
	
	
#header li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#c00;
padding-top:1px;
padding-right: 2px;
padding-bottom:4px;
padding-left:3px;
}
	


#clientex
{
	text-align:justify;
	font-family:Arial;
	font-size:11px;	
	line-height:25px;
	color:#555;	
}

#emails
{
	text-align:justify;
	font-family:Arial;
	font-size:11px;	
	line-height:18px;
	color:#555;	
}

#direccion
{
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
color:#666;
padding-left:142px;
line-height:16px;
}

#direccion a, #direccion a:visited, #direccion a:active
{
color:#666;
}

#direccion a:hover
{
color:#f00;
}

#cuadro_negre
{

color:#fff;
width:180px;
height:80px;
margin-top:53px;
margin-left:30px;
padding-top:25px;
padding-left:10px;
font-size:18px;
	}
#cuadro_negre a
{
	
font-size:18px;
	}
#cuadro_vermell
{
background-color:#f00;
color:#fff;
width:220px;
height:15px;

}




#menuLateralImg
{	

	background:url(../Portal/_Imagenes/borrell_ini_blanco.gif) no-repeat;
	margin:0px;
	margin-top:50px;
	padding:00px;
	padding-left:50px;
	width:220px;height:480px;
	border:solid 1px #f00;
}

#menuLateral
{	color:#888;
	margin:0px;
	padding:00px;
	margin-top:120px;
	width:180px;height:280px;

	text-align:left;
	margin-left:30px;
	}
	
#menuLateral tr, #menuLateralImg tr
{	
	margin: 0px;
	padding: 0px;
	width:180px;
	text-align:left;
}
	

#menuLateral ul , #menuLateralImg ul{

	margin: 0px;
	padding: 0px;
	padding-bottom:10px;
	width:180px;
}

#menuLateral table , #menuLateralImg table{

	margin: 0px;
	padding: 0px;
	
	width:180px;
	
}

#menuLateral li a, #menuLateralImg li a{
	display:block;
	margin: 0px,0px,0px,0px;
	padding:0px;

}

#menuLateral a, #menuLateralImg a{
	display:block;
	margin: 0px,0px,0px,0px;
	padding:0px;

}

#menuLateral li a:hover, #menuLateralImg li a:hover {
	color:#ddd;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
}

#menuLateral a:hover , #menuLateralImg a:hover{
	color:#ddd;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
}

#menuIem a{

	margin: 0px;
	font-size: 14px;
	font-family: Arial;
	font-weight:normal;
	color:#000;

	margin-bottom:5px;
	margin-top:5px;	
	padding: 5px;	
	background-color:#fff;	
	}

/*antes era 
#menuLateral .menuIem a{ */

	
#menuIem a:hover{
	margin: 0px;
	padding: 5px;
	font-size: 14px;
	font-family: Arial;
	font-weight:normal;
	color:#999;
	margin-bottom:5px;
	margin-top:5px;			}
	
	
	
#menuIemSel a{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: Arial;
	font-weight:normal;
	color:#d00;
	margin-bottom:2px;
	margin-top:5px;	
	padding: 5px;	
	background-color:#fff;	
	border-bottom:solid 3px #d00;
	
			}
	
#menuIemSel a:hover{
	padding: 0px;	margin: 0px;
	font-size: 14px;
	font-family: Arial;
	font-weight:normal;
	color:#999;
	margin-bottom:2px;
	margin-top:5px;		padding: 5px;	}
	

#menuItemDiferente a
{
	margin: 0px;
	font-size: 14px;
	font-family: Arial;
	font-weight:500;
	color:#999;
	padding: 0px;
		margin-bottom:0px;
	margin-top:0px;	
	line-height:13px;
}
	
#menuItemDiferente a:hover
{
	margin: 0px;
	font-size: 14px;
	font-family: Arial;
	font-weight:500;
	color:#ddd;
	padding: 0px;
		margin-bottom:0px;
	margin-top:0px;	line-height:13px;	
}


#menuItemDiferenteSel a{
	margin: 0px;
	font-size: 14px;
	font-family: Arial;
	font-weight:500;
	color:#FfB517;
	margin-bottom:0px;
	margin-top:0px;		line-height:13px;
}
	
	#subitem a
{
	margin: 0px;
	font-size: 14px;
	font-family: Arial;
	font-weight:500;
	color:#999;
	padding: 0px;
		margin-bottom:1px;
	margin-top:1px;	
}
	
#subitem a:hover
{
	margin: 0px;
	font-size: 14px;
	font-family: Arial;
	font-weight:500;
	color:#ddd;
	padding: 0px;
		margin-bottom:1px;
	margin-top:1px;	
}


#subitem a{
	margin: 0px;
	font-size: 14px;
	font-family: Arial;
	font-weight:500;
	color:#FfB517;
	margin-bottom:5px;
	margin-top:5px;	
}

#subsubitem a{	margin: 0px;
	padding-left:25px;
	font-size: 11px;
	font-family: Arial;
	font-weight:500;
	color:#999;
	}
	
#subsubitemsel a{	margin: 0px;
	padding-left:25px;
	font-size: 11px;
	font-family: Arial;
	font-weight:500;
	color:#FfB517;
	}
#ultimo_proyecto_imagen 
{
	padding-top:14px;
	width:220px;
	color:#000;
	font-size:11px;
	text-align:left;
	font-family:Arial;
	float:left;
	margin:0;
	padding-right:10px;	
}	
#ultimo_proyecto 
{
	padding-top:10px;
	width:220px;
	color:#000;
	font-size:11px;
	text-align:left;
	font-family:Arial;
	float:left;
	margin:0;
	padding-right:10px;	
}


	
	
#links_anyos
{	margin:0px;
	padding-top:00px;
	margin-left:0px;

	width:190px;
	height:40px;
	text-align:right;
		/*border:solid 1px #f00;*/
		line-height:10px;
	}
	
#links_anyos a
{

	font-size: 12px;
	font-family: Arial;
	font-weight:500;
	color:#999;
	text-align:right;
	}

#links_anyos a:hover
{

	font-size: 12px;
	font-family: Arial;
	font-weight:500;
	text-align:right;	color:#ddd;
}
#groc a
{
	color:#fdba31;
	
	}
	
	#fotoflash
	{float:left;
		
		width:600px;
		background-color:#FFF;
		padding-right:30px;
		padding-left:30px;
		text-align:justify;
		padding-bottom:20px;
		color:#222;
		
		}
		
			
	#fotoflash h1
	{
		margin-top:20px;
		color:#000;
		
		}
		
		#galeria img
		{padding:7px;
			
			}
		
