﻿body
{
    font-family: Tahoma;
    font-size: 11px;
    background-color: #454545;
    color: #5b6065;
}

img 
{
    border: 0;
}

h1, h2, h3
{
    margin: 0;
}

#pagina
{
    width: 740px;
    margin: 0 auto 0 auto;
    background-color: white;
    padding: 30px;
    overflow: hidden;
}

#left
{
    width: 200px;
    float: left;
}

#logo 
{
    float: left;
    background: url(Imagenes/Master/lubriropa.jpg) no-repeat;
    width: 200px;
    height: 90px;
}

#logo a
{
    width: 200px;
    height: 90px;
    display: block;
}

#logo span
{
    display: none;
}

#personal
{   
    margin-left: 5px;
    float: left;
    width: 534px;
    height: 56px;
    background: url(Imagenes/Master/fondocesta.jpg) no-repeat;
}

#personal-ul
{
    margin: 0;
    padding: 0;
}

#buscador-li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    background: url(Imagenes/Master/puntosverticales.jpg);
}

#usuario-li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#cesta-li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

#buscador
{
    width: 245px;
    height: 42px;
    float: left;
    padding-top: 18px;
    padding-left: 15px;
    background: url(Imagenes/Master/puntosverticales.jpg) no-repeat;
    background-position: right;
}

#cesta
{
    float: left;
    width: 125px;
    padding-top: 9px;
    padding-left: 3px;
    text-align: center;
}

#cesta a
{
    color: #d67633;
    font-weight: bold;
    text-decoration: none;
}

#cesta img
{
    float: left;
    margin-right: 5px;
}

#cesta p 
{
    margin-top: 7px;
    *margin-top: 17px;
}

#ctl00_usuario
{
    width: 120px;
    height: 55px;
    float: left;
    background: url(Imagenes/Master/puntosverticales.jpg) no-repeat;
    background-position: right;
}

#ctl00_usuario a
{
    color: #585a5c;
}

#ctl00_usuario ul
{
    margin: 0px;
    margin-top: 13px;
    padding: 0;
}

#ctl00_usuario li
{
    list-style-position: inside;
    list-style-image: url(Imagenes/Master/flecha.jpg);
    height: 18px;
    padding-left: 5px;
}

#menuflash
{
    float: left;
    margin-top: 4px;
    margin-left: 5px;
}

