﻿/*******************ERIC MEYER'S CSS RESET STYLES********************************************/
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 {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*******************ERIC MEYER'S CSS RESET STYLES********************************************/

/*******************LAYOUT********************************************/
body {font-size:1em; font-family:Helvetica, Arial, sans-serif; background: #FFF url('../images/fondo.gif') repeat scroll left top;}

.wrapper 	{height:100%;margin: 0 auto;}


#home {background:#FFF url('../imgs/bk.fondo.home.gif') repeat-y scroll center top;}

h1 {width:auto;margin:0.75em 0 0.75em 1.75em;float:left}
h1 span,
h2 span {display:block; position:absolute; width:0; overflow:hidden;}

#main	{overflow:hidden;}

.limpiar {width:0; height:0; clear:both; float:none; display:block; overflow:hidden;}
/*******************FIN LAYOUT********************************************/

/*******************HEADER********************************************/
#header {overflow:auto;}
/*******************FIN HEADER********************************************/

/*******************NAV********************************************/
.nav 					{clear:both;margin:0 0.75em; border:2px solid #FFF;overflow:auto;height:1%;}
#linea-page .nav		{border-color:#000;}
	.nav li						{float:left;width:20%;text-align:center;line-height:2.5em;}
	.nav .last					{float:left;}
		.nav li a span					{display:block;position:absolute;width:0;overflow:hidden;}

/*******************FIN NAV********************************************/

/*******************HOME********************************************/
#yew					{float:left;width:50%;margin:0;background:#000 none;}
#linea-mueble			{float:left;width:50%;margin:0;background:#FFF none;}
	.fotos						{height:17.5em;margin:0 auto;text-align:center;}
		.fotos li						{display:none; width:100%;text-align:center;overflow:hidden;}
		.fotos .primera					{display:block;}

#home h2				{margin:1.75em 0 2em;text-align:center;}
#linea-mueble h2		{margin-bottom:2.4em;}

.fotos-fila				{width:90%; margin:0 auto 1em;height:10.625em;border:2px solid #FFF;}
	.fotos-fila li				{float:left;width:33%;margin:1em auto;text-align:center;overflow:hidden;}
#linea-mueble .fotos-fila{border:2px solid #000;}
/*******************FIN HOME********************************************/

/*******************INTERIORES********************************************/
/**********YEW*****************/
#yew-page {background:#000 none;}

.fotos-interior 		{margin:3em 0.75em 0;clear:both;overflow:auto;}
	.fotos-interior li 			{width:48%;float:left;}
		.fotos-interior ul 			{width:100%;height:40em;}
			.fotos-interior ul li					{display:none; width:100%; text-align:center;overflow:hidden;}
			.fotos-interior ul .primera				{display:block;}

.menu-fabricantes			{float:left;width:25%;margin:0.2em 0.75em 0 0.75em; background-color:#000;padding-bottom:30000px;margin-bottom:-30000px;}
	.menu-fabricantes li			{width:100%; text-align:center; margin:0.5em 0;}
		.menu-fabricantes li img			{padding:0.1em; border:1px solid #CDCDCD;}

.lista-fabricantes			{float:right;width:60%;margin:0.2em 0.75em 0 0.75em;overflow:hidden;}
	.lista-fabricantes ul			{clear:both;width:1200%;}
		.lista-fabricantes li				{float:left;width:8.3%;padding-top:4em;text-align:center;background-color:#FFF;height:600px;}
			
.lista-outlet				{margin:0.2em 0.75em 0 0.75em;clear:both;}
	.lista-outlet li			{float:left;width:25%;min-height:14em;text-align:center;color:#FFF;margin-bottom:1em;}
	#linea-page .lista-outlet li{color:#000;}
	.lista-outlet p				{width:100%;margin-right:auto;margin-left:auto;font-size:0.8em;font-weight:bold;line-height:1.2em;}

dl							{margin:0.2em 0.75em 0 0.75em;clear:both;color:#FFF;}
#linea-page dl				{color:#000;}
	dt,dd							{float:left;margin-bottom:0.3em;font-size:0.9em;}
	dt								{clear:both;margin-right:0.2em;}
	dd								{width:80%;}
	dt.precio						{width:80%;margin-top:2.5em;}
	dd.precio-outlet				{width:100%; font-size:5em;text-align:center;font-weight:bold;}
.outlet						{float:right; width:50%;}
	.outlet h2						{line-height:3em; color:#FFF;font-weight:bold;font-size:1.5em;}
	#linea-page .outlet h2			{color:#000;}
.detalle					{float:left; width:48%;margin:2em 0;text-align:center;}

.menu-categoria				{float:left;width:17%;margin:0.2em 0.25em -30000px 0.75em; background-color:#000;padding:0 0 30000px 0;}
#yew-page .menu-categoria	{background-color:#FFF;}
	.menu-categoria li				{margin:0.5em 0;border-bottom:1px solid #fff;text-align:center;font:600 0.7em/3em  Helvetica, Arial, sans-serif;}
#yew-page .menu-categoria li	{border-bottom:1px solid #000;}
	.menu-categoria li.sel			{border:1px solid #000;background:#FFF none;}
#yew-page .menu-categoria li.sel	{background:#000 none;}
.productos					{float:left; width:80%;}
.productos li						{float:left;width:30%;margin:1%;}

.texto						{float:left; width:80%;padding:20px 0;}
#yew-page .texto			{color:#FFF;}
.texto h2					{margin:0 10px 20px;font:600 1.4em/1.1em Arial, Helvetica, sans-serif;}
.texto li,
.texto p					{margin:2em 1em;font:normal 0.8em/1.2em Arial, Helvetica, sans-serif;}
.texto li					{margin:1em 1em 1em 2em;list-style-position:outside;list-style-type:circle;}
.texto strong				{font-weight:bold;}
.texto img					{float:right;margin:0 0 0 1em;padding:0.2em;border:1px solid #333;}
#yew-page .texto img		{border:1px solid #DDD;}
/*******************FIN INTERIORES********************************************/

/*******************FOOTER********************************************/
#footer						{clear:both;margin-top:2em;border-top:1px solid #FFF;}
#linea-page #footer			{border-top:1px solid #000;}
	#footer h2						{margin-top:0.2em;color:#858585;font-family:"Times New Roman", Times, serif;text-align:center;text-transform:uppercase; font-size:1.3em;font-weight:bold;}
	#footer ul						{margin:1em 2.25em;border:2px solid #FFF;overflow:auto;height:1%;}
	#linea-page #footer ul			{border:2px solid #000;}
		#footer ul li						{float:left;width:16.5%;margin:0.5em auto;text-align:center;}
/*******************FIN FOOTER********************************************/

/*******************ENLACES********************************************/
a:link,a:visited,a:focus 	{text-decoration:none;}
a:hover,a:active 			{text-decoration:underline;}

.banner						{float:right;margin:0.75em;}

#footer h2 a				{color:#858585;}

.nav li a					{display:block;width:100%;height:2.5em;}
	.nav .inicio				{background:#000 url('../imgs/nav/inicio.black.gif') no-repeat scroll center center;}
	.nav .outlet				{background:#000 url('../imgs/nav/outlet.black.gif') no-repeat scroll center center;}
	.nav .visita				{background:#000 url('../imgs/nav/visita.virtual.black.gif') no-repeat scroll center center;}
	.nav .fabricantes			{background:#000 url('../imgs/nav/fabricantes.black.gif') no-repeat scroll center center;}
	.nav .contacto				{background:#000 url('../imgs/nav/contacto.black.gif') no-repeat scroll center center;}
	.nav .inicio:hover			{background:#FFF url('../imgs/nav/inicio.white.gif') no-repeat scroll center center;}
	.nav .outlet:hover			{background:#FFF url('../imgs/nav/outlet.white.gif') no-repeat scroll center center;}
	.nav .visita:hover			{background:#FFF url('../imgs/nav/visita.virtual.white.gif') no-repeat scroll center center;}
	.nav .fabricantes:hover		{background:#FFF url('../imgs/nav/fabricantes.white.gif') no-repeat scroll center center;}
	.nav .contacto:hover		{background:#FFF url('../imgs/nav/contacto.white.gif') no-repeat scroll center center;}

	.nav .sel .inicio			{background:#FFF url('../imgs/nav/inicio.white.gif') no-repeat scroll center center;}
	.nav .sel .outlet			{background:#FFF url('../imgs/nav/outlet.white.gif') no-repeat scroll center center;}
	.nav .sel .visita			{background:#FFF url('../imgs/nav/visita.virtual.white.gif') no-repeat scroll center center;}
	.nav .sel .fabricantes		{background:#FFF url('../imgs/nav/fabricantes.white.gif') no-repeat scroll center center;}
	.nav .sel .contacto			{background:#FFF url('../imgs/nav/contacto.white.gif') no-repeat scroll center center;}

#linea-page .nav .inicio				{background:#FFF url('../imgs/nav/inicio.white.gif') no-repeat scroll center center;}
#linea-page .nav .outlet				{background:#FFF url('../imgs/nav/outlet.white.gif') no-repeat scroll center center;}
#linea-page .nav .visita				{background:#FFF url('../imgs/nav/visita.virtual.white.gif') no-repeat scroll center center;}
#linea-page .nav .fabricantes			{background:#FFF url('../imgs/nav/fabricantes.white.gif') no-repeat scroll center center;}
#linea-page .nav .contacto				{background:#FFF url('../imgs/nav/contacto.white.gif') no-repeat scroll center center;}
#linea-page .nav .inicio:hover			{background:#000 url('../imgs/nav/inicio.black.gif') no-repeat scroll center center;}
#linea-page .nav .outlet:hover			{background:#000 url('../imgs/nav/outlet.black.gif') no-repeat scroll center center;}
#linea-page .nav .visita:hover			{background:#000 url('../imgs/nav/visita.virtual.black.gif') no-repeat scroll center center;}
#linea-page .nav .fabricantes:hover		{background:#000 url('../imgs/nav/fabricantes.black.gif') no-repeat scroll center center;}
#linea-page .nav .contacto:hover		{background:#000 url('../imgs/nav/contacto.black.gif') no-repeat scroll center center;}

#linea-page .nav .sel .inicio			{background:#000 url('../imgs/nav/inicio.black.gif') no-repeat scroll center center;}
#linea-page .nav .sel .outlet			{background:#000 url('../imgs/nav/outlet.black.gif') no-repeat scroll center center;}
#linea-page .nav .sel .visita			{background:#000 url('../imgs/nav/visita.virtual.black.gif') no-repeat scroll center center;}
#linea-page .nav .sel .fabricantes		{background:#000 url('../imgs/nav/fabricantes.black.gif') no-repeat scroll center center;}
#linea-page .nav .sel .contacto			{background:#000 url('../imgs/nav/contacto.black.gif') no-repeat scroll center center;}


#linea-page .menu-categoria li.sel a	{color:#000;line-height:2em;}
#linea-page .menu-categoria li a		{color:#FFF;line-height:2em;}
#yew-page .menu-categoria li.sel a		{color:#FFF;line-height:2em;}
#yew-page .menu-categoria li a			{color:#000;line-height:2em;}

.screen-readers 			{display:block; position:absolute; width:0; overflow:hidden;}
/*******************FIN ENLACES********************************************/