html, body, .todo, .main{
	height:100%;
}

body{
	margin:0;
	background-attachment:fixed;
}
.todo{
	position:relative;
	width:780px;
	border:1px solid #ff9900;
}
#lang{
	position:absolute;
	left:660px;
	top:135px;
	font-family:Tahoma;
	font-size:11px;
	width:129px;
	text-align:right;
}
#lang a{
	text-decoration:none;
	color:#000000;
}

#lang a:hover{
	background-image: none;
	color:#b61313;
}

.page{
}

.header{
	position:absolute;
	top:0;
	left:580px;
	z-index:10;
	width:200px;
	height:100px;
	font:menu;
	text-align:right;
	padding:10px;
	background:url(../images/left_bck.gif) 100% 100% no-repeat;
}
.header select{
	font:menu;
	margin-bottom:10px;
}

.header a{
	display:block;
}

.menu{
	display:block;
	width:800px;
	height:90px;
	background:url(../images/menu2_bck.gif) no-repeat 50% 50% ;
}
.items{
	padding:20px 10px 20px 20px;
}
.items img{
	border:0;
}
.items .outer {
	width: 150px; height: 50px;
	float:left;
}
.items .item1 {
	background: url(../images/topmenu/productos.gif) 0 -50px no-repeat;
}
.items .item1 a {
	background: url(../images/topmenu/productos.gif) top left no-repeat;
}
.items .item2 {
	background: url(../images/topmenu/quienes.gif) 0 -50px no-repeat;
}
.items .item2 a{
	background: url(../images/topmenu/quienes.gif) top left no-repeat;
}
.items .item3 {
	background: url(../images/topmenu/resuelve.gif) 0 -50px no-repeat;
}
.items .item3 a{
	background: url(../images/topmenu/resuelve.gif) top left no-repeat;
}
.items .item4 {
	background: url(../images/topmenu/contactar.gif) 0 -50px no-repeat;
}
.items .item4 a{
	background: url(../images/topmenu/contactar.gif) top left no-repeat;
}
.items .item5 {
	background: url(../images/topmenu/blog.gif) 0 -50px no-repeat;
}
.items .item5 a{
	background: url(../images/topmenu/blog.gif) top left no-repeat;
}
.items .outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	background-position: 0 0;
}
.items .outer a:hover {
	background-image: none;
}
.minimenu {
	display: block;
	float:right;
	clear:right;
	text-align:right;
	margin: 0; padding:0;
	width:250px; height:25px;
	vertical-align: bottom;
}
.minimenu a img{
	border:0;
	display:inline;
	width:25px;
	height:25px;
}
.minimenu a {
	display: block;
	margin: 0 auto; padding:0;
	width:100%; height:100%;
	background-position: top right;
	text-decoration:none;
	color:#000000;
}
.header .item1 {
	background: url(../images/cesto.gif) 100% -25px no-repeat;
}

.header .item1 a {
	background: url(../images/cesto.gif) top right no-repeat;
}

.header .item2 {
	background: url(../images/estrella.gif) 100% -25px no-repeat;
}

.header .item2 a {
	background: url(../images/estrella.gif) top right no-repeat;
}

.header .item3 {
	background: url(../images/flechita2.gif) 100% -25px no-repeat;
}

.header .item3 a {
	background: url(../images/flechita2.gif) top right no-repeat;
}

.header .item4 {
	background: url(../images/minicami.gif) 100% -25px no-repeat;
}

.header .item4 a {
	background: url(../images/minicami.gif) top right no-repeat;
}

.minimenu a:hover {
	background-image: none;
	color:#b61313;
}

.nav{
	font-family:verdana;
	font-size:9px;
	line-height:10px;
	float:left;
	clear:left;
	color:#000000;
}
.nav ul{
	list-style-type:none;
	margin:3px;
}
.nav ul li{
	display:inline;
}
.nav ul li a{
	color:#000000;
}
.nav ul li a:hover{
	color:#b61313;
}
.title{
	clear:right;
}
.main{
	width:800px;
	border:0px solid #000000;
}
.mainmain{
	padding:10px;
	font-family: verdana;
	font-size: 12px;
	line-height:18px;
}

.mainmain .margin{
	padding-left:30px;
	min-height:250px;
}

.colmain{
	width:100%;
	display:block;
	clear:left;
	border:0px solid #000000;
}

.colright{
	position:relative;
	float:right;
	clear:right;
	width:200px;
}

.footer{
	display:block;
	clear:both;
}

#producto {
	width:100%;
}

#producto div.mini{
	display:inline;
	width:100px;
	height:100px;
	border:1px solid #000000;
	float:left;
	margin:2px;
}

#producto div.mini a{
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
}

#producto tr td div.lateral, #producto tr td div.lateral2{
	float:right;
	display:block;
	width:180px;
	padding:10px;
	max-width:200px;
	border:0px solid #000000;
}

