/* CSS Document */
/* Generales ----------------------------------------------------------------------------------------------------------*/
body{margin:0 auto;background:url(../imagenes/fondoRayasAz.jpg) repeat;background-attachment:fixed;;font-size:62.5%; font-family:Arial, Helvetica, sans-serif}/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif*/
img{ border:none;}
*{ outline:0}
/* Contenedor ----------------------------------------------------------------------------------------------------------*/
#contenedor{margin: 0 auto;width:872px;/*background:url(../imagenes/fondoContenidos-01.png) repeat-y;*/}
/* Navegacion ----------------------------------------------------------------------------------------------------------*/
#navegacion{position:relative;height:29px; width:856px; background:url(../imagenes/fondoNavegacion-01.png) transparent;}
.botoneraNavegacion {height: 29px;padding:11px 0 0 16px}
.botoneraNavegacion a {	border-right: 1px solid #C2C8C9;color: #000;display: block;float: left;font: bold 1.1em sans-serif;	line-height:29px;padding: 0 20px;text-decoration: none;}
.botoneraNavegacion a:hover {background: #D9E1E5 url(../imagenes/fondoBotonNavegacion.png) repeat-x; color: #FFF;}
#navTelefono{position:absolute;left:707px;	top:/*12*/5px;width: 152px;font-size:1.7em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;background:url(../imagenes/telefono.png) 0% 50% no-repeat;height: 26px;padding:3px 0px 0px 35px;color:#333;}
/* Cabecera     --------------------------------------------------------------------------------------------------------*/
#cabecera{height:184px; width:872px; background-image:url(../imagenes/fondoCabecera-02.png); position:relative}
#oferta1{position:absolute;left:1000px;top:60px;}
#oferta2{position:absolute;left:735px;top:80px;}
#cabeceraComercial{height:184px; width:872px; background-image:url(../imagenes/fondoCabecera-03.png)}
/* Accesos Directos ----------------------------------------------------------------------------------------------------*/
#accesos{position:relative;height:121px; width:872px; background-image:url(../imagenes/fondoAccesos-14.png)}
#acceso1{position:absolute;top:45px;left:33px;height:60px; width:130px; color:#9CF}
#acceso2{position:absolute;top:45px;left:223px;height:60px; width:130px; color:#9CF}
#acceso3{position:absolute;top:45px;left:425px;height:60px; width:130px; color:#9CF}
#acceso4{position:absolute;top:0px;left:599px;height:63px;}
#acceso5{position:absolute;top:62px;left:599px;height:59px;}
#ir1{position:absolute;top:89px;left:179px;height:26px;width:26px;overflow:visible}
#ir2{position:absolute;top:89px;left:382px;height:26px;width:26px;overflow:visible}
#ir3{position:absolute;top:89px;left:567px;height:26px;width:26px;overflow:visible}
#acceso1 a,#acceso2 a ,#acceso3 a{color:#9CF; text-decoration:none}
#acceso1 a:hover,#acceso2 a:hover ,#acceso3 a:hover{color:#6C3;}
/* Migas     ----------------------------------------------------------------------------------------------------------*/
#migas{margin:0;padding:12px 25px 3px 35px;height:23px; width:812px; background-image:url(../imagenes/fondoMigas-04.png); color:#369;position:relative}
#migas a {color:#002B55; text-decoration:none}
#migas a:hover {color:#F60}
#conectado{ position:absolute; left:705px; top:6px}
/* Contenido ----------------------------------------------------------------------------------------------------------*/
#contenidoMain{background:url(../imagenes/fondoContenidos-01.png) repeat-y;width:872px;}
#contenido{width:529px;float:left; padding:5px 30px 15px 40px;}
#contenido h1{color:#369; font-size:1.7em}
#contenido h2{color:#69C;font-size:1.3em}
.textoh3{color:#F30;font-size:1.4em}
#contenido p, #contenido ul{font-size:1.2em}
a.azul {color:#09C; text-decoration:none}
a:hover.azul{color:#F60}
/* Cajas y otros en contenido -----------------------------------------------------------------------------------------*/
.cajaProducto{ position:relative; width:252px; float:left;margin:12px 0 12px 0px;}
.cajaProducto h2{ font-size:1.1em !important; color:#FFF !important; padding:6px 5px 0px 10px;margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.cajaDcha{ margin-left:25px !important;}
.cajaProductoCabecera{ height:30px; background-image:url(../imagenes/fondoCabCaja.png);}
.cajaProductoCabecera a{ text-decoration:none; color:#FFF}
.cajaProductoCabecera a:hover{ color:#CFF}
.cajaProductoContenido{height:150px; background-image:url(../imagenes/fondoRepetidoCaja.png); background-repeat:repeat-y; padding:10px 15px }
.cajaProductoPie{ height:14px; background-image:url(../imagenes/fondoPieCaja.png); background-repeat:no-repeat}
.precioProducto{position:absolute;top:-25px; left:190px; background: url(../imagenes/precioProducto.png) no-repeat; width:85px; height:84px}
.precioProducto p{color:#333; font-weight:bold; font-size:1.8em !important; text-align:center; margin:0;padding:0;padding-top:23px; font-family:Arial, Helvetica, sans-serif; }
.entregaProducto{
	position:absolute;
	top:169px;
	left:172px;
	background: url(../imagenes/entrega4-5dias.jpg) no-repeat;
	width:75px;
	height:38px
}
.textoProducto{
	position:absolute;
	top:48px;
	left:120px;
	width:120px;
	font-size:0.8em;
	text-align:right
}
.textoProducto p{ line-height:1.5em; color:#069}
.textoAccesorios{
	position:absolute;
	top:48px;
	left:90px;
	width:150px;
	font-size:0.8em;
	text-align:right
}
.textoAccesorios p{ line-height:1.5em; color:#069}
#compraAccesorios{
	width:466px;
	height:56px;
	padding:17px 0px 0px 70px;
	background-image:url(../imagenes/fondoCompraAccesorios.jpg);
	background-repeat:no-repeat;
	background-position:left top;	
}
#compraAccesorios2{
	width:466px;
	height:56px;
	padding:17px 0px 0px 70px;
	background-image:url(../imagenes/fondoCompraAccesorios2.jpg);
	background-repeat:no-repeat;
	background-position:left top;	
}
/* Cajas grande -----------------------------------------------------------------------------------------*/
.cajaProductoGrande{ position:relative; width:528px; float:left;margin:12px 0 12px 0px;}
.cajaProductoGrande h2{ font-size:1.1em !important; color:#FFF !important; padding:6px 5px 0px 10px;margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.cajaProductoCabeceraGrande{ height:30px; background-image:url(../imagenes/fondoCabCajaGrande.png);}
.cajaProductoCabeceraGrande a{ text-decoration:none; color:#FFF}
.cajaProductoCabeceraGrande a:hover{ color:#CFF}
.cajaProductoContenidoGrande{height:150px; background-image:url(../imagenes/fondoRepetidoCajaGrande.png); background-repeat:repeat-y; padding:10px 15px }
.cajaProductoPieGrande{ height:14px; background-image:url(../imagenes/fondoPieCajaGrande.png); background-repeat:no-repeat}
.textoProductoGrande{
	position:absolute;
	top:50px;
	left:323px;
	width:199px;
	font-size:0.8em;
	text-align:right
}
.textoProductoGrande p{ line-height:1.5em; color:#069}
.precioProductoGrande{position:absolute;top:-25px;left:460px;background: url(../imagenes/precioProducto.png) no-repeat;width:85px;height:84px}
.precioProductoGrande p{color:#333; font-weight:bold; font-size:1.8em !important; text-align:center; margin:0;padding:0;padding-top:23px; font-family:Arial, Helvetica, sans-serif; }
.entregaProductoGrande{
	position:absolute;
	top:158px;
	left:330px;
	background: url(../imagenes/entrega24-48horas.jpg) no-repeat;
	width:93px;
	height:47px
}
.cajaAccesorios{ position:relative; width:252px; float:left;margin:12px 0 12px 0px;}
.cajaAccesorios h2{ font-size:1.1em !important; color:#FFF !important; padding:6px 5px 0px 10px;margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.cajaAccesoriosContenido{height:75px; background-image:url(../imagenes/fondoRepetidoCaja.png); background-repeat:repeat-y; padding:10px 15px }

.instalacionNo{
	position:absolute;
	top:31px;
	left:302px;
	background: url(../imagenes/instalacionNo.jpg) no-repeat;
	width:160px;
	height:26px
}
.instalacionNoPeq{
	position:absolute;
	top:31px;
	left:9px;
	background: url(../imagenes/instalacionNo.jpg) no-repeat;
	width:160px;
	height:26px
}

.fotoProducto{position:absolute;top:55px; left:10px;}
.fotoAccesorio{position:absolute;top:35px; left:10px;}
/*.botonVideo{position:absolute;top:42px; left:-15px;z-index:1}*/
.h2Producto{}
.boton {width:146px; height:27px;}
.boton a{margin:0; padding:1px 0 0 10px; color:#000; text-decoration:none;font-size:1.1em; font-weight:bold;font-family:Arial, Helvetica, sans-serif; line-height:25px;background:url(../imagenes/fondoBotonVerde.png) no-repeat; display:block}
.boton a:hover{background:url(../imagenes/fondoBotonOver.png) no-repeat;}
.botonCompra {width:146px; height:27px;}
.botonCompra a{margin:0; padding:1px 0 0 10px; color:#000; text-decoration:none;font-size:1.1em; font-weight:bold;font-family:Arial, Helvetica, sans-serif; line-height:25px;background:url(../imagenes/fondoBotonCompraVerde.png) no-repeat; display:block}
.botonCompra a:hover{background:url(../imagenes/fondoBotonCompraOver.png) no-repeat;}
.botonAncho {width:148px; height:37px;}
.botonAncho a{margin:0; padding:1px 0 0 10px; color:#000; text-decoration:none;font-size:1.1em; font-weight:bold;font-family:Arial, Helvetica, sans-serif; line-height:37px;background:url(../imagenes/fondoBotonVerdeAncho.png) no-repeat; display:block}
.botonAncho a:hover{background:url(../imagenes/fondoBotonNaranjaAncho.png) no-repeat;}
.botonProducto{position:absolute;top:180px; left:5px; }
.botonAccesorios{position:absolute;top:105px; left:5px; }
.botonCarro{position:absolute; top:70px;left:85px;}
.botonComprar{margin-left:35px}
.nuevoProducto{position:absolute;top:-20px; left:190px;}
.cajaIzdaLanding{float:left; width:245px; margin:0px 5px 5px 0px; background-color:#F3F4F5; border:1px solid #CCC; position:relative; height:75px}
.cajaDchaLanding{float:left; width:250px; margin:0px 0px 5px 0px; background-color:#F3F4F5; border:1px solid #CCC; position:relative; height:75px}
.fotoLanding{float:left; position:absolute; left:5px; top:10px; height:50px; width:50px; overflow:hidden}
.pLanding{position:absolute;top:25px; left:60px}
.pLanding a{ text-decoration:none; font-size:0.95em; color:#69C}
/* Bloque derecha ----------------------------------------------------------------------------------------------------------*/
#menu{ position:relative;width:273px; float:left;background:url(../imagenes/fondoSidebar-06.png) no-repeat;padding:0px;margin:0px;}
#accesoFaqs, #accesoConfiar{margin-left:1px;height:63px;}
#accesoChat{margin-left:2px; position:relative;height:59px;}
#accesoCarrito{position:relative;background:url(../imagenes/fondoCarroLogos.png) no-repeat 10px 0px;width: 263px;height: 167px;}
#accesoCarrito p{padding:30px 0px 0px 0px;text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#FFF; letter-spacing:0.1em}
#accesoCarrito span{font-size:20px;color:#F60}
/* Pie ---------------------------------------------------------------------------------------------------------------------*/
#pie{height:64px; width:872px; background-image:url(../imagenes/fondoPie-07.png); float:none;clear:both}
#compraSegura{padding-top:7px;margin:0 auto; text-align:center; position:relative} 
.pBlanco{position:absolute; left:87%; top:17%}
.pBlanco a{ text-decoration:none; color:#FFF}
.pBlanco a:hover{ color:#385178}
/* FLOATS */
.izquierda{float:left; margin:0px 30px 30px 0px }
.derecha{float:right; margin:0px 0px 30px 30px }
.rompe{clear:both; float:none}
/* OTROS */
.relativo{position:relative}
#divTotalCompra{ background:url(../imagenes/fondoTotalCompra.png) no-repeat; text-align:right; color:#000;  width:538px; height:55px; font-size:1em ;padding-top:30px}
#spanTotalCompra{color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:2em; margin:5px 30px 0px 0px;; font-weight:bold }
#botonesEnvio{  margin:5px -17px 0px 25px; text-align:right}
#btnCompra{position:relative; margin-bottom:10px;}
#btnCompra p{position:absolute;left:181px;top:12px;font-size:1.8em;font-weight:bold;text-align:center;width:85px;font-family:Arial, Helvetica, sans-serif;color:#FFF;}
.precio{position:absolute;left:0%px;top:100%;width: 150px;height: 74px;font-size:0.95em}
.precio p{color:#069;display:block; font-weight:bold;margin-top:30px;padding-left:15px }
#ventajas{margin:10px 0px 10px 10px;}
.cajaAviso{padding:10px; background-color:#F3F4F5; border:3px solid #7CB3CD; text-align:center;}
.cajaReclamo{padding:10px; background-color:#F3F4F5; border:3px solid #7CB3CD;}
.cajaOk{margin:5px 0;padding:20px 20px 20px 30px;border:1px solid #6C0; background: #f3f4f5 url(../imagenes/okForm.png) 1% 50% no-repeat; color:#369}
.cajaKo{margin:5px 0;padding:20px 20px 20px 30px;border:1px solid #C00; background: #f3f4f5 url(../imagenes/errorForm.png) 1% 50% no-repeat; color:#C30}
address{margin:0 0px 20px 0; padding:10px; font-style:normal; background-color:#D5E7FD; border:3px solid #7CB3CD;background-image:url(../imagenes/fotocentro1.jpg);background-repeat:no-repeat;background-position:right center;}
address p{margin:0;padding:3px 0}
address a{text-decoration:none; color:#F60}
address a:hover{color:#036}
address p.telefono{background-image:url(../imagenes/phone_16.gif);background-repeat:no-repeat;background-position:left 50%;padding-left:25px;}
address p.fax{background-image:url(../imagenes/fax_16.gif);background-repeat:no-repeat;background-position:left 50%;padding-left:25px;}
address p.mail{background-image:url(../imagenes/mail_16.gif);background-repeat:no-repeat;background-position:left 50%;padding-left:25px;}
.alerta{ background-image:url(../imagenes/fondoDivKo.gif); border:1px solid #cd0a0a;padding:10px; color:#FFF}
.bien{ background-image:url(../imagenes/fondoDivOk.gif); border:1px solid #9C0;padding:10px; color:#FFF}
.textoRojo{color:#F00}
.textoVerde{color:#093}
.textoGris{color:#333}
.fondoGratis{background-image:url(../imagenes/fondoGratis.png); background-repeat:no-repeat; background-position:50% 50%;color:#000 !important}
/* forms*/
fieldset{padding:5px;border:3px solid #7CB3CD;}
legend{padding:10px; background: #7CB3CD url(../imagenes/bluetabA.png) no-repeat;color:#FFF; font-weight:bold; font-size:1.2em; width:230px;}
.formObligatorio{color:#F63}
.btnFormulario{background-image:url(../imagenes/botonVerde.png); background-repeat:no-repeat;width:147px; 
				height:27px; font-weight:bold; border:none; background-color:transparent; cursor:pointer }
form table th{ text-align:left; background-color:#E4E4E4; border-right:2px solid #E05F07;padding:5px 10px;border-bottom:1px solid #CCC }
.tablaForm{margin:5px}
.tablaForm th{ text-align:left; background-color:#E6E6E6; border:1px solid #CCC; border-left:none; border-top:none; width:200px;padding:5px;}
.thImportant{ background-color:#D8D8D8 !important;}
.tablaForm td{ padding:5px; border:1px solid #F60; border-left:none; border-top:none;background-color:#F3F4F5}
.botonAma { border-bottom:solid 1px #666666; border-right:solid 1px #666666; border-left:solid 1px #E8E8E8; border-top:solid 1px #E8E8E8; 
			 background-color:#9C0; color:#000; font-weight:bold; font-size:90%; padding:12px; cursor:pointer }
.trOferta td{ font-size:1.1em !important; font-weight:bold !important; background-color:#E6E6E6; color:#F30}
/*CARRUSEL FOTOS ----------------------------------------------------------------------------------------------*/
.stepcarousel {	position:relative;border:0px;overflow:scroll;width:485px;height:152px;margin-bottom:30px;}
.stepcarousel .belt {position:absolute;left:0;top:0;}
.stepcarousel .panel {float:left;overflow:hidden;margin:0em 0.8em;border:1px solid #7CB3CD;width:150px;height:150px;}
.stepcarousel .soloImagen {height:160px;overflow:hidden;}
.stepcarousel p {margin:0px;padding:0px 2px;text-align:center !important;line-height:12px !important;}
.stepcarousel a:hover {	text-decoration:none !important;}
/*FIN CARRUSEL ----------------------------------------------------------------------------------------------------------------*/
/*TABS -----------------------------------------------------------------------------------------------*/
.box{background:#FFF;padding:0px 15px;color:#333;}
.box h3{ color:#F90}
.boxholder{clear: both;padding: 5px;background: #7CB3CD;}
.tab{float: left;height: 32px;width:125px;margin: 0 1px 0 0;text-align: center;background: #8DC70A url(../imagenes/bluetab.jpg) no-repeat;}
.tab:hover{background: #8DC70A url(../imagenes/greentab.jpg) no-repeat;}
.activo{background: #8DC70A url(../imagenes/greentab.jpg) no-repeat;}
.tabtxt{margin: 0;color: #000;font-size: 12px;font-weight: bold;padding: 9px 0 0 0;cursor:pointer;}
.box a, .tabtxt a{color:#069;text-decoration: none;}
.box a:hover, .tabtxt a:hover{color:#9CF;}
.tabtxt p{margin: 0;padding: 5px;line-height: 1.5em;text-align: justify;border: 1px solid #73A405;}
/*FIN TABS ----------------------------------------------------------------------------------------------------------------*/

