/* Estilos que se usarán en las páginas de listado de productos en conjunto con los que ya existen */
/* @date: 21/11/2005 */
/* @author: ::_playmobil */
/* Desarrollado por ©soho */


body.catalogo {
	background-color: #F2F1EC;
}

h1, h2, h3, h4 { margin: 0; }

form { margin: 0; }

.contGral {
	/*padding: 5px;*/
	background-color: #F2F1EC;
}

#gralContenedorCatalogo { width: 783px;  margin: 0; background-color: #FFFFFF; text-align: left; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }

/*.contSolapas {
	margin-right: 15px;
	margin-top: 5px;
	float: left;
}*/


.contBuscador td {
	padding-left: 3px;
}

.imgThumbs {
	border: 1px solid #CDCDCD;
}

/*.contenedorListado {
	background-image: url(../Imagenes/Portal/fondo_contenedor_cabecera.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 100%;
	border-left: 1px solid #BCBCBC;
}*/

.contDetalleProductoContenedor {
	border: 1px solid #BCBCBC;
	background-color: #FFFFFA;
	width: 519px;
	position: absolute;
	top: 286px;
	left: 252px;
}

.contDetalleProductoSombra {
	background-color: #EBECE4;
	width: 519px;
}

.contGralListado {
	background: url(../Imagenes/catalogo_electronico/Portal/fondo_cont_gral.gif) top left no-repeat;
	width: 771px;
	padding: 0;
}

.contGralListado div.derecho {
	background: url(../Imagenes/catalogo_electronico/Portal/cont_esq_sup_der.gif) top right repeat-y;
	margin: 0;
	padding: 10px;
}

.contGralListado div.contenido {
	background: url(../Imagenes/catalogo_electronico/Portal/cont_borde_right.gif) top right repeat-y;
	margin: 0;
	/*padding-right: 4px;*/
	width: 771px;
	/*border-left: 1px solid #FF0000;*/
}

/*.contGralListado div.contenido[id=cont] {
	background: url(../Imagenes/catalogo_electronico/Portal/cont_borde_right.gif) top right repeat-y;
	margin: 0;
	padding-right: 4px;
	width: 782px;
}*/

.contGralListado div.pie {
	background: url(../Imagenes/catalogo_electronico/Portal/fondo_cont_gral_pie.gif) bottom left repeat-x;
	margin: 0;
}

.contGralListado div.pie div {
	background: url(../Imagenes/catalogo_electronico/Portal/cont_esq_inf_der.gif) bottom right no-repeat;
	margin: 0;
}

.tdListadoIzq {
	border-left: 1px solid #BABABA;
	border-top: 1px solid #BABABA;
	border-right: 1px solid #BABABA;
	background-color: #FBFBF9;
	padding: 18px;
	padding-top: 10px;
}

.tdListadoIzqProductos {
	border-left: 1px solid #BABABA;
	/*border-right: 1px solid #BABABA;*/
	background-color: #FBFBF9;
	/*padding: 15px;
	padding-top: 15px;*/

}

.listadoProductos
{

  font-size: 12px;	
  padding: 0;	
}
	

.listadoProductos ul 
{

	list-style-image: url(../Imagenes/Iconos/ic_flechita_listado.gif);
	margin-left: 10px;
	padding: 0;
}



.listadoProductos ul li {
	
	color: #062FC9;
	font-size: 12px;	
	padding: 0;	
	
}

.listadoProductos ul li a
{
	
	font-size: 12px;	
	color: #062fc9;
	text-decoration: none;
}

.listadoProductos ul li a:hover 
{
	
	color: #FFFFFF;
	background-color: #062FC9;
	font-size: 12px;
	text-decoration: none;		
}


.encabezadoOfertasDestacadas {
	border-top: 1px solid #EF7408;
	border-bottom: 1px solid #EF7408;
	padding: 5px 9px;
	background-color: #FFF3E8;
	text-align: left;
	color: #EF7408;
	font-size: 18px;
}

tr.FondoOfertasDestacadas td {
	background-color: #FFF3E8;
}

.encabezadoLosMasVendidos {
	border-top: 1px solid #21A321;
	border-bottom: 1px solid #21A321;
	padding: 5px 9px;
	background-color: #EFF9EF;
	text-align: left;
	color: #21A321;
	font-size: 18px;
}

