﻿/* COLORS
verd:bcd306
verd clar:dde596
blau:283395
groc:f3f8c4

*/


p
{
padding-bottom:15px;
margin:0px;
line-height:19px;
}

a, a:visited, a:active
{
	text-decoration:none;
		/*color:#283395;*/
		color:#000;
		font-weight:500;
		font-size:11px;
}

a:hover
{
		color:#B6D12D;

}

ul{ margin:0px; margin-left:60px;margin-bottom:20px;}

li
{
list-style-type:square;

}


#referencias
{padding:0px;	margin:0px; width:100%;
	}
	
#referencias	table {width:100%;
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 10px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #B6D12D;
  }

#referencias td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

#referencias thead td, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  text-align: left;
  background: #454F87;
  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, tbody td {
  vertical-align: top;
  text-align: left;
  }
#referencias tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
#referencias .odd {
  background: #D6E68C;
  }
#referencias tbody tr:hover {
  background: #FFD800;
  border: 1px solid #03476F;
  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:585px;
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:585px;
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
{
	color:#283395;
	
	font-family:arial;

	border-bottom:solid 4px #bcd306;
	font-weight:bolder;	
	font-size:15px;
	text-align:center;width:265px;
	padding-bottom:10px;
	margin-bottom:10px;
}
#foto_mini2 a h1
{
	height:42px;
	font-weight:bolder;	
	font-size:15px;
	margin:0px;
	padding:5px;
	}


#foto_mini2
{
	width:280px;
	float:left;
	height:350px;
	background-color:#f3f8c4;
	padding:5px;
	padding-left:7px;
	padding-right:7px;
	margin-right:15px;
	margin-bottom:15px;

	}
	
#foto_mini2 img
{

}	
		
#foto_mini a
{
text-align:center;
}

#foto_mini
{
	width:180px;
	float:left;
	text-align:center;
	background-color:#f3f8c4;
	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:#f3f8c4;
	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 #bcd306;

}	

#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:#555;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	font-family:Arial;
/*	/*border:solid 1px #f00;*/*/
	height:40px;
	width:790px;
	margin:0px;
	padding:0px;
	border:0px;
}
#menuLateralCopyright a, #menuLateralCopyright a:visited, #menuLateralCopyright a:active 
{
color:#B6D12D;
}

#menuLateralCopyright a:hover 
{
color:#aaa;
}	

#menuLateralCopyright
{	
	background:url(../Portal/_Imagenes/blau-50v.gif) repeat;

	color:#B6D12D;
	width:200px;
	height:40px;
	float:left;
	padding:0px;
	margin:0px;
	/*border:solid 1px #f00;*/
	}
#menuLateralCopyright h1
{	
	font-size: 20px;
	font-family: Arial;
	font-weight:600;
	padding-top:2px;
			color:#B6D12D;
			border:0;

}
#copy_area
{	
	float:left;	
	background:url(../Portal/_Imagenes/groc-50.gif) repeat;
	width:500px;
	height:40px;
	margin:0px;
	padding-top:15px;
	
	/*border:solid 1px #f00;*/	
	}
	
#copy_area a, #copy_area a:visited, #copy_area a:active 
{
color:#555;
}

#copy_area a:hover 
{
color:#aaa;
}	
	
#copy_logo
{	
	float:left;	
	background:url(../Portal/_Imagenes/groc-50.gif) repeat;
	width:90px;
	height:40px;
	margin:0px;
	padding:0px;
	padding-top:1px;	
	/*border:solid 1px #f00;*/	
	}
#sobre 
{
	background:url(../Portal/_Imagenes/sobre_blanco.gif) no-repeat;
	height:6px;
	width: 10px;
	float:left;
	margin-left:3px;
	margin-top:2px;
}	

#header li a:hover {
	color:#f00;
}
#header 
{
	border:1px;
	width:590;
	height:200;
	text-align:right;
	font-size:11px;
	color:#666666;
	margin-bottom:0px;
	padding-bottom:0px;
	
}
#header ul 
{	height:10px;
	padding-top:16px;
	padding-left:430px;



}
#header li 
{
	float:left;

	padding-left:5px;
}

