@charset "utf-8";

/* CSS Document */
html, body{
	margin: 0px;
	padding: 0px;
}
html{
	padding-bottom: 10px;
}
div, p, h1, h2, h3, h4, ul, li, img, table, a, form, input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
a{
	color: #000;
}
img{
	border: 0px;
}

#marco{
	position: relative;
	width: 810px;
	margin: 0px auto;
}

#coli{
	width: 168px;
	float: left;
}
#cold{
	position: relative;
	width: 642px;
	float: left;
	/* para situar el pie en su posicion */
	position: relative;
	background-image:url(../img/bgimgcold.gif);
	background-position: left top;
	background-repeat:repeat-y;
}
#cold img.imgcab{
	height: 155px;
	margin-left: 5px;
}
#pie{
	margin-top: 14px;
	background-image:url(../img/bgpie.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.urlpath{
	background-image:url(../img/urlpath.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	width: 100%;
	padding-left: 20px;
	font-weight: bold;
}
.urlpath a{
	text-decoration: none;
	color: #000;
}
#pie div.links{
	float: none;
	clear: both;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	font-size: 10px;
}
#pie div.links a{
	font-size: 10px;
	margin-right: 6px;
	color: #006C29;
}

#pie table{
	margin-left: 5px;
	width: 100%;
	border: 1px solid #dcdada;
	border-left: none;
	font-size: 10px;
	border-collapse: collapse;
	empty-cells: hide;
}

#pie td.addr{
	height: 23px;
	line-height: 17px;
	vertical-align: middle;
	padding: 0px;
	padding-left: 5px;
}
#pie td.legal{
	text-align: right;
	line-height: 14px;
	padding: 0px 16px 0px 4px;
}
#pie td.legal span{
	color: #8F8D8E;
}
#pie td.legal div{
	display: inline;
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
	border-left: 1px solid #8F8D8E;
	font-size: 10px;
	text-align: right;
}
#pie td.legal a{
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
#pie td.legal a:hover{
	text-decoration: underline;
}

ul.menun1{
	list-style: none;

}
ul.menun1 li{
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: right;
	padding-right: 15px;
	color: #fff;
	font-size: 12px;
}
ul.menun1 li a{
	color: #fff;
	text-decoration: none;
}

ul.menun1 li.agencia{
	background-color: #006C29;
}
ul.menun1 li.servicios{
	background-color: #0A8247;
}
ul.menun1 li.clientes{
	background-color: #36A56D;
}
ul.menun1 li.unete{
	background-color: #FD7216;
}
ul.menun1 li.contacta{
	background-color: #FF9D23;
}
ul.menun1 li.blog{
	margin-top: 24px;
	background-color: #B5B5B5;
}
ul.menun1 li.newsletter{
	margin-top: 0px;
	background-color: #969695;
}

