/* COLORS
verd:bcd306
verd clar:dde596
blau:283395
groc:f3f8c4
gris:ddd
gris fosc: aaa
blau fosc:0a3162
*/



body 
{
	
	background:#00204e;
	margin: 0;
	padding: 0;
	color:#888;
	text-align:center;
	font-family:Arial;
	font-size:12px;	
	


	
vertical-align:middle;
width:100%;
height:100%;

}
/*
.central
{
	
	border:solid 1px #f00;
	}
.centro
{
	
	border:solid 1px #f00;
	}

*//*
.central
{
	

vertical-align:middle;
text-align:center;

	
border:solid 1px #f00;
width:100%;
height:100%;

	}
	
.centro
{vertical-align:middle;
text-align:center;
	
	width:901px;

	height:475px;
	
	border:solid 1px #f00;

	position: absolute;
    left: 50%;
    top: 50%;

    margin-top: -240px;   

    margin-left: -450px; 

	
	}
	*/
	

h1, h2, h3, h4
{margin:0px;
	padding:0px;
	}
p
{
padding-bottom:15px;
margin:0px;
line-height:19px;
}

a, a:visited, a:active
{
	text-decoration:none;
		color:#283395;
		font-weight:500;
}

a:hover
{
		color:#B6D12D;

}

ul{ margin:0px;}

li
{
list-style-type:none;

}
/********************************/

#referencias
{padding:0px;	margin:0px; width:100%;
	}
	
#referencias table {width:100%;
  border-collapse: collapse;
  border: 2px solid #fff;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #d7d8da;
  }

#referencias td, th {
  border: 2px solid #fff;
  padding: .4em;
  color: #363636;
  }

#referencias thead td, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 2px solid #fff;;
  text-align: left;
  background: #124a8f;
  color: #FFFFFF;
  padding-top:3px;
  }
#referencias tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
#referencias tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
  
  
#referencias tbody th a {
  font: normal 10px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
  
#referencias tbody th a:hover {
  background: transparent;
  color: #363636;
  }
  
#referencias tbody th, #referencias tbody td {
  vertical-align: top;
  text-align: left;
  }
  
#referencias tfoot td {
  border:2px solid #fff;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
  
#referencias .odd {
  background: #eff0f0;
  }
  
#referencias tbody tr:hover {
  background: #FFD800;
  border: 2px solid #fff;
  color: #FFFFFF;
  }
  
#referencias tbody tr:hover th, #referencias tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }
  
#galeria
{
background-image: url(../Portal/_Imagenes/fotos/edif_ind/4.JPG);
margin:0px;
margin-top:0px;
margin-bottom:15px;
width:590px;
height:400px;
border:0px;
}

#galeria_texto 
{
	margin:20px;
	margin-top:265px;
	line-height:12px;

	padding-top:25px;
	padding-left:10px;
	padding-bottom:05px;
	width:210px;
	height: 100px;
	text-align: left;
	background-image: url(../Portal/_Imagenes/DIV00.png);
	font-weight:bolder;
	font-size:11px;
	color:#222;
	
}

#galeria_texto a.dret
{
	width:16px;
	height: 8px;
	margin-left:5px;
	background-image: url(../Portal/_Imagenes/flecha_verd_dret.gif);
}
#galeria_texto a.dret:hover
{
	width:16px;
	height: 8px;
	margin-left:5px;
	background-image: url(../Portal/_Imagenes/flecha_blau_dret.gif);
}

#galeria_texto a.esq
{
	width:16px;
	height: 8px;
	margin-right:5px;
	background-image: url(../Portal/_Imagenes/flecha_verd_esq.gif);
}
#galeria_texto a.esq:hover
{
	width:16px;
	height: 8px;
	margin-right:5px;
	background-image: url(../Portal/_Imagenes/flecha_blau_esq.gif);
}

#galeria2
{
background-image: url(../Portal/_Imagenes/fotos/edif_ind/4.JPG);
margin:0px;
margin-top:0px;
margin-bottom:15px;
width:590px;
height:400px;
border:0px;

}

#galeria_texto2
{
	margin:20px;
	margin-top:265px;
	line-height:8px;
	padding-top:25px;
	padding-left:10px;
	padding-bottom:05px;
	width:275px;
	height: 100px;
	text-align: left;
	background-image: url(../Portal/_Imagenes/DIV00.png);
	font-weight:bolder;
	font-size:11px;
	color:#222;
}
#galeria_texto2 a.dret
{
	width:16px;
	height: 8px;
	margin-left:5px;
	background-image: url(../Portal/_Imagenes/flecha_verd_dret.gif);
}
#galeria_texto2 a.dret:hover
{
	width:16px;
	height: 8px;
	margin-left:5px;
	background-image: url(../Portal/_Imagenes/flecha_blau_dret.gif);
}