tr.FondoLosMasVendidos {
	background-color: #EFF9EF;
}

.encabezadoDestacadosDelMes {
	border-top: 1px solid #209CE3;
	border-bottom: 1px solid #209CE3;
	padding: 5px 9px;
	background-color: #EFF8FD;
	text-align: left;
	color: #209CE3;
	font-size: 18px;
}

tr.FondoDestacadosDelMes {
	background-color: #EFF8FD;
}

.encabezadoAzul {
	border-top: 1px solid #0B63CB;
	border-bottom: 1px solid #0B63CB;
	padding: 5px 9px;
	color: #0B63CB;
	font-size: 18px;
	background-color: #DDEDFF;
}

.encabezadoAzulPequeno
{
	padding: 5px;
	color: #555555;
	font-family:Verdana !important;
	font-size: 12px;
	background-color:#f0f0f0;
}
.encabezadoAzulPequeno a:
{
    text-decoration:none;
    color: #555555;
    }
.encabezadoGrisIndicadorOrdenador {
	border-top: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	background-color: #F2F1EC;
	color: #626262;
	font-size: 11px;
	padding: 3px 15px;	
}

.encabezadoGrisIndicadorOrdenador2 {
	border-top: 1px solid #BCBCBC;
	border-bottom: 1px solid #BCBCBC;
	background-color: #F2F1EC;
	color: #626262;
	font-size: 11px;
	padding: 3px 5px;	
}

.encabezadoGrisIndicadorOrdenador3 {

	color: #666666;
	font-size: 12px;
	padding: 6px;	
	text-align:center;
}

.tablaListadoDestacados td {
	padding: 21px 20px 0px 20px;
	line-height: 16px;
}

.textoPrecioAnterior {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: line-through;
}

.contLineaSeparador {
	border-top: 1px solid #DFDFDF;
	padding: 0;
}

.paginadoPie {
	background-color: #F2F1EC;
	padding: 8px;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	font-size: 11px;
}

.texto10Blanco {
	font-size: 10px;
	color: #FFFFFF;
}

.texto12MarronPrecioProducto {
	color: #665520;
	font-size: 12px;
}

.texto12AzulPrecioProducto {
	color: #0B63CB;
	font-size: 12px;
}

.texto18RojoAdvertencia {
	color: #FF0000;
	font-size: 18px;
	font-weight: bold;
}

.texto18Azul {
	color: #0B63CB;
	font-size: 18px;
}

.texto18GrisOscuro {
	color: #696969;
	font-size: 18px;
}

.texto18Negro {
	color: #000;
	font-size: 18px;
	font-weight: normal;
}

.contLineaGrisOscuro {
	margin-top: 5px;
	margin-right: 10px;
	padding-bottom: 5px;
	border-top: 1px solid #696969;
}

.texto14AzulClaro {
	color: #0B63CB;
	font-size: 14px;
}

.texto14VerdeOscuro {
	color: #038200;
	font-size: 14px;
}

.texto13VerdeOscuro {
	color: #038200;
	font-size: 13px;
}

.botonVerDetalleProducto {
	float: right;
}

.indicMasVendido {
	color: #119211;
	font-size: 12px;
}

.indicDestacado {
	color: #1D8AC9;
	font-size: 12px;
}

.indicOferta {
	color: #FF4E00;
	font-size: 12px;
}

.titCategoria {
	color: #0B63CB;
	font-size: 24px;
	margin-left: 5px;
}

.titCategoria22 {
	color: #0B63CB;
	font-size: 22px;
	margin-left: 5px;
}