#header li a, #header li a:visited, #header li a:active 
{
color:#666666;
padding-top:1px;
padding-right: 2px;
padding-bottom: 1px;
padding-left:3px;
}
	
	
#header li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#cedd42;
padding-top:1px;
padding-right: 2px;
padding-bottom: 1px;
padding-left:3px;
}

#header_anim10
{	

	background:url(../Portal/_Imagenes/pedial.jpg) repeat;
	margin:0px;
	width:100%;
	height:135px
}

#header_anim2
{	
	background:url(../Portal/_Imagenes/grua.jpg) repeat;
	margin:0px;
	width:100%;
	height:135px
}

#header_anim3
{	
	background:url(../Portal/_Imagenes/aceros.jpg) repeat;
	margin:0px;
	width:100%;
	height:135px
}
#header_anim4
{	
	background:url(../Portal/_Imagenes/garantia.jpg) repeat;
	margin:0px;
	width:100%;
	height:135px
}
#header_anim5
{	
	background:url(../Portal/_Imagenes/sol.jpg) repeat;
	margin:0px;
	width:100%;
	height:135px
}
#header_anim6
{	
	background:url(../Portal/_Imagenes/truck.jpg) repeat;
	margin:0px;
	width:100%;
	height:135px
}
#header_anim9
{	
	background:url(../Portal/_Imagenes/news2.jpg) repeat;
	margin:0px;
	width:100%;
	height:135px
}
#header_anim8
{	
	background:url(../Portal/_Imagenes/contactar.jpg) repeat;
	margin:0px;
	width:100%;
	height:135px
}
#header_lema
{	

	background:url(../Portal/_Imagenes/blau-25v.gif) repeat;
	border:0px;
	margin:0px;
	width:100%;
	height:25px
}
	
body 
{
	
	background:#dde596;
	margin: 0;
	padding: 0;
	/*color:#000;*/color:#283395;
	text-align:justify;
	font-family:Arial;
	font-size:13px;	
	width:790px;
	
}


#AreaTrabajo
{	background:#ffffff;
	text-align:justify;
	font-family:Arial;
	font-size:13px;	
	/*border:solid 1px #f00;*/
	height:320px;
	margin:0px;
	padding-right:5px;
	padding-bottom:10px;


}

#AreaTrabajo li
{
list-style-type:none;
margin-top:18px;
background: url(../Portal/_Imagenes/cuadro_verd.gif) left 4px no-repeat;
padding-left:20px;
font-weight:bold;
}

img {
	border: none;
}


#menuLateralImg
{	background:#ffffff;
	margin:0px;
	margin-top:50px;
	margin-left:0px;
	width:160px;
	display:table-header-group;
	width:200px;
	padding-bottom:0px;
	height:100%;
}

#menuLateral
{	
	padding-top:10px;
	padding-left:0px;
	width:200px;
	margin:0px;
	/*border:solid 1px #f00;*/
 
	}
	
#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: 12px;
	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;
	}

/*antes era 
#menuLateral .menuIem a{ */

	
#menuIem a:hover{

	padding-left:0px;
	border:solid 1px #1f2db1;
	/*border-right:solid 1px #999;
	border-left:solid 1px #999;*/
	font-size: 12px;
	font-family: Arial;
	font-weight:500;
	color:#666;
	/*background-color:#B6D12D*/
	}
	
	
	
#menuIemSel a{
	border:solid 1px #1f2db1;
	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:#B6D12D;
	background-color:#1f2db1;
	height:20px;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;	}
	
#menuIemSel a:hover{

	color:#ccc;
	}
	

	
#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:100;
	color:#283395;
	margin-bottom:0px;

}
	
	H2
{
	margin-top:0px;

	color:#283395;
	font-size:12px;
	text-align:left;
	font-family:arial;
	margin-right:5px;
	margin-bottom:5px;	
	border-bottom:solid 4px #bcd306;
	font-weight:bolder;	
	}

#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:#283395;
	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;
}