#galeria_texto2 a.esq
{
	width:16px;
	height: 8px;
	margin-right:5px;
	background-image: url(../Portal/_Imagenes/flecha_verd_esq.gif);
}
#galeria_texto2 a.esq:hover
{
	width:16px;
	height: 8px;
	margin-right:5px;
	background-image: url(../Portal/_Imagenes/flecha_blau_esq.gif);
}


/**********************/
#imatge_projecte
{
	padding-top:4px;
	padding-bottom:2px;
	}

#projecte
{
width:590px;
padding-bottom:18px;
margin-bottom:22px;
border-bottom:dashed 1px #283395;

	font-size: 13px;


	}

#projecte H1
{

	float:left;
	font-size: 27px;
	font-family: Arial;
	font-weight:500;
	margin-bottom:4px;
	margin-right:10px;
	margin-top:0px;
	color:#666;
	}
	
#projecte H2
{		
	float:left;
	padding-left:10px;
	border-right:solid 1px #F00000;
	border-left:solid 1px #F00000;
	border-bottom:solid 1px #fff;

	padding-right:12px;
	font-size: 13px;
	font-family: Arial;
	font-weight:500;
	color:#333;
	padding-top:4px;
	margin-top:9px;
	padding-bottom:0px;
	margin-bottom:0px;
}
#projecte H3
{

	float:left;
	font-size: 16px;
	font-family: Arial;
	font-weight:600;
	margin-right:10px;
	color:#000;
	margin-top:5px;

	margin-bottom:0px;

	}
	

#projecte H4
{

	font-size: 13px;
	font-family: Arial;
	font-weight:500;
	color:#333;
	margin-top:13px;
	_margin-top:7px;
	margin-bottom:8px;

	}

#projecte H5
{


	font-size: 16px;
	font-family: Arial;
	font-weight:600;
	margin-right:10px;
	color:#283395;
	padding-top:10px;

	margin-bottom:10px;

	}
	
#projecte STRONG
{

	float:left;
	font-size: 13px;
	font-family: Arial;
	font-weight:600;
	color:#000;
	margin-right:5px;

		}
	
#descripcio
{
width:590px;
line-height:18px;
text-align:justify;

	margin-top:0px;
	}
	
#imatge_titul
{
	
	
	}



#columna_contenido
{
	width:390px;
	float:left;
	padding-right:0px;
	margin:0px
		}

#foto_mini2 a
{
margin-top:30px;
}

#foto_mini2
{
width:145px;
height:125px;
	float:left;
	text-align:center;
	}
	
#foto_mini2 img
{
margin-bottom:4px;
}	
		
#foto_mini a
{
margin-top:30px;
}

#foto_mini
{
width:140px;
	float:left;
	text-align:center;
	background-color:#ddd;
	padding:5px;
	padding-left:7px;
	padding-right:7px;
	margin-right:5px;
	margin-left:5px;
	}
	
#foto_mini img
{
margin-bottom:4px;
}	
#columna_noticias
{
	width:194px;	
	float:left;	 
	padding-left:10px;
	padding-right:5px;
	}

#noticia 
{
	background-color:#ddd;
	width:185px;
	color:#000;
	font-size:12px;
	text-align:left;
	font-family:Arial;
	float:left;
	padding:5px;
	margin:0;
	
	margin-bottom:15px;
}

#noticia h1
{
	color:#283395;
	font-size:17px;
	text-align:left;
	font-family:arial;
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight:500;
	margin-top:0px;
	border-bottom:solid 2px #aaa;

}	

#noticia a, #noticia a:visited, #noticia a:active
{
	font-size:11px;
	float:right; 
	margin:0px;
	padding-top:10px;
}

#noticia a:hover {

}

#copyright 
{
	vertical-align:bottom;
	color:#fff;
	font-size:12px;
	
	

	height:40px;
	width:901px;
	margin:0px;
	padding:0px;
	border:0px; 
}

#copy_area
{	
	float:left;	
	width:816px;
	
	margin:0px;
	padding-top:15px;
	
	
	}
	
#copy_area a, #copy_area a:visited, #copy_area a:active 
{
color:#fff;
}

#copy_area a:hover 
{
color:#aaa;
}	
	
#copy_logo
{	
	float:left;	
	width:80px;
	height:40px;
	margin:0px;
	padding:0px;
	padding-top:20px;	
	
	}