.titProducto {
	color: #000;
	font-size: 25px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.contBreadcrumb {
	color: #626262;
	font-size: 12px;
}

.contBreadcrumb a {
	color: #0006FF;
	font-size: 12px;
	text-decoration: underline;
}

.contBreadcrumb a:hover {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
	background-color: #062FC9;
}

.contPunteadoHorizontal {
	background-image: url(../Imagenes/catalogo_electronico/Portal/fondo_punteado_horizontal.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-bottom: 6px;
}

.contBloqueDer {
	position: absolute;
	left: 319px;
	top: 103px;
	width: 452px;
	height: 59px;
	padding: 0;
}

.contProductoDetalleFoto {
	background-color: #FFFFFF;
	border-left: 1px solid #BABABA;
	padding-left: 3px;
	padding-top: 5px;
}

.tablaDetalleProducto {
	border-top: 1px solid #BABABA;
}

.contSlideshow {
	color: #3574DD;
	font-size: 12px;
	margin-left: 10px;
}

.contAviso {
	background-color: #F9FFC1;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
}

.contAviso ul {
	list-style-image: url(../Imagenes/catalogo_electronico/Iconos/ic_advertencia.gif);
	padding-bottom: 0;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
}

.frmRegiones table tr td {
	color: #000;
	font-size: 12px;
}

.contRegionesRecordarSeleccion {
	background-color: #EFEFEF;
	padding: 7px 15px;
}

/* ================================================================
	SECCIÓN SUB SOLAPAS PRINCIPALES
	================================================================ */
	
.contSubSolapas {
	margin-top: 5px;
	float: left;
	/*position: absolute;*/
	left: -15px;
		top: 34px;
/*display: block;*/
	width: 437px;
	height: 29px;
	padding: 0;
	padding-top: 0px;
	margin-left: 15px;
	margin-bottom: -4px;
}

.subSolapas {
	list-style: none;
	padding: 0;
	margin: 0;
}

.subSolapas li {
	width: 109px;
	height: 29px;
	float: left;
	padding: 0;
	margin: 0;
	/* Esto es para el maldito Internet Explorer® */
	background-image: url(../Imagenes/catalogo_electronico/Portal/solapa_sub_off.gif);
	/* End of > Esto es para el maldito Internet Explorer® */
}

.subSolapas a {
	display: block;
	background-image: url(../Imagenes/catalogo_electronico/Portal/solapa_sub_off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #90917C;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 29px;
	width: 109px;
	padding: 5px;
	padding-left: 0;
	text-align: center;
}

.subSolapas a:hover {
	background-color: transparent;
	color: #0B63CB;
}
	
.subSolapas span {
	display: block;
	background-image: url(../Imagenes/catalogo_electronico/Portal/solapa_sub_on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
	padding: 5px;
	padding-left: 0px;
	color: #0B63CB;
	font-size: 12px;
	font-weight: bold;
	height: 29px;
	text-align: center;
}
	
	
/* ================================================================
	FIN SECCIÓN SUB SOLAPAS PRINCIPALES
/* ===============================================================
   SECCIÓN SOLAPAS PRINCIPALES
   =============================================================== */
	
	
.contSolapas {
	margin-right: 15px;
	margin-top: 0px;
	float: left;
	
	position: absolute;
	left: 10px;
	/*top: 105px;*/
	top:0px;
	/*display: block;*/
	width: 300px;
	height: 35px;
	padding: 0;
	padding-top: 60px;
	margin-left: 15px;
	margin-bottom: -4px;
	background-image: url(../Imagenes/Portal/logo_jpg.jpg);
	background-position: top left;
	background-repeat: no-repeat;	 
}

.solapas {
	list-style: none;
	padding: 0;
	margin: 0;
}

.solapas li {
	width: 93px;
	height: 31px;
	float: left;
	padding: 0;
	margin: 0;
	/* Esto es para el maldito Internet Explorer® */
	background-image: url(../Imagenes/catalogo_electronico/Portal/main_solapa_off.gif);
	/* End of > Esto es para el maldito Internet Explorer® */
}

/*.solapas {
	display: block;
	width: 100%;
	background-image: url(../Imagenes/catalogo_electronico/Portal/main_solapa_off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	padding: 5px;
	padding-left: 0px;
	z-index: 1;
	height: 31px;
	color: #90917C;
	font-size: 14px;
	font-weight: bold;
	width: 93px;
}*/

.solapas a {
	display: block;
	background-image: url(../Imagenes/catalogo_electronico/Portal/main_solapa_off.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color: #90917C;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	height: 31px;
	width: 93px;
	padding: 5px;
	padding-left: 0;
	text-align: center;
}

/*.solapas .off a:hover {
	color: #0B63CB;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}*/

.solapas a:hover {
	background-color: transparent;
	color: #0B63CB;
}

.solapas span {
	display: block;
	background-image: url(../Imagenes/catalogo_electronico/Portal/main_solapa_on.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
	padding: 5px;
	padding-left: 0px;
	color: #0B63CB;
	font-size: 14px;
	font-weight: bold;
	height: 32px;
	text-align: center;
}

/* ===============================================================
   FIN SECCIÓN SOLAPAS PRINCIPALES
   =============================================================== */
/*	SECCIÓN CONTENEDOR CUADRADO CON SOMBRA Grrr!
	=============================================================== */

.subContSombraGral {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_fondo_gral.gif) top left repeat-x;
	padding: 0;
	width: 100%;
}

.subContSombraGral div.SubDerecho {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_esq_sup_der.gif) top right repeat-y;
	margin: 0;
	padding: 0;
}

.subContSombraGral div.SubContenido {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_borde_right.gif) top right repeat-y;
	margin: 0;
	padding: 7px;
	padding-right: 4px !important;
	width: 100%;
}

.subContSombraGral div.SubPie {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_gral_pie.gif) top left repeat-x;
	margin: 0;
}

.subContSombraGral div.SubPie div {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_esq_inf_der.gif) top right no-repeat;
	margin: 0;
}

/* ===============================================================
	FIN SECCIÓN CONTENEDOR CON SOMBRA
	=============================================================== */
	
.subContSombraGralFicha {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_fondo_gral_ficha.gif) top left no-repeat;
	padding: 0;
	/*width: 500px;*/
}

