/* Hoja de estilos CSS Venta On-Line */


/* ESTILOS GENERALES */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	background-color:#993300;
	background-image:url(images/fondo.gif);
	background-repeat:repeat-x;
}

div, h1, h2, h3, h4, h5, p, form, input, select, textarea,table, td,img,ul, li {
	margin:0px;
	padding:0px;
	border:0px;
	text-decoration:none;
	text-transform:none;
	font-weight: normal;
	font-size:11px;
}

p{
	margin-bottom:6px;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color:#606060;
	border: 1px solid #999;
	padding:2px;
	vertical-align: middle;
	font-size:11px;
}

input.chkbox{
	border:0px;
}

table{
	border-collapse:collapse;
}

/*  Página de entrada  */

.seleccionar{
color:#FFF;
font-size:18px;
text-align:center;
}

.ent_mensaje{
font-size:12px;
color:#000;
}

.bienvenido{
color:#FCBF98;
font-size:40px;
text-align:center;
}

.bienvenido span{
color:#ffffff;
}
.contamos{
color:#FCBF98;
font-size:28px;
text-align:center;
}

/* Estilo gnérico de los Hyper-Enlaces */

A:link
{	
	text-decoration: none;
	color: #606060;
}	
		
A:visited
{	
	text-decoration: none;
	color: #606060;
}	
		
A:active
{	
	text-decoration: none;
	color: #606060;
}	
		
A:hover
{	
	text-decoration: none;
	color: #FF6600;
}

/* ERRORES */

#no_js{
position: absolute;
top: 0px;
left: 0px;
z-index:2000;
width: 100%;
height: 100%;
margin:0;
padding:0;
background-color: #FFF;
}

#logotipo_nojs{
	position:relative;
	width:738px;
	margin:auto;
	margin-top:20px;
	background-image:url(images/errores/logotipo.gif);
	background-repeat:no-repeat;
}

#central_nojs{
	padding:30px;
	position:relative;
	width:678px;
	height:163px;
	margin:auto;
	background-image: url(images/errores/fondo.jpg);
	background-repeat: no-repeat;
}

.err_js{
margin-left:34px;
margin-bottom:20px;
font-weight:bold;
text-transform:uppercase;
}

#central_nojs a{
color:#D61C38;
}

.campo_error{
border: 1px solid #FF0000;
}

/*ALERTAS*/

#contenedor_alertas{
position:relative;
width:960px;
margin:auto;
}

#cabecera_alertas{
position:relative;
width:100%;
background-image:url(images/errores/alerta_fondo.jpg);
height:35px;
}

#cabecera_alertas p{
position:absolute;
top:14px;
left:54px;
}

#contenido_alertas{
position:relative;
width:100%;
background-image:url(images/errores/alerta_fondo_cont.jpg);
background-repeat:repeat-y;
}

#contenido_alertas p{
	padding-bottom:12px;
	position:relative;
	left:54px;
	width:850px;
	text-indent: -6px;
	margin-bottom:0px;
}

#pie_alertas{
position:relative;
width:100%;
height:18px;
background-image:url(images/errores/alerta_pie.jpg);
}

/* MENU SUPERIOR */
/* Preguntas frecuentes, contacto  */

.menu_superior a{
color:#FFF;
font-size:14px;
font-weight:bold;
margin-left:6px;
margin-right:6px;
text-decoration:none;
}

/* Margen izquierdo con el treeView y el Expert responde */

.izda{
background-image:url(images/sep_bloques.gif);
margin-bottom:20px;
}

/* Títulos del cuerpo central */
/* Nuestro escaparate, Descripción de la familia, etc  */

.cabecera_prods{
	color:#606060;
	font-size:18px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom:5px;
}

/* Títulos del margen izquierdo */

.tits_izd{
color:#000000;
font-size:18px;
font-weight:bold;
text-align:left;
}

/* Hypervínculos de promociones */

