/*
	Resetear CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
}

body {
     line-height: 1;
}

:focus {
     outline: 0;
}

ol, ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}

input, textarea {
     margin: 0;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px;
}


/* 
	Resetear CSS 
*/



/* por definir

	h2.tituloProducto
	h3.tituloProducto
	p.precio
	a.eliminar
	a.vaciarCarro
	a.realizarPedido

*/
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: Georgia, Times, "Times New Roman", serif;
	text-align: center;
	background: #DBD2D5 url(/plantillas/lacasadelosroper/imagenes/layout/fondo.jpg) repeat top left;
	background-attachment: fixed;
}
hr {
	clear: both;
	visibility: hidden;
}
* a img {
	border: none;
}
* .clear{
	clear: both;
}
strong{
	font-weight: bold;
}


/* -------------- los grandes bloques ------------- */


	#contenedor {
		width: 870px;
		margin: 0 auto;
		text-align: left;
		z-index: 0;
	}
	
	#cabecera {
		background: transparent url(/plantillas/lacasadelosroper/imagenes/layout/fondo-cabecera.png) repeat-x top left;
		height: 200px;
		padding-top: 10px;
	}

	#titulo {
		float: left;
		margin: 0 auto;
		top: 0;
		width: 312px;
		height: 187px;

	}

	#carro {
		float: right;
		width: 250px;
		margin-top: 60px;
		margin-right: 40px;
	}

	#buscador {
		
	}
	#cuerpo {
		clear: both;
		background-color: #fff;
	}

	#menu {
		float: left;
		width: 20%;
		text-align: left;
		font-size: 0.9em;
		padding-left: 2em;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	#contenido {
		float: right;
		width: 70%;
		margin-top: 10px;
		margin-right: 20px;
		padding-bottom: 2em;
	}
	#migas {
		padding: 0;
		color: #e9e9e9;
		font-size: 0.9em;
	}
	#pie {
		clear: both;
		padding: 1em 0;
		font-size: 0.8em;
		color: #999
	}
	
	#texto {
		margin-right: 25px;
	}


/* -------------- fin los grandes bloques ------------- */


	#cabecera h1 {
	
	}
	
	#cabecera h1 a {
		text-decoration: none;
	}
	#cabecera span {
	
	}

	#cabecera a {
	
	}
	#cabecera a:hover{
	
	}


/* ----------- carro ------------------------------- */

	#carro p {
		text-align: right;
		font-size: 0.7em;
		color: #888;
	}
	#carro p a {
		color: #777;
		text-decoration: none;
	}
	#carro p a:hover {
		text-decoration: underline;
	}
	#carro p .linea {
		border-bottom: 1px solid #e0e0e0;
		display: block;
		padding: 10px 0;
	}
	
	#carro p .carro {
		padding-right: 30px;
		background: #fff url(/plantillas/lacasadelosroper/imagenes/iconos/carro-claro.png) no-repeat 225px 5px;
	}
	#carro p .oscuro {
		padding-right: 30px;
		background: #fff url(/plantillas/lacasadelosroper/imagenes/iconos/carro-oscuro.png) no-repeat 225px 5px;
	}


/* ----------- buscador ------------------------------- */

	#buscador form {
		font-size: 0.8em;
	}
	#buscador form p {
		padding: 0.7em;
	}
	#buscador form p label {
		display: none;
	}
	#buscador form #q {
		border: 1px solid #999;
		background-color: transparent;
		font-family: Georgia, Times, "Times New Roman", serif;
		padding: 4px 5px;
		color: #999;
	}
	#buscador form #q:focus {
		color: #000;
	}
	#buscador form #enviar {
		border: 1px solid #999;
		background-color: transparent;
		font-family: Georgia, Times, "Times New Roman", serif;
		padding: 4px 5px;
		color: #999;
	}