#flash
{
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

#menu
{
    margin-top: 5px;
    float: left;
}

#menu a
{
    padding: 5px;
    height: 15px;
    width: 172px;
    display: block;
    text-decoration: none;
    background-color: #efefef;
    color: #3a78a8;
    font-weight: bold;
}

#menu a:hover
{
    background-color: #c3c3c3;
}

#productos_menu
{
    padding-bottom: 5px;
}

#titulo_productos_master
{
    height: 30px;
    width: 200px;
    background: url(Imagenes/Master/titulo_productos.jpg) no-repeat;
}

#titulo_productos_master span
{
    display: none;
}

#informacion
{
    padding-bottom: 5px;
}

#titulo_informacion
{
    margin-top: 5px;
    height: 30px;
    width: 200px;
    background: url(Imagenes/Master/titulo_informacion.jpg) no-repeat;
}

#titulo_informacion span
{
    display: none;
}

#menu_usuario
{
    float:left;
}
#titulo_usuario
{
    margin-top: 5px;
    height: 30px;
    width: 200px;
    background: url(Imagenes/Master/titulousuariopeque.jpg) no-repeat;
}
#titulo_usuario span
{
    display: none;
}

.items ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.items li
{
    margin-top: 8px;
    margin-left: 3px;
    /*height: 15px;*/
}

.items li a
{
    cursor: pointer;
}

.items
{
    width: 188px;
    border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.items2 a
{
    background-color: #ffffff !important;
}

.items2 a:hover
{
    background-color: #efefef !important;
}

.pie
{
    width: 200px;
    height: 8px;
    background-image: url(Imagenes/Master/piemenu.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}

#pie
{
    float: left;
    margin-top: 5px;
    text-align: center;
    padding-top: 25px;
    height: 25px;
    width: 738px;
    background: url(Imagenes/Master/fondopie.jpg) no-repeat;
}

#contenido
{
    margin-left: 5px;
    margin-top: 5px;
    width: 533px;
    float: left;
}

/************** Portada **********************/

#titulo_portada
{
    margin-right: 5px;
    height: 30px;
    width: 533px;
    background: url(Imagenes/Default/titulo_novedades.jpg) no-repeat;
}

#titulo_portada span
{
    display: none;
}

#portada
{
    width: 533px;
    height: 350px;
    background: url(Imagenes/Default/fondo_portada.jpg) no-repeat;
}

.marco_foto
{
	float:left;
	margin-left: 8px;
	margin-top: 7px;
	margin-right: 5px;
	padding: 1px;
	background-color: White;
	border: solid 1px #efefef;
}

.datos_foto
{
	width:130px;
	height:96px;
	float:left;
	padding-top:17px;
}

.boton_producto
{
	clear:both;
	margin-top: 5px;
	float:left;
	width: 100%;
}

.precio
{
	font-weight:bolder;
	font-size:larger;
}


/************** Productos **********************/

#titulo_productos
{
    margin-right: 5px;
    height: 30px;
    width: 533px;
    background: url(Imagenes/Productos/titulo_productos.jpg) no-repeat;
}

#productos
{
    width: 491px;
    border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
    float: left;
    padding: 20px;
}

#pie_productos
{
    width: 533px;
    height: 8px;
    background-image: url(Imagenes/Productos/pie_productos.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    clear: both;
}

#paginacion_productos table
{
    margin: 10px auto 0 auto;
}

#paginacion_productos_pie
{
    width: 531px;
    float: left;
}

#paginacion_productos_pie table
{
    margin: 10px auto 0 auto;
}

.marco_producto
{
    margin-top: 15px;
    margin-left: 15px;
    width: 239px;
    border: solid 1px #efefef;
    float: left;
}

.producto
{
    margin: 1px;
    padding-top:3px;
    background-color: #efefef;
    width: 237px;
    height: 148px;
}

.info
{
    background-image: url(Imagenes/Master/info.jpg);
    width: 40px;
    height: 13px;
    display: block;
    margin: 0 auto 0 auto;
}

.info span
{
    display: none;
}

.cesta
{
    background-image: url(Imagenes/Master/AnadirCesta.jpg);
    width: 107px;
    height: 23px;
    display: block;
}

.cesta span
{
    display: none;
}

/************** Producto **********************/

#titulo_producto
{
    margin-right: 5px;
    height: 30px;
    width: 533px;
    background: url(Imagenes/Producto/titulo_producto.jpg) no-repeat;
}

.marco_producto_grande
{
	width: 500px;
	margin-top: 10px;
	margin-left: 10px;
	border: solid 1px #c3c3c;
}

.producto_grande
{	
	margin: 1px;
	background-color: #efefef;
	padding: 10px;
}

/* Hecho por Berto */

.imagen_producto
{
	margin-right: 10px;
 	float:left;
 	padding: 1px;
 	background-color: white;
 	border: solid 1px #efefef;
}

.datos_producto
{
	margin-top:10px;
	width:256px;
}


/* Hasta aqui*/



/*** CESTA ***/

#titulo_cesta
{
    margin-right: 5px;
    height: 30px;
    width: 533px;
    background: url(Imagenes/Cesta/titulo_cesta.jpg) no-repeat;
}


#ctl00_ContentPlaceHolder1_panCesta
{
    margin-left: 10px;
    margin-top: 10px;
}

.centrada
{
	padding-left:130px;
	color:#3a78a9;
	}

/** LOGIN ***/

#titulo_login
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Master/titulologin.jpg) no-repeat;
}

#login
{
	width: 531px;
    border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
    padding-top:6px;
}

#marco_usuario
{
	 border: solid 1px #efefef;
	 width:292px;
	 margin-left:120px;
	 padding:1px;
}

#usuario
{	
    padding:1px;
    width: 290px;
    background-color:#EEEEEE;
}

#usuario table
{
    color: #3a78a9;
    margin: 0 auto 0 5px;
}
	
/** REGISTRO ***/

#titulo_registro
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Master/tituloregistro.jpg) no-repeat;
	
}

#registro
{
	padding-top:10px;
    width: 531px;
    border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
    
}

#registro table
{
    background-color:#EEEEEE;
    color:#3a78a9;
    margin: 0 auto 0 auto;
    margin-bottom:0px;
}

/* COMPRAR */
#titulo_comprar
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Master/titulocomprar.jpg) no-repeat;
}

#comprar
{
	width: 511px;
    border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
    padding-left:20px;
}

.boton
{
	color:White;
	background-color:#3A78A8;
	border-style:solid;
	}



