/***********************************************************
************************************************************
	TiendaScrap Estilos BSICOS - Home.css
************************************************************
************************************************************/

.clearfix:after {
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
	display:block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

/* Quito los mrgenes de estos elementos por defecto */
h1,
h2,
hr,
div,
table,
td,
th,
a,
body{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#666666;
}
body{
	text-align:center;
	margin:0 auto;
}
hr{
	display:none;
}
img {
	border:0;
}
	
/***********************************************************
************************************************************
	Estilos BSICOS de los controles
************************************************************
************************************************************/

.control{
}
/*--- Cabecera ---*/
.control .cab{
}
.control .cab h1 { 
}
/*--- Contenido ---*/
.control .contenido h2 {
}
.control .contenido h3 {
}
.control .contenido h4 {
}
.control .contenido p{
}
.control .contenido ul{
}
.control .contenido ol{
}
.control .contenido li{
}
.control .contenido hr{
}
.control .contenido a{
}
.control .contenido .msjError{
	margin-left:8px;
	color:Red;
}
.control .contenido .etiqueta{
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#666666;
}
.control .contenido select,
.control .contenido input.txt{
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	border:1px solid #5E6069;
}
.control .contenido input.rbt{
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#666666;
}
.control .contenido input.chk{
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#666666;
}
.control .contenido a.bto,
.control .contenido input.bto{
	background-image:url(../imagenesDefecto/TiendaScrap/fondoBoton.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:4px 10px 5px 33px;
}
.control .contenido input.bto{
	overflow:visible;
	border:0;
	background-color:Transparent;
	padding:4px 10px 3px 33px;
}
.control .contenido img{
}
.control .contenido div{
}
.control .contenido label{
}
.control .contenido strong{
}
.control .contenido em{
}
.control .contenido u{
}
.control .contenido .lnkVerMas{
}

/***********************************************************
************************************************************
	Estilos BSICOS de los contenidos
************************************************************
************************************************************/
.contenidos{
}
.contenidos .cab{
	background-image:url(../imagenesDefecto/TiendaScrap/icoPuntos.gif);
	background-repeat:repeat-x;
	background-position:0 bottom;
	*background-position:-1px bottom;
	margin-bottom:10px;
}

.contenidos .cab h1{
	background-color:#fff;
	color:#C84E4E;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	display:inline;
	padding-right:10px;
	*margin-left:-1px;
}
.contenidos .contenido{
}
.contenidos .contenido h2{
}
.contenidos .contenido h3{
}
.contenidos .contenido h4{
}
/*tablas*/
.contenidos .contenido table{
}
.contenidos .contenido table caption{
}
.contenidos .contenido table tr{
}
.contenidos .contenido table tr.par{
}
.contenidos .contenido table th{
}
.contenidos .contenido table td{
}

.contenidos .contenido img.icono{
}
.contenidos .contenido img.preview{
}
.contenidos .contenido a{
	color:#C84E4E;
	text-decoration:none;
}
.contenidos .contenido hr{
}
.contenidos .contenido .etiqueta{
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#666666;
}
.contenidos .contenido .msjError{
	margin-left:8px;
	color:Red;
}
.contenidos .contenido select,
.contenidos .contenido input.txt,
.contenidos .contenido textarea{
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	border:1px solid #5E6069;
}
.contenidos .contenido input.rbt{
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#666666;
}
.contenidos .contenido input.chk{
	font-weight:normal;
	font-family:Arial;
	font-size:12px;
	color:#666666;
}
.contenidos .contenido a.bto,
.contenidos .contenido input.bto{
	background-image:url(../imagenesDefecto/TiendaScrap/fondoBoton.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:3px 10px 5px 33px;
}
.contenidos .contenido input.bto{
	overflow:visible;
	border:0;
	background-color:Transparent;
	padding:3px 10px 5px 33px;
}
.contenidos .contenido div{
}
.contenidos .contenido span{
}
.contenidos .contenido label{
}
.contenidos .contenido strong{
}
.contenidos .contenido em{
}
.contenidos .contenido u{
}
.contenidos .contenido ol{
}
.contenidos .contenido ul{
}
.contenidos .contenido li{
}

/*imagenes adjuntas*/
.contenidos .contenido .adjuntos .imagenes{
}
/*archivos adjuntos*/
.contenidos .contenido .adjuntos .archivos{
}
.contenidos .contenido .adjuntos .archivos ul{
}
.contenidos .contenido .adjuntos .archivos li{
	list-style:none;
}
/*paginacion*/
.contenidos .contenido .paginacion{
}
/*subelementos*/
.contenidos .contenido .subelementos{
}
.contenidos .contenido .subelementos .elemento{
}
.contenidos .contenido .subelementos hr{
}
.contenidos .contenido .subelementos .elemento.par{
}
/*Para las columnas*/
.contenidos .contenido .subelementos .elemento.nc1{
}
.contenidos .contenido .subelementos .elemento.nc2{
	width:49%;
}
.contenidos .contenido .subelementos .elemento.nc3{
	width:31%;
}
.contenidos .contenido .subelementos .elemento.nc4{
	width:24%;
}
.contenidos .contenido .subelementos .elemento.c1{
}
.contenidos .contenido .subelementos .elemento.c2{
}
.contenidos .contenido .subelementos .elemento.c3{
}
.contenidos .contenido .subelementos .elemento.c4{
}

/***********************************************************
************************************************************
	Estilos Personalizados de la pgina
************************************************************
************************************************************/
body{
	background-color:#C5D09E;
	background-image:url(../imagenesDefecto/TiendaScrap/fondoPagina.gif);
	background-repeat:repeat-x;
	text-align:center;
}
#cabecera{
	width:1004px;
	background-image:url(../imagenesDefecto/TiendaScrap/cabeceraFondo.jpg);
	background-repeat:no-repeat;
	min-height:258px;
	*height:258px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#cabecera div.btoboletin{
	position:absolute;
	top:5px;
	left:15px;
}
#cabecera img.logo{
	position:absolute;
	top:53px;
	left:21px;
}
#cabecera span#miCuenta{
	position:absolute;
	color:#EAE1C0;
	top:198px;
	left:18px;
	font-weight:bold;
}