/* ----------- menu ------------------------------- */

	#menu h2 {
		/*font-weight: bold;*/
		color: #4E252B;
		/*border-bottom: 1px solid #999;*/
		padding: 2px 0;
		/*text-transform: uppercase;*/
	}
	
	#menu ul li {
		line-height: 1.3em;
	}
	
	#menu ul li a {
		color: #777;
		text-decoration: none;
		display: block;
		border-bottom: 1px solid #999;
		padding: 10px 40px 10px 0;
		
	}
	#menu ul li a:hover {
		color: #333;
	}


	
	#menu ul li.novedades				  { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/novedades.png) no-repeat top right;}
	#menu ul li.las-cosas-de-george	      { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/las-cosas-de-george.png) no-repeat top right;}
	#menu ul li.los-caprichos-de-mildred  { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/los-caprichos-de-mildred.png) no-repeat top right;}
	#menu ul li.el-salon				  { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-salon.png) no-repeat top right;}
	#menu ul li.el-bano				      { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-bano.png) no-repeat top right;}
	#menu ul li.el-cuarto-de-los-sobrinos { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-cuarto-de-los-sobrinos.png) no-repeat top right;}
	#menu ul li.el-jardin				  { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-jardin.png) no-repeat top right;}
	#menu ul li.el-dormitorio			  { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-dormitorio.png) no-repeat top right;}
	#menu ul li.la-mesa-y-la-cocina	      { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/la-mesa-y-la-cocina.png) no-repeat top right;}
	#menu ul li.la-oficina			      { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/la-oficina.png) no-repeat top right;}
	#menu ul li.vintage				      { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/vintage.png) no-repeat top right;}
	#menu ul li.navidad				      { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/navidad.png) no-repeat top right;}
	#menu ul li.ofertas				      { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/ofertas.png) no-repeat top right;}


	#menu ul li.novedades:hover				  	{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/novedades_hover.png) no-repeat top right;}
	#menu ul li.las-cosas-de-george:hover	    { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/las-cosas-de-george_hover.png) no-repeat top right;}
	#menu ul li.los-caprichos-de-mildred:hover  { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/los-caprichos-de-mildred_hover.png) no-repeat top right;}
	#menu ul li.el-salon:hover				  	{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-salon_hover.png) no-repeat top right;}
	#menu ul li.el-bano:hover				    { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-bano_hover.png) no-repeat top right;}
	#menu ul li.el-cuarto-de-los-sobrinos:hover { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-cuarto-de-los-sobrinos_hover.png) no-repeat top right;}
	#menu ul li.el-jardin:hover				  	{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-jardin_hover.png) no-repeat top right;}
	#menu ul li.el-dormitorio:hover			  	{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-dormitorio_hover.png) no-repeat top right;}
	#menu ul li.la-mesa-y-la-cocina:hover	    { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/la-mesa-y-la-cocina_hover.png) no-repeat top right;}
	#menu ul li.la-oficina:hover			    { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/la-oficina_hover.png) no-repeat top right;}
	#menu ul li.vintage:hover		      		{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/vintage_hover.png) no-repeat top right;}
	#menu ul li.navidad:hover		      		{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/navidad_hover.png) no-repeat top right;}
	#menu ul li.ofertas:hover		      		{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/ofertas_hover.png) no-repeat top right;}

	#menu ul li.novedades .current				  	{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/novedades_hover.png) no-repeat top right;}
	#menu ul li.las-cosas-de-george .current	    { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/las-cosas-de-george_hover.png) no-repeat top right;}
	#menu ul li.los-caprichos-de-mildred .current  { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/los-caprichos-de-mildred_hover.png) no-repeat top right;}
	#menu ul li.el-salon .current				  	{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-salon_hover.png) no-repeat top right;}
	#menu ul li.el-bano .current				    { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-bano_hover.png) no-repeat top right;}
	#menu ul li.el-cuarto-de-los-sobrinos .current { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-cuarto-de-los-sobrinos_hover.png) no-repeat top right;}
	#menu ul li.el-jardin .current				  	{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-jardin_hover.png) no-repeat top right;}
	#menu ul li.el-dormitorio .current			  	{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/el-dormitorio_hover.png) no-repeat top right;}
	#menu ul li.la-mesa-y-la-cocina .current	    { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/la-mesa-y-la-cocina_hover.png) no-repeat top right;}
	#menu ul li.la-oficina .current			    { background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/la-oficina_hover.png) no-repeat top right;}
	#menu ul li.vintage .current		      		{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/vintage_hover.png) no-repeat top right;}
	#menu ul li.navidad .current		      		{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/navidad_hover.png) no-repeat top right;}
	#menu ul li.ofertas .current		      		{ background: transparent url(/plantillas/lacasadelosroper/imagenes/iconos/ofertas_hover.png) no-repeat top right;}
	
	#menu ul li ul {
		padding: 1em 0;
	}
	#menu ul li.las-cosas-de-george .current {
		background-image: none;
	}
	
	#menu ul li ul li {
		padding-left: 1em;
		background-image: none;
	}
	#menu ul li ul li.novedades {
		background-image: none;
	}
	#menu ul li ul li.current {
		background-image: none;
	}
	#menu ul li ul li.novedades:hover {
		background-image: none;
	}
	
	#menu ul li ul li a {
		border-bottom: none;
		padding: 3px 0;
	}


	#menu #boletin {
		margin-top: 40px;
		font-size: 0.9em;
	}

	#menu p.banner {
		margin-top: 40px;
	}