ul.menun1 li.seln1{
	font-size: 14px;
	text-transform: uppercase;
	background-image:url(../img/menun1_1.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
ul.menun1 li.seln2{
	font-size: 14px;
	text-transform: uppercase;
	background-image:url(../img/menun1_2.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
ul.menun1 li.seln3{
	font-size: 14px;
	text-transform: uppercase;
	background-image:url(../img/menun1_3.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
ul.menun1 li.seln4{
	font-size: 14px;
	text-transform: uppercase;
	background-image:url(../img/menun1_4.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
ul.menun1 li.seln5{
	font-size: 14px;
	text-transform: uppercase;
	background-image:url(../img/menun1_5.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
ul.menun1 li.seln6{
	font-size: 14px;
	text-transform: uppercase;
	background-image:url(../img/menun1_6.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
ul.menun1 li.seln7{
	font-size: 14px;
	text-transform: uppercase;
	background-image:url(../img/menun1_7.gif);
	background-position: left top;
	background-repeat: repeat-x;
}


ul.menun1 li.sep{
	margin-top: 66px;
	border-top: 1px solid #858686;
}
ul.menun1 li.catala{
	border-bottom: 1px solid #858686;
}
ul.menun1 li.catala a{
	color: #858686;
}
ul.menun1 li.espanyol{
	border-bottom: 1px solid #858686;
}
ul.menun1 li.espanyol a{
	color: #858686;
}
ul.menun1 li.english{
	border-bottom: 1px solid #858686;
}
ul.menun1 li.english a{
	color: #858686;
}


/* Elementos principales del contenido. */
div.contenido{
	position: relative;
	padding: 14px 0px 0px 20px;
}

div.contenido div.intro p, div.contenido div.intro ul{
	width: 570px;
	margin-bottom: 20px;
}
div.contenido div.intro li{
	margin-left: 14px;
	padding-left: 0px;
	list-style-image:url(../img/bullet.gif);
	list-style-type:none;
	list-style-position: outside;
}
div.contenido div.intro li a{
	font-size: 11px;
	color: #ff9d23;
}

div.contenido .col1{
	clear: left;
	float: left;
	width: 300px;
	padding-right: 15px;
}

div.contenido .col1 ul{
	margin: 0px;
	padding: 0px;
}
div.contenido .col1 li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 20px;
}

div.contenido .col1 ul.b{
	margin: 0px;
	padding: 0px;
}

div.contenido .col1 li.b{
	margin: 0px;
	padding: 0px;
	margin-left: 14px;
	padding-left: 0px;
	list-style-image:url(../img/bullet.gif);
	list-style-type:none;
	list-style-position: outside;
}

div.altofijo{
	height: 500px;
}

div.contenido .col2{
	float: left;
	width: 328px;
}
/* Fin Elementos principales del contenido. */


div.contenido h1, .avisolegal h1, div.contenido h1 a{
	font-size: 32px;
	font-weight: normal;
	color: #d3d2d2;
	margin-bottom: 14px;
}
div.contenido h1 a{
	text-decoration: none;
	color: #d3d2d2;
}

div.contenido .col1 h2.big{
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 10px;
}

div.contenido .col1 h2{
	font-size: 13px;
	font-weight: bold;
	color: #000;
}
div.contenido .col1 .bloque{
	margin-bottom: 16px;
}
div.contenido .col1 .bloque p{
	line-height: 14px;
	font-size: 11px;
}

div.contenido .col2 .cajanoticias{
	background-image:url(../img/cajanoticias_02.gif);
	background-position: left top;
	background-repeat:repeat-y;
	margin-bottom: 25px;
}
div.contenido .col2 .cajanoticias a img{
	cursor: pointer;
}

div.contenido .col2 .cajanoticias .cabecera{
	height: 38px;
	background-image:url(../img/cajanoticias_01.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div.contenido .col2 .cajanoticias .pie{
	height: 5px;
	background-image:url(../img/cajanoticias_03.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
div.contenido .col2 .cajanoticias .area{
	padding: 0px 54px 6px 11px;
}
div.contenido .col2 .cajanoticias h2{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin: 0px;
	padding: 0px;
}
div.contenido .col2 .cajanoticias .area p{
	margin: 0px 0px 16px 0px;
	padding: 0px;
	font-size: 11px;
}
div.contenido .col2 .cajanoticias .area img{
	margin-right: 15px;
}

div.contenido h1.cliente{
	float: left;
	width: 270px;
}
div.contenido h1.logocliente{
	border-left: 1px solid #D1D0D0;
	float: left;
	width: 256px;	
}
div.buttonbar{
	height: 40px;
	padding-left: -4px;
	float: none;
	clear: both;
}
div.buttonbar a{
	text-decoration: none;
	color: #000;
}
/* -------------------------------------------------------------------------------- 
   CLIENTES
   -------------------------------------------------------------------------------- */
/* Tabla con la lista de clientes. */
div.listaclientes{
	width: 350px;
}
div.listaclientes p{
	padding-left: 5px;
	padding-bottom: 10px;
	font-size: 11px;
}
div.listaclientes table{
	margin-bottom: 45px;
}
table.clientes{
	float: left;
	empty-cells: show;
	border-collapse: collapse;
}
table.clientes td{
	background-image:url(../img/bclientes.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 160px;
	height: 80px;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}
table.clientes td:hover{
	background-position: left -80px;
}

table.clientes td span{
	width: 160px;
	height: 80px;
}
table.clientes td a{
	background-repeat:no-repeat;
	background-position: left top;
	vertical-align: middle;
	text-decoration: none;
}
table.clientes td.blank{
	background-image: none;
}
table.clientes td.blank:hover{
	background-image: none;
}
table.clientes td.seph{
	margin: 0px;
	padding: 0px;
	width: 8px;
	background-image: none;
}
table.clientes td.sepv{
	margin: 0px;
	padding: 0px;
	height: 8px;
	background-image: none;	
}

/* Fin table clientes. */

/* Margen inferior mínimo para una ficha de clientes. */
div.fichacliente{
	padding-bottom: 140px;
}


/* Ficha de resumen para un clientes y para los proyectos del cliente. */
div.contenido table.clienteresumen{
	empty-cells: hide;
	border-collapse: collapse;
}
div.contenido table.clienteresumen td{
	vertical-align: top;
}
div.contenido table.clienteresumen td.nombre{
	padding-top: 12px;
	vertical-align: top;
	width: 275px;
}
div.contenido table.clienteresumen td.nombre h1{
	line-height: 31px;
	width: 260px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
div.contenido table.clienteresumen td.logo{
	padding: 0px 10px 0px 10px;
	width: 174px;
	text-align: center;
	background-image:url(../img/linealogos.gif);
	background-position: left 12px;
	background-repeat: no-repeat;
}
div.contenido table.clienteresumen td.logo div{
	/* padding: 10px 17px 10px 17px; */
}
div.contenido table.clienteresumen td.referencias{
	width: 124px;
	padding: 7px 18px 0px 18px;
	text-align: left;
}
div.contenido table.clienteresumen td.linealogosref{
	background-image:url(../img/linealogos.gif);
	background-position: left 12px;
	background-repeat: no-repeat;
}
div.contenido table.clienteresumen td.referencias img.first{
	margin-bottom: 13px;
}
div.contenido table.clienteresumen td.unareferencia{
	padding-top: 25px;
}

/* Area de lista horizontal imágenes proyectos. */
div.contenido .thumbsproyectos{
	width: 400px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 37px;
}
div.contenido .thumbsproyectos a{
	cursor: pointer;
}
div.contenido .thumbsproyectos a, div.contenido .thumbsproyectos img{
	cursor: pointer;
	float: left;
}

/* Navegador de proyectos. */
.navproyectos{
	clear: both;
	float: none;
	padding-top: 6px;
}

/* Fin area de lista horizontal imagenes proyectos. */
/* Fin ficha de resumen para un clientes y para los proyectos del cliente. */
/* -------------------------------------------------------------------------------- 
   FIN CLIENTES
   -------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------- 
   MAPA NAVEGACION PROYECTOS
   -------------------------------------------------------------------------------- */
div.contenido .col2mapa{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
div.contenido .col2mapa tr{
}
div.contenido .col2mapa td{
	height: 22px;
	padding-left: 12px;
	background-image:url(../img/mapaproyectosbullet.gif);
	background-repeat: no-repeat;
	background-position: 2px top;
	vertical-align: middle;
	font-size: 11px;
	color: #bbbdbf;
}
div.contenido .col2mapa td a, div.contenido .col2mapa td.t a, div.contenido .col2mapa td.b a{
	text-decoration: none;
	color: #bbbdbf;	
}
div.contenido .col2mapa td.sel a, div.contenido .col2mapa td.selt a, div.contenido .col2mapa td.selb a{
	text-decoration: none;
	color: #000;	
}
div.contenido .col2mapa td.t{
	background-image:url(../img/mapaproyectosbullet_t.gif);
}
div.contenido .col2mapa td.b{
	background-image:url(../img/mapaproyectosbullet_b.gif);
}
div.contenido .col2mapa td.sel{
	background-image:url(../img/mapaproyectosbullet_sel.gif);
	color: #000;
}
div.contenido .col2mapa td.selt{
	background-image:url(../img/mapaproyectosbullet_t_sel.gif);
	color: #000;
}
div.contenido .col2mapa td.selb{
	background-image:url(../img/mapaproyectosbullet_b_sel.gif);
	color: #000;
}
/* -------------------------------------------------------------------------------- 
   FIN MAPA NAVEGACION PROYECTOS
   -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- 
   FORMULARIO DE CONTACTO
   -------------------------------------------------------------------------------- */
.formcontacta table{
	font-size: 11px;
	margin: 0px auto;
}
.formcontacta td{
	font-size: 11px;
	vertical-align: top;
	padding: 4px 2px 4px 2px;
}
.formcontacta td textares{
	width: 320px;
	height: 240px;
}

.formcontacta td.adjuntar{
	text-align: right;
}
.formcontacta td.adjuntar input.badjuntar{
	width: 92px;
	height: 27px;
	background-color: transparent;
	background-image:url(../img/bformulario.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: 0px;

	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
}
.formcontacta td.adjuntar input.badjuntar:hover{
	background-position: left -27px;
}

.formcontacta td.submit{
	text-align: right;
}
.formcontacta td.submit input{
	width: 92px;
	height: 27px;
	background-color: transparent;
	background-image:url(../img/bformulario.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: 0px;

	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
}
.formcontacta td.submit input:hover{
	background-position: left -27px;
}

#frmSS1 .submit{
	text-align: right;
}
#frmSS1 .submit input{
	width: 92px;
	height: 27px;
	background-color: transparent;
	background-image:url(../img/bformulario.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: 0px;

	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
}


div.mapa{
	margin: 30px 0px 30px 0px;
	border: 0px;
	text-align: center;
}
/* -------------------------------------------------------------------------------- 
   FIN FORMULARIO DE CONTACTO
   -------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------- 
   BOTONES DE NAVEGACION
   -------------------------------------------------------------------------------- */
div.contenido .col1 a.bverproyectos{
	display: block;
	margin-bottom: 3px;
	width: 169px;
	height: 19px;
	padding-top: 8px;
	padding-left: 10px;

	background-image:url(../img/bverproyectos.gif);
	background-position: left top;
	background-repeat: no-repeat;

	text-align: left;
	line-height: 11px;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
div.contenido .col1 a.bverproyectos:hover{
	background-position: left -27px;
}

div.contenido .col1 a.bverweb{
	display: block;
	width: 149px;
	height: 19px;
	padding-top: 8px;
	padding-left: 10px;

	background-image:url(../img/bverweb.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	line-height: 11px;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
div.contenido .col1 a.bverweb:hover{
	background-position: left -27px;
}

div.contenido .col1 a.bverproyectosen{
	width: 139px;
	background-image:url(../img/bverproyectos_en.gif);
}
div.contenido .col1 a.bverweben{
	width: 129px;
	background-image:url(../img/bverweb_en.gif);
}

/* Estilos para botones de proyectos. */
div.contenido .col1 a.bverproyecto{
	display: block;
	padding-top: 8px;
	width: 110px;
	height: 19px;
	background-position: left top;
	background-repeat: no-repeat;

	line-height: 11px;
	font-size: 11px;
	text-decoration: none;
	color: #000;
}
div.contenido .col1 a.bproyectoant{
	background-image:url(../img/bproyectoant.gif);
	text-align: right;
	padding-right: 7px;
	
}
div.contenido .col1 a.bproyectoant:hover{
	background-position: left -27px;
}
div.contenido .col1 a.bproyectosig{
	background-image:url(../img/bproyectosig.gif);
	text-align: left;
	padding-left: 7px;	
}
div.contenido .col1 a.bproyectosig:hover{
	background-position: left -27px;
}

div.contenido .col1 a.bproyectoanten{
	width: 90px;
	background-image:url(../img/bproyectoant_en.gif);
	text-align: right;
	padding-right: 7px;
	
}
div.contenido .col1 a.bproyectoanten:hover{
	background-position: left -27px;
}
div.contenido .col1 a.bproyectosigen{
	width: 90px;
	background-image:url(../img/bproyectosig_en.gif);
	text-align: left;
	padding-left: 7px;	
}
div.contenido .col1 a.bproyectosigen:hover{
	background-position: left -27px;
}



div.contenido .col1 a.bvolveraclientes{
	display: block;
	width: 103px;
	padding-top: 7px;
	height: 19px;
	background-image:url(../img/bvolveraclientes.gif);
	background-position: left top;
	background-repeat: no-repeat;
	vertical-align: top;
	
	line-height: 11px;
	font-size: 11px;
	color: #000;
	text-align: center;
	text-decoration: none;
}
div.contenido .col1 a.bvolveraclientes:hover{
	background-position: left -27px;
}

div.contenido .col1 a.notfirst{
	margin-left: 0px;
}

/* Clases SEO */
b.neutro{
	font-weight: normal;
}
/* -------------------------------------------------------------------------------- 
   FIN BOTONES DE NAVEGACION
   -------------------------------------------------------------------------------- */


div.clearer{
	float: none;
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

/* Aviso legal */
.avisolegal{
	padding: 10px 20px 20px 20px;
}
.avisolegal h2{
	margin-bottom: 5px;
}
.avisolegal p{
	margin-bottom: 17px;	
}
.avisolegal a{
	color: #006C29;
}
/* Fin de Aviso legal */

.bo{
	padding: 20px;
}
.bo h1{
	font-size: 17px;
	margin-bottom: 25px;
}
.bo h2{
	margin-bottom: 10px;
}
.bo th{
	background-color: #0a8247;
	text-align: left;
	color: #fff;
	padding: 5px;
}
.bo td{
	padding: 5px 5px 10px 5px;
	vertical-align: top;
	border-bottom: 1px solid #e1e1e1;
}
.bo td.separador{
	border-bottom: 1px solid #0a8247;
}
.bo table{
	margin-bottom: 25px;
}
.bo .opcional{
	vertical-align: top;
}
.bo td.submit{
	text-align: right;
}


#imagenesproyectos{
	height: 130px;
	float:none;
	clear: both;
	border-bottom: 3px solid #e1e1e1;
	margin-bottom: 25px;
}
#imagenesproyectos div{
	float: left;
}

.miniaturasproyectos{
	clear:both;
	float:none;
}
.miniaturasproyectos img{
	cursor: pointer;
}

.logosbo img{
	cursor: pointer;
	margin: 0px 10px 10px 0px;
	border: 1px solid #e1e1e1;
}

.bo h2{
	margin-top: 30px;
}
.bo td p{
	margin-bottom: 10px;
}

.actions ul{
	margin: 0px;
	padding: 0px;	
}
.actions li{
	height: 15px;
	background-color: #0a8247;
	border-bottom: 1px solid #006c29;
	border-right: 1px solid #006c29;	
	margin: 0px;
	margin-right: 10px;
	padding: 3px 5px 3px 5px;
	list-style: none;
	display: inline;
}
.actions li a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.ciudad{
	margin: 0px;
	padding: 0px;
	color: #939598;
	font-weight: bold;
}

div.mapas{
	margin-top: 18px;
	margin-left: 172px;
}
div.mapas *{
	margin: 0px;
	padding: 0px;
}
div.mapas div.col1{
	float: left;
	padding-left: 8px;
	width: 154px;
	margin-bottom: 20px;
}
div.mapas div.col2{
	float: left;
	padding-right: 8px;	
	width: 154px;
	margin-bottom: 20px;	
}
div.mapas .imagen{
	background-color: #fff;
	clear: both;
	height: 236px;	
}
div.mapas .imagen img{
	cursor: pointer;
}
div.mapas .imagen img.th1{
	margin-right: 48px;
}
div.mapas .imagenbcn{
	border: 1px solid #fff;
	background-image: url(../img/mapa-bcn.jpg);
	background-repeat: no-repeat;
	background-position: 1px 66px;
}
div.mapas .imagenmadrid{
	border: 1px solid #fff;
	background-image: url(../img/mapa-madrid.jpg);
	background-repeat: no-repeat;
	background-position: 1px 66px;
}