#sobre 
{
	background:url(../Portal/_Imagenes/sobre_blanco.gif) no-repeat;
	height:6px;
	width: 10px;
	float:left;
	margin-left:3px;
	margin-top:2px;
}	



#copy_area ul 
{
	padding-top:3px;
	


}
#copy_area li 
{
	float:left;

	padding-right:5px;
}

#copy_area li a, #copy_area li a:visited, #copy_area li a:active 
{
color:#fff;
padding-top:1px;
padding-right: 3px;
padding-bottom: 1px;
padding-left:3px;
}
	
	
#copy_area li a:hover {
	color:#aaa;
	text-decoration:none;
	background-color:#cedd42;
padding-top:1px;
padding-right: 3px;
padding-bottom: 1px;
padding-left:3px;
}





#AreaTrabajo
{background:#fff;
	text-align:left;
	font-family:Arial;
	font-size:12px;	
	/* */
	height:285px;
	margin:0px;
	 
	


}
#AreaTrabajo ul
{
margin-top:18px;

}
#AreaTrabajo li
{
list-style-type:none;
margin-top:3px;
background: url(../Portal/_Imagenes/cuadro_verd.gif) left 4px no-repeat;
padding-left:15px;

}

img {
	border: none;
}


#menuLateralImg
{	background:#fff;
	height:100%;
	margin:0px;
	margin-top:50px;
	margin-left:0px;
	width:160px;
	display:table-header-group;
	width:200px;
	padding-bottom:0px;
}

#menuLateral
{	
	padding-top:10px;
	padding-left:0px;
	width:200px;
	margin:0px;
	/* */
 
	}
	
#menuLateral tr, #menuLateralImg tr
{	
	margin: 0px;
	padding: 0px;
	width:160px;

}
	

#menuLateral ul , #menuLateralImg ul{

	margin: 0px;
	padding: 0px;
	margin-left:00px;
	width:160px;
}

#menuLateral table , #menuLateralImg table{

	margin: 0px;
	padding: 0px;
	margin-left:3px;	
	width:160px;
	
}

#menuLateral li a, #menuLateralImg li a{
	display:block;
	margin: 0px,0px,0px,0px;
	padding:0px;
	margin-bottom:0px;
}

#menuLateral a, #menuLateralImg a{
	display:block;
	margin: 0px,0px,0px,0px;
	padding:0px;
	margin-bottom:2px;	
}

#menuLateral li a:hover, #menuLateralImg li a:hover {
	color:#999;
	text-decoration:none;

}

#menuLateral a:hover , #menuLateralImg a:hover{
	color:#999;
	text-decoration:none;

}

#menuIem a{

	padding-left:0px;
	/*border-right:solid 1px #000;
	border-left:solid 1px #000;*/
	font-size: 13px;
	font-family: Arial;
	font-weight:500;
	color:#000;
	width:170px;
	height:20px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	border:solid 1px #fff;
	}


#menuIem a h4{

	margin:0px;
	font-size: 11px;
	font-family: Arial;
	font-weight:100;
	}
	
/*antes era 
#menuLateral .menuIem a{ */

	
#menuIem a:hover{

	padding-left:0px;
	border:solid 1px #ddd;
	/*border-right:solid 1px #999;
	border-left:solid 1px #999;*/
	font-size: 13px;
	font-family: Arial;
	font-weight:500;
	color:#666;
	/*background-color:#B6D12D*/
	}
	
	#menuIemSel a h4{

		margin:0px;
	font-size: 11px;

	font-family: Arial;
	font-weight:100;
	}
	
#menuIemSel a{
	border:solid 1px #ddd;
	width:170px;
	padding-left:0px;
	/*border-right:solid 1px #999;
	border-left:solid 1px #999;*/
	font-size: 12px;
	font-family: Arial;
	font-weight:500;
	color:#000;
	background-color:#ddd;
	height:20px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;	}
	
#menuIemSel a:hover{

	color:#aaa;
	}
	

	
#subitem a
{
	
	padding-left:15px;
	font-size: 9px;
	font-family: Arial;
	font-weight:500;
	color:#000;

}


#subitemSel a{
	padding-left:15px;
	font-size: 9px;
	font-family: Arial;
	font-weight:500;
	color:#283395;
	

}

#subsubitem a{
	padding-left:5px;
	font-size: 11px;
	font-family: Arial;
	font-weight:500;
	color:#666;
	}

#ultimo_proyecto_imagen 
{
	padding-top:14px;
	width:200px;
	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;	
}

H1
{
	font-size: 30px;
	font-family: Arial;
	font-weight:normal;
	color:#124a8f;
	margin-bottom:20px;	

}
	
	H2
{
	
	

	color:#727374;
	font-size:15px;
	text-align:left;
	font-family:arial;
	margin-bottom:20px;	


	}

