html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {	outline: 0;}
body {	line-height: 1;	color: black;	background: white;}
ol, ul {	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q {	quotes: "" "";}

/*color: rgb(54,87,141);*/

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
background: rgb(231,236,237) url(imagenes/cabecera_bg.png) top center no-repeat
}

h1{ font-weight: normal; color: rgb(54,87,141); position: absolute; left: 277px; top: 22px}
.h1grande{ font-weight: normal; font-size: 2em; position: absolute; left: 277px; top: 40px; color: rgb(54,87,141)}
h2{font-weight: normal}
h3{font-weight: normal; text-align: right}
h4{}
h5{}
h6{}
h1,h2,h3{ line-height: 1.2em;}

a{color: rgb(54,87,141); text-decoration: none}
a.underline{ text-decoration: underline}

strong{}
.azul{ color: rgb(54,87,141)}
.rojo{color: #a11}
.verde{ color: #1a1}
.gris{ color: #aaa}
.negrita{ font-weight: bold}
.mini{ font-size: 0.7em}
.mini2{ font-size: 0.9em}

#contenedor{ width: 1010px; margin: 0 auto; overflow: hidden}

#cabecera{ height: 85px; position: relative}
#logotipo{ position: absolute; top:10px; left: 20px }
#imgAyuda{
position: absolute; right: 24px
}
#telefono{ font-weight: bold; color: rgb(54,87,141) }
.enlaceTel:hover{
	color: rgb(218,8,8);
}
#utilidades {position: absolute; top: 45px; right: 30px;}
#utilidades li{display: inline}

#subcabecera{position: relative; height: 175px; background: url(imagenes/contenido_bg.png) top center repeat-y}
#imgSubcabecera{margin: 0 0 0 23px}

form{ position: relative;}
#login{
background: url(imagenes/login_bg.png) top center no-repeat;
width: 225px;height:175px;position: absolute;top: 10px;right: 35px;
}
#login input[type="text"], #login input[type="password"]{
width: 115px
}
#login a{ color: #777;}
.tituloLogin{ text-transform: uppercase; font-size: 0.9em; font-weight: bold; color: #fff; text-align: center; padding: 10px 0 5px}
.entrada{ display: block; padding: 10px 0 0px 10px; float: left }
#login .recuerda{
	font-size: 0.65em; color: #777; font-style: italic;
	width: 100px; position: absolute;
	bottom: 35px; left: 15px;
}
.crearCuenta{
font-size: 0.65em; color: #777;
width: 250px; position: absolute; bottom: -10px; left: 15px;
}

label{ padding: 0 5px 0 0; font-size: 0.8em}
#login label{ width: 70px; float: left; text-align: right; }
input[type="text"], input[type="password"], select{
border: 1px solid gray; float: left
}
#enviar{
background: url(imagenes/enviar.png);
width: 90px; height: 27px;
border: none;
position: absolute;
right: 20px; bottom: 32px;
text-indent:-9999em;
cursor: pointer;
padding-top:15px;
}
#login li a{
display: block; width: 218px;
margin: 0 0 0 3px; padding: 6px 0;
text-indent: 40px; text-transform:lowercase;
border-bottom: 1px solid #9babc6;
}
.misDatos{background: url(imagenes/misDatos.png) right 3px no-repeat}
#login li a.misDatos:hover{background: #f5dd9a url(imagenes/misDatos.png) right 3px no-repeat}
.misFacturas{background: url(imagenes/misFacturas.png) right 3px no-repeat}
#login li a.misFacturas:hover{background: #f5dd9a url(imagenes/misFacturas.png) right 3px no-repeat}
.misFavoritos{background: url(imagenes/misFavoritos.png) right 3px no-repeat}
#login li a.misFavoritos:hover{background: #f5dd9a url(imagenes/misFavoritos.png) right 3px no-repeat}
#logout{
font-size: 0.8em; font-weight: bold;
display: block; width: 167px; height: 30px;
padding: 0 15px 20px 10px; text-align: left; text-transform: lowercase;
position: absolute;
bottom: 0; right: 0;
color: rgb(54,87,141);

}
#logout img{ position: absolute; bottom: 35px; right: 195px;}