/*--- Area privada ---*/
#cabecera #areaPrivada{
	position:absolute;
	top:76px;
	left:836px;
}
#cabecera #areaPrivada .inicio .autenticacion p{
	margin:0;
}
#cabecera #areaPrivada .inicio .autenticacion .autenticacion{
	float:left;
}
#cabecera #areaPrivada .inicio .autenticacion .msjError,
#cabecera #areaPrivada .inicio .autenticacion .comentarios,
#cabecera #areaPrivada .inicio .autenticacion .resultado{
	padding:2px 0;
	text-align:left;
}
#cabecera #areaPrivada .inicio .autenticacion .msjError{
	color:red;
	font-weight:bold;
	font-size:9px;
}
#cabecera #areaPrivada .inicio .autenticacion .recordar .msjError{
	color:red;
	font-weight:bold;
	font-size:9px;
}
#cabecera #areaPrivada .inicio .autenticacion .resultado,
#cabecera #areaPrivada .inicio .autenticacion .comentarios{
	color:#672D10;
	font-weight:bold;
	font-size:9px;
}
#cabecera #areaPrivada .inicio .autenticacion input.txt{
	border:1px solid #7A645D;
	background-color:#fff;	
	color:#5E6069;
	height:20px;
	padding:1px 5px 1px 20px;
}
#cabecera #areaPrivada .inicio .autenticacion .recordar input.txt,
#cabecera #areaPrivada .inicio .autenticacion input.txt.usuario{
	width:156px;
	background-image:url(../imagenesDefecto/TiendaScrap/fondoCajaAutenticacion.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}
