/* Estilos generales */
*{border:0;list-style:none;margin:0;padding:0}
body, html{background-color:#F8F8F8;}
h1{color:#333;font-size:.9em;font-family:"Arial Narrow",Arial Narrow,Arial,Helvetica,sans-serif;font-weight:normal}
h1 span{color:#f00}
h2{color:#5f5f5f;font-size:.8em;font-family:Tahoma,Arial,Helvetica,sans-serif;margin:0 0 .5em}
h3{color:#5f5f5f;font-size:.95em;font-family:Tahoma,Arial,Helvetica,sans-serif;margin:0 0 .5em}
h4{color:#5f5f5f;font-size:.8em;font-family:Tahoma,Arial,Helvetica,sans-serif;margin:0 0 .5em}
p{color:#5f5f5f;margin:.5em 0;font-size:.8em;}
a{color:#ff0000}
a:hover{text-decoration:none}
textarea{border:1px solid #1c5180;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:1em;margin-bottom:.6em;width:60%}
select{border:1px solid #1c5180;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:1em}
/* Contenedores principal */
#contenedorPpal{background-color:#fff;margin:1em auto;position:relative;width:56.25em}
#superior{background: url(../img/bg/fondoSuperior.jpg) 0 0  repeat-y;height:5em}
#inferior.png_bg{background: url(../img/bg/sombraMenu.png) left top repeat-y;margin-top:0;overflow:hidden;position:relative}
/*estructura de columnas*/
#leftCol{float:left;padding:128px 0em 350px 1.5em;width:23.5%}/* padding:128px 0em 20em 1.5em */
.interiores #leftCol{padding-bottom:250px}
#rightCol{float:right;width:73%}
/*clases genericas*/
.logo{left:10px;position:absolute;top:80px;z-index:100}
.flotaIzq{float:left;margin:0 .7em .7em 0}
.flotaDer{float:right;margin:.6em 0 0 .5em}
.copy{color:#8c8c8c;float:left;font-size:1em;margin:.5em 0em 0em 11em;text-decoration:none}
.bloque{display:block}
.absoluto{bottom:0;position:absolute;right:40px}
.masinfo{background:#fff url(../img/bg/icoMasinfo.gif) left center no-repeat;border-top:1px solid #ccc;bottom:0;font-size:1em !important;left:0;padding:5px 0 5px 28px;position:absolute;width:90%}
.atras{background:#fff url(../img/bg/volverAtras.gif) 0 8px no-repeat;float:left}
.atras a{display:block;padding-left:16px;padding-top:6px}
.informacion{float:right}
.nuevaVentana{margin-right:3px;vertical-align:middle}
.centrado{display:block;margin:1em auto;text-align:center}
.resaltado{color:#666;font-weight:bolder}
legend.resaltado{margin:.5em 0}
.asterisco{color:red;font-weight:bolder}
.error{background-color:#fafafa;border:1px solid #f66;color:#f00;display:block;font-size:.9em;font-weight:bolder;margin:1em 0 2em;padding:.5em;text-align:center}
.interiores #contenidos .error ul li{ background-image:none;}
/* banner */
.banner{background:transparent url(../img/bg/banner.jpg) bottom left repeat-x;padding-bottom:20px;width:629px}
.banner1{height:307px;width:629px}
.banner1 ul li{font-family:"Arial Narrow",Arial Narrow,Arial,Helvetica,sans-serif;font-size:.9em}
.banner1 ul li ul li{font-family:"Arial Narrow",Arial Narrow,Arial,Helvetica,sans-serif;margin-left:6px}
/*diferentes fondos*/
.inicial{background:url(../img/bg/fondoInicial.jpg) 0 80px repeat-x}
.interiores{background:url(../img/bg/fondoInteriores.jpg) 0 80px repeat-x}/* background:url(../img/bg/fondoInteriores.jpg) 0 80px no-repeat */
/*menu horiz*/
#menu_rapido{font-family:"Arial Narrow",Arial Narrow,Arial,Helvetica,sans-serif;font-size:1.1em;font-weight:normal;margin:0 0 0 240px;padding-top:8px;width:75%}
#menu_rapido li{background:#fff url(../img/bg/menu_rapido.gif) left bottom no-repeat;float:left;height:4em;padding-right:.3em;position:relative}
#menu_rapido li a{bottom:0;color:#000;display:block;font-size:.8em;left:.5em;position:absolute;text-decoration:none}
#menu_rapido li span{display:block}
#menu_rapido li.act{background:#fff url(../img/bg/menu_rapido_act.gif) left bottom no-repeat}
#menu_rapido li.act a{color:#f00}
/*anchuras menu*/
.inicio{width:5em}
.productos{width:6em}
.soluciones{width:6em}
.quienesSomos{width:6em}
.soporte{width:6em}
.contacto{width:6em}
/*Menu vert*/
#menuPpal{font-family:Tahoma,Helvetica,sans-serif;font-size:.75em;font-weight:bolder;width:80%}
#menuPpal li{background:#fff url(../img/bg/flecha.gif) left center no-repeat;border-bottom:1px solid #e6e6e6;padding:.7em 0 .7em 1.7em}
#leftCol h1{border-bottom:1px solid #e6e6e6;font-weight:bolder;padding-bottom:.7em;width:85%}

/* */
/* banners */
.banners{background:url(../img/bg/fondoAbajo.png) left bottom no-repeat;bottom:0;left:0;position:absolute;width:14em}
.banners ul{font-family:"Arial Narrow",Arial Narrow,Arial,Helvetica,sans-serif;margin-left:11px;margin-bottom:6px;width:98%}
.banners li{border:0;font-size:.9em;height:auto;line-height:1em;margin:0;padding:0;position:relative}
.banners a{color:#000;text-decoration:none}
.banners a,
.banners strong{display:block;margin:0 20px 0 15px;padding:0 5px;position:relative}
.banners em{cursor:pointer;display:block;font-style:normal;font-weight:bolder}
/* galeria */
.banners .galeria{background:url(../img/bg/fondoGaleria.jpg) bottom left no-repeat;height:151px;text-align:right}/* height:121px */
.banners .galeria a{border-right:3px solid #2A3900;top:20px}
/* revista */
.banners .revista{background:url(../img/bg/fondoRevista.gif) bottom left no-repeat;height:101px; right:1px}
.banners .revista a{border-left:3px solid #2A3900;top:20px}
/* world */
.banners .world{background:url(../img/bg/fondoWorld.gif) top left no-repeat;height:82px; right:1px}
.banners .world ul{border-left:3px solid #2A3900;margin:0;padding:0}
.banners .world strong{font-weight:normal;left:50px;top:10px;width:60%}
.banners .world em{cursor:auto;display:inline}/* ** */
.banners .world li em{cursor:pointer}
.banners .world ul{font-size:.95em;left:80px;position:relative;top:30px}
.banners .world ul li{width:60%}
.banners .world ul li a{color:#414141;margin:0}
/* banners en interiores */
.interiores .banners{}/* width:14em */
.interiores .banners .galeria{background:url(../img/bg/fondoGaleriaInteriores.jpg) bottom left no-repeat;font-size:.8em;height:106px;text-align:right}/* height:121px */
.interiores .banners .galeria a{margin-right:40px;top:0}
.interiores .banners .revista{background:url(../img/bg/fondoRevistaInteriores.gif) bottom left no-repeat;height:59px}
.interiores .banners .revista a{top:10px}
.interiores .banners .revista em{font-size:1.2em;margin-left:35px}
.interiores .banners .world{background:url(../img/bg/fondoWorldInteriores.gif) top left no-repeat;height:52px}
.interiores .banners .world strong{top:2px}
.interiores .banners .world ul{top:7px}
.interiores .banners .world ul a{font-size:.9em}

/*contenidos en home e interiores*/
#contenidos{clear:left;font-family:Tahoma, Helvetica, sans-serif;padding:20px 1.8em 75px 0}
#contenidos h1{font-size:1.1em;margin:.6em 0}
#contenidos h2{font-size:1.1em}
.interiores #contenidos ul{color:#5f5f5f;font-size:.8em}
.interiores #contenidos ul li{background:url(../img/bg/flechaAzul.gif) 0 3px no-repeat;margin:5px 0;padding:0 0 0 25px}
.interiores #contenidos ul li ul,
.interiores #contenidos ul li ul li ul{ font-size:1em;}
.interiores #contenidos ul.sinIcono li{ background-image:none;}
.interiores #contenidos .aparienciaLista{background:url(../img/bg/flechaAzul.gif) 0 3px no-repeat;padding:0 0 0 25px}
.interiores #contenidos strong{color:#f00}
.interiores #contenidos strong.gris{color:#5F5F5F}
.interiores #contenidos a{font-size:.9em}
.interiores #contenidos .especial{margin-left:44%}
.procuctosEnPortada{border:1px solid #ccc;border-width:1px 0;color:#5f5f5f;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:.7em;overflow:hidden;padding:.6em 0}
.procuctosEnPortada li{border-right:1px solid #ccc;float:left;padding:0 0 0 2%;position:relative;width:31%}
.procuctosEnPortada li a{background:url(../img/bg/flecha.gif) no-repeat;font-weight:bolder; display:block; padding-left:1.5em; margin:0.8em 1em 0.8em 0; float:right}
.procuctosEnPortada li img{display:block;margin-bottom:.7em;position:absolute;top:0}
.procuctosEnPortada li+li+li{border-right:0}
.procuctosEnPortada h2{color:#0ca1fb;border-left:3px solid #0ca1fb;font-size:.95em;left:15px;line-height:1em;margin:130px 0em .8em 0;padding:3px 0 0 5px}
.interiores #contenidos #migas{font-family:Tahoma,Arial,Helvetica,sans-serif;border-bottom:1px solid #ccc;margin:0;padding:110px 0 12px 0;overflow:auto}
.interiores #contenidos #migas li{background:url(../img/bg/separador.gif) left bottom no-repeat;color:#5f5f5f;float:left;font-size:.85em;margin:0 0 0 .7em;padding-left:8px;width:auto}
.interiores #contenidos #migas li a{font-size:1em}
.interiores #contenidos #migas .primera{background:url(../img/bg/punto_rojo.gif) left center no-repeat;margin-left:0;padding-left:6px}
.listasFlotadas{margin:.7em 0 .7em 1em;;overflow:auto;padding:0;position:relative;width:62%}
.listasFlotadas div{float:left;width:45%}
.listasFlotadas h3{margin-top:1em}
.interiores #contenidos .listasFlotadas li{background:#fff url(../img/bg/flechaAzul.gif) left center no-repeat;color:#f00;padding:0 0 0 15px; margin:8px 0;}
.listasFlotadas li a{text-decoration:none}
/* lista soluciones clinicas */
.interiores #contenidos .solucionesClinicas{margin:2em 0 0 1em;padding:0;}
.interiores #contenidos .solucionesClinicas .item{background:url(../img/bg/solucionesclinicas1.jpg) no-repeat bottom left;float:left;font-weight:bolder;margin:0 15px 50px 0;padding:0;position:relative}
.interiores #contenidos .solucionesClinicas .item a{background:url(../img/bg/solucionesclinicas2.gif) no-repeat top right;display:block;font-size:1em;position:relative;text-align:center;text-decoration:none;}
.interiores #contenidos .solucionesClinicas .item a span{background:url(../img/bg/solucionesclinicas3.jpg) no-repeat top left;display:block; cursor:pointer;}
.interiores #contenidos .solucionesClinicas .item a span span{background:url(../img/bg/solucionesclinicas4.jpg) no-repeat bottom right;min-height:134px;padding:10px 0 5px;position:relative}
.interiores #contenidos .solucionesClinicas .item a span span strong{border-top:1px solid #a2c0df;bottom:5px;color:#fff;display:block;font-family:"Arial Narrow",Arial Narrow,Arial,Helvetica,sans-serif;font-size:1.3em;font-weight:normal;left:0;margin:5px 5%;padding:8px 0 0;position:absolute;text-align:center;width:90%;}
.interiores #contenidos .solucionesClinicas .item img{border:1px solid #a2c0df;margin:4px 5px 2px}
.interiores #contenidos .solucionesClinicas .galeriaImg{margin-top:-13px; background-image:none; position:relative; float:left; width:8em; padding-left:5px;}
.interiores #contenidos .solucionesClinicas .galeriaImg a{ text-decoration:none;}
.interiores #contenidos .solucionesClinicas .galeriaImg img{margin:5px 0 5px -10px;}
.interiores #contenidos .solucionesClinicas .galeriaImg strong{ color:#fff; display:block; margin:0 auto; text-align:center;}
.interiores #contenidos .solucionesClinicas .galeriaImg span{background:#A2C1E0 url(../img/bg/fondoBotonGaleria.jpg) left bottom repeat-x; position:relative; display:block; padding:.5em 0; border:1px solid #A2C1E0; position:relative;}
.interiores #contenidos .solucionesClinicas .galeriaImg span.lt,
.interiores #contenidos .solucionesClinicas .galeriaImg span.rt,
.interiores #contenidos .solucionesClinicas .galeriaImg span.lb,
.interiores #contenidos .solucionesClinicas .galeriaImg span.rb{height:11px; width:11px; position:absolute; border:none; padding:0;}
.interiores #contenidos .solucionesClinicas .galeriaImg span.lt{background: url(../img/bg/topLeft.jpg) top left no-repeat; left:-1px; top:-1px;}
.interiores #contenidos .solucionesClinicas .galeriaImg span.rt{background: url(../img/bg/topRight.jpg) top right no-repeat; right:-1px; top:-1px;}
.interiores #contenidos .solucionesClinicas .galeriaImg span.lb{background: url(../img/bg/bottomLeft.jpg) bottom left no-repeat;  bottom:0px;}
.interiores #contenidos .solucionesClinicas .galeriaImg span.rb{background: url(../img/bg/bottomRight.jpg) bottom right no-repeat; bottom:0px; right:0px;}
/* */
.interiores #contenidos p.aparienciaBoton{margin:1em auto;text-align:center}
.interiores #contenidos p.aparienciaBoton a{background:url(../img/bg/fondoBoton.jpg) left bottom no-repeat;border:1px solid #dbdbdb;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;color:#0f9fff;font-weight:bolder;font-size:.89em;padding:.1em .3em;text-decoration:none}
/* listas de definicion */
dd{color:#5f5f5f;font-size:.8em;margin:0 0 .5em}
dt{background:url(../img/bg/flechaAzul.gif) 0 2px no-repeat;font-size:.75em;font-weight:bolder;margin:.3em 0;padding:0 0 0 18px}
/*tablas genericas*/
.interiores #contenidos table{border:1px solid #ccc;border-collapse:collapse;color:#5f5f5f;font-size:.8em;width:98%}
.interiores #contenidos table th,
.interiores #contenidos table td{border:1px solid #ccc;padding:.3em}
.interiores #contenidos table td{text-align:center}
.interiores #contenidos table th.sinBorde{border-top:1px solid #fff;border-left:1px solid #fff}
.interiores #contenidos table .fondoDestacado{background-color:#eee}
.interiores #contenidos table .alignDcha{text-align:right}
.interiores #contenidos table .alignIzq{text-align:left}
.interiores #contenidos table ul{text-align:left}
.interiores #contenidos table ul li{}

/*formularios genericos*/
form{color:#5f5f5f;font-size:.75em;margin-top:1em;overflow:auto}
form p{font-size:1em;margin:.8em 0}
label{display:block;margin:.5em 0;overflow:auto}
label span{float:left;text-align:left}
form label span span{float:none;width:auto}
label input{border:1px solid #1c5180;float:left}
form fieldset input{border:none;float:left}
form fieldset label{float:left;margin:0 0 0 .5em}
.grupochecks{margin:-1em 0 0 13.7em;overflow:auto}
.botonera{margin:1.6em auto;overflow:hidden;text-align:center}
.botonera input{background:url(../img/bg/fondoBoton.jpg) left bottom no-repeat;border:1px solid #dbdbdb;color:#0f9fff;font-weight:bolder;font-size:.9em;margin:.4em;padding:.1em .3em;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;}
/*formularios pequenos*/
#averias,
#solicitud{margin:0 auto;width:60%}
/*averias*/
#averias span{width:56%}
#averias fieldset label{width:15.5%}
/*formulario solicitud*/
#solicitud span{width:56%}
#solicitud fieldset label{width:28%}
#solicitud fieldset label.menor{width:16%}
#solicitud fieldset label.menor2{width:22.5%}
#solicitud .grupochecks{margin-left:12em}
/*formulario contacto*/
.checks{margin-bottom:.5em;overflow:auto;width:40em}
.checks div{float:left;margin:.5em .5em .5em 0;overflow:auto;width:40%}
.checks input{border:none;float:left}
.direccion{background-color:#f5f5f5;border:1px solid #ccc;color:#666;font-size:.7em;font-style:normal;margin:1em auto 2em;padding:.1em 0;width:16em}
.direccion strong{color:#666 !important;font-weight:bolder;padding:.2em;margin-bottom:.2em}
.direccion strong,
.direccion span{display:block;padding:.1em .2em;text-align:center}
#contacto{margin:0 auto;width:95%}
#contacto .contentDatos{overflow:hidden}
#contacto .contentDatos div{clear:left;margin:.35em 0 .5em;overflow:auto}
#contacto .contentDatos label{width:48%}
#contacto .contentDatos span{width:25%}
#contacto .contentDatos input{border:1px solid #1c5180;width:60%}
#contacto .contentDatos select{float:left;width:60%}
#contacto .contentDatos span.largo{width:35%}
#contacto .contentDatos input.corto{width:50%}

/* lista y detalle de productos */
.productosListado h2,
.productosDetalle h2{background:url(../img/bg/bgProductosH2.gif) bottom left no-repeat;margin:0 0 10px;padding:.1em 0 0 6px}
.productosDetalle .fichaProducto{background:url(../img/bg/bgProductos.jpg) 0 0 repeat-x;border-top:1px solid #ccc;overflow:hidden;padding:18px 18px 2px}
.productosDetalle .fichaProducto p{margin-bottom:1.2em}
.productosDetalle .fichaProducto img{border:1px solid #ccc;margin-left:18px}
.productosDetalle .fichaProducto img.absoluto{border:0;margin:0}
.productosDetalle .logoProduct{margin:0 0 4px;overflow:hidden;padding:0;position:relative}
.productosDetalle .logoProduct h3{background:url(../img/bg/bgProductosH3.gif) bottom left no-repeat;color:#5f5f5f;font-family:"Arial Narrow",Arial Narrow,Arial,Helvetica,sans-serif;font-size:1.8em;font-weight:normal;margin:0 200px 2px 0;padding:.4em 0 0 6px}/* border-left:3px solid #5f5f5f; */
.productosDetalle .logoProduct img{border:0;bottom:2px;margin:0;position:absolute;right:0}
.productosDetalle .fichaProducto .flotaIzq {margin-left:0;}
.productosListado ul{margin:18px 0 18px 20px;overflow:hidden;padding:0}
.productosListado ul li{float:left;margin:0;width:40%}
/*lisdtas simulan listado productos*/
ul.simulaListaProduct{margin:18px 0 18px 20px;overflow:hidden;padding:0}
ul.simulaListaProduct li{float:left;margin:0;width:40%}
/* boton volver */
.bononeraInfoVolver{border-top:1px solid #a2c1e0;margin:1.5em 0 1em;overflow:hidden}
.bononeraInfoVolver .atras{background:#a2c1e0 url(../img/bg/bgatras2.jpg) no-repeat bottom right;margin:0;padding-right:14px}
.bononeraInfoVolver .atras a{background:url(../img/bg/bgatras.jpg) no-repeat bottom left;color:#fff;font-weight:bolder;padding:6px 0 7px 26px;text-decoration:none}
.bononeraInfoVolver .informacion{margin:4px 10px 0 0}
/*mapa web*/
.mapaWeb ul.destacaProductos{ margin:0 0 1em 1em;}
.mapaWeb ul.destacaProductos li{display:inline; margin:0 .5em 0 0 !important; padding:0 !important;background-image:none !important; font-weight:normal;white-space:nowrap}

/* pie */
#pie{border-top:1px solid #ccc;clear:both;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:.7em;margin-top:1em;margin-left:1em;overflow:auto;padding-bottom:.5em}
#pie img{float:left}
#pie ul{float:left;margin:.4em 0 0 5em}
#pie .imgsw3c{margin:.5em 0 0}
#pie ul li{display:inline}
#pie ul li a{border-left:1px solid #8c8c8c;color:#8c8c8c;padding-left:10px;text-decoration:none}
#pie #menu_pie li a{background:url(../img/bg/punto_azul.gif) 6% 60% no-repeat;padding-left:10px}
#pie #legal li a{background:url(../img/bg/punto_rojo.gif) 6% 60% no-repeat;padding-left:12px}

/*clausulas forms*/
.clausula{background-color:#F5F5F5;border:1px solid #ccc;color:#666;font-size:.8em;margin-bottom:1.5em;padding:4px}
.interiores #contenidos .clausula strong{color:#666;display:block;margin-bottom:.2em}
.avisolegal{width:49.5em !important;}
.avisolegal div{ width:98% !important;}
.avisolegal .noFlota,
.avisolegalAveria{font-size:.95em;margin:1.5em 0 .5em;padding:0;width:100%}
.avisolegal .noFlota{ float:none;}
.avisolegalAveria a{font-size:inherit !important}
.avisolegalAveria input{margin-right:.4em}
.avisolegalAveria .noFlota{float:none}
.avisolegalAveria.noInfo,
.avisolegal.noInfo{font-size:.8em;margin:.5em 0 .5em}