#miguitas{ position: absolute; top:-140px; right: 270px; font-size: 2em; line-height: 1em; text-align: right; width: 400px; color:rgb(54,87,141);}
	#miguitas h3+h3{ font-size: 80%}
	#miguitas h3+h3+h3{ font-size: 70%}
#miguitas a{ color: rgb(54,87,141);}
#miguitas p{ color: rgb(54,87,141); font-size:14px; font-weight:bold;}

#cabecera_flash{ position: absolute; top: 0; left:24px; z-index: 2}

#contenido{
width:990px; 
position: relative; float: left; clear: both; padding: 0 10px 20px;
background: url(imagenes/contenido_bg.png) top center repeat-y
}
#contenido label{ line-height: 2em}
.buscador{ height: 90px; margin: -3px 0 30px}
.buscador .buscar, .buscadorPlus .buscar{
background: url(imagenes/buscar.png);
width: 95px; height: 25px;
border: none;
position: absolute;
right: 10px; bottom: 15px;
text-indent:-9999em;
cursor: pointer
}
#contenido .buscador .recuerda, #contenido .buscadorPlus .recuerda{
font-size: 0.7em; color: #777;
width: 110px;
position: absolute;
bottom: 5px; left: 0px;
font-style: italic;
}
.buscadorPlus{height: 190px; margin: -3px 0 0}

#principal .col3 .buscadorPlus select{ width: 210px;}

#contenido .buscadorPlus .recuerda{ bottom: 10px}
#principal .col3 .buscadorPlus p{ padding: 0; margin: 0}

select{ /*width: 210px;*/ margin: 0 0 10px}
#dir {margin: 0 20px 0 0}

#principal .col3 .bOpciones{ float: left; font-size:0.9em; clear: none}

#lateral{ margin: -250px 0 0 25px; float: left; width: 200px}
#menu{ width: 217px; background: url(imagenes/menu_bg.png) bottom left no-repeat; padding: 0 0 13px; margin: -2px 0 0}
#menu li{}
#menu li a{
padding: 7px 15px 7px; display: block;
font-weight:bold;
color: rgb(54,87,141); text-decoration: none;
border-bottom: 1px solid rgb(54,87,141);
background: url(imagenes/menu_li_bg.png) right bottom no-repeat;
}
#menu li:first-child a{  border-top: 1px solid rgb(54,87,141);}
#menu li a:hover{ background: rgb(54,87,141); color: #fff}
#menu li a#actual{ background: rgb(54,87,141); color: #fff}

#menu .enlace_home a{color: #9babc6 }

#submenu{ width: 699px; min-height: 300px; background: url(imagenes/submenu_bg.png) right top no-repeat}
#submenu li a{
font-size: 10px; font-weight: normal;
display: block; height: 35px;
padding: 10px 0 0 10px;
background:url(imagenes/menu_li_bg.png) no-repeat 660px center;
text-decoration: none;
border-bottom: 1px solid rgb(54,87,141);
}

#submenu li a span{ width: 300px; display: inline-block; font-size: 1.5em}
#submenu li a:hover{cursor: pointer; color: #fff; background: rgb(54,87,141) url(imagenes/menu_li_bg.png) no-repeat 660px center}
#submenu li:first-child a:hover{background: url(imagenes/submenu_first.png) no-repeat }
#submenu h4{ width: 260px; font-size: 1.6em }

#principal{
font-size: 0.8em; line-height: 1.3em;
float: right; width: 700px;
margin: 20px 15px; padding: 0 10px 0 0;
}

#principal p{ padding: 0 0 5px}

