/*Elementos generales*/
* {padding:0; margin:0}
body {background-color:#fff}
img {border:0}
table {border:0; border-collapse:collapse; border-spacing:0}
td {vertical-align:top; padding:0px} 
.divrel {position:relative; width:100%; height:auto}
.divimg {position:relative; width:100%; height:auto; margin-bottom:20px}
.divreltxt {position:relative; width:100%; height:auto; clear:left; margin-bottom:20px }
.imgfright {float:right; margin:-60px 0 20px 20px; overflow:visible}
.imgfleft {float:left; margin:0 20px 20px 0}
.astval {position:absolute; top:20px; right:30px; z-index:2; font:16px Arial}
.astval2 {position:absolute; top:15px; right:30px; z-index:2; font:16px Arial}
.astval3 {position:absolute; top:3px; left:270px; z-index:2; font:16px Arial}
.imgborde {border:solid 1px #999}
/*Elemento para ocultar*/
.hide {display:none; visibility:collapse}
.visible {visibility:visible}
/*Tipografía*/
h1, h2 {font:9px Arial, Helvetica, sans-serif; color:#000}
p {font:13px Arial, Helvetica, sans-serif; color:#333}
a:link, a:visited {font:13px Arial, Helvetica, sans-serif; color:#000; text-decoration:none}
a:hover, a:active {font:13px Arial, Helvetica, sans-serif; color:#000; text-decoration:underline}
.ppeq {font:11px Arial, Helvetica, sans-serif; color:#666; text-decoration:none}
h3 {font:13px Arial; color:#666; text-align:right; margin-right:10px; text-decoration:none}
h4 {font:13px Arial; color:#666; text-align:left; background:url(img/bullet_med.gif) no-repeat 0px 2px; padding-left:16px; margin:0 0 5px 0}
/*Links*/
.apeq:link, .apeq:visited {font:11px Arial, Helvetica, sans-serif; color:#999; text-decoration:none}
.apeq:hover, .apeq:active {font:11px Arial, Helvetica, sans-serif; color:#666; text-decoration:none}
/*Estructura*/
#contenedor {position:absolute; top:0px; left:0px; width:100%; height:auto}
#cabecera {position:relative; width:100%; height:340px; background:url(img/cab_fondo.gif) repeat-x}
#divcab {position:relative; width:980px; height:340px; margin:0 auto; background:url(img/cab_panel.gif) no-repeat bottom}
#cuerpo {position:relative; width:100%; height:auto; margin-bottom:30px}
#divcuerpo {position:relative; width:940px; height:auto; margin:0 auto}
#pie {position:relative; width:100%; height:88px; background:url(img/pie_fondo.gif) repeat-x}
#divpie {position:relative; width:980px; height:88px; margin:0 auto; background:url(img/pie_panel.jpg) no-repeat}
/*Cabecera*/
#mnuidioma {position:absolute; top:5px; right:5px}
#mnuidioma ul {list-style-type:none}
#mnuidioma ul li {display:inline; padding-right:15px}
#mnuidioma ul li .apeq {padding:0 0 0 20px}
#banderaes {background:url(img/bandera_es.gif) no-repeat 0 2px}
#banderaca {background:url(img/bandera_ca.gif) no-repeat 0 2px}
#banderaen {background:url(img/bandera_en.gif) no-repeat 0 2px}
#logoaflua {position:absolute; top:67px; left:20px}
#flacab {position:absolute; top:190px; left:450px; width:200px; height:150px}
/*Menu principal*/
#mnuprincipal {position:absolute; top:88px; right:0px; height:29px; width:585px}
    /* Castellano */
    .lnk_empresa a {position:absolute; top:0px; left:0px; width:115px; height:29px; display:block; background:url(img/btn_01.gif) 0 0 no-repeat}
    .lnk_empresaon a, .lnk_empresa a:hover, .lnk_empresa a:active {position:absolute; top:0px; left:0px; width:115px; height:29px; display:block; background:url(img/btn_01.gif) 0px -29px no-repeat}
    .lnk_servicios a {position:absolute; top:0px; left:115px; width:116px; height:29px; display:block; background: url(img/btn_02.gif) 0 0 no-repeat}
    .lnk_servicioson a, .lnk_servicios a:hover, .lnk_servicios a:active {position:absolute; top:0px; left:115px; width:116px; height:29px; display:block; background:url(img/btn_02.gif) 0px -29px no-repeat}
    .lnk_soluciones a {position:absolute; top:0px; left:231px; width:130px; height:29px; display:block; background: url(img/btn_03.gif) 0 0 no-repeat}
    .lnk_solucioneson a, .lnk_soluciones a:hover, .lnk_soluciones a:active {position:absolute; top:0px; left:231px; width:130px; height:29px; display:block; background:url(img/btn_03.gif) 0px -29px no-repeat}
    .lnk_clientes a {position:absolute; top:0px; left:361px; width:110px; height:29px; display:block; background: url(img/btn_04.gif) 0 0 no-repeat}
    .lnk_clienteson a, .lnk_clientes a:hover, .lnk_clientes a:active {position:absolute; top:0px; left:361px; width:110px; height:29px; display:block; background:url(img/btn_04.gif) 0px -29px no-repeat}
    .lnk_contacto a {position:absolute; top:0px; left:471px; width:114px; height:29px; display:block; background: url(img/btn_05.gif) 0 0 no-repeat}
    .lnk_contactoon a, .lnk_contacto a:hover, .lnk_contacto a:active {position:absolute; top:0px; left:471px; width:114px; height:29px; display:block; background:url(img/btn_05.gif) 0px -29px no-repeat}
    /* Catalan */
    .ca_lnk_empresa a {position:absolute; top:0px; left:0px; width:115px; height:29px; display:block; background:url(img/btn_01_ca.gif) 0 0 no-repeat}
    .ca_lnk_empresaon a, .ca_lnk_empresa a:hover, .ca_lnk_empresa a:active {position:absolute; top:0px; left:0px; width:115px; height:29px; display:block; background:url(img/btn_01_ca.gif) 0px -29px no-repeat}
    .ca_lnk_servicios a {position:absolute; top:0px; left:115px; width:116px; height:29px; display:block; background: url(img/btn_02_ca.gif) 0 0 no-repeat}
    .ca_lnk_servicioson a, .ca_lnk_servicios a:hover, .ca_lnk_servicios a:active {position:absolute; top:0px; left:115px; width:116px; height:29px; display:block; background:url(img/btn_02_ca.gif) 0px -29px no-repeat}
    .ca_lnk_soluciones a {position:absolute; top:0px; left:231px; width:130px; height:29px; display:block; background: url(img/btn_03_ca.gif) 0 0 no-repeat}
    .ca_lnk_solucioneson a, .ca_lnk_soluciones a:hover, .ca_lnk_soluciones a:active {position:absolute; top:0px; left:231px; width:130px; height:29px; display:block; background:url(img/btn_03_ca.gif) 0px -29px no-repeat}
    .ca_lnk_clientes a {position:absolute; top:0px; left:361px; width:110px; height:29px; display:block; background: url(img/btn_04_ca.gif) 0 0 no-repeat}
    .ca_lnk_clienteson a, .ca_lnk_clientes a:hover, .ca_lnk_clientes a:active {position:absolute; top:0px; left:361px; width:110px; height:29px; display:block; background:url(img/btn_04_ca.gif) 0px -29px no-repeat}
    .ca_lnk_contacto a {position:absolute; top:0px; left:471px; width:114px; height:29px; display:block; background: url(img/btn_05_ca.gif) 0 0 no-repeat}
    .ca_lnk_contactoon a, .ca_lnk_contacto a:hover, .ca_lnk_contacto a:active {position:absolute; top:0px; left:471px; width:114px; height:29px; display:block; background:url(img/btn_05_ca.gif) 0px -29px no-repeat}
    /* Ingles */
    .en_lnk_empresa a {position:absolute; top:0px; left:0px; width:115px; height:29px; display:block; background:url(img/btn_01_en.gif) 0 0 no-repeat}
    .en_lnk_empresaon a, .en_lnk_empresa a:hover, .en_lnk_empresa a:active {position:absolute; top:0px; left:0px; width:115px; height:29px; display:block; background:url(img/btn_01_en.gif) 0px -29px no-repeat}
    .en_lnk_servicios a {position:absolute; top:0px; left:115px; width:116px; height:29px; display:block; background: url(img/btn_02_en.gif) 0 0 no-repeat}
    .en_lnk_servicioson a, .en_lnk_servicios a:hover, .en_lnk_servicios a:active {position:absolute; top:0px; left:115px; width:116px; height:29px; display:block; background:url(img/btn_02_en.gif) 0px -29px no-repeat}
    .en_lnk_soluciones a {position:absolute; top:0px; left:231px; width:130px; height:29px; display:block; background: url(img/btn_03_en.gif) 0 0 no-repeat}
    .en_lnk_solucioneson a, .en_lnk_soluciones a:hover, .en_lnk_soluciones a:active {position:absolute; top:0px; left:231px; width:130px; height:29px; display:block; background:url(img/btn_03_en.gif) 0px -29px no-repeat}
    .en_lnk_clientes a {position:absolute; top:0px; left:361px; width:110px; height:29px; display:block; background: url(img/btn_04_en.gif) 0 0 no-repeat}
    .en_lnk_clienteson a, .en_lnk_clientes a:hover, .en_lnk_clientes a:active {position:absolute; top:0px; left:361px; width:110px; height:29px; display:block; background:url(img/btn_04_en.gif) 0px -29px no-repeat}
    .en_lnk_contacto a {position:absolute; top:0px; left:471px; width:114px; height:29px; display:block; background: url(img/btn_05_en.gif) 0 0 no-repeat}
    .en_lnk_contactoon a, .en_lnk_contacto a:hover, .en_lnk_contacto a:active {position:absolute; top:0px; left:471px; width:114px; height:29px; display:block; background:url(img/btn_05_en.gif) 0px -29px no-repeat}
/* Menu Principal AFLUA.COM */
    .afluacom_en a {position:relative; width:102px; height:29px; float:right; background:url(img/btn_en.gif) 0 0 no-repeat; display:block; margin:0px}
    .afluacom_en a:hover, .afluacom_en a:active {position:relative; width:102px; height:29px; float:right; background:url(img/btn_en.gif) 0 -29px no-repeat; display:block}
    
    .afluacom_ca a {position:relative; width:98px; height:29px; float:right; background:url(img/btn_ca.gif) 0 0 no-repeat; display:block; margin:0px}
    .afluacom_ca a:hover, .afluacom_ca a:active {position:relative; width:98px; height:29px; float:right; background:url(img/btn_ca.gif) 0 -29px no-repeat; display:block}
    
    .afluacom_es a {position:relative; width:128px; height:29px; float:right; background:url(img/btn_es.gif) 0 0 no-repeat; display:block; margin:0px}
    .afluacom_es a:hover, .afluacom_es a:active {position:relative; width:128px; height:29px; float:right; background:url(img/btn_es.gif) 0 -29px no-repeat; display:block}
    #pluginfla a {position:absolute; bottom:28px; right:26px; background:url(img/ico_flash.gif) 0 top no-repeat; display:block; padding-left:15px;padding-top:3px; font:11px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none}
    #pluginfla a:hover, #pluginfla a:active  {position:absolute; bottom:28px; right:26px; background:url(img/ico_flash.gif) 0 top no-repeat; display:block; padding-left:15px; padding-top:3px; font:11px Arial, Helvetica, sans-serif; color:#333333; text-decoration:none}
/*Cuerpo*/
.conttit {position:relative; width:308px; height:60px; float:left}
.divimgtit {position:absolute; top:0px; left:0px; width:308px; height:60px; z-index:2}
.divtxttit {position:absolute; top:0px; left:0px; width:308px; height:60px; z-index:1}
/*Pie*/
#mnupie {position:absolute; top:40px; left:135px}
#mnupie a:link, #mnupie a:visited {text-decoration:underline; color:#666}
#mnupie a:hover, #mnupie a:active {text-decoration:underline; color:#333}
/*Mapa Web*/
#mapaweb {position:relative; width:940px; height:auto; margin:13px auto}
.mapawebcol {position:relative; width:188px; height:auto; float:left; margin-bottom:30px}
.mapawebcol ul {list-style-type:none; line-height:15px}
.mapawebcol ul li a {background:url(img/bullet_peq.gif) no-repeat 0 5px; padding-left:8px; margin-left:10px}
.mapawebcol ul li .ahd {background:url(img/flecha_gris_peq.gif) no-repeat 0 2px; padding-left:10px; margin-left:0}
/*Google Map*/
#map {position:relative; width:100%; height:200px; margin-top:70px; *margin-top:30px; border:solid 1px #999}
#map div {max-width:500px}
#map div span {white-space: normal}
/*Página Dos columnas*/
.colleft {width:200px; padding-left:20px}
.colmain {width:720px}
/*Páginas soluciones*/
.colsolleft {width:308px}
.colsolleft2 {width:188px}
.colsolleft3 {width:308px}
.colsolleft3 .divrel p {padding-right:20px}
.conttit2 {width:188px}
.conttit3 {width:308px}
.colsolright {padding-left:20px; width:612px}
.colsolright2 {width:762px; overflow:hidden}
.colsolright3 {width:640px;  overflow:hidden}
.colsolrightpeq {padding-left:20px; width:200px}
.colsolmid {padding-left:20px; width:392px; padding-top:60px}

.colrightbig {padding-left:20px; width:612px}
/*Página Tres columnas*/
.collado {width:200px}
.colmid {width:500px; padding:0 20px 0 20px}
/*Menu Navegación IZQ*/
#navigation {margin-top:0px}
#navigation ul {margin-left:0; padding-left:0; list-style-type:none; float:left; width:140px; margin-top:0px}
#navigation a {display:block; padding:5px; width: 140px; border-bottom:1px solid #CCC;}
#navigation a:link, #navlist a:visited {color:#669900; text-decoration:none;}
#navigation a:hover {background: #000 url(img/flechas_verde_fondo_gris.gif) 96% 50% no-repeat; background-color: #EEE;color: #336600;}
#navlist p {font-size:11px; line-height:12px;  color:#CCC}
/*Clientes*/
/*texto*/
.texto_clientes {position:relative; width:490px; height:auto; float:left; padding-left:30px}
.panelder_clientes {position:relative; width:200px; height:auto; float:left; padding-left:20px}
.texto_clientes .divimg {margin-top:20px}
/*Lista*/
.divpag {position:relative; width:630px; height:60px; float:right; z-index:2}
.mnuizq {position:relative; width:150px; height:auto; float:left; margin-right:30px}
.galeria_clientes {position:relative; width:740px; height:auto; float:left}
.thumbdiv {position:relative; width:128px; height:96px; margin:0 18px 28px 0}
.clear {position:relative; width:100%; height:auto; clear:both}
.thumbdiv img {border:solid 1px #999}
/*Detalle*/
.colcliente1 {position:relative; float:left; margin-right:20px}
.colcliente2 {position:relative; float:left; width:180px}
.campodetcliente{position:relative; width:auto; height:auto; margin-bottom:10px}
.campodetcliente p b {color:#999; font-size:11px}
.campodetcliente p span, .campodetcliente p a {margin-left:10px}
.campodetcliente p a:link, .campodetcliente p a:visited {font:11px Arial; color:#669900; text-decoration:none}
.campodetcliente p a:hover, .campodetcliente p a:active {font:11px Arial; color:#336600; text-decoration:none}
.lnkvisita:link, .lnkvisita:visited {background:url(img/flechas_verde_fondo_blanco.gif) no-repeat 0 center; padding-left:15px; font:bold 11px Arial; color:#666; text-decoration:none}
.lnkvisita:hover, .lnkvisita:active {background:url(img/flechas_verde_fondo_blanco.gif) no-repeat 0 center; padding-left:15px; font:bold 11px Arial; color:#333; text-decoration:underline}
.btnatras {vertical-align:middle; padding:5px 5px 5px 5px}
.divpag a {text-decoration:none}
/*Paginación*/
.div_paginacion {position:relative; width:100%; height:60px}
.div_paginacion * p {color:#aaa}
.paginar_flecha_izq {position:relative; padding-right:5px}
.txtpaginar_flecha_izq {position:relative; padding:5px 5px 0px 0px}
.paginar_flecha_der {position:relative; padding-left:5px}
.txtpaginar_flecha_der {position:relative; padding:5px 0px 0px 5px}
.paginar_iconos {position:relative;width:130px; height:26px}
.paginar_num_resultados {position:absolute; top:7px; left:200px}
.paginar_num_paginas {position:absolute;top:7px; left:75px}
.pagnum a {position:relative; color:#FFF; margin-right:3px; width:24px; height:24px; padding-top:6px; text-align:center; display:block; background:url(img/paginar_des.gif) no-repeat}
.pagnumsel a {position:relative; color:#336600; margin-right:3px; width:24px; height:24px; padding-top:6px; text-align:center; font-weight:bold; display:block; background:url(img/paginar_hab.gif) no-repeat}

/*Contacto*/
#formulario {position:relative; width:500px; height:auto; margin:0 auto}
.divconsejo {position:relative; width:200px; height:auto; padding:5px 0px 10px 0px}
.txtform {position:relative; width:250px; float:left; margin-top:20px; *margin-top:0px}
.txtform p {font-size:17px; color:#666; padding-bottom:2px}
.txtboxcontact {width:200px; border:solid 1px #ccc; border-left:solid 3px #ccc; padding:2px}
.txtboxcontactgr {width:500px; border:solid 1px #ccc; border-left:solid 3px #ccc; padding:2px; height:100px; overflow:auto}
.btngen {width:115px; height:30px; background:transparent url(img/btn_gen.gif) no-repeat; padding-left:10px; border:solid 0px; font:17px Arial; color:#666; text-decoration:none; text-align:left}
/* Formulario Presupuestos */
#presupuesto {position:relative; width:100%; height:auto}
.divpresupuesto {position:relative; width:500px; height:40px; margin-bottom:10px}
.divpre_izq {position:absolute; top:0px; left:0px; width:250px; height:40px}
.divpre_der {position:absolute; top:0px; right:0px; width:250px; height:40px}
.divpresupuesto p, .divpre_izq p, .divpre_der p {padding-bottom:2px}
.radestilo {font:13px Arial; color:#666; margin-right:20px}
.radestilo label {padding-left:5px}
.txtboxcontactmulti {border:solid 1px #ccc; border-left:solid 3px #ccc; padding:2px; overflow:auto}
/*Css Controles*/
/*Panel Servicios*/
.pnl_servicios {position:relative; width:165px; height:160px; margin:0 20px 20px 0}
.contpanelservicios{width:720px; overflow:hidden}
/* Cabecera y imagen controles*/
.pnl_servicios_cab {position:relative; width:165px; height:32px}
.pnl_servicios_tit {position:absolute; top:5px; left:5px; z-index:1}
.pnl_servicios_cab_img {position:absolute; top:0px; left:0px; width:165px; height:32px; z-index:2}
.pnl_servicios_img {position:relative; width:165px; height:50px}
/*fuentes controles*/
.pnl_servicios * h3 {font:9px Arial; color:#CCC; padding:10px 10px}
.pnl_servicios * p {font:11px Arial; color:#333; padding:10px}
/*lupa*/
.lupa a {position:absolute; bottom:5px; right:5px; display:block; width:21px; height:21px; background:url(img/agenda_iconooferta.png) no-repeat; cursor:pointer}
/*colores pie*/
.pnl_servicios_pie_1 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_1.gif) no-repeat}
.pnl_servicios_pie_2 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_2.gif) no-repeat}
.pnl_servicios_pie_3 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_3.gif) no-repeat}
.pnl_servicios_pie_4 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_4.gif) no-repeat}
.pnl_servicios_pie_5 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_5.gif) no-repeat}
.pnl_servicios_pie_6 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_6.gif) no-repeat}
.pnl_servicios_pie_7 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_7.gif) no-repeat}
.pnl_servicios_pie_8 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_8.gif) no-repeat}
.pnl_servicios_pie_9 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_9.gif) no-repeat}
.pnl_servicios_pie_10 {position:relative; width:165px; height:78px; background:url(img/panel_servicios_pie_10.gif) no-repeat}
/*Panel Genericos*/
.pnl_genericos {position:relative; width:200px; height:100px; background:url(img/panel_gen_fondo.jpg) no-repeat; margin-bottom:20px}
.pnl_blog {position:relative; width:200px; height:100px; background:url(img/panel_blog_fondo.jpg) no-repeat; margin-bottom:20px}
.pnl_genericos_txt h3 {font:bold 13px Arial; color:#336600; padding:5px 0 0 30px; text-align:left}
.pnl_blog h3 {font:bold 13px Arial; color:#663300; padding:5px 0 0 30px; text-align:left}
.pnl_genericos_txt p {font:11px Arial; color:#666; padding:10px 10px 0 10px}
.pnl_genericos_txt {position:absolute; top:0px; left:0px; width:200px; height:90px}
.pnl_genericos_ico {position:absolute; top:0px; left:0px; width:24px; height:24px}
/*Panel Productos*/
.pnl_productos {position:relative; width:612px; height:auto; margin-bottom:20px; }
.pnl_productos_cab {position:relative; width:612px; height:50px; background:#FDFDFD url(img/panel_productos_cab.jpg) no-repeat}
.pnl_productos_cab h3 {font:bold 13px Arial; color:#666; padding:18px 0 0 260px}
.pnl_productos_img {position:relative; width:612px; height:60px}
.pnl_productos_pie {position:relative; width:612px; height:auto; min-height:70px; background:url(img/panel_productos_pie.jpg) no-repeat bottom left}
.pnl_productos_pie ul {list-style-type:none; padding:10px 0 10px 15px}
.pnl_productos_pie ul li 
	{
		background-image:url(img/productos_bullet.png);
		background-repeat:no-repeat;
		background-position:0 2px;
		font:15px Arial;
		color:#666;
		padding:0 0 5px 20px;	
	}
.pnl_medioambiente {position:relative; width:200px; height:auto;}
.pnl_medio_tit {position:absolute; top:0px; left:0px; z-index:1}
.pnl_medioambiente_cab {position:relative; width:200px; height:163px; background:url(img/panel_medioambiente_cab.jpg) no-repeat; z-index:2}
.pnl_medioambiente_cab_ca {position:relative; width:200px; height:163px; background:url(img/panel_medioambiente_cab_ca.jpg) no-repeat; z-index:2}
.pnl_medioambiente_cab_en {position:relative; width:200px; height:163px; background:url(img/panel_medioambiente_cab_en.jpg) no-repeat; z-index:2}


.pnl_medioambiente_med {position:relative; width:160px; height:auto; padding:0px 20px 0px 20px; background:url(img/panel_medioambiente_pix.jpg) repeat-y}
.pnl_medioambiente_pie {position:relative; width:200px; height:15px; background:url(img/panel_medioambiente_pie.jpg) no-repeat;}
.pnl_medioambiente_med p {font:11px Arial; color:#666}
/*SOluciones Peq*/
.fondosolucionespeq {position:relative; width:200px; height:150px; margin:0 20px 20px 0; background:url(img/fondo_panel_solucion_peq.gif) no-repeat}
.logosolucionespeq {position:absolute; top:32px; left:10px}
.titsolucionespeq {position:absolute; top:90px; left:10px; width:180px}
.titsolucionespeq h3 {text-align:left}
/*Testimoniales*/
.divtxttest {border:solid 1px #ccc; padding:20px 40px 20px 40px; width:432px}
.divtxttest p {font:bold 15px Arial, Helvetica, sans-serif; color:#999}
.cuotaini {position:absolute; top:-10px; left:-30px}
.cuotafin {position:absolute; bottom:-10px; right:-30px}