#cabecera #areaPrivada .inicio .autenticacion .recordar input.txt{
	margin-bottom:2px;
}
#cabecera #areaPrivada .inicio .autenticacion input.txt.clave{
	background-image:url(../imagenesDefecto/TiendaScrap/fondoCajaAutenticacionClave.gif);
	background-repeat:no-repeat;
	width:90px;
	float:left;
}
#cabecera #areaPrivada .inicio .autenticacion p.botones{
	padding-top:3px;
	padding-bottom:13px;
	*padding-bottom:11px;
}
#cabecera #areaPrivada .inicio .autenticacion .recordar input.bto{
	background-image:url(../imagenesDefecto/TiendaScrap/fondoBoton.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	overflow:visible;
	border:0;
	background-color:Transparent;
	padding:2px 10px 2px 33px;
	margin-left:20px;
}
#cabecera #areaPrivada .inicio .autenticacion .autenticacion input.bto{
	margin:0 20px 0 5px;
	padding:0;
}
#cabecera #areaPrivada .inicio .autenticacion .etiqueta{
	color:#F4EDD6;
	font-weight:bold;
	padding:2px 5px 0 5px;
}
#cabecera #areaPrivada .inicio .autenticacion a{
	color:#EAE1C0;
}
#cabecera #areaPrivada .inicio .autenticacion a.lnkRegistrar{
	display:block;
	color:#672D10;
}
#cabecera #areaPrivada .inicio .autenticacion a.lnkRecordar{
	display:block;
	color:#672D10;
}
#cabecera #areaPrivada .inicio .autenticacion a.lnkCerrarSesion{
	background-image:url(../imagenesDefecto/tiendaScrap/icoCerrarSesion.gif);
	background-repeat:no-repeat;
	display:block;
	color:#672D10;
	position:absolute;
	top:30px;
	left:10px;
	padding-left:20px;
	width:100px;	
}
#cabecera #areaPrivada .inicio .autenticacion  a.lnkModificarRegistro{
	background-image:url(../imagenesDefecto/tiendaScrap/icoMiCuenta.gif);
	background-repeat:no-repeat;
	background-position:2px 0;
	display:block;
	color:#672D10;
	position:absolute;
	top:60px;
	left:10px;
	padding-left:20px;
	width:100px;
}
#cabecera #enlaces{
	position:absolute;
	top:190px;
	height:40px;
}
#cabecera #enlaces a{
	line-height:40px;
	padding:12px 13px;
	border-right:1px solid #893D2C;
	color:#F3EDD6;
	font-weight:bold;
	text-decoration:none;
}
#cabecera #estasEn{
	position:absolute;
	left:35px;
	top:238px;
	color:#8C4444;
	font-weight:bold;
}
#cabecera #ruta{
	position:absolute;
	top:238px;
	left:128px;
	width:666px;
	color:#7B3826;
}
#cabecera #ruta a{
	color:#7B3826;
	text-decoration:none;
	font-weight:normal;
}
#cabecera #ruta p{
	margin:0;
	padding:0;
	color:#7B3826;
}
#cabecera #lnkImprimir{
	position:absolute;
	top:238px;
	left:819px;
}
#cabecera #lnkContacto{
	position:absolute;
	top:238px;
	left:845px;
}
#cabecera #lnkRecomendar{
	position:absolute;
	top:238px;
	left:870px;
}
#cabecera #lnkMiCesta{
	position:absolute;
	top:237px;
	right:16px;
}
/*--- buscador ---*/
#cabecera #buscador{
	position:absolute;
	top:201px;
	left:750px;
}
#cabecera #buscador label{
	display:none;
}
#cabecera #buscador input.txt{
	border:1px solid #873B2A;
	width:166px;
	margin-right:6px;
	*margin-right:3px;
}