.subContSombraGralFicha div.SubDerecho {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_esq_sup_der.gif) top right repeat-y;
	margin: 0;
	padding: 0;
}

.subContSombraGralFicha div.SubContenido {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_borde_right.gif) top right repeat-y;
	margin: 0;
	padding: 7px;
	padding-right: 4px !important;
	width: 100%;
}

.subContSombraGralFicha div.SubPie {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_gral_pie.gif) top left no-repeat;
	margin: 0;
}

.subContSombraGralFicha div.SubPie div {
	background: url(../Imagenes/catalogo_electronico/Portal/sub_cont_esq_inf_der.gif) top right no-repeat;
	margin: 0;
}
	
.contSubBuscador {
	padding: 10px;
	border-bottom: 1px solid #BCBCBC;	
}

.contItems {
	padding: 7px 0;
}

.selectorAccionesBottom {
	border: 1px solid #E4E5DA;
	background-color: #FBFBFA;
	padding: 15px;
	width: 765px;
	margin-top: 10px;
}

.fichaDatosProducto td {
	border-bottom: 1px solid #E4E4E1;
	color: #000;
	font-size: 13px;
	padding: 3px 3px 3px 0;
}

#fichaContSelectColor {
	background-color: #FCFCF2;
	border-top: 1px solid #BCBCBC;
	border-left: 1px solid #BCBCBC;
	padding: 10px 10px 20px 15px;
	color: #000;
	font-size: 13px;
}


/* ===============================================================
	SECCIÓN PROVEEDORES
	=============================================================== */
	
.bloqueProveedores {
	border: 1px solid #BCBCBC;
	font-size: 13px;
	color: #000;
	background-color: #FFFFFF;
}

.bloqueProveedores td {
	font-size: 13px;
	color: #000;
}