#intro H1
{
	margin-top:0px;

	color:#283395;
	font-size:16px;
	text-align:left;
	font-family:arial;margin-top:8px;	
	margin-bottom:15px;	
	border-bottom:solid 4px #dde596;
	font-weight:bold;	
	}
	
H3
{
	margin-top:8px;

	color:#555;
	font-size:19px;
	text-align:left;
	font-family:arial;
	font-weight:200;	
	margin-bottom:8px;	
	}	
	
strong 
{
	font-size:12px;	
	font-weight:bolder;
	
}
	
#links_anyos
{	
	padding-top:10px;
	margin-left:50px;

	width:165px;

	}
	
#links_anyos a
{
	float:left;

	height: 12px;
	padding-right:3px;
	margin:0px;
	
	font-size: 9px;
	font-family: Arial;
	font-weight:500;
	color:#000;
}

#links_anyos a:hover
{
	float:left;
	display:block;
	height: 12px;
	padding-right:3px;
	
	font-size: 9px;
	font-family: Arial;
	font-weight:500;
	color:#f00;
}

		#columna_textoa
		{float:left;
			width:830px;  
			padding: 30px 30px 20px 40px; 
			
			
			
			
			}
		#columna_texto
		{float:left;
			width:305px;  
			padding: 30px 30px 20px 40px; 
			
			
			
			
			}
.scroll
{
    width:305px; 
    
    
    height:205px; overflow:hidden; 
}
 .scrolla
{
    width:830px; 
    
    
    height:205px; overflow:hidden; 
}
.flecha
{
    cursor:pointer;
    margin-top:10px;
}
	
		#columna_foto
		{float:left;
			width:515px;
			
			
			margin: 35px 0px 20px 0px; 
			}	
#header 
{
	background:url(../Portal/_Imagenes/Franja-amb-logo.gif) no-repeat;
	background-color:#d7d8da;

	width:901px;
	height:150px;



	margin-bottom:0px;
	padding-bottom:0px;
	position:relative;
}

#header_idioma
{
	
	color:#fff;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	padding:35px 40px 34px 40px;
	
	}





#sample_attach_boto
{	
	
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#124a8f;
	padding-left:23px;
	padding-top:7px;
		float:left;
	 display: block; 
	width:83px;
	width:108px\9


	 
	}
	
#sample_attach_boto a:hover
{
	
	color:#4d679e;
	
}

#sample_attach_boto2
{	
	
	margin:0px;
	padding:0px;
	height:10px;
	font-size:13px;
	color:#124a8f;
	padding-left:23px;
	padding-top:7px;
	float:left;
	 display: block; 
	width:108px;
	width:131px\9
	 
	}
	
#sample_attach_boto2 a:hover
{
	
	color:#4d679e;
	
}#sample_attach_boto3
{	
	
	margin:0px;
	padding:0px;
	
	font-size:13px;
	color:#124a8f;
	padding-left:12px;
	padding-top:7px;
	width:122px;
	float:left;
	 display: block; 
	 background-color:#c1d82f;
	 height:25px;	 
	 height:33px\9
	 
	}
	
#sample_attach_boto3 a:hover
{
	
	color:#4d679e;
	
}




#dropmenudiv{
position:absolute;


z-index:100;
margin:0px;
	padding:0px;
	height:33px;
	width:165px;
	font-size:13px;
	color:#124a8f;
	padding-left:0px;
	padding-top:9px;
	 display: block;
	 background-color:#d7d8da;
	 text-align:left;
	 margin-left:-5px;
}

#dropmenudiv a{
margin:0px;
	padding:0px;
	height:33px;
	width:165px;
	font-size:13px;
	color:#124a8f;
	padding-left:5px;
	padding-top:9px;
	 display: block;
	 background-color:#d7d8da;
	 width:100%;
}

#dropmenudiv a:hover{ /*hover background color*/
color:#4d679e;
	background-color:#e7e7e8;
}

#textocont
		{float:left;
			width:601px;  
			padding: 60px 30px 20px 90px; 
			color:White;
			font-size:12px;
			background-color:#00267f;
			height:285px;
			}
#textocont a,#textocont a:visited,#textocont a:active
		{
			color:White;
				}
				
		
		



#textocont a:hover
{
		color:#B6D12D;

}

#map
{
	font-size:9px;
	}

#fotocont
		{float:left;
			width:280px;
			background-color:#00267f;
			height:285px;
			padding: 35px 0px 20px 20px; 
			}