/* ---------- migas ------------------ */

	#migas p a {
		color: #9e9e9e;
	}
	#migas p a:hover {
		text-decoration: none;
	}


	#contenido .paginador {
		clear: both;
		padding-right: 30px;
		height: 40px;
	}
		#contenido .paginador p.izquierda {
			float: left;
			width: 45%;
		}
		#contenido .paginador p.derecha {
			float: right;
			width: 45%;
			text-align: right;
		}
	
	#contenido h2 {
		font-size: 1.2em;
		color: #5A2B31;
		width: 100%;
		margin: 1em 0;
	}
	 #contenido h2.tituloProducto {
	 	font-size: 1.4em;
	 	padding-top: 1.2em;
	 	color: #5A2B31;
	 }
	
	#contenido h2 a {
	
	}
	#contenido h3 {
		border-bottom: 1px solid #555;
		margin: 1em 0;
		color: #5A2B31;
	}
	#contenido h4 {
		margin: 1em 0;
		color: #5A2B31;
	}
	
	#contenido h3.sinborde {
		border-bottom: none;
		padding-top: 2em;
	}
	
	
	#contenido * a {
		color: #777;
	}
	#contenido * a:hover {
		text-decoration: none;
	}
	#contenido p {
		font-size: 0.8em;
		color: #777;
		margin: 1em 0;
		line-height: 1.4em;
	}
	
	#contenido ul {
		margin: 1em;
	}
	#contenido ul li {
		font-size: 0.8em;
		color: #777;
		margin-left: 2em;
		line-height: 1.4em;
		list-style-type: circle;
	}
	#contenido ol {
		margin: 1em;
	}
	#contenido ol li {
		font-size: 0.8em;
		color: #777;
		margin-left: 2em;
		line-height: 1.4em;
		list-style-type: lower-latin;
	}
	#contenido p.precio {
		font-size: 1.2em;
		color: #555;
		margin: 0;
		padding: 0;
	}
	#contenido p.precio del {
		font-size: 0.8em;
	}
	#contenido p .iva {
		font-size: 0.6em;
		line-height: 1.3em;
	}
	#contenido p .ivacarro {
		font-size: 0.7em;
		color: #999;
	}
	#contenido p.home {
		font-size: 0.8em;
		margin: 0;
	}
	
	#contenido .descripcion {
		font-size: 0.9em
	}
	
	
	#contenido #fotos {
		float: right;
		width: 51%;
		padding-right: 20px;
		text-align: right;
	}
	#contenido #fotos img {
		border: 10px solid #E9E9E9;
	}
	#contenido #info {
		float: left;
		width: 44%;
	}
	
	
	#contenido p.foto a img {
		border: 10px solid #E9E9E9;
	}
	#contenido p.foto a img:hover {
		border: 10px solid #ccc;
	}
	
	#contenido .snippet {
		float: left;
		width: 160px;
		margin-right: 50px;
		padding-bottom: 20px;
	}
	#contenido .snippet * {
		/*border: 1px solid black;*/
	}
	#contenido .derecha {
		margin-right: 0;
	}
	#contenido .snippet h3.nombreProducto{
		float: left;
		width: 60%;
		font-size: 0.8em;
		border-bottom: none;
		margin: 0;
		padding: 0;
	}
	#contenido .snippet h3.nombreProducto a {
		color: #555;
		text-decoration: none;
	}
	#contenido .snippet h3.nombreProducto a:hover {
		text-decoration: underline;
	}
	#contenido .snippet p.precio {
		float: right;
		width: 38%;
		color: #767676;
		text-align: right;
	}
	#contenido .snippet .descuento {
		color: #571425;
	}
	
	
	#contenido form p label {
		display: block;
		float: left;
		width: 150px;
	}
	#contenido form p label.bloque {
		display: block;
		float: none;
		width: 100%;
	}
	#contenido form p input {
		border: 1px solid #888;
		padding: 3px 2px;
	}
	#contenido form p input.checkbox{
		border: none;
	}
	#contenido form p label.oculto {
		display: none;
		float: none;
		width: 0;
	}
	#contenido form input.botonComprar{
		border: 1px solid #fff;
		background-color: #fff;
		padding: 10px 10px 10px 40px;
		background: #fff url(/plantillas/lacasadelosroper/imagenes/iconos/carro-claro.png) no-repeat 5px 5px;
		color: #9D9D9D;
		cursor: pointer;
	}
	#contenido form input.botonComprar:hover{
		color: #555;
		background: #fff url(/plantillas/lacasadelosroper/imagenes/iconos/carro-oscuro.png) no-repeat 5px 5px;
	}
	
	
	#contenido #animaciones {

	}
	
	#contenido #animaciones #fotografia {
		float: left;
		width: 200px;
		text-align: justify;
	}

	#contenido #animaciones #flash {
		float: left;
		width: 382px;
	}


	table#tablacarro {
		width: 98%;
		border-collapse: collapse;
	}
	table#tablacarro th {
		font-weight: bold;
		background-color: #9D8387;
		padding: 10px 5px;
		color: #fff;
		font-size: 0.9em;
	}
	table#tablacarro td {
		vertical-align: middle
	}
	
	table#tablacarro td * {
		padding: 0;
		margin: 0;
	}
	
	table#tablacarro td form input {
		margin: 0;
		padding: 0;
		
	}
	table#tablacarro td form input.cantidad {
		width: 20px;
	}
	table#tablacarro td form input.boton {
		font-size: 0.8em;
	}
	table#tablacarro td {
		padding: 5px;
		border-bottom: 1px solid #555;
		border-top: 1px solid #555;
	}
	table#tablacarro .total {
		font-size: 1.2em;
		color: #472025;
	}
	
	table#tablacarro .eliminar {
		font-size: 0.8em;
	}
	
	.realizarPedido {
		text-align: right;
		font-size: 1.5em;
	}




	/* ----------------- pie ------------------------ */
	
	#pie {
		color: #333;
		background-color: #fff;
		padding: 2em 0;
	}
	.nosotros { float: left; width: 20%; padding-top: 1em; margin-left: 20px;}
	.marcas	  { float: left; width: 55%; padding-top: 1em; margin-left: 20px;}
	.tarjetas { float: left; width: 15%; padding-top: 1em; margin-left: 20px;}
	#pie h2 {
		border-bottom: 1px solid #753E46;
		font-variant: small-caps;
		font-size: 1.2em;
		color: #753E46;
	}
	
	/*#pie a {
		color: #333;
		text-decoration: none;
	}
	#pie a:hover {
		text-decoration: underline;
	}*/
	#pie ul {
		margin: 1em;
	}
	
	#pie ul li {
		font-size: 0.9em;
		color: #999;
		line-height: 1.4em;
	}
	#pie ul li a {
		color: #999;
		text-decoration: none;
	}
	#pie ul li a:hover {
		text-decoration: underline;
	}
	
	#pie .marcas ul li {
		display: block;
		float: left;
		width: 31%;
		padding-left: 8px;
		background: #fff url(/plantillas/lacasadelosroper/imagenes/layout/bullet-pie.png) no-repeat 0 6px;
	}
	#pie .nosotros ul li {
		background: #fff url(/plantillas/lacasadelosroper/imagenes/layout/bullet-pie.png) no-repeat 0 6px;
		padding-left: 8px;
	}