#content{
padding:10px;
width:640px;
float:right;
margin-bottom:10px;
font-size:14px;
overflow:hidden;
}

#content .mensaje{
font-size:16px;
display:block;
text-align:center;
margin:50px 0;
color:#667B99;
}

#content .btn{ 
background:url(/img/decorados/boton.gif) no-repeat left;
display:block;
width:150px;
height:25px;
color:#ddd;
margin:5px auto;
padding:0 0 0 3px;
font-size:14px;
border:none;
cursor:pointer;
}

/*BREADCRUMBS*/
#content #breadcrumbs{
position:absolute;
top:140px;
font-size:12px;
}
/*FIN BREADCRUMBS*/

#content p{
text-align:justify;
}
#content h2{
padding-left:7px;
background:url(/img/decorados/titulo-izq.gif) no-repeat;
display:block;
width:633px;
height:46px; 
margin:0;   
}
#content h2 strong{
padding:8px 7px 0 10px;
background:url(/img/decorados/titulo-der.gif) no-repeat right #AFBBD2;
display:block;
width:625px;
height:38px;
color:#667B99;
font-size:20px;
}

/*Listados*/
#content .bloqueLista{  
float:left;
clear:both;
width:635px;
padding:0;
}
#content .bloqueLista h3{
margin:0;
display:block;
background-color:#CCD5E6;
background-repeat:no-repeat;
background-image:url(/img/decorados/subtitulo-detalle.jpg);
background-position:right;
padding:2px;
border:1px solid #AFBBD2;
clear:both;
}
#content .bloqueLista h3 a{
display:block;  
width:600px; 
}
#content .bloqueLista .verTodos{
font-size:10px;
float:right;
margin:-22px 5px 0 0;
padding-left:25px;
background:url(/img/iconos/ver-mas.gif) no-repeat left;
}
#content .bloqueLista li{
border:1px solid #667B99;
width:140px;
height:180px;  
float:left;
margin:8px;
background-color:#E9EEF6;
color:#667b99;
overflow:hidden;
text-align:center;
}
#content .bloqueLista li strong{
font-weight:bold;
font-size:13px;
}
#content .bloqueLista li p{
display:none;
}
#content .bloqueLista img{  
display:block;
border:none;
}
#content .bloqueLista strong{
display:block;
font-size:12px;
padding:2px;
overflow:hidden;
}

/*otros compraron*/
#content .bloqueListaOtrosCompraron{
margin-top:20px;
}

/*rankings*/
#content .bloqueListaRanking h3{
margin-top:5px;
}
#content .bloqueListaRanking li{ 
width:625px;
margin:5px;
height:100px;
}                                 
#content .bloqueListaRanking li span.votos{
position:absolute;
font-size:10px;
margin-top:80px;
left:50%;
margin-left:250px;
}
#content .bloqueListaRanking li span.puntuacion{
position:absolute;
display:block;
width:160px; 
height:32px;     
overflow:visible; 
margin:68px 0 0 450px;               
background:url(/img/iconos/valoracion-off.gif);
}
#content .bloqueListaRanking li span.puntuacion strong{
position:absolute;
display:block;                            
background:url(/img/iconos/valoracion.gif); 
width:100px;       
padding:32px 0 0 0;
height:0; 
overflow:hidden; 
margin:0;    
}                                    
#content .bloqueListaRanking li span.puesto{
display:block;
position:absolute;
font-size:16px;
z-index:1000;  
width:27px;    
height:32px;   
padding-left:5px;   
background:url(/img/decorados/detalle-puesto.gif) no-repeat;  
margin:0;
}
#content .bloqueListaRanking li img{
display:block;
position:absolute;
margin:0; 
}
#content .bloqueListaRanking li strong{
float:right;
display:block;
text-align:left;
width:505px;
padding:2px;
}
#content .bloqueListaRanking li p{
display:block;
float:right;
width:500px;
padding:0 5px;
margin:0;
font-size:12px;
}
#content .bloqueListaRanking li p strong{
display:inline;
float:none;
padding:0;
} 

#content .bloqueListaEnlaces ul li{
background-color:#fff;
float:none;
border:none;
border-bottom:1px solid #AFBBD2;
height:auto;
text-align:left;
width:500px;
}
#content .bloqueListaEnlaces ul li p{
display:block;
padding-left:10px;
}
#content .bloqueListaEnlaces ul li p a{
text-decoration:underline;
}
#content .bloqueListaEnlaces ul li a{
font-size:14px;
}

/*Fin listados*/

