﻿/****** GENERALES *****/
BODY {background-color:#f0eeee}
BODY {background-color:#FFF}

#doc3 {margin:0;}

.fila { width:100%; overflow:hidden;}
.txtRight { text-align:right}
.txtCenter { text-align:center;}
.fLeft { float:left}
.fRight { float:right}
.oculto { display:none;}
.sinFondo { background:none !important;}

H1, H2, H3, H4, H5, STRONG { font-weight:bold;}
a { color: #474747;  outline:none;}
a:hover {color:#ff8200;}
a:link, a:visited, a:active { text-decoration: none; }
/*a:visited { color:#888;}*/

img { border:none; outline:none;}

TD { font-size:12px; vertical-align:top;}

INPUT {color:#848484}

#bd { background:url(../images/cuerpo-bgr-inf2.png) no-repeat left bottom;}

.contenido-estructura {margin:0 auto; width:960px; overflow:hidden;}

/**** CABECERA ****/
#hd { background:url(../images/cabcera-bgr.png) repeat-x left top  }
#hd A { font-weight:bold;}

#hd H1, #hd #menuPrimerNivel, #hd #buscador {float:left; }
H1 {height:75px; width:260px;}
#hd H1 A { background:url(../images/cabecera-logo-spc.gif) no-repeat center center; display:block; height:75px; text-indent:-9999px}
#menuPrimerNivel {font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width:40em;}
#menuPrimerNivel LI { background:url(../images/menu-bgr-ptos.png) no-repeat right bottom; float:left; display:inline; border-left:1px solid #dbd9d9;}
#menuPrimerNivel A { background:url(../images/botones-menu.png) no-repeat left bottom; display:block; height:45px; padding-top:30px;}
#menuPrimerNivel A SPAN { /*display:none;*/display:block; font-size:1.08em; padding:1em 0 0.5em 0; text-align:center;}
#menuPrimerNivel A:HOVER, .productos #menuPrimerNivel .productos A, .soporte #menuPrimerNivel .sat A, .donde #menuPrimerNivel .donde A { background:url(../images/menu-bgr-hover.png) repeat-x left top;}

#menuPrimerNivel .productos {  width:8.5em;}
#menuPrimerNivel .sat { width:11em}
#menuPrimerNivel .donde {width:11em}
#menuPrimerNivel .participa { width:8.5em;}

#buscador { width:12.5em}
.aspectoBuscador {}
.aspectoBuscador INPUT { border:0; background: url(../images/cabcera-buscador.png) no-repeat left center; padding:0.1em 0.5em; width:9em;}
#hd #buscador .aspectoBuscador INPUT.boton { background: url(../images/cabcera-btn-buscar.png) no-repeat right center; cursor:pointer; padding:0.1em 0; margin-left:-2px; width:2em;}
#buscador DIV { margin-bottom:1em}
#buscador A { background:url(../images/cabcera-bgr-contacta.png) repeat-x left center; font-size:0.93em; line-height:1.8em; padding:0.5em 1.7em;}


/**** PIE ****/
#ft { background:url(../images/pie-bgr-inf.png) no-repeat left top; color:#6a5d55; font-size:0.85em; text-align:center;}
#ft UL { margin:0.5em;}
#ft LI { display:inline; padding:0.77em 0.5em;}
#ft LI A { background:url(../images/pie-pto.png) no-repeat left center; color:#6a5d55; padding:0 1.75em}

/**** CONTENIDOS ****/
.bloque1x2 { float:left; width:49%;}
.bloque1x3 {float:left; display:inline; margin:0 0.75em; text-align:center; width:29%; /*width:280px;*/}
.bloque1x5 {float:left; width:170px; /*width:18%;*/}
.bloque1x4 {float:left; display:inline; width:22.5%; margin:10px; min-height:220px;}

/**** INDEX ****/
#destacado-portada {position:relative; background:#ebeae9 url(../images/portada-bgr-destacado.png) repeat-x left top; border-bottom:1px solid #cfcfcf; height:auto; }
#destacado-portada #destacado { position:relative; width:860px; height:auto; margin:2em auto 1em auto;}
#destacado-portada .foto { position:relative; width:760px; height:auto; left:0; top:0; z-index:1}
#destacado-portada .descripcion {position:relative; width:700px; height:0px; overflow:hidden; z-index:-1}
#destacado-portada  .foto A {position:relative; height:570px;}

#productos-portada { position:relative; background:#f3f2f1; border-top:1px solid #efefef; padding:0.75em 0; clear:both;}
#productos-portada H3 {color:#ff8200; font-size:1.16em; margin-bottom:0.85em}
#productos-portada A {color:#ff8200; display:block; }

#mapaWeb { background:#f0efef url(../images/filtro-botonera-bgr.png) repeat-x left top; padding:0.75em 0 1.75em 0;}
#mapaWeb .bloque1x5 { border-left:1px solid #B7B7B9; padding:6px 10px;}
#mapaWeb H3 {font-size:1.08em; margin-bottom:0.5em;}
#mapaWeb .compartir H3 { color:#3c2a20;}
#mapaWeb LI { font-size:0.93em; margin-bottom:0.15em; float:none; display:block;}

/**** LISTADO ****/
/*.tabs-bottom, #buscadorSoporte   { background:#f8f8f8 url(../images/filtro-bgr.png) repeat-x left top; padding-top:0.5em;} */
.tabs-bottom, #buscadorSoporte   { background:#cbccce url(../images/filtro-bgr2.png) repeat-x left top; padding-top:0.5em;}
#tabs .botonera,  #buscadorSoporte .botonera { background:#f0efef url(../images/filtro-botonera-bgr.png) repeat-x left top;position: absolute /*!important*/;left: 0; bottom: 0; right:0; height:30px; width:100%; }
#filtros FIELDSET { font-size:0.93em; padding-left:1em;}
#filtros LABEL { padding:0 0.5em}
#filtros LEGEND { font-weight:bold; margin-bottom:0.4em;}
#filtros LABEL, #filtros INPUT { vertical-align:middle;}
#filtros LI { margin-bottom:0.3em; }
#filtros .bloque1x5 { margin-bottom:0.93em; border-left:1px solid #a5a6a9;}
#filtros P { margin-right:2em; line-height:1.5em; margin-bottom:0.5em}
#filtros .primero { border:0}

#buscadorSoporte .pestana-boton { background:#f0efef url(../images/filtro-botonera-bgr.png) repeat-x left top;}
#buscadorSoporte .pestana-boton A{ background:url(../images/filtro-pestana-off.png) no-repeat left bottom; font-weight:bold; display:block; float:left; padding:0 0 0 1em; margin-top:-3px;}
#buscadorSoporte .pestana-boton A SPAN {background:url(../images/filtro-pestana-off.png) no-repeat right bottom; float:none; display:block; padding:0.4em 1em 0.6em 0; width:14.5em}
#buscadorSoporte .pestana-boton LI{ float:left; /*width:16.5em*/}
#buscadorSoporte pestana-boton IMG { margin-left:1em; vertical-align:middle}
#buscadorSoporte .pestana-boton A, #buscadorSoporte .pestana-boton A SPAN{  background-image:url(../images/filtro-pestana-on2.png)}

#aComparar {margin-left:1em; width:80%;}
#aComparar DIV { float:left; padding:0 0.5em; text-align:center; width:16%;}
#aComparar STRONG { display:block; font-size:0.85em; font-weight:normal;}
#aComparar DIV IMG { margin:0.5em auto; width:50%;}
#aComparar A { font-weight:bold; font-size:0.93em; display:block;}
#comparar P {margin-top:-55px; padding:0 4em 30px 0; clear:both}
#comparar P A { display:block; margin:0;}

#tabs .botonera  A, #buscadorSoporte .botonera A{ background:url(../images/filtro-pestana-off.png) no-repeat left bottom; font-weight:bold; display:block; float:left; padding:0 0 0 1em; margin-top:-3px;}
#tabs .botonera  A SPAN, #buscadorSoporte .botonera A SPAN {background:url(../images/filtro-pestana-off.png) no-repeat right bottom; float:none; display:block; padding:0.4em 1em 0.6em 0; width:14.5em}
#tabs .botonera LI, #buscadorSoporte .botonera LI{ float:left; /*width:16.5em*/}
#tabs .botonera IMG, #buscadorSoporte botonera IMG { margin-left:1em; vertical-align:middle}
#tabs .botonera .ui-state-active A, #tabs .botonera .ui-state-active A SPAN, #buscadorSoporte .botonera A, #buscadorSoporte .botonera A SPAN{  background-image:url(../images/filtro-pestana-on2.png)}
		.tabs-bottom { position: relative;  min-height:40px} 
		.tabs-bottom .ui-tabs-panel { min-height: 140px; overflow: auto; } 
		.tabs-bottom .ui-tabs-nav { /*position: absolute !important; left: 0; bottom: 0; right:0;*/ padding: 0 0.2em 0.2em 0; width:960px; margin:auto; height:30px } 
		.tabs-bottom .ui-tabs-nav li { /*margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px;*/ }
		.ui-tabs-selected {/* margin-top: -3px !important; */}



#menuSegundoNivel { background:#e6620c url(../images/listado-menu-bgr.png) repeat-x left top;}
#menuSegundoNivel LI { float:left; padding-right:2em;}
#menuSegundoNivel LI A { color:#000; font-weight:bold; line-height:2.1em;}
#menuSegundoNivel LI A:HOVER, #menuSegundoNivel LI.on A { color:#f1f1f2;}

#productos-listado .bloque1x4 { text-align:center;}
#productos-listado .bloque1x4 H2 { font-size:0.93em; margin-bottom:1em; padding:0.5em 0;}
#productos-listado .bloque1x4 .botonera { margin-top:0.3em; height:2.25em;}
#productos-listado .fila { background:url(../images/listado-separador-hor.png) no-repeat center bottom; margin-bottom:0.25em; padding-bottom:1.2em; padding-top:0.3em;}


/**** PRODUCTO ****/
#producto-detalle { padding:0.75em 0}
#galeria-fotos { float:left; margin:1em 0; text-align:center; width:30%;}
#galeria-fotos DIV { margin-top:0.5em;}
#producto-detalle .descripcion { margin:1em 0 1em 0; float:right; width:65%}
#producto-detalle H2 { font-size:1.5em; color:#e75425; margin:0.4em 0}
#producto-detalle H3 {font-size:1.08em;}
#producto-detalle P { line-height:1.5em; margin:0.5em 0}
#galeria-fotos .thumbs { text-align:center; padding-left:0.5em}
#galeria-fotos .thumbs IMG { margin:0 0.5em;}

.bookmarks { margin-top:0.77em;}
.bookmarks LI { display:inline; float:left}
.bookmarks SPAN { font-size:0.77em; font-weight:bold; padding-right:1em}
.bookmarks A { background:url(../images/ico-social-bookmarks.png) no-repeat left top; display: block; float: left; height: 16px; margin-right: 3px; opacity: 0.6; overflow: hidden; text-indent: -9000px; width: 16px;}
.bookmarks A:HOVER {opacity: 1;}
.stumble_upon A { background-position: -16px 0}
.delicious A { background-position: 0 0}
.technorati A { background-position: -64px 0}
.twitter A { background-position: -80px 0}
.facebook A {background-position: -144px 0}


#saber-mas { background:#FFF; border-top:1px solid #d0d2d3; padding-bottom:1em;}
#saber-mas #tabs { background: url(../images/detalle-tabs-bgr-sup.png) repeat-x left top;}
#saber-mas .pestanias { background:url(../images/detalle-tabs-bgr-inf.png) repeat-x left bottom; margin-bottom:0.6em; padding-top:0.45em;}
#saber-mas .pestanias LI {float:left}
#saber-mas .pestanias A {background:url(../images/detalle-tabs.gif) no-repeat left top; padding:0.5em 1.2em; display:block; float:left; padding:0 0 0 1em;}
#saber-mas .pestanias A SPAN {background:url(../images/detalle-tabs.gif) no-repeat right top; float:none; display:block; padding:0.8em 1em 0.25em 0; }

.ui-tabs .ui-tabs-hide { display: none;} /* oculta inicialemente las capas. NECESARIO */
#saber-mas .pestanias .ui-state-active A, .ui-widget-content .ui-state-active A {background-position:left bottom;}
#saber-mas .pestanias .ui-state-active A SPAN, .ui-widget-content .ui-state-active A SPAN {background-position: right bottom;}


/**** descripcion *****/
#saber-mas .descripcion H4 IMG { margin:0 0.5em; vertical-align:bottom;}
#saber-mas .descripcion P { font-size:0.93em; margin:0.5em 0; padding-right:1em}

/**** capacidades *****/
#muestras {float:left; width:69%;}
#muestras .bloque1x4 { width:21%; text-align:center;}
#muestras H4 IMG, #muestras H4 SPAN { display:block; margin:0.25em auto}
#muestras H4 IMG { margin-top:0.5em}
.capacidades .foto {border-left:1px solid #bfc1c2; float:right; padding:1em 0; text-align:center; width:28%;}
.capacidades .foto H3 {color:#E75425; font-size:1.25em; margin-bottom:0.5em}
.capacidades IMG { margin:0.75em auto 0.5em auto}
.capacidades .descripcion { margin:1em auto; width:90%;}
.capacidades .descripcion LI {border-bottom:2px solid #e9e9ea; padding:0.3em; width:100%; overflow:hidden;}
.capacidades .descripcion STRONG { float:left; width:9em;}
.capacidades .descripcion SPAN { display:block; margin-left:11em;}

/**** especificaciones *****/
.especificaciones A { margin:0.5em 2em;}
.especificaciones TABLE { width:88%; margin:0 auto}
.especificaciones TH, .especificaciones TD {font-size:0.93em; padding:0.3em}
.especificaciones TH { color:#eb655f; font-weight:bold; }
.especificaciones .caracteristica { padding:0.15em 1em 0.15em 2em; width:30%;}

/**** manuales *****/
.manuales IMG { display:block; margin:1.5em 2em}


/**** sat *****/
.sat IMG { display:block; margin:1em auto}
.sat .bloque1x4 { font-size:0.88em; text-align:center;}
.sat .bloque1x4 IMG { margin-top:0;}
.sat .bloque1x4 A { background:url(../images/link-sat-bgr.png) no-repeat left center; padding-left:1em}

/**** SOPORTE ****/
#productos-portada .bloque1x2 { margin-top:1.75em; text-align:center;}

.soporte #menuSegundoNivel { height:28px}
#buscadorSoporte STRONG, #buscadorSoporte LABEL, #buscadorSoporte INPUT, #buscadorSoporte SELECT { float:left;}
#buscadorSoporte STRONG { width:11.6em}
#buscadorSoporte LABEL { padding:0 1em ;}
#buscadorSoporte INPUT, #buscadorSoporte SELECT { width:11.6em; border:1px solid #e65322;}
#buscadorSoporte .fila { padding-top:0.6em; padding-bottom:0.75em}
#buscadorSoporte .botonera { position:relative; left:0; top:0}

#buscadorSoporte .fila { background: url(../images/filtros-separador-hor.png) no-repeat center bottom; margin-bottom:0.25em; padding-bottom:1.2em; padding-top:0.3em;}

.soporte #producto-detalle .descripcion { padding-left:5em ; float:left; width:45%;}
#enlaces-soporte { float:right; padding-right:1em;}
#enlaces-soporte LI { margin-bottom:0.6em;  display:block; float:none;}
#enlaces-soporte A { background:url(../images/btn-enlaces-soporte.png) no-repeat left top; display:block; text-indent:-9999px; width:98px; height:98px;}
#enlaces-soporte LI.contacto A { background-position: 0 0}
#enlaces-soporte LI.contacto A:HOVER { background-position: -98px 0}
#enlaces-soporte LI.tfno A {background-position: 0 -98px}
#enlaces-soporte LI.tfno A:HOVER {background-position: -98px -98px}
#enlaces-soporte LI.tecnicos A {background-position: 0 -196px}
#enlaces-soporte LI.tecnicos A:HOVER {background-position: -98px -196px}

#saber-mas .faqs H3, #saber-mas .descargas H3 {color:#ee4036; font-size:1.16em; margin:0.5em 0 }
.#saber-mas .faqs H4 { font-size:1.08em}
.faqs P { margin:0.5em 0 0.5em 1em;}
.descargas P { float:left; padding-left:1em; width:58em;}
.descargas A { display:block; float:right;}
.descargas .fila { background:url(../images/descargas-separador-hor.png) no-repeat center bottom; padding-bottom:0.93em;}


/**** DONDE COMPRAR ****/
#dondeComprar { background:#fff url(../images/donde-comprar-bgr.png) repeat-x left top; padding-top:2em;}
#dondeComprar H2{color:#ee4036; font-size:1.08em; margin-top:0.25em;}
#dondeComprar P {margin-bottom:1em;}
.tiendas {margin:0.75em 10em; }
.tiendas IMG {margin:0.5em;}
.tiendas.destacadas IMG { margin-bottom:0}


/**** POPUPS ****/
.popup { border:1px solid #dbddde; background:#e8e9ea; width:740px; min-height:560px}
.contacta .popup { width:99.5%}
.tecnicos .popup { width:850px}
.comparador .popup { width:100%}
.att .popup { background:#e8e9ea url(../images/pop-bgr.jpg) no-repeat right bottom;}
.nos .popup { background:#e8e9ea url(../images/pop-bgr.jpg) no-repeat right bottom;}
.popup #hd { background: url(../images/pop-hd-bgr.png) no-repeat center bottom; padding:0 0.5em;}
.popup H1 {color:#ee4036; height:auto; padding-left:1em; padding-top:0.25em; width:80%;}
.popup #hd .cerrar { float:right; display:inline; margin-right:1em;}
.popup #bd { padding:0.5em 1em; }
.popup #bd H2 {margin:1em 0 0.25em 0;}
.popup P { font-size:0.93em; margin-bottom:0.5em}
.popup .bloque1x2 { padding-left:1em}
.popup .destacado {color:#ee4036;}

.separador { background: url(../images/pop-hd-bgr.png) no-repeat center bottom; height:4px; margin:0.6em 0;}
.popup #lopd { font-size:0.93em;}
.popup FORM {margin:0 1em;}
.popup LABEL, .popup INPUT, .popup TEXTAREA  {margin:0.4em 0;}
.popup LABEL { float:left; padding-right:1em; width:7em;}
.popup LABEL.contacta { float:left; padding-right:1em; width:11em;}
.popup INPUT, .popup TEXTAREA { width:23em; border:1px solid #e65322;}
.popup .enlinea LABEL, .popup .enlinea INPUT { width:auto; float:none; display:inline; vertical-align:middle;}
.popup .enlinea LABEL { padding:0 1.5em 0 0.5em}
.popup .enlinea SPAN { padding-right:1.5em;}
.popup TEXTAREA { width:37em; height:9em;} 
#mapa { float:left; padding-left:1.5em; }
.tecnicos FORM { padding-top:1em;}
.tecnicos SELECT {display:block; margin:0.4em 0; width:90%}
.tecnicos .direccion { margin-top:2em; padding-right:1.4em}
.tecnicos .direccion STRONG { color:#ee4036; display:block;}

TABLE#aComparar { width:auto;}
TABLE#aComparar DIV IMG { width:100px}
TABLE#aComparar THEAD A { display:block}
TABLE#aComparar DIV { float:none; margin-bottom:0.5em; width:auto;}
.comparador TD { font-size:0.93em; padding:4px; width:120px;}
.comparador TD.caracteristica { font-weight:bold; width:190px}
.comparador TBODY TH { color:#ee4036; font-weight:bold;padding:2px 4px;}
.comparador TBODY TD { padding-left:10px; padding-right:10px}
.conFondo { background:#dcdddf}
.scroll { width:850px; height:560px; overflow:auto;}

.terminos .scroll { width:auto; padding-left:1em; padding-right:0.5em;}
.terminos .popup H1 {color:#000;}
.terminos .popup #bd H2 {color:#ee4036; font-size:1.06em; margin-top:0.3em; margin-bottom:1.25em}
.terminos H3 {color:#ee4036; font-size:0.93em; margin-top:1.5em; padding-bottom:0.25em;}

.limpia{clear:both;}

.contacta h1{ font-size:1.5em;}
.contacta h2{ padding-left:15px;}

.contacta #boton_submit{float:right; clear:both;}