.bloqueProveedores td.cabecera {
	background-color: #0B63CB;
	padding: 4px;
	padding-left: 9px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.bloqueProveedores td.cabecera input {
	vertical-align: middle;
}

.bloqueProveedores td.izq {
	border-right: 1px solid #BCBCBC;
}

.bloqueProveedores .interior td {
	border-bottom: 1px solid #BCBCBC;
}

.bloqueProveedores .interior td table tr td {
	border-bottom: 0 none;
}

.bloqueProveedores .interior td.ultimoItem {
	border-bottom: 0 none;
}

.bloqueProveedores .interior div {
	margin-left: 14px;
	display: none;
}

.interiorCaracterisicasProd tr td {
	border-top: 1px solid #E1E1E1;
}

tr.seccionAgregarCarrito td {
	border-top: 1px solid #BCBCBC;
	background-color: #EFEFEF;
	border-right: 0 none !important;
	padding: 5px 5px 3px 5px;
}

.seccionResumen {
	padding: 12px 14px 5px 11px;
}

.seccionResumenOferta {
	background-color: #FFF3E8;
	padding: 12px 14px 5px 11px;
}

.suma {
	text-decoration: line-through;
}

.sumaOferta {
	color: #EF7408;
	text-decoration: line-through;
}

.tablaBusquedaConvenio {
	border: 1px solid #BCBCBC;
}

.tablaBusquedaConvenio td {
	border-bottom: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
	color: #000;
	font-size: 12px;
}

.tablaBusquedaConvenio thead td {
	background-color: #0B63CB;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.tablaBusquedaConvenio thead td.ofertas {
	background-color: #F47331;
}

.tablaBusquedaConvenio td.ofertasInterior {
	background-color: #FFFFF0;
}

.tablaBusquedaConvenio td.ofertasInteriorSinPadding {
	padding: 0 !important;
	background-color: #FFFFF0;
}

.ofertasInteriorTablaBordes tr td {
	border-bottom: 1px solid #E3E3E3;
	border-right: 0 none !important;
}

.ofertasInteriorTablaBordes tr.ultima td {
	border-bottom: 0 none;
}

.tablaFormAgregarProductos {
	border-top: 1px solid #BABABA;
}

.tablaFormAgregarProductos td {
	border-bottom: 1px solid #DADADA;
	color: #000;
	font-size: 13px;
}

.tablaFormAgregarProductos td.info {
	width: 184px;
	font-weight: bold;
}

.tablaFormAgregarProductos td.campos {
	background-color: #F2F1EC;
}

.errorContainer {
	padding: 7px;
	color: #FF0000;
	background-color: #FEFFC9;
	border: 1px solid #FF0000;
	margin: 15px;
	font-weight: bold;
	font-size: 13px;
}



/* ===============================================================
	SECCIÓN OFERTAS PRODUCTO V2
	=============================================================== */
	
.subTituloPrecioProveedor {
	/*border: 1px solid #BCBCBC;*/
	font-size: 13px;
	color: #000;
	font-weight:bold; 
	/*background-color: #FFFFFF;*/
}

.subTituloPrecioFinalProveedor {

	font-size: 14px;

}
.subTituloPrecioFinalProveedor2 {

	font-size: 22px;
	color:#4c990a;

}
.detalleAV {
	/*border: 1px solid #BCBCBC;*/
	font-size: 13px;
	color: #000;	
	/*background-color: #FFFFFF;*/
}
.cabeceraTD {
	padding: 4px;
	color:#135799;
	padding-left: 9px;
	font-size: 21px;
}
.cabeceraTD3 {
	padding: 4px;
	color:#666666;
	padding-left: 9px;
	font-size: 21px;
}
.cabeceraTD2 {
	padding: 4px;
	color:#135799;
	padding-left: 9px;
	font-size: 11px;
	font-weight:bold;
}

.tablaProveedor {
	border: 1px solid #BCBCBC;
		
}
.tablaProveedor2 {
	/*border: 1px solid #e5e5e5;*/
	
}
.tablaProveedor3 {
	border-bottom: 1px solid #e5e5e5;
	
}
.checkProvedoor {
	font-size: 11px;
	color:#135799;

}


.datosProducto td {
	border-bottom: 1px solid #E4E4E1;
	color: #000;
	font-size: 13px;
	padding: 3px 3px 3px 0;
}
.datosProducto2 td {
	border: 1px solid #dddddd;
	color: #555555;
	font-size: 11px;
	padding: 8px 8px 8px 8px;
	vertical-align:top;
	
}
.datosProducto2 td:hover {
	background-color:#f9f9f9;
	
}
.datosProducto3 td {
	border: 1px solid #dddddd;
	color: #555555;
	font-size: 11px;
	padding: 3px 8px 3px 8px;
	vertical-align:top;
	
}

/**propiedades CSS3**/
.queEs {
   -moz-border-radius:5px;  /* Firefox */
   -webkit-border-radius: 5px; /* Safari and Chrome */
   border-radius: 5px; /* Opera 10.5+, IE6+ usuando IE-CSS3 */
   
   /*behavior: url(hacks/ie-css3.htc);*/
}