.col3{width: 220px;margin: 10px 10px 10px 0;float: left;}
#principal .col3 p{/*clear: both;*/margin: 0 0 5px;}

.col2{width: 320px;margin: 10px 10px 10px 0;float: left; font-size: 0.9em}
.imprimirPDF{float:left;}
.colTotal{text-align: right; font-size: 1.2em; margin: 10px 0px 0 20px}

.ventanitas li{display: inline; position: relative;
/**/
display: block; float: left
/**/
}
.ventanitas li a{
background: url(imagenes/ventanitas.png) top left no-repeat;
width: 140px; height: 120px; position: relative; display: block; float: left; z-index: 5;/**/
}
.ventanitas li span.zoomSerie a{ background: none; position: absolute; width: 20px; height: 20px; bottom: 0; right: 30px; z-index:50}
.ventanitas li a:hover{ background: url(imagenes/ventanitas_h.png) top left no-repeat}
.ventanitas li span.nombreSerie{ position: absolute; top: 9px; left: 15px; width: 110px; font-weight: bold; text-align: center; font-size: 0.8em; line-height: 1em; color: #fff;}
.ventanitas li img{ position: absolute; bottom: 17px; left: 17px;}

.ventanitas li{ z-index: 60}
.ventanitas li a .bocadillo{ visibility: hidden; z-index: 55; font-size: 10px}
.ventanitas li a:hover .bocadillo{
visibility:visible; position: absolute;
top: -60px; left: 0px;
background: url(imagenes/bocadillo.png) top left no-repeat;
width: 126px; height: 116px;
padding: 5px 0px 5px 7px;
color: #000;
z-index: 20
}

.tSombra{
width:700px;
padding: 0 10px 12px;
margin: 10px 0 0 -10px;
background:url(imagenes/tbody.png) bottom center no-repeat;
position: relative
}
.delSombra{
position: absolute;
top: -9px; left: -1px;
background: url(imagenes/delSombra.png) top left no-repeat;
height:25px;
width: 720px;
}
.tablaCompra{
position: relative;
width: 700px;
border-collapse: collapse;
padding: 0 0 12px
}
#principal .tablaCompra p{ padding: 0}
.tablaCompra thead{ background: url(imagenes/thead.png); text-transform: uppercase;}
.tablaCompra th{text-align: center; font-weight: bold; padding: 0 10px 0 5px; color: #fff; font-size: 0.8em}
.tablaCompra td{
border: 1px solid #9babc6; border-bottom: none; border-right: none; vertical-align: middle; position: relative; font-size: 0.8em;
text-align: center; padding: 2px
}
/*.tablaCompra td .con{
padding-left:2px;
padding-right:2px;
background: rgb(238,238,238);
padding: 0 10px 0 10px;
}*/

.cMedidas, .cCapacidad, .cEnts, .cUds, .cCantidad{width: 40px}
.cArticulo{ min-width: 100px}
.cCaract{max-width: 75px;}

.tablaCompra .centrado{ text-align: center}
.tablaCompra .izquierda{ text-align: left; }
.tablaCompra .etiqueta{ font-weight:bold; }
.tablaCompra th.cArI[scope=col]{ width: 60px}
.tablaCompra td img{ padding: 0 2px}
.tablaCompra .cPrecio{width: 15px}
.tablaCompra .cCantidad{width: 55px}
.tablaCompra .cCantidadPlus{width: 65px}
/**/.tablaCompra .cArD{width: 65px}
.tablaCompra .corta{ width: 20px}

.cUds, .cEnt{ width: 10px;}
.cEliminar{ width: 20px}

.numDoc{ padding: 0 0 0 10px; background: url(imagenes/numDoc.png) left center no-repeat}
.pdf{ padding: 0 0 0 10px; background: url(imagenes/pdf.png) left center no-repeat}

.tablaCompra tr td:first-child{ border-left: none}
.tablaCompra tr:last-child td{ border-bottom: none}
.tablaCompra tr td:last-child{ border-right: none}

.tablaPresupuesto .cPrecio{width: 15px}
.tablaPresupuesto .cCantidad{width: 65px}

/*necesita un estilo especial en IE*/
.celdaCarrito{ display: block; position: absolute; right: 52px}
.celdaCantidad{ display: block; position: absolute; right: 25px}
.celdaPresupuesto{ display: block; position: absolute; right:25px}
.subirCantidad{ position: absolute; top: -3px ; left: 10px}
.bajarCantidad{ position: absolute; top: 7px; left: 10px}

.grupoCantidad{ position: relative}
.grupoCantidad input{ width: 30px;}

.botoncito{/* margin: 0 0 0 10px; */float: right}

#contenido .filaFamilia td{
background: #f5dd9a; text-align: left; color: #36578d; font-size: 1em; font-weight: bold;
padding: 5px 0 5px 10px;
}

.leyenda1{
color: rgb(54,87,141);
margin: -10px 0 0;
text-align: right;
}
.leyenda1 select{ width: 60px; float:none;}
.leyenda1 li{ display: inline; padding: 10px 10px 10px 20px; font-size: 0.8em;}
.leyenda2{ color: rgb(54,87,141); font-size: 0.8em; padding: 15px 0 0 15px; width: 200px}

.favorito{ background: url(imagenes/lFavorito.png) center left no-repeat}
.novedad{background: url(imagenes/lNovedad.png) center left no-repeat}
.oferta{background: url(imagenes/lOferta.png) center left no-repeat}
.destacado{background: url(imagenes/lDestacado.png) center left no-repeat}

#paginacion{margin: 20px 0 0; font-size: 0.8em}
#paginacion li{display: inline; text-align: center;}
#paginacion li a{ padding: 0 5px; border-left: 1px solid; display: block; float: left; text-decoration: none}
#paginacion li a.noborder{border-left: none}

#registrese{ float: right; margin: 0 0 0; width: 220px; height: 35px; text-indent: -9999em; background: url(imagenes/registrese.png) no-repeat}
#registrese:hover{background: url(imagenes/registrese_h.png)}

#realizarPedido{ float: right; margin: 0 0 0; width: 160px; height: 26px; text-indent: -9999em; background: url(imagenes/realizarPedido.png) no-repeat}
#realizarPedido:hover{ background: url(imagenes/realizarPedido_h.png)}

#confirmarPedido{ float: right; margin: 15px 30px 0 0; width: 243px; height: 36px; text-indent: -9999em; background: url(imagenes/confirmarPedido.png) no-repeat}
#confirmarPedido:hover{ background: url(imagenes/confirmarPedido_h.png)}

#realizarPresupuesto{ float: right; margin: 15px 15px 0 0; width: 204px; height: 40px; text-indent: -9999em; background: url(imagenes/presupuesto.png) no-repeat}
#realizarPresupuesto:hover{ background: url(imagenes/presupuesto_h.png) no-repeat}

#enviarDatos{ float: right; margin: 5px 0px 0 0; width: 204px; height: 40px; text-indent: -9999em; background: url(imagenes/enviarDatos.png) no-repeat}
#enviarDatos:hover{ background: url(imagenes/enviarDatos_h.png) no-repeat}

#registrarse{ float: right; margin: 15px 15px 0 0; width: 204px; height: 40px; text-indent: -9999em; background: url(imagenes/registrarse.png) no-repeat}
#registrarse:hover{ background: url(imagenes/registrarse_h.png) no-repeat}

.precioViejo{ text-decoration: line-through; display: block}
.precioNuevo, .descuento{ color: #090}

.camposTotal{display: block; width: 200px; float: left}
.total{ border-top: 1px solid #9babc6; font-size: 2em; line-height: 1em; margin: 10px 0 0; padding: 10px 0 0 100px}



input[readonly="readonly"]{
color: #aaa;
background: none
}
.modificarDatos{
background: url(imagenes/misDatos_bg.png) top center no-repeat; height: 385px;
color: rgb(54,87,141);
padding: 5px 0px 5px 15px;

width: 200px;margin: 10px 10px 10px 0;float: left;
}
#principal .modificarDatos fieldset p{
float: left; margin: 0; padding:0
}
#principal .miniDato{ width: 95px; float: left; clear: none; margin: 0 5px 0px 0; }
.tipoDato{color: #fff; font-weight: bold; text-transform: uppercase; margin: 0 0 0 10px}
#principal .editarDireccion{ line-height:1em; font-size:0.8em; padding: 5px 0 5px; margin: 5px 0 0; display: block; text-decoration:underline;}

#pie{ clear: both; text-align:center; padding: 5px 0px 40px; background:url(imagenes/pie.png) center top no-repeat}
#pie li{ display: inline; font-size: 0.6em}

#error_envio{color:#900}

.error_login{
	font-size:9px;
	color:#900;
	text-align:left;
	width:150px;
	position: absolute;
	right:-10px;
	top: 93px;
}

#principal p.mini label{font-size:1em}

input[type="submit"]{ border: none }
.lineaFavorito{ background: #f5dd9a}

.detalles_direccion {
	margin-bottom:20px;
	font-size:1.3em;
	color: rgb(54,87,141);
}
.parrafo_detalles_direccion {
	margin-bottom:20px;
}

#envio_presupuesto_ko {
	padding:5px;
	/*border: 3px solid #c92c2c;
	background:url(imagenes/fondo_error.jpg);*/
	font-size:0.9em;
	font-weight:bold;
	color:#c92c2c;
}

#envio_presupuesto_ok {
	padding:5px;
	/*border: 3px solid #c92c2c;
	background:url(imagenes/fondo_error.jpg);*/
	font-size:0.9em;
	color:#003300;
}

#datos_presupuesto p input[type="text"]{
width: 220px;
margin: 0 0 10px
}

.pedidoEnviado{
border: 4px solid #0f8000;
color: #0f8000;
margin: 10px 0 0;
padding: 20px 80px 20px 20px;
background: #a9e6a1 url(imagenes/enviado.png) right center no-repeat
}


.pedidoEnviado h4, .pedidoEnviadoNo h4, .pedidoPresupuestoOK h4, .pedidoPresupuestoKO h4{
font-size: 1.2em; font-weight: bold; color: #802000
}
.pedidoEnviado h4, .pedidoPresupuestoOK h4{  color: #0f8000}

.pedidoEnviadoNo{
	border: 4px solid #802000;
	color: #802000;
	margin: 10px 0 0;
	padding: 20px 80px 20px 20px;
	background: #e6b2a1 url(imagenes/enviadoNo.png) right center no-repeat
}

.pedidoPresupuestoOK{
border: 4px dashed #004680;
color: #0f8000;
margin: 10px 0 0;
padding: 20px 80px 20px 20px;
background: #a1c7e6 url(imagenes/enviado.png) right center no-repeat
}
.pedidoPresupuestoKO{
border: 4px dashed #004680;
color: #802000;
margin: 10px 0 0;
padding: 20px 80px 20px 20px;
background: #a1c7e6 url(imagenes/enviadoNo.png) right center no-repeat
}


#bannerGrande{
position: absolute;
bottom: 20px; right: 60px;
}
#bannerGrande .primero{
position: absolute; bottom:20px;
left: 20px; width: 110px; font-size: 1.5em; line-height: 1.3em
}
.primero a, .segundo a{
color: #c00; font-weight: bold
}
.primero a:hover, .segundo a:hover{
text-decoration: underline
}
#bannerGrande .segundo{
position: absolute; bottom: 0; width: 120px;
right: 10px; text-align: right;
 font-size: 1.2em; line-height: 1em
}
.segundo a{ font-weight: bold}