#producto tr td div.lateral{
	background:url(../images/left_bck.gif) 40px bottom no-repeat;
}

#producto tr td div.lateral2{
	background:url(../images/pedido_bck.gif) 50% 50% no-repeat;
}

#producto tr td div.lateral div.cesta{
	padding:5px;
	padding-top:30px;
	background:url(../images/tit_minicesta.gif) no-repeat 100% 0;
	float:left;
	width:170px;
	display:block;
	text-align:right;
	font:menu;
}
div.cesta span.cuadro{
	float:right;
	width:120px;
	padding-right:10px;
	margin-bottom:10px;
	background:#f2f2f2;
	display:block;	
}

div.cesta a.vercesta{
	display:block;
	float:right;
	width:120px;
	height:30px;
	background:url(../images/vercesta.png) 0 0 no-repeat;
}

div.cesta a.vercesta:hover{
	background-position:0 -30px;
}

a.realizarpedido, a.continuar, a.siguiente, a.confirmar, a.iramicuenta, a.antiguos, input.confirmar{
	display:block;
	float:right;
	width:160px;
	height:40px;
}

a.seguircomprando{
	display:block;
	width:160px;
	height:40px;
}

a.anterior, a.recientes, a.volver{
	display:block;
	width:160px;
	height:40px;
}

a.iramicuenta{
	background:url(../images/iramicuenta.png) 0 -40px no-repeat;
}
a.antiguos{
	background:url(../images/antiguos.png) 0 -40px no-repeat;
}
a.volver{
	background:url(../images/volver.png) 0 -40px no-repeat;
}
a.recientes{
	background:url(../images/recientes.png) 0 -40px no-repeat;
}
a.seguircomprando{
	background:url(../images/seguircomprando.png) 0 -40px no-repeat;
}
a.continuar{
	background:url(../images/continuar.png) 0 -40px no-repeat;
}
a.anterior{
	background:url(../images/anterior.png) 0 -40px no-repeat;
}
a.siguiente{
	background:url(../images/siguiente.png) 0 -40px no-repeat;
}
a.confirmar, input.confirmar{
	background:url(../images/confirmar.png) 0 -40px no-repeat;
}
a.realizarpedido{
	background:url(../images/realizarpedido.png) 0 -40px no-repeat;
}

a.seguircomprando:hover, a.volver:hover, a.realizarpedido:hover, a.continuar:hover, a.anterior:hover, a.siguiente:hover, a.confirmar:hover, input.confirmar:hover, a.iramicuenta:hover, a.antiguos:hover, a.recientes:hover{
	background-position:0 0;
}

span.cestah2{
	display:block;
	color:#8576a1;
	font-weight:bold;
	margin:10px;
}

#productos{
	background:url(../images/cuadros/fondo.gif) repeat-y 50% 0;
}

#productos tr td.top{
	background:url(../images/tit_catalogo.gif) right -4px no-repeat;
	background-color: #FFFFFF;
	vertical-align:bottom;
}

#productos tr td.bottom{
	height:40px;
	background:url(../images/tit_blog.gif) left -4px no-repeat;
	background-color: #FFFFFF;
	vertical-align:bottom;
}
#productos tr td.blogportada{
	background:url(../images/lineblog.gif) top center no-repeat #FFFFFF;
	background-color: #FFFFFF;
}

#productos tr td div.descripcion{
	display:block;
	margin:0;
	
	}

#productos tr td.top2{
	height:10px;
}

div.pestana{
	display:inline;
	width:150px;
	height:40px;
	float:left;
	border:0;
	margin:0;
}

#productos tr td div.camis{
	margin-left:47px;
	background:url(../images/cuadros/topcamis.gif) -2px -80px no-repeat;
}

#productos tr td div.camis a{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/cuadros/topcamis.gif) 0 -40px no-repeat;
}

#productos tr td div.camis a:hover{
	background:url(../images/cuadros/topcamis.gif) 0 0 no-repeat;
}

#productos tr td div.bolsas{
	background:url(../images/cuadros/topbolsas.gif) 0 -80px no-repeat;
}

#productos tr td div.bolsas a{
	display:block;
	width:100%;
	height:100%;
	background:url(../images/cuadros/topbolsas.gif) 0 -40px no-repeat;
}

#productos tr td div.bolsas a:hover{
	background:url(../images/cuadros/topbolsas.gif) 0 0 no-repeat;
}

.cami {
	background:url(../images/cuadros/uno.gif) no-repeat 50% 0;
	padding:15px;
	width:235px;
	height:300px;
	text-align:center;
	font:menu;
}
.cami .foto{
	width:210px;
	height:200px;
	margin:auto;
	border:0;
}
.cami span.titulo{
	padding-top:5px;
	display:block;
}

h1{
	color:#8576A1;
	font-size:20px;
	letter-spacing: -0.5px;
}