/*--- Pagina ---*/
#pagina{
	width:1004px;
	text-align:left;
	margin:0 auto;
}
#pagina #contenidosPagina{
	margin:0;
}
#pagina #aperturaContenidos{
	background-image:url(../imagenesDefecto/TiendaScrap/imgAperturaContenidosHome.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	padding:16px 0 10px 20px;
}
#pagina .contenidos{
	background-image:url(../imagenesDefecto/TiendaScrap/imgContenidosHome.gif);
	background-repeat:repeat-y;	
	padding:0px 20px 10px 20px;
	min-height:200px;
	*height:200px;
}
#pagina .contenidos .contenidos{
	/*Para controles anidados*/
	background:none;
	padding:0;
}
#pagina #cierreContenidos{
	background-image:url(../imagenesDefecto/TiendaScrap/imgCierreContenidosHome.gif);
	background-repeat:no-repeat;
	margin:0;
	padding:6px;
	font-size:0;
}
.control .recomendar p{
	margin:0 0 5px 0;
	vertical-align:top;
}
.control .recomendar .cab{
	background-image:url(../imagenesDefecto/tiendaScrap/imgAperturaRecomendarHome.gif);
	background-repeat:no-repeat;
}
.control .recomendar .cab h1{
	padding:10px 0 5px 20px;
	margin:0 10px 0 10px;
	border-bottom:1px dashed #91949C;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
}
.control .recomendar label{
	width:100px;
	text-align:right;
	margin-right:10px;
	display:block;
	float:left;
}
.control .recomendar a.bto.ocultar{
	float:right;
	margin:0 10px 0 0;
}
.control .recomendar input.bto.enviar{
	margin:5px 0 0 110px;
}
.control .recomendar .contenido{
	background-image:url(../imagenesDefecto/TiendaScrap/imgContenidosHome.gif);
	background-repeat:repeat-y;
	padding:10px 20px 10px 20px;
}
.control .recomendar{
	background-image:url(../imagenesDefecto/TiendaScrap/imgCierreContenidosHome.gif);
	background-repeat:no-repeat;
	background-position:0 bottom;
	padding-bottom:11px;
	margin-bottom:10px;
}
.inicio .formulario .campos .etiqueta{
	margin:6px 0 2px 0;
}
.inicio .formulario .campos .botones{
	padding-top:10px;
}
.inicio .formulario .campos .botones input.bto{
	margin-right:10px;
}
/*--- contenidos ---*/
#queEsScrapbooking{
	background-image:url(../imagenesDefecto/TiendaScrap/homeQueEsScrapbooking.jpg);
	background-repeat:no-repeat;
	width:292px;
	height:301px;
	float:left;
	display:inline;
	margin-right:20px;
}
#queEsScrapbooking h1{
	color:#C84E4E;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
	margin:0;
	padding:132px 10px 0 132px;
}
#queEsScrapbooking p{
	margin:0;
	padding:12px 35px 0 132px;
}

#destacados{
	width:325px;
	float:left;
	display:inline;
	margin-right:20px;
}
#destacados .elemento{
	background-image:url(../imagenesDefecto/TiendaScrap/homeDestacados.jpg);
	background-repeat:no-repeat;
}
#destacados .elemento .inicio{
	background-image:url(../imagenesDefecto/TiendaScrap/homeDestacadosCierre.jpg);
	background-repeat:no-repeat;
	background-position:0 bottom;
	min-height:110px;
	*height:121px;
	padding-bottom:11px;
}
#destacados .elemento h1{
	color:#C84E4E;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
	margin:0;
	padding:26px 26px 0 84px;
}
#destacados .elemento p{
	margin:0;
	padding:12px 26px 0 84px;
}
#destacados #destacado1{
	margin-bottom:10px;
}

