/* General */
body {
	margin: 0px;
	padding:0px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Grande CE", "Trebuchet MS", Verdana;
	font-size: 10px;
	background-color: #58748a;
	background-repeat:repeat-x;
	background-position:top;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #58748a;
}
a:link, a:visited, a:hover, a:active {
	color: #4B6376;
	font-weight: bold;
	text-decoration: none;
	font-size: 11px;
}
a:hover {
	text-decoration: underline;
}
img {
	border:0px;
}
.limp {
	clear:both;
}
hr {
	margin-left: 40px;
	width: 900px;
	height: 1px;
	border: 0;
	color: #cc0000;
	background-color: #E5EAEE;
} 
/* Top */


/* ------------------------------  BLOQUES RSS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!--------------------------------*/
.bloque_rss {
	float: left;
	width: 470px;
	height: auto;
	margin-left: 15px;
}
#top {
	width: 100%;
	height: 140px;
	float: left;
	background-image: url(../graf/fondo_sup.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #58748a;
}

/* Body */
#body {
	width: 100%;
	height: auto;
	float: left;
	background-image: url(../graf/fondo.jpg);
	background-position: center;
	background-repeat: repeat-y;
	background-color: #7e97ab;
}
#body_externa {
	width: 1060px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#body_menu {
	float: left;
	margin-top: 20px;
	height: 500px;
	width: 40px;
}
#body_content {
	float: left;
	width: 980px;
}
#body_descripcion {
	float: left;
	margin-left: 120px;
	height: 60px;
}
#body_cuadro {
	float: left;
	width: 470px;
	height: auto;
	margin-left: 15px;
}
#body_destacado_imagen {
	float: left;
	width: 450px;
	height: auto;
}
#body_destacado_info {
	float: left;
	width: 450px;
	height: auto;
	background-color: #58748A;
	padding-top: 4px;
	padding-bottom: 2px;
}
.destacado_texto {
	margin-left: 15px;
}
#body_destacado_info a:link, #body_destacado_info a:visited, #body_destacado_info a:hover, #body_destacado_info a:active {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#body_destacado_info a:hover {
	text-decoration: underline;
}
#body_cuadro .destacado {
	font-size: 20px;
	color: #58748a;
}
/* Body proyectos */
#body_proyectos_titulo {
	float: left;
	margin-left: 40px;
	font-size: 20px;
	color: #ADDE2B;
}
#body_lista_proyectos {
	float: left;
	width: 500px;
	height: auto;
	margin-left: 40px;
}
#body_lista_tags {
	float: left;
	width: 340px;
	height: auto;
	margin-left: 40px;
	padding-left: 30px;
	background-color: #D8DDE2;
	background-image: url(../graf/fondo_lista_tags.gif);
	background-repeat: no-repeat;
}
#body_proyecto {
	float: left;
	width: 880px;
	height: auto;
	margin-left: 40px;
}
#body_proyecto_titulo {
	float: left;
	width: 527px;
	height: 26px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../graf/fondo_titulo_proyectos.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Grande CE", "Trebuchet MS", Verdana;
	font-size: 16px;
	color: #FFFFFF;
}
#body_proyecto_body {
	float: left;
	background-color: #E5E5E5;
	width: 880px;
	padding: 15px;
}
#body_proyecto_body_descripcion {
	float: left;
	width: 400px;
	color: #58748A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#body_proyecto_tags {
	float: left;
	width: 370px;
	padding: 15px;
	background-color: #FFFFFF;
	color: #7E97AB;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Grande CE", "Trebuchet MS", Verdana;
	font-size: 12px;
}
.tag {
	float: left;
	width: 110px;
	padding: 5px;
	padding-left: 25px;
	background-image: url(../graf/tag.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.tag a:link, .tag a:visited, .tag a:hover, .tag a:active {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Grande CE", "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #587387;
	font-weight: normal;
}
#tabla_proyectos a:hover {
	text-decoration: none;
}
#body_lista_proyectos {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Grande CE", "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #9AAEBD;
	font-weight: normal;
}
#body_lista_proyectos a:link, #body_lista_proyectos a:visited, #body_lista_proyectos a:hover, #body_lista_proyectos a:active {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Grande CE", "Trebuchet MS", Verdana;
	font-size: 12px;
	color: #9AAEBD;
	font-weight: normal;
}
#body_lista_proyectos a:hover {
	text-decoration: underline;
}
.tag2 {
	float: left;
	width: 150px;
	padding: 5px;
	padding-left: 25px;
	background-image: url(../graf/tag2.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#body_proyecto_body_imagenes {
	float: left;
	margin-left: 15px;
	width: 450px;
}
#tabla_proyectos {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Grande CE", "Trebuchet MS", Verdana;
	font-size: 16px;
	color: #868686;
	margin-bottom: 10px;
}
.fecha {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
	font-weight: bold;
}
.cliente {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;
	font-weight: bold;
	margin-bottom: 10px;
}
#tabla_proyectos a:link, #tabla_proyectos a:visited, #tabla_proyectos a:hover, #tabla_proyectos a:active {
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Grande CE", "Trebuchet MS", Verdana;
	font-size: 16px;
	color: #868686;
	font-weight: normal;
}
#tabla_proyectos a:hover {
	text-decoration: underline;
}
#tabla_proyectos tr {
	height: 25px;
	background-image: url(../graf/tr.gif);
	background-repeat: repeat-x;
}

/* Bottom */
#bottom {
	padding: 0px;
	width: 100%;
	height: auto;
	float: left;
	background-color: #58748a;
}
#bottom_content {
	padding-top: 0px;
	margin-top: 0px;
	width: 980px;
	height: 230px;
	margin-left: auto;
	margin-right: auto;
	background-color: #dee3e8;
}
#bottom_cuadro {
	float: left;
	width: 430px;
	height: auto;
	margin-left: 40px;
	padding: 2px;
}
.texto_contacto {
	font-weight: bold;
	font-size: 11px;
	color: #929292;
}
.texto_contacto img {
 	margin-right:4px;
}
.texto_contacto_gris {
	font-weight: normal;
	font-size: 11px;
	color: #929292;
}
#bottom a:link, #bottom a:hover, #bottom a:visited{
	font-size:11px;
	text-decoration:none;
	color: #929292;
}
#bottom a:hover{
	text-decoration:underline;
}
.avis_projectes {
	float: left;
	margin-top: 40px;
	margin-left: 90px;
}