h2{
	color:#8576A1;
	font-size:18px;
	font-weight:bold;
	letter-spacing: -0.5px;
}

span.login, span.registro{
	display:block;
	padding:20px;
	background:#f2f2f2;
	height:100%;
}

span.login a.loginbutton{
	display:block;
	background:url(../images/entrar_btn.png) 0 0 no-repeat;
	width:160px;
	height:40px;
	margin-left:auto;
}

span.registro a.registerbutton{
	display:block;
	background:url(../images/registro_btn.png) 0 0 no-repeat;
	width:160px;
	height:40px;
	margin-left:auto;
}

span.error{
	color:#b30606;
	display:block;
	padding:5px;
	border:1px dotted #b30606;
	text-align:center;
}

span.login a.loginbutton:hover, span.registro a.registerbutton:hover{
	background-position:0 -40px;
}
.cami span.titulo a{
	color:#8576A1;
	font-family:verdana;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

.cami span.titulo a:hover{
	color:#B30606;
}

.cami span.precio, .descripcion span.precio{
	display:block;
	color:#B30606;
	font-family:verdana;
	padding-top:5px;
	font-size:12px;
}

.descripcion span.precio{
	font-weight:bold;
	padding-right:5px;
}

.descripcion div.desclarga{
	text-align:left;
	width:250px;
	display:block;
	font-family:verdana;
	font-size:11px;
	margin-top:10px;
	padding:10px;
	background:#f2f2f2;
	color:#000000;
}
.descripcion div.descdirs{
	text-align:left;
	width:400px;
	display:block;
	font-family:verdana;
	font-size:11px;
	margin-top:10px;
	padding:10px;
	background:#f2f2f2;
	color:#000000;
}

.descripcion div.descpedido{
	text-align:left;
	width:600px;
	display:block;
	font-family:verdana;
	font-size:11px;
	margin-top:10px;
	padding:10px;
	background:#f2f2f2;
	color:#000000;
}

.descripcion div.descdirs input[type=submit], .descripcion div.descpedido input[type=submit]{
	font:menu;
	color:#8576A1;
	cursor:pointer;
	background:#FFFFFF;
	border:1px solid #000000;
}

.descripcion div.descpedidos{
	text-align:left;
	width:450px;
	display:block;
	font-family:verdana;
	font-size:11px;
	margin-top:10px;
	padding:10px;
	background:#f2f2f2;
	color:#000000;
}


.descripcion h2{
	margin-bottom: 5px;
	color:#8576A1;
}

div.operacion{
	font:menu;
	width:270px;
	display:block;
	padding-top:10px;
}
div.operacion input[type="text"]{
	font:menu;
}
div.operacion input[type="submit"]{
	float:right;
	font:menu;
}

div.checkout{
}

div.checkout span{
	display:block;
	padding-left:25px;
	height:25px;
}

div.checkout span.ahora{
	font-weight:bold;
	color:#8576A1;
	background:url(http://8008d.es/images/estrella.gif) 0 0 no-repeat;
}

div.checkout span.antes{
}

div.checkout span.despues{
	background:url(http://8008d.es/images/estrella.gif) 0 -25px no-repeat;
}

div.checkout span.despues a{
	text-decoration:none;
	color:#B30606;
}

div.checkout span.despues a:hover{
	text-decoration:underline;
	color:#8576A1;
}

a.vertodas{
	display:block;
	float:right;
	width:160px;
	height:40px;
	background:url(../images/vertodas2.png) 0 0 no-repeat;
}

a.vertodas:hover, a.iralblog:hover{
	background-position:0 -40px;
}
a.iralblog{
	display:block;
	float:right;
	width:160px;
	height:40px;
	background:url(../images/iralblog.png) 0 0 no-repeat;
}

div.blog_entradas{
	padding-left:20px;
}

div.blog_entrada{
	padding:30px;
	margin-bottom:20px;
}

div.blog_entrada span.blog_tit{
	color:#B40C0C;
	display:block;
	font-family:Geneva;
	font-weight:bold;
	font-size:16px;
	letter-spacing:0.1em;
}

div.blog_entrada span.blog_subline{
	color:#666666;
	display:block;
	font:menu;
	font-size:11px;
	line-height:1.5em;
}

div.blog_entrada span.blog_desc{
	display:block;
	padding:20px;
	margin-top:5px;
	border-top:1px dotted #B40C0C;
}

div.blog_entrada span.blog_desc img{
	margin-left:3px;	
}

div.blog_entrada span.blog_commsline{
	padding-left:20px;
	background: #F2F2F2;
	color:#666666;
	display:block;
	font:menu;
	font-size:11px;
	line-height:1.5em;
}

div.blog_entrada span.blog_comments{
	padding: 10px;
	border-left:1px dotted #B40C0C;
	display:block;
}
.jsvalidation {
	padding-left:10px;
	font-weight:normal;
	color:#FF0000;
}