/*Ficha de broche*/
#content .bloqueFicha{
width:645px;     
}
#content .bloqueFicha dl{
display:block;
float:left;
width:235px;
margin:0;
overflow:hidden;
}
#content .bloqueFicha dl dt{
background-color:#CCD5E6;
border:1px solid #667B99;
padding-left:2px;
}
#content .bloqueFicha dl dd{
margin:5px 0 20px 0;
padding:0;      
font-size:20px;   
text-align:right;  
}
#content .bloqueFicha .imagen{
margin:0 10px 5px 0;
width:400px;
height:400px;
float:left;
padding:0;
}
#content .bloqueFicha .imagen img{
position:relative; 
border:2px solid #667B99;
}
#content .bloqueFicha .galeria{
clear:both;       
width:400px;
height:87px;
overflow:hidden;
}
#content .bloqueFicha .galeria strong{
display:none;
}
#content .bloqueFicha .galeria ul li{
float:left;
margin:0 4px;
border:1px solid #667B99; 
width:90px;
height:90px;
overflow:hidden;
}
#content .bloqueFicha .galeria ul li img{
border:none;
margin:-5px;
}

#content .bloqueFicha .puntuacion{   
 height:32px;
 width:220px;
 margin:0 auto; 
font-size:14px;  
}
#content .bloqueFicha .puntuacion .on{background:url(/img/iconos/valoracion.gif) no-repeat;}
#content .bloqueFicha .puntuacion .off{background:url(/img/iconos/valoracion-off.gif) no-repeat;}

#content .bloqueFicha .puntuacion a{                                                          
 height:24px;
 width:20px;
 display:block;
 float:left;
 padding:8px 0 0 12px;
 text-align:left;
 font-size:14px;
 font-weight:bold;
}
#content .bloqueFicha .puntuacion a:hover{
text-decoration:none;
}
#content .bloqueFicha .puntuacion #punt1{
margin-left:60px;
}
#content .bloqueFicha .puntuacion #textoPuntuacion{
font-size:12px;
float:none;
color:#333;
margin-right:5px;
clear:both;  
}
#content .bloqueFicha .boton{
display:block;
width:0px;
height:59px;
padding-left:235px;
background-repeat:no-repeat;
overflow:hidden;
float:left;
}
#content .bloqueFicha .botonCarrito{background-image:url(/img/decorados/boton-carrito.gif);}
#content .bloqueFicha .botonEnviar{background-image:url(/img/decorados/boton-enviar.gif);}
#content .bloqueFicha .botonRegalar{background-image:url(/img/decorados/boton-regalar.gif);}
/*Fin ficha de broche*/

/*PEDIDOS*/
/*Pasos del pedido*/
#content ul.pasosPedido li{
background-image:url(/img/decorados/paso-pedido.gif);
background-repeat:no-repeat;
background-color:#CCD5E6;
display:block;
width:155px;
height:36px; 
margin:0 2px;
padding:10px 0 0 0;
float:left; 
color:#667B99;
font-size:12px;
text-align:center;   
}
#content ul.pasosPedido li.activo{
background-color:#ff6637;
color:#e9eef6;
font-weight:bold;
}
#content ul.pasosPedido li a{
text-decoration:underline;
}
/*Fin pasos del pedido*/

#content .pasoPedido{
clear:both;
padding-top:10px;
}

#content .pasoPedido table{
background-color:#eee;
width:640px;
border:1px solid #ddd;
}