.Promociones{
color:#606060;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

/* Teléfono de Expert Responde */

.telefono{
color:#000;
font-size:26px;
font-weight:bold;
text-align:center;
}

/* Texto del mapa de cobertura */

.texto_mapa{
color:#606060;
}

/* Hyperenlaces Aviso legal, Condiciones de venta, email, Requisitos  */
/* del pie del documento.  */

.pie{
color:#dfbeae;
}

.pie  a{
color:#dfbeae;
text-decoration:none;
}

.pie  a:hover{
color:#ffffff;
}

/* Listado y Ficha de artículos */

.nomb_marca{
color:#ff6600;
font-weight:bold;
font-size:14px;
}

.descrip{
color:#333;
font-size:12px;
padding-bottom:4px;
font-weight:bold;
}

.descrip2{
color:#666;
font-size:11px;
padding-bottom:4px;
}

.precio{
color:#ff6600;
font-size:18px;
font-weight:bold;
}

.precio_ant{
color:#999;
font-size:16px;
font-weight:bold;
}

.caract_esp{
color:#FF6600;
font-size:11px;
font-weight:bold;
}

.precio_expl{
color:#999;
}

/* Caja del grid de artículos de la portada */

.borde_prod{
border: 1px solid #ccc;
}

/* Comentario del artículo destacado */

.comen_destacado
{
	font-size: 22px;
	font-weight:bold;
	color: #333;
	padding-bottom:15px;
}

/* Caja del precio del artículo destacado */

.precio_destacado{
	font-size: 28px;
	font-weight:bold;
	color:#ffffff;
}

/* Línea de separación del grid de artículos */

.list_prod{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	padding-top:10px;
	padding-bottom:10px;
}

/* Hyperenlaces del regalo y la oferta del grid de artículos */

.enlaces_grid
{
	font-weight:bold;
	text-decoration: none;
	color: #606060;
}

.enlaces_grid  a
{
	font-weight:bold;
	text-decoration: none;
	color: #606060;
}

.enlaces_grid  a:hover
{
	font-weight:bold;
	text-decoration: none;
	color: #FF6600;
}

/* Paginación del grid de artículos */

.paginacion{
color:#666;
}

/* Contacto */

.fond_contacto{
background-image:url(images/fond_contacto.gif)
}

.cel_direccs{
font-size:14px;
color:#FFF;
font-weight:bold;
}

.cel_ped{
font-size:12px;
color:#FFF;
font-weight:bold;
}

.cel_ped a{
font-size:12px;
color:#FFF;
font-weight:bold;
text-decoration: underline;
}

.frm_contact tr td{
padding-bottom:4px;
padding-top:4px;
color:#FFF;
font-weight:bold;
}

/* Cesta de la compra */

.tits_carro{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#999;
padding-bottom:8px;
}

.tit_pro{
color:#999;
font-size:13px;
}

.itm_carro{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color:#999;
padding-bottom:8px;
padding-top:8px;
}

.itm_carro2
{
background-color: #f3f3f3;
padding-left:15px;
padding-bottom:10px;
padding-top:10px;
}

.ref_itm, .ref_itm a{
color:#FF6600;
font-weight:bold;
font-size:12px;
}

.ref_itm span{
color:#666;
font-weight:normal;
font-size:12px;
}

.det_itm{
color:#666;
font-weight:bold;
font-size:12px;
}

.chk_itm{
color:#666;
font-weight:normal;
padding-top: 5px;
font-size:11px;
}

.CestaVacia{
border-width: 1px;
border-bottom-style: solid;
border-top-style: solid;
border-color:#999;
padding-top:8px;
padding-bottom:8px;
}

.CestaVacia2{
background-color: #f3f3f3;
padding-bottom:10px;
padding-top:10px;
}

.ItemCestaVacia{
color:#FF6600;
font-size:16px;
text-align:center;
}

.Total{
color:#FF6600;
font-weight:bold;
font-size:15px;
}

.Total span{
color:#666;
font-weight:normal;
font-size:12px;
}

/* Preguntas frecuentes */

.tit_preg{
color:#454545;
font-size:19px;
font-weight: normal;
padding-top:40px;
padding-bottom:10px;
}

.pregunta{
color:#fc670c;
font-size:13px;
font-weight:bold;
padding-top:20px;
padding-bottom:10px;
}

.respuesta{
font-size:12px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dotted;
border-bottom-style: dotted;
border-top-color: #FF6600;
border-bottom-color: #FF6600;
padding-top:10px;
padding-bottom:10px;
color: #454545;
}

/* Condiciones de venta, Aviso legal, Requisitos técnicos */

.textos_legales
{
font-size:12px;
color: #454545;
}

/* Datos personales del cliente */

.fondo_log
{
background-image:url(images/fondo_expert.gif);
background-repeat:no-repeat;
height:164px;
}

.tit_bl{
color:#FFF;
font-weight:bold;
font-size:16px;
}

.tit_bl_2{
color:#FFF;
font-size:16px;
}

.re_cont{
color:#fff;
}

.re_cont a{
color:#fff;
text-decoration:underline;
}

.cam_prov a{
font-weight:normal;
}

.tabla_form tr td.gen{
border: 1px solid #FF9900;
padding:10px;
}

.tit_gr{
color:#FF6600;
font-weight:bold;
font-size:16px;
padding-top:4px;
padding-bottom:10px;
}

.s_tit{
color:#FF6600;
font-weight:bold;
padding-top:4px;
padding-bottom:10px;
}

.frm_cnt tr td{
padding:6px;
color:#000;
font-weight:bold;
}

.pie_legal a{
color:#FF6600;
text-decoration:underline;
}

/* Resultado de la compra */

.fin_gracias
{
font-size:12px;
}

.fin_nombre{
font-size:12px;
color:#FF6600;
font-weight:bold;
}

.cel_ped{
font-size:13px;
color:#FFF;
font-weight:bold;
}

.cel_direccs{
font-size:14px;
color:#FFF;
font-weight:bold;
}

.datos1, .datos1 p{
font-size:12px;
}

.datos2, .datos2 p{
font-size:11px;
}

.fin_est{
color:#FF6600;
}

/* TextBoxs de servidor. El Width he de ponerlo como estilo para que me lo coja el Mozila Firefox */

.txtCodPostalEntrada{
width:50px;
color:#FF6600;
font-size:12px;
}

.cboProvinciaEntrada{
width:300px;
color:#FF6600;
font-size:12px;
}

.cboLinea{
width:170px;
}
.txtContactoNombre{
width:300px;
}

.txtContactoPoblacion{
width:300px;
}

.txtContactoEmail{
width:300px;
}

.txtContactoTelefono{
width:130px;
}

.txtContactoMensaje{
width:470px;
height:85px;
}

.txtClienteAccesoUsuario{
width:125px;
}

.txtClienteAccesoPassword{
width:125px;
}

.txtClienteRecordarEmail{
width:300px;
}

.txtClienteEmail{
width:300px;
}

.txtClienteEmailRepetir{
width:300px;
}

.txtClienteEntNombre{
width:350px;
}

.txtClienteEntDireccion{
width:350px;
}

.txtClienteEntPoblacion{
width:300px;
}

.txtClienteEntProvincia{
width:200px;
}

.txtClienteEntCodPostal{
width:50px;
}

.txtClienteEntTelefono{
width:150px;
}

.txtClienteEntNif{
width:150px;
}

.txtClienteFacNombre{
width:350px;
}

.txtClienteFacDireccion{
width:350px;
}

.txtClienteFacPoblacion{
width:300px;
}

.cboClienteFacProvincia{
width:200px;
}

.txtClienteFacCodPostal{
width:50px;
}

.txtClienteFacTelefono{
width:150px;
}

.txtClienteFacNif{
width:150px;
}

.txtClienteComentario{
width:600px;
height:80px;
}

.txtClienteUsuario{
width:125px;
}

.txtClientePassword{
width:125px;
}

.txtClientePasswordRepetir{
width:125px;
}

.txtClavePromocional
{
color:#FF6600;
font-size:13px;
width:200px;
}

/* Conectando con la pasarela de pago */

.conec_pas{
color:#ff6600;
font-size:20px;
padding-top:5px;
padding-bottom:5px;
}

.borde_conec_pas{
border-width: 1px;
border-bottom-style: solid;
border-top-style: solid;
border-color:#ff6600;
padding-top:10px;
padding-bottom:10px;
}

/* Anuncio portada */

.anuncio
{
font-size:27px;
color: #FFFFFF;
background-color:#FF6600;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}