/* CSS Document */
/*
 * Colores de la Web:
 *	- rojo fuerte: #b31516
 *  - rojo intenso: #e34546
 *  - rojo moderado: #f3b8b9
 *  - rojo suave: #fadfdf
 *  - naranja: #ff5500
 */

body { font-family:arial,helvetica,clean,sans-serif; font-size:0.8em; }
h1 { text-align:left; font-size:1.4em; color:#b31516; margin:0; padding:0; }
h2 { text-align:left; font-size:1.2em; color:#b31516; margin:0; padding:0; }
a, a:visited, area { text-decoration:none; color:#b31516; font-weight:bold; }
a, a:hover {  }
a img { border: 0; }
textarea { font-family:arial,helvetica,clean,sans-serif; font-size:0.9em; }
p { color:#222222; }
td, th, input, textarea, select, option  { font-size:11px; }

#fondoCabecera { position:absolute; left:0; top:0; width:980px; height:76px; background:#b31516; }

#cabecera { }

#cuerpo { min-height:400px; }
#colIzda { text-align:left; }
#colCentral { text-align:left; }
#colDchaPe { text-align:left; }
#colDchaGr { text-align:left; }

#pie { font-size:10px; text-align:center; color:#b31516; }
#pie p { text-align:center; margin:0; padding:20px; color:#b31516; }

.logotipo { border:0; }
.tituloWeb { color: #ffffff; }

/**************************************
 * MENU
 **************************************/
#cms_menu_secc ul#menu { color:#ffffff; font-size:12px; font-weight:bold; }
#cms_menu_secc ul#menu li { list-style:none; background:url(../img/pixelito.jpg); }
#cms_menu_secc ul#menu li:hover { cursor:pointer; }
#cms_menu_secc ul#menu li ul { display:none; background:#ffffff; }
#cms_menu_secc ul#menu li label:hover { cursor:pointer; }
#cms_menu_secc ul#menu li ul#opcActiva { display:block; color:#0000ff; }
#cms_menu_secc ul#menu li ul li { background:#ffffff; color:#b31516; font-size:11px; list-style:square inside; font-weight:normal; }
#cms_menu_secc ul#menu a, #cms_menu_secc ul#menu a:visited { text-decoration:none; color:#000000; font-weight:normal; }
#cms_menu_secc ul#menu a:hover { color:#0000ff; }



/**************************************
 * COMÚN
 **************************************/
.boton { float:left; font-style:italic; margin:5px 10px; font-family:arial,helvetica,clean,sans-serif; border:none; font-weight:bold; height:21px; color:#ffffff; background:url(../img/pixelito.jpg); cursor:pointer; font-size:12px; padding:0 3px; }
a.boton, a.boton:visited { text-decoration:none; color:#ffffff; padding:0 10px; font-weight:bold; height:21px; line-height:20px;}
#tituloPagina { font-size:1.2em; font-weight:bold; margin:10px 0; color:#e34546; }

/**************************************
 * PIE
 **************************************/
#contPie { font-size: 0.8em; border-top:solid 2px #b31516; }
#contPie #pie a { font-size:0.8em; }

/**************************************
 * CONTENIDO
 **************************************/
#contContenido { border-top: 4px solid #b31516; margin:0 auto; text-align:center; }
#contMigas { width:550px; }
#contMigas a, #contMigas a:visited {  }


/**************************************
 * TABLAS DE ITEMS DEL CATÁLOGO
 **************************************/
.tablaItems { text-align:left; width:100%; margin:5px 0; font-size:11px; }
.tablaItems thead { background:url(../img/pixelito.jpg); color:#ffffff; line-height:20px; height:20px; }
.tablaItems tr.alterna { background:#faefef; }
.tablaItems th { text-align:center; }
.tablaItems .centrado { text-align:center; }
.tablaItems .derecha { text-align:right; padding-right:1em; }

/* TABLA FAMILIAS */
#contTablaItems { text-align:center; width:750px; padding:0; margin:0 auto; }

#contPanelAcciones { /* width:750px;*/ text-align:left; border:1px solid #b31516; padding:0px; }
#contPanelAcciones .panelAcciones { padding:5px 10px; }

/*
 * PRODUCTOS
 */

.separador { display:block; width:550px; height:1px; border-bottom:2px solid #b31516; margin:10px 0; }

div.contVistaListaProducto { display:inline-block; width:550px; height:135px; padding:0; margin:0; }
div.contVistaListaProducto2 { display:inline-block; width:550px; padding:0; margin:0; }
div.contVistaListaProducto ul, div.contVistaListaProducto2 ul { margin:5px 0 0 0; padding:0; }
div.contVistaListaProducto li, div.contVistaListaProducto2 li { margin:0; padding:0; list-style:square inside; color:#b31516; }
div.contVistaListaProducto p.prd_nombre, div.contVistaListaProducto2 p.prd_nombre { margin:0; padding:0; }
div.contVistaListaProducto p.prd_nombre a, div.contVistaListaProducto2 p.prd_nombre a { text-decoration:none; color:#b31516; font-weight:bold; }
div.contVistaListaProducto img.prd_foto, div.contVistaListaProducto2 img.prd_foto { margin:0 20px 20px 0; border:1px solid #f3dadb; /*width:128px; height:128px;*/ }

div.contDetalleProducto { position:relative; width:550px; }
div.contDetalleProducto RDEZoom { position:relative; width:400px; }
div.contDetalleProducto img.prd_foto { margin:0 20px 5px 0; border:1px solid #f3dadb; }

div.contDetalleProducto h2.prd_nombre a:hover { color:#b31516; }
div.contDetalleProducto p.prd_descripcion { color:#000000; }
div.contDetalleProducto p.prd_observaciones {  }
div.contDetalleProducto p.prd_marketing {  }

.prd_precios { text-align:left; }
.prd_precios td { padding:0 0.5em; }

div.contProdRelacionados { min-height:130px; margin:0; }
div.contProdRelacionados ul { margin:5px 0 0 0; padding:0; }
div.contProdRelacionados li { margin:0; padding:0; list-style:square inside; color:#b31516; }
div.contProdRelacionados p.prd_nombre { margin:0; padding:0; }
div.contProdRelacionados p.prd_nombre a { text-decoration:none; color:#b31516; font-weight:bold; }
div.contProdRelacionados img.prd_foto { float:left; margin:0 20px 20px 0; border:1px solid #f3dadb;/*width:100px;*/ }

div.botoneraProducto { width:550px; margin-top:20px; border-top:3px solid #b31516; }
div.botoneraProducto a.boton { float:right; margin-right:0px; }

/*
 * PRODUCTOS ASOCIADOS
 */
.prd_prodAsociado {  }

/*
 * CARRO COMPRA
 */

#carroCompra { margin-bottom:10px; text-align:center; position:relative; width:150px; padding:0px; font-size:0.8em; border:1px solid #b31516;}
.carroCompra_sup { display:none;width:100%; height:6px; background:url(../img/carro_compra_top.jpg) no-repeat left bottom; }
.carroCompra_inf { display:none;width:100%; height:6px; background:url(../img/carro_compra_bottom.jpg) no-repeat left top; margin-bottom:10px; }
.carroCompra_cen { /*background:url(../img/carro_compra_middle.jpg) repeat-y;*/ overflow:hidden;padding:5px;}
#carroCompra p { margin:0; padding:5px; }
#detalleCarroCompra { width:550px; }

.botoneraCarro { margin-top:20px; border-top:3px solid #b31516; width:550px; }
.botoneraCarro a.boton, div.botoneraCarro input.boton { float:right; margin-right:0px; }

div.dialogoFicheros { visibility:hidden; width:400px; position:absolute; left:50%; top:50px; margin-left:-150px; margin-top:-50px; padding:20px; z-index:9999; background:#fadfdf; border:1px solid #f3b8b9; text-align:center; }
div.dialogoFicheros p { text-align:center; }
div.dialogoFicheros input.boton { margin-left:30px; }

/*
 * BUSCADOR
 */
#buscador { position:absolute; top:76px; left:0; height:34px; font-size:11px; text-align:left; margin:0; }
#buscador .camposBuscador { float:left; padding-left:10px; height:34px; background:#b31516; }
#buscador label { float:left; color:#ffffff; font-style:italic; font-weight:bold; padding-top:11px; }
#buscador input.campoBuscador { float:left; height:14px; font-size:11px; margin:9px 0 0 5px; }
#buscador select { float:left; font-size:11px; width:160px; margin:9px 0 0 5px; }
#buscador .botonBuscar {  float:left;  }

/*
 * ACCESOS DIRECTOS
 */
#accesosDirectos { position:absolute; width:500px; height:34px; left:450px; top:78px; font-size:11px; padding-left:5px; text-align:left; }
#accesosDirectos a { line-height:45px; text-decoration:none; color:#000000; }
#logout { position:absolute; width:60px; right:10px; top:0; text-align:right; }

/*
 * FORMULARIO DE ALTA DE ENTIDADES
 */
.tablaImagenes { text-align:center; width:100%; }
.botones { width:100%; margin:0 auto; text-align:center; clear:both; }
.vistaLista, .vistaDetalle { float:left; margin-left:10px; }
.tablaImagenes p { text-align:left; padding-left:10px; padding-right:10px; }
.tablaImagenes img { border:1px solid #f3dadb; }

div.dialogoUpload { visibility:hidden; width:300px; height:120px; position:absolute; top:50%; left:50%; margin-left:-150px; margin-top:-50px; z-index:9999; background:#fadfdf; border:1px solid #f3b8b9; text-align:center; }
div.dialogoUpload p { text-align:center; }
div.dialogoUpload input.boton { margin-left:30px; }

/*
 * FORMALIZACIÓN DEL PEDIDO
 */
#guiaPedido { position:relative; width:550px; list-style:none; text-align:center; margin:0 auto; margin:0; padding:0; }
#guiaPedido li { display:block; float:left; width:90px; color:#acacac; margin:0 5px; padding:0; }
#guiaPedido li.activo { color:#b31516; }

.botoneraPedido { float:left; margin-top:20px; border-top:3px solid #b31516; width:550px; }
.botoneraPedido a.boton, div.botoneraPedido input.boton { float:right; margin-right:0px; }

/*
 * FORMULARIO DE PEDIDO
 */
#formDatosFacturacion, #formDatosEnvio, #formDatosPago { float:left; position:relative; width:550px; margin-top:0px; }
#tablaResumenPedido {  width:550px; }
.formulario { float:left; position:relative; width:550px; } 
#direccionEnvio .formulario { position:static; float:none; }
.fieldset { border:1px solid #b31516; margin-top:20px; padding-bottom:20px; }
.fieldset .legend { background:#b31516; color:#fff; font-weight:bold; font-style:italic; padding:2px 10px; margin-bottom:20px; }
div.formulario label { float:left; width:150px; text-align:right; line-height:20px; }
div.formulario input, div.formulario textarea, div.formulario select { margin-left:10px; width:200px; margin-bottom:3px; }
div.formulario fieldset { margin:0 0 10px 0; padding-bottom:10px; }
div.formulario fieldset legend { margin:0 0 10px 0; }
.notaAlPie { font-size:0.8em; margin:0; padding:0; float:right; color:#353535;  }

#tablaResumenPedido { float:left; position:relative; width:545px; }
.datosPedido .fieldset, .datosCliente .fieldset { width:265px; height:150px; margin-top:10px; }
.datosCliente .fieldset { margin-left:10px; }
.datosEnvío .fieldset { width:550px; }
.contenidoFieldset { margin:0; padding:10px; }
.contenidoFieldset p { margin:0; padding:0px; }

/*
 * RESUMEN DEL PEDIDO
 */
.tablaPedido { width:550px; }


/*
 * BANNERS INICIO
 */
#bannerPrincipal { /*width:510px; height:310px;*/ }
.bannerPrincipal_sup { width:550px; height:6px; background:url(../img/banner_principal_top.jpg) no-repeat left bottom; }
.bannerPrincipal_inf { width:550px; height:6px; background:url(../img/banner_principal_bottom.jpg) no-repeat left top; margin-bottom:10px; }
.bannerPrincipal_cen { padding:2px; background:url(../img/banner_principal_middle.jpg) repeat-y; } 
.bannerInferior { display:inline; margin-right:10px; line-height:170px; }

/*
 * BANNERS DERECHA
 */
.bannerDerecha { margin:0 0 10px 0; padding:0; }

/*
 * FORMULARIO DE AUTENTICACIÓN
 */
.tituloFormAutenticacion { margin-left:20px; }
#contFormAutenticacion { margin-left:50px; width:100%; }

/*
 * MIGAS
 */
#contMigas { text-indent:10px; position:relative; width:550px; margin-bottom:20px; background:url(../img/barraproducto.jpg) #b31516 top right no-repeat; color:#ffffff; font-style:italic; }
#contMigas span.miga a, div#contMigas span.miga a:visited { color:#ffffff; font-style:italic; text-decoration:underline; line-height:18px; }


tr.row_selected td { background-color:#9FAFD1; }

.hidden {display:none;}