#content .pasoPedido table thead{
color:#eee;
background-color:#667B99;
}
#content .pasoPedido table thead th.img{
width:100px;  
}
#content .pasoPedido table .fila0{background-color:#CCD5E6;}
#content .pasoPedido table .fila1{background-color:#BCC5D6;}
#content .pasoPedido table .talla{
text-align:center;
}
#content .pasoPedido table .precio{
text-align:right;
font-weight:bold;
}
#content .pasoPedido table .botonEliminar{
margin:0 auto;
width:0px;
overflow:hidden;
display:block;
padding-left:16px;
background:url(/img/botones/eliminar.gif) no-repeat left;
}
#content .pasoPedido table .tipoProducto{
background-repeat:no-repeat;
background-position:center right;
}
#content .pasoPedido .bloqueDescuento{
margin:10px 0;
}
#content .pasoPedido .bloqueDescuento label{
font-size:12px;
display:block;
float:left;
margin:2px 10px 0 270px;
} 
#content .pasoPedido .bloqueDescuento input{
width:60px;
}
#content .pasoPedido .botonContinuar{
background:url(/img/decorados/realizar-pedido.gif) no-repeat left;
display:block;
width:150px;
height:23px;
color:#ddd;
float:right;
margin-right:10px;
padding:2px 0 0 3px;
font-size:14px;
border:none;
cursor:pointer;
}
#content .pasoPedido2 fieldset{
background-color:#CCD5E6;
border:1px solid #667B99;
margin-bottom:10px;
}
#content .pasoPedido2 fieldset legend{
font-weight:bold;
}
#content .pasoPedido2 fieldset .campo{
height:25px;
margin:2px 0;
width:300px;
float:left;
}
#content .pasoPedido2 fieldset .campo input{
width:170px;
border:1px solid #667B99;
}
#content .pasoPedido2 fieldset .campoDireccion,
#content .pasoPedido2 fieldset .campoDireccionDestino{
width:600px;     
}
#content .pasoPedido2 fieldset .campoDireccion input,
#content .pasoPedido2 fieldset .campoDireccionDestino input{
width:470px;
}
#content .pasoPedido2 fieldset select{
width:174px;
border:1px solid #667B99;
}
#content .pasoPedido2 fieldset label{
width:120px;
display:block;
float:left;
}
#content .pasoPedido2 .botonCopiarDatos{
background:url(/img/decorados/boton-copiar-datos.gif) no-repeat left;
display:block;
width:150px;
height:25px;
color:#ddd;
margin:5px auto;
padding:0 0 0 3px;
font-size:14px;
border:none;
cursor:pointer;
}
#content .pasoPedido2 .errores{
color:#f00;
font-weight:bold;
margin:10px 0;
}
#content .pasoPedido3 tr.gastosEnvio td{
text-align:right;
font-size:15px;
} 
#content .pasoPedido3 tr.total td{
text-align:right;
font-weight:bold;
font-size:16px;              
} 
#content .pasoPedido3 tr.total td.precioTotal{
border-top:2px solid #667B99;
}
#content .pasoPedido span.nota{
font-size:10px;
color:#555;
}
/*FIN PEDIDOS*/

/*CREAR BROCHE*/
#content .crearBroche fieldset{
background-color:#CCD5E6;
border:1px solid #667B99;
margin-bottom:10px;
}
#content .crearBroche .errores{
color:#f00;
font-weight:bold;
margin:10px 0;
}
#content .crearBroche fieldset legend{
font-weight:bold;
}
#content .crearBroche fieldset .campo{
margin:2px 0;
width:600px;
float:left;
}
#content .crearBroche fieldset .campo input{
width:400px;
border:1px solid #667B99;
}    
#content .crearBroche fieldset .campo textarea{
width:400px;
height:200px;
border:1px solid #667B99;
font-family:"Trebuchet MS";
font-size:12px;
}
#content .crearBroche fieldset label{
width:170px;
display:block;
float:left;
}
#content .crearBroche fieldset select{
width:302px;
border:1px solid #667B99;
}
#content .crearBroche fieldset .ayuda{
margin-left:170px;
font-size:12px;
color:#555;
}
#content .crearBroche .btn{
float:right;
}
#content .formularioEnviado{
border:1px solid #bbb;
text-align:center;
font-size:16px;
font-weight:bold;
padding:10px;
background-color:#E9EEF6;
}
#content .formularioEnviado p{
text-align:center;
font-size:14px;
font-weight:normal;
}
#content .otrasSolicitudes h3{
background-color:#CCD5E6;
margin-top:50px;
padding:2px;
border:1px solid #999;
}
#content .otrasSolicitudes ul img{
border:1px solid #ddd;
width:100px;
height:100px;
display:block;
float:left;
margin-right:5px;
}
#content .otrasSolicitudes ul{
width:685px;
padding:0;
height:340px;
}
#content .otrasSolicitudes ul li{
border:1px solid #ccc;
background-color:#E9EEF6;
width:310px;
float:left;
height:100px;
margin:2px;
padding:2px;
}
#content .otrasSolicitudes ul li strong{
display:block;
margin-bottom:10px;
}
#content .otrasSolicitudes ul li span{
color:#667B99;
}
#content .otrasSolicitudes ul li em{
display:block;
margin-left:110px;
}
#content .otrasSolicitudes ul li .estado{
text-align:right;
display:block;
margin-top:10px;
font-size:12px;
color:#fff;
background-color:#FF6637;
padding-right:5px;
}
#content .otrasSolicitudes ul li .estado a{
color:#fff;
font-weight:bold;
padding-left:18px;
text-decoration:underline;
background:url(/img/botones/ok.gif) no-repeat left 1px;
}
/*FIN CREAR BROCHE*/

