/* Valores por defecto de la web */
body {
	background: #fff;
	color: #243966;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10pt;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width:100%;
}

/* Enlaces */
a 
{
	color: #069;
	background: inherit;
	text-decoration: none;
}

/* Enlaces al pasar por encima */
a:hover 
{
	color: #999; 
	background: inherit;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

/* Cuadros de texto */
input
{
	font-family:Tahoma, Geneva, sans-serif;
}

textarea
{
	font-family:Tahoma, Geneva, sans-serif;
}

/* Combos */
select
{
	font-family:Tahoma, Geneva, sans-serif;
}

/* Cabecera de la web */
.header { 
	width: 100%;
	height: 100%;
	background: #fff url(http://www.webtape.es/images/headerbg.png) repeat-x bottom;
	padding: 10px 0 0 0;
}

/*#ctl00_lblNombreUsu, #ctl00_tbUsu, #ctl00_panCred table tr{
	float:right;
}*/

/* Cuadro de login */
.btDesconectar
{
	font-size:7pt;
}

/* Cuadro de búsqueda y login */
.top_info {
	width: 620px;
	text-align:right;
	vertical-align:bottom;
}

/* Cuadro de búsqueda */
search_form
{
	padding-left:15px;
	text-align: right;
	vertical-align:middle;
	padding-right:4px;
}

input.search 
{
	width: 152px;
	border: 0;
	background: #FFF url(input.gif) no-repeat;
	color: #518DC4;
	height:19px;
	vertical-align:middle;
}

input.searchlogin
{
	width: 102px;
	border: 0;
	background: #FFF url(inputlogin.gif) no-repeat;
	color: #518DC4;
	height:19px;
	vertical-align:middle;
}

input.submit {
	background:url(submit.gif) no-repeat;
	border: 0;
	height:19px;
	width: 65px;
	text-align:center;
	vertical-align:middle;
	margin: 0 10px 1px 0;
	color: #FFF;
	font-weight:bold;
	font-size:1em;
	cursor:pointer;
}
#ctl00_btEntrar{
	color:#069;	
}

/* Separador de secciones en varias pantallas, sobretodo en la búsqueda avanzada */
.separadorBusqueda
{
	border-bottom:solid 1px #5FA3E0;
	font-size:12pt;
	font-weight:bold;
}

/* Mensaje de carga de página */
.marcoMensajeCargando
{
	display:block;
	position:absolute;
	top:10px;
	left:10px;
}

.mensajeCargando
{
	background-color: #BBDCF9;
	border: thistle 1px dotted;
	color: #FFF;
	font-weight:bold;
	font-size:11pt;
}

.marcoMensajeCargandoAJAX
{
	position: absolute;
	top:40%;
	left:40%;
}

/* Barra de menú. Mejor no cambiar las posiciones pq descuadran */
.bar 
{
	position:relative;
	top:-1px;
	z-index:1;
	height: 40px;
	width:100%;
	background: #999 url(menubg.gif) repeat-x;
}

.totalArticulos
{
	font-weight:bold;
	font-style:italic;
	font-size:8pt;
	color: White;
	vertical-align:top;
	width:100%;
}

.barMenu
{
	text-align:right;
}

.mac {
    padding:9px;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    line-height:10px;  
    width:110px;    
	color:White;
}

.mac:hover
{
	color:White;
}

.submac
{	
	font-size:14px;
	text-decoration:none;
	text-align:left;
	border:solid 1px #5FA3E0;	
	padding-left:15px;
	position:relative;
	color:White;
}

.submac:hover
{
	color:White;
}

.submacitem
{
	margin-bottom:1px;
	background: #FF9148 url(submenubg.png) repeat-x;
	color:White;	
	height:20px;	
	width:150px;
	color:White;
}

.submacitem:hover
{
	color:White;
}

.submacitemHover
{		
	text-decoration:none;		
	background: url(submenubgHover.png) repeat-x;
	font-size:16px;
	color:White;
}

/* La plantilla de la web está a 3 columnas */
.spanMasterIzq
{			
	float:left;	
	vertical-align:top;
	valign:top;
	padding:3px;
}

.spanMasterGen
{		
	display:-moz-inline-box; 
	-moz-box-orient:vertical;
    display:inline-block;
	vertical-align:top;
	valign:top;		
	padding:3px;
}

.spanMasterDer
{	
	float:right;
	vertical-align:top;
	valign:top;	
	padding:3px;
}

/* Pie de página */
.piePagina
{
	text-align:center;
	font-size:8pt;
	width:100%;
}

.piePaginaImagen
{
	text-align:center;
	width:100%;
}