#noticias{
	width:302px;
	float:left;
	display:inline;
}
#noticias table,
#noticias table td,
#noticias table th{
	border:1px solid #fff;
}
#noticias table td{
	background-image:url(../imagenesDefecto/TiendaScrap/icoNews.gif);
	background-repeat:no-repeat;
	background-position:0 12px;
}
#noticias table td h1{
	color:#C84E4E;
	font-weight:bold;
	font-family:Arial;
	font-size:13px;
	margin:0;
	padding:12px 5px 0 64px;
}
#noticias table td p{
	font-family:Arial;
	font-size:12px;
	margin:0;
	padding:8px 5px 0 64px;
}

#galeria{
	float:right;
	display:inline;
	margin-left:20px;
	width:305px;
	min-height:357px;
	*height:357px;
	background-image:url(../imagenesDefecto/TiendaScrap/homeGaleria.jpg);
	background-repeat:no-repeat;
	background-position:0 bottom;
	position:relative;
}
#galeria .control{
	padding:24px 0 0 24px;
}
#galeria .elemento{
	width:114px;
	height:84px;
	padding:5px;
	*width:124px;
	*height:94px;
	vertical-align:middle;
	background-color:#fff;
	float:left;
	display:inline;
	margin:0 12px 13px 0;
	overflow:hidden;
	*position:relative;
	text-align:center;
	display:table;
}
#galeria .elemento.par{
	margin:0 0 14px 0;
}
#galeria .elemento div{
	*position:absolute;
	*top:50%;
	*left:50%;
	display:table-cell;
	vertical-align:middle;
}
#galeria .elemento div img{
	*position:relative;
	*top:-49%;
	*left:-50%;
	max-height:94px;
}
#galeria h1 a{
	color:#428EA4;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
	margin:0;
	padding:0;
	position:absolute;
	left:92px;
	top:296px;
}
#galeria p{
	font-family:Verdana;
	font-size:13px;
	margin:0;
	padding:0;
	position:absolute;
	left:92px;
	top:316px;
}

#foro{
	float:left;
	display:inline;
	margin-right:20px;
	width:292px;	
	height:167px;
	background-image:url(../imagenesDefecto/TiendaScrap/homeForo.jpg);
	background-repeat:no-repeat;
	background-position:0 bottom;
}
#foro h1{
	color:#C84E4E;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
	margin:0;
	padding:26px 10px 0 84px;
}
#foro h1 a{
	color:#C84E4E;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
}
#foro p{
	font-family:Verdana;
	font-size:13px;
	margin:0;
	padding:8px 15px 0 84px;
}

#tienda{
	*float:left;
	*display:inline;
}
#mailing{
	float:left;
	display:inline;
	margin-right:20px;
	width:292px;	
	height:170px;
	background-image:url(../imagenesDefecto/TiendaScrap/homeMailing.jpg);
	background-repeat:no-repeat;
	background-position:0 bottom;
	margin-top:20px;
	*margin-top:16px;
}
#mailing h1{
	color:#C84E4E;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
	margin:0;
	padding:26px 5px 0 84px;
}
#mailing h1 a{
	color:#C84E4E;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
}
#mailing p{
	font-family:Verdana;
	font-size:13px;
	margin:0;
	padding:8px 5px 0 84px;
}

#nuevosProductos{
	*float:left;
	*display:inline;
	margin-top:20px;
	*margin-top:14px;
}

/*--- Pie ---*/
#pagina #pie{
	margin-bottom:10px;
	text-align:left;
	padding-left:20px;
}
#pagina #pie #AvisoLegal{
	display:inline;
	margin:0;
	clear:none;
}
#pagina #pie div{
	float:left;
	display:inline;
}
#pagina #pie,
#pagina #pie a{
	color:#7B310C;
}
#pagina #pie a.lnkMarcas{
	float:right;
	margin:0 15px;
}
#pagina #pie img{	
	margin:5px 10px;
	vertical-align:middle;
}
#pagina #pie a.lnkMarcas img{
	margin:0;
}
#pagina #pie a.lnkProfessional{
	color:#537B0C;
}
#galeria .fotos a.verMas{
                display:none;
}