/*FORMULARIO ENVIAR A UN AMIGO*/
.enviarAmigo #datosAmigo fieldset{
border:none;
}
.enviarAmigo #datosAmigo .campo{
margin:5px 0;
}
.enviarAmigo #datosAmigo label{
display:block;
float:left;
width:120px;
text-align:right;
padding-right:10px;
font-size:12px;
}
.enviarAmigo #datosAmigo input,
.enviarAmigo #datosAmigo textarea{
width:300px;
font-family:"Trebuchet MS";
font-size:10px;
}
.enviarAmigo #datosAmigo textarea{
height:100px;
}
.enviarAmigo #datosAmigo a{
font-size:14px;
font-weight:bold;
float:right;
margin:5px 70px;
}
.enviarAmigo #datosAmigo span{
font-size:18px;
font-weight:normal;
margin-top:70px;
display:block;
text-align:center;
}
/*FIN FORMULARIO ENVIAR A UN AMIGO*/

/*FICHA DE PEDIDO*/
.pedido{
width:650px;
clear:both;
}
.pedido .bloqueDatos{
border:1px solid #667B99;
background-color:#CCD5E6;
width:320px;
padding:0;
}
.pedido .bloqueDatos dl{
padding:10px;
}
.pedido .bloqueDatos dl dt{
font-weight:bold;
font-style:italic;
}
.pedido .bloqueDatos dl dd{
padding:0 0 0 10px;
margin:0 0 10px 0;
}
.pedido .bloqueDatos strong{
display:block;
background-color:#667B99;
color:#E9EEF6;
padding:5px;
}
.pedido .datosPedido{
clear:both;
width:650px;
}
.pedido .datosPedido dt{
width:280px;
}
.pedido .datosPedido dd{
width:280px;
}
.pedido .datosPedido .detalle{
position:absolute;
margin-top:-180px;
margin-left:300px;
}
.pedido .datosPedido dd.detalle{
margin-top:-170px;
}
.pedido .datosUsuario{
float:left;
margin-top:5px;
}
.pedido .datosEnvio{
float:right;
margin-top:5px;
clear:right;
}

.pedido .datosPedido table{
border:1px solid #667B99;
width:300px;
margin:10px 0 0 -10px;
font-size:12px;
}
.pedido .datosPedido table td.precio{
text-align:right;
padding-right:4px;
}
.pedido .datosPedido table thead{
background-color:#667B99;
}
.pedido .datosPedido table .fila0{background-color:#AFBBD2;}
.pedido .datosPedido table .fila1{background-color:#BFCBE2;}
.pedido .datosPedido table .gastosEnvio{
text-align:right;
font-size:12px;
}
.pedido .datosPedido table .total{
text-align:right;
}
.pedido .datosPedido table .total td.precio{
border-top:1px solid #667B99;
}
/*FIN FICHA DE PEDIDO*/

/*FORMULARIO VER PEDIDO*/
.verPedido{
width:420px;
margin:0 auto 10px;
border:1px solid #667B99;
background:#AFBBD2;
height:35px;
}
.verPedido fieldset{
border:none;
width:230px;
float:left;
}
.verPedido label{
padding-right:10px;
font-style:italic;
}
.verPedido .campo{
width:230px;
}
.verPedido .btn{
margin:5px;
float:left;
}
/*FIN FORMULARIO VER PEDIDO*/


/*HOME*/
.inicio a{
text-decoration:underline;
color:#667B99;
}
.inicio img{
width:300px;
border:2px solid #667B99;
}
.inicio .parrafo{
clear:both;
margin:20px 0;
height:240px;
}
.inicio .izq{
float:left;
margin-right:10px;
}
.inicio .der{
float:right;
margin-left:10px;
}
/*FIN HOME*/

/*COMENTARIOS*/
.bloqueComentarios span.sinComentarios{
text-align:center;
display:block;
margin:40px;
color:#777;
}
.bloqueComentarios form{
padding:10px 10px 40px 40px;
width:565px;
margin:0 auto;
border:1px solid #667B99;
background-color:#CCD5E6;
}
.bloqueComentarios form label{
display:block;
}
#content .bloqueComentarios form .btn{
float:right;
margin-right:10px;
padding:5px 0 0 10px;
}
.bloqueComentarios form legend{
font-style:italic;
/*margin-left:-40px;*/
display:block;
padding:0;
width:400px;
color:#555;
}
.bloqueComentarios form input{
width:320px;
font-family:"Trebuchet MS";
font-size:14px;
}
.bloqueComentarios form textarea{
width:440px;
height:50px;
font-family:"Trebuchet MS";
font-size:14px;
}
#content .bloqueComentarios ul{
clear:both;
float:none;
width:100%;
}
#content .bloqueComentarios ul li{
clear:both;
float:none;
width:auto;
height:auto;
}
#content .bloqueComentarios ul li strong{
font-style:italic;
}
#content .bloqueComentarios ul li span{
float:right;
margin:-20px 20px 0 0;
color:#555;
}
#content .bloqueComentarios ul li p{
display:block;
padding:0 10px 0 10px;
}
/*FIN COMENTARIOS*/