/* Artículos del escaparate */
.cabeceraEscaparate
{
	background: #069 url(h2bg.gif) no-repeat center left;
	padding-left:45px;
	color: #fff;
	font-weight:bold;
	font-size:14pt;
	text-align:center;
	height:27px;
}

.nombreEscaparate
{
	font-weight:bold;
	font-size:13pt;
	text-align:justify;
	vertical-align:top;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	display:block;
}

.imagenEscaparate
{
	vertical-align:middle;
	height:100%;
}

.fondoPrecioEscaparate
{
	background-image:url(fondoPrecioPortada.png);
	background-repeat:no-repeat;
}

.precioEnteroEscaparate
{
	font-size:38pt;
	font-weight:bold;
	color:red;
	vertical-align:middle;
	font-style:italic;
	text-align:right;
	width:100%;
}

/* Necesario para el bug de IE con las cursivas */
* html precioEnteroEscaparate {
	margin-left: 0;
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	zoom: 1;
}

.precioDecimalEscaparate
{
	font-size:15pt;
	font-weight:bold;
	color:red;
	font-style:italic;
}

.ivaEscaparate
{
	font-size:7pt;
	color:red;
}

.caracteristicasEscaparate
{		
	background-color:#F3F9FF;
	vertical-align:top;				
	border-right:solid 1px #B6D9F9;
	border-bottom:solid 1px #B6D9F9;	
	border-top: #5592CA thin solid;
	text-align:left;
}

/* Mapa web */
.mapaWebNumRegistros
{
	float:right;
	font-size:9pt;
	font-style:italic;
	font-weight:bold;
	color:#069;
	vertical-align:middle;
}

/* Bordes sombreados */
.borde1{width:100%;float:left;border-left:1px solid #EAF3FB; border-top:1px solid #EAF3FB; border-right:1px solid #BCE3F9;border-bottom:1px solid #BCE3F9;}
.borde2{width:100%;float:left;border:solid #DEF0F9; border-width:0px 1px 1px 0px;}
.borde3{width:100%;float:left;border:solid #EAF3FB; border-width:0px 1px 1px 0px;}
.borde4{width:100%;float:left;border:solid #F5FBFD; border-width:0px 1px 1px 0px;}

/* Menu categorias. Tocar solo colores */
input.btCat
{
    cursor:pointer;
    color: #069;
    text-decoration: none;
    background-image:none;
    background-color:Transparent;
    text-align:left;
    width:155px;
    border:0;
    margin:0;
    padding:0;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

input.btJerCat
{
    cursor:pointer;
    color: #518DC4;
    font-size:8pt;
    font-style:italic;
    background: inherit;
    text-decoration: none;
    background-image:none;
    background-color:Transparent;
    text-align:left;
    border:0;
    margin:0;
    padding:0;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.cabeceraCategoria
{
	background-image:url(bgFooter.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#F4F9FF;
	border-bottom: #B6D9F9 1px solid;
}

.imagenCabeceraCategoria
{
	width:50px;
	border:#CAC9C9 1px solid;
}

.textoCabeceraCategoria
{
	font-weight:bold;
	font-size:10pt;
}

.cabeceraJerarquiaCat
{
	background-color:#FAFAFA;
	border-bottom: #B6D9F9 1px solid;
}

.contenedorCategorias
{
	background-color:#FFFFFF;
}

/* Se usan en todas las páginas como marcos de secciones */
.Marco
{
	padding-bottom:5px;	
	vertical-align:top;		
}

.CabeceraMarcoIzq
{	
	background: #069  url(h2bg.gif) no-repeat left;	
	text-align:left;
	height:29px;	
}

.TituloMarcoIzq
{
	font-size:12pt;	
	color: #fff;
	padding-left:45px;			
	padding-top:5px;
}

.CabeceraMarcoDer
{		
	background: #069  url(h3bg.gif) no-repeat right;		
	height:29px;
	text-align:left;	
}	

.TituloMarcoDer
{
	font-size:12pt;	
	color: #FFF;			
	padding-top:5px;
}

.InteriorMarco
{		
	background-color:#ccc;
	vertical-align:top;				
	border-right:solid 1px #B6D9F9;
	border-bottom:solid 1px #B6D9F9;	
}

/* Formato de cada artículo que se muestra dentro de cada categoría */
table.Articulo {
    border-bottom: solid 1pt #B6D9F9;
    background-color:#F3F9FF;
    width:100%;
   } 
   table.Articulo td.Img {
    vertical-align:top;
   }
   table.Articulo td.Img img 
   {	
	width:100px;
    margin-top:10px;
    cursor:pointer;        
   }      
   table.Articulo td.Cuerpo 
   {	 
	width:100%;
    margin-top:10px;
    text-align:left;
   }    
   table.Articulo td.Cuerpo div.Iconos {
    vertical-align:bottom;   
    margin-top:10px;      
   }       
   table.Articulo td.Precios {
    vertical-align:middle;
    align:right;
   }   
   table.Articulo td.Precios .Precio {
    font-size:14pt;
    color:Red;    
   }   
   table.Articulo td.footer{
    clear:both;
    background-image:url(bgFooter.jpg);
    background-repeat:repeat-x;
    background-position:bottom;
   }     

/* Ficha del articulo */
.contenedorArticuloFicha
{
	text-align: justify;
	height:100px;
	width:100%;
	display:inline;
}

.nombreArticuloFicha
{
	font-size:14pt;
	color:#518DC4;
	font-weight:bold;
	width:98%;
}

.imagenArticuloFicha
{
	vertical-align: middle;
	width:100px;
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.Chroma(Color=#FFFFFF);
}

.pieImagenArticuloFicha
{
	font-size: 7pt;
}

.popUpArticuloFicha
{
	font-size: 8pt;
	font-style: italic;
	position: relative;
	left: 157px;
}

.atributosArticuloFicha
{
	font-style:italic;
}

.PVPTituloArticuloFicha
{
	font-size:14pt;
}

.PVPArticuloFicha
{
	font-size:15pt;
	font-weight:bold;
	color:Red;
	font-style:italic;
}

.IVAArticuloFicha
{
	position:relative;
	top:-7px;
	color:Red;
	font-size:7pt;
}

.caracteristicasBasicasCabeceraArticuloDetalle
{
	border: solid 1pt #5FA3E0;
	font-family:Tahoma, Geneva, sans-serif;
}

.caracteristicasBasicasNombreArticuloDetalle
{
	font-weight:bolder;
}

.productosRelacionadosArticuloDetalle
{
	font-family:Tahoma, Geneva, sans-serif;
	width:100%;
}

/* Listado de artículos */
.tituloOrdernarPor
{
	float:left;
	font-size:10pt;
	color:#FFFFFF;
	margin-top:3px;
}

.enlaceOrdenarPor
{
	text-decoration:none;
	font-size:10pt;
	color:#FFFFFF;
	font-weight:bold;
}

.marcoNumRegsArticulos
{
	float:right;
	font-size:10pt;
	color:#FFFFFF;
	margin-right:45px;
}

.comboNumRegsArticulos
{
	vertical-align:middle;
}

.numRegsArticulos
{
	float:right;
	font-size:10pt;
	color:#FFFFFF;
	margin-top:3px;
}

.paginadoArticulos
{
	height:16px;
	width:100%;
}

.marcoFiltrosArticulos
{
	width:220px;
	margin-top:-3px;
}

/* Para productos similares, comparaciones y detalles de productos */
#ArticuloDestacado
{
	font-size: 9pt;	
}

.articuloDestacadoPVP
{
	font-size:14pt;
	color:Red;
	font-weight:bold;
	text-align:right;
}

.articuloDestacadoIVA
{
	vertical-align:top;
	line-height:5px;
	position:relative;
	text-align:right;
	color:Red;
	font-size:7pt;
}

.articuloDestacadoStock
{
	font-size:7pt;
	text-align:right;
}

/* Botones de confirmación (Añadir, Aceptar, Volver...) */
*|.p-button *|td *|div
{
	background-color: transparent;
	background-image: url(but/but_bg.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	height: 18px;
	font-size: 90%;
}

.p-button td div 
{
	background-color: transparent;
	background-image: url(but/but_bg.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	height: 18px;
	font-size: 90%;
}

.p-button td div input 
{ 
	background-color:transparent;
	border-style:none;	
	font-size:10pt;	
	cursor:pointer;
	text-decoration:none;
}

.p-button td div a,.p-button td div a:link:visited:,.p-button td div a:hover,.p-button td div a:visited
{ 
	background-color:transparent;
	border-style:none;	
	font-size:10pt;	
	cursor:pointer;
	text-decoration:none;	
	color:black;	
}

.p-button td, .p-button-disabled td 
{
	background-color: transparent;
	background-image: url(but/but_bg_side.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	text-align: center;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	white-space: nowrap;
}

.p-button td, .p-button-disabled td 
{
	background-color: transparent;
	background-image: url(but/but_bg_side.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	text-align: center;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	white-space: nowrap;
}

/* Filtro de marcas */
.filtroMarcaNumRegs
{
	float:right;
	font-size:7pt;
	font-style:italic;
	color:#468AC8;
	vertical-align:middle;
}

.filtroMarcaContraer
{
	cursor:pointer;
	float:left;
	font-size:10pt;
	font-style:italic;
	padding-left:7px;
}

/* Filtro de precios */
.preciosFiltro
{
	padding-top:15px;
	width:100%;
	text-align:center;
}

.preciosTexto
{
	width:45px;
	text-align:right;
	font-size:9pt;
}

/* Usado en el filtro de características de la categoría */
.linkTipoAtributo
{
	padding-left:6px;
	padding-top:2px;
	padding-bottom:4px;
	background-position:top left;
	background-repeat:no-repeat;
}

.divPrincTipoAtr
{
	border-right: #B6D9F9 1px solid;
	border-top: #B6D9F9 1px solid;
	border-left: #B6D9F9 1px solid;
	border-bottom: #B6D9F9 1px solid;
	background-image:url(bgItem.jpg);
	background-repeat:repeat-x;
	background-color:White;
	width:200px;
}

.cerrarTipoAtr
{
	font-size:9pt;
	font-style:italic;
	position:relative;
	top:expression(this.offsetParent.scrollTop);
	float:right;
}

.verMasFiltroAtributos
{
	font-size:10pt;
	font-style:italic;
}

.elementoTipoAtributo
{
	align:right;
	font-size:7pt;
	color:#468AC8;
	font-style:italic;
}

/* Artículos en el comparador */
.fondoListaComparacion
{
	background-color:#B9DCFC;
}

.elementoListaComparacion
{
	background-color:#FFFFFF;
}

.imagenListaComparacion
{
	width:100px;
	height:75px;
	filter:progid:DXImageTransform.Microsoft.Chroma(Color=#FFFFFF);
}

.pieListaComparacion
{
	font-size:smaller;
}

.tablaComparador
{
	background-color:#B9DCFC;
}

.fondoCeldaComparador
{
	background-color:#FFFFFF;
}

.fondoCaracteristicaComparador
{
	background-color:#FFFFFF;
	font-weight:bold;
}

/* Búsqueda avanzada */
.marcoResultadosBusqueda
{
	border: solid 1pt #5FA3E0;
	width:100%;
}

.elementoResultadosBusqueda
{
	font-size:8pt;
	font-style:italic;
}

.escogerCategoriaBusqueda
{
	font-weight:normal;
}

/* Carrito */
.sesionNoIniciadaCarrito
{
	background-color:#ffa07a;
}

.tablaCarrito
{
	border-right: #5FA3E0 1px solid;
	border-top: #5FA3E0 1px solid;
	border-left: #5FA3E0 1px solid;
	border-bottom: #5FA3E0 1px solid;
	width:100;
}

.pieTablaCarrito
{
	border-top: #5FA3E0 1px solid;
	background-color:#FFFFFF;
}

.totalTablaCarrito
{
	background-color:#8AC5F9;
	color: #FFF;
	font-style:italic;
	font-weight:bold;
	font-size:12pt;
	text-align:right;
}

/* Pantalla de confirmación de pedido */
.tablaConfirmacionPedido
{
	border-right: #5FA3E0 1px solid;
	border-top: #5FA3E0 1px solid;
	border-left: #5FA3E0 1px solid;
	border-bottom: #5FA3E0 1px solid;
	width:100%;
}

.pieTablaConfirmacionPedido
{
	border-top: #5FA3E0 1px solid;
	background-color:#FFFFFF;
}

.totalTablaConfirmacionPedido
{
	background-color:#8AC5F9;
	color: #FFF;
	font-style:italic;
	font-weight:bold;
	font-size:12pt;
	text-align:right;
}

/* Pantalla de bienvenida al usuario */
.textoBienvenida
{
	font-size: 12pt;
	font-style:italic;
}

/* Contenido del paquete */
.cabeceraDetallePedido
{
	background-image:url(bgFooter.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#518DC4;
	font-size:11pt;
}

.filaDetallePedido
{
	border-bottom:solid 1px #468AC8;
}

.portesDetallePedido
{
	font-style:italic;
	font-weight:bold;
	text-align:right;
	border-bottom:solid 1px #468AC8;
}

.totalDetallePedido
{
	font-style:italic;
	font-weight:bold;
	text-align:right;
}

/* Estado del pedido */
.cabeceraEstadoPedido
{
	background-image:url(bgFooter.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#518DC4;
	font-size:11pt;
}

/* Listado de pedidos del usuario */
.cabeceraListadoPedidos
{
	background-image:url(bgFooter.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#518DC4;
	font-size:11pt;
}