/* LOGIN REGISTRO */
#titulo_loginregistro
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Master/titulologinregistro.jpg) no-repeat;
}

#marco_loginregistro
{
	width: 523px;
	border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
	padding-top:16px;
	height:190px;
	padding-left:8px;
	}

.marco_pequeño_loginregistro
{
	margin-top:10px;
	width:248px;
	height:142px;
	background-color:#EEEEEE;	
	float:left;
	padding:1px;
	margin-left:4px;
	margin-right:4px;
	}



#login_loginregistro
{
	border-style: solid;
	border-color: white;	
	border-width: 1px;
	width:246px;
	height:140px;
	background-color:#EEEEEE;
}
	
#registro_loginregistro
{
	
	border-style: solid;
	border-width: 1px;
	border-color: white;
	float:left;
	width:230px;
	height:140px;
	background-color:#EEEEEE;
	padding-left:8px;	
	padding-right:8px;
}


.Etiqueta_loginregistro
{
	color:#3A78A8;
	font-size:small;
	margin-left:94px;	
	padding:0px;
}
	
.Etiqueta_registrologin
{
	color:#3A78A8;
	font-size:small;
	margin-left:215px;
	padding:0px;
	
}

/* PEDIDOS */

#titulo_pedidos
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Master/titulopedidos.jpg) no-repeat;
}

#marco_pedidos
{
	width: 523px;
	border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
	padding-top:16px;
	padding-left:8px;
}

#pedidos
{

}
	
#pedido_concreto
{
	border:solid 1px #c3c3c3;
	width:512px;
}

#siguiente_anterior
{
    color:#c3c3c3;
    
    }

/* PEDIDO */

#titulo_pedido
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Master/titulopedido.jpg) no-repeat;
}

#marco_pedido
{
	width: 523px;
	border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
	padding-top:16px;
	padding-left:8px;
}

#linea_pedido
{
	border:solid 1px #c3c3c3;
	width:512px;
}


/* USUARIO */

#titulo_perfil
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Master/titulousuario.jpg) no-repeat;
}

#marco_perfil
{
	width: 516px;
	border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
	padding-top:16px;
	padding-left:15px;
}
#marco_datos_usuario
{
	width:504px;
	border:solid 1px #efefef;
	padding:1px;
}
#nombre_usuario
{
	border:solid 2px #efefef;
	width:502px;
	margin-left:1px;
	margin-bottom:5px;
}

#datos_login
{
	color:#3A78A8;
	background-color:#EEEEEE;
	width: 504px;
	margin-bottom:10px;
	}
#datos_contacto
{
	color:#3A78A8;
	background-color:#EEEEEE;
	width: 504px;
	margin-bottom:10px;
	}

#datos_fisicos
{
	color:#3A78A8;
	background-color:#EEEEEE;
	width: 504px;
		
	}

#boton
{
	padding-left:405px;
	width:90px;
	margin-left: 10px;
}

.label_razon
{
	 margin-left:180px;
}


#titulo_laEmpresa
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/LaEmpresa/LaEmpresa.jpg) no-repeat;
}

#marco_laEmpresa
{
    width: 511px;
	border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
	height:250px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}



#titulo_contacto
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Contacto/Contacto.jpg) no-repeat;
}

#marco_contacto
{
    width: 511px;
	border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

#titulo_servicios
{
	margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Servicios/Servicios.jpg) no-repeat;
}

#marco_servicios
{
    width: 511px;
	border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
	height:480px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

#titulo_ayuda
{
    margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/Ayuda/tituloayuda.jpg) no-repeat;

}
#marco_ayuda
{
    width: 511px;
	border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

.parrafo_empresa
{
 
 font-family:Tahoma;
 font-size:12px;
  
}

.lubriropate
{
  font-size:14px;
  font-weight:bold;
  color:#1838b3;
  text-align:center;
}

.precio
{
  font-size:14px;
  font-weight:bold;
  color:#1838b3;
}

#titulo_compraOK
{
    margin-right: 5px;
    height: 30px;
    width: 533px;
	background: url(Imagenes/CompraOK/titulocompraOK.jpg) no-repeat;
}

#marco_compraOK
{
    width: 511px;
	border-left: solid 1px #c3c3c3;
    border-right: solid 1px #c3c3c3;
	height:260px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}

.Portes
{
    font-weight:bolder;
    color:#1838b3;
    margin-left:70px;
}

.selecportes
{
    margin-left:160px;
}

.error
{
    color: Red;
}
