@charset "utf-8";
/* CSS Document */

/* Weboryx
/* Entornodigital, S.A.
/* Autor: Gemma Valls
--------------------------------------------------------------------------- */

/* RESET
--------------------------------------------------------------------------- */

html, body, 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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, caption, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline;}

a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0; c}
ol, ul {list-style: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
img { -ms-interpolation-mode: bicubic;}
/*img, div, li, a { behavior: url(iepngfix.htc); }*/
a, a:active, a:visited, img { outline:none; text-decoration:none;}
.clear { clear:both;}
td, p, table, tr { line-height:12px; text-align:left;}
p { margin-bottom:14px;}
a.menus{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #A41010;
	text-decoration: none;
	margin-bottom:6px;
	display:block;}
a.menus:hover{ color:#f69548;}



/* BASICOS
--------------------------------------------------------------------------- */

body { background-color:#F9B272; margin:14px 0 0 0; font-family:Verdana, Geneva, sans-serif; text-align:center; }
#wrapper { width:987px; /*height:auto;*/ background-color:#FFF; border:1px solid #403734; margin:0 auto; overflow:hidden; }
.txtaviso { float:left; display:block; width:987px; color:#FFF; font-size:10px; background-color:#A41010; text-align:center; padding:3px 0 4px 0; border-top:1px solid #a5926f;}
.tablaborde { border:1px solid #403734;}


/* CABECERA
--------------------------------------------------------------------------- */
#cabecera { float:left; width:987px; /*height:159px;*/ background:url(../img/cabecera_fondo.jpg) no-repeat top right #FFF; font-size:10px; color:#403734; overflow:hidden; }
	#cabecera #top { float:left; width:987px; height:18px; background-color:#ece2c9;}
	#cabecera #top #dir { float:left; width:500px; height:14px !important; * height:18px; background: url(../img/horario_esquina.jpg) no-repeat top right #a5926f; font-size:10px; color:#FFF; padding:4px 0 0 14px;}
	
	marquee { float:left; width:510px; margin-left:250px; }
	
	/* MENÚ NAVTOP
	--------------------------------------------------------------------------- */
	#cabecera #top #navtop ul { float:left; width:473px; }
		#cabecera #top #navtop ul li { float:right; display: inline;}
		#cabecera #top #navtop ul li a { float:left; width:auto; background:url(../img/menu_sup_fondo.jpg) no-repeat top left; padding:4px 10px 4px 10px; text-decoration:none; color:#000; font-size:10px;}
		#cabecera #top #navtop li a:hover { background:#403734; color:#FFF;}
		
	#cabecera #logo { float:left; width:172px; height:100px; padding:10px 0 0 10px;}
	#cabecera #eslogan { float:left; width:610px; height:80px; text-align:center; padding:30px 0 0 0; color:#403734; overflow:hidden;}
		#cabecera #eslogan span  { display:block; text-align:center; padding:0 0 4px 0; }
		
	/* MENÚ NAV 
	--------------------------------------------------------------------------- */
	#cabecera #nav { float:left; width:977px; height:32px; padding:0 0 0 12px; background-color:#403734;}
		#cabecera #nav ul li { float:left; display: inline; background: url(../img/nav_separador.jpg) no-repeat top right;}
		
		/*-- LIBRERIA --*/
		#cabecera #nav ul li a.botlibreria { float:left; width:58px; height:32px; background:url(../img/nav_libreria.jpg) no-repeat top left; margin:8px 14px 0 0;}
		#cabecera #nav ul li a.botlibreria:hover {background:url(../img/nav_libreria_rol.jpg) no-repeat top left;}
		#cabecera #nav ul li a.botlibreria_CAT { float:left; width:58px; height:32px; background:url(../img/nav_libreria_CAT.jpg) no-repeat top left; margin:8px 20px 0 0;}
		#cabecera #nav ul li a.botlibreria_CAT:hover {background:url(../img/nav_libreria_rol_CAT.jpg) no-repeat top left;}

		/*-- OPTICA --*/
		#cabecera #nav ul li a.botoptica { float:left; width:170px; height:32px; background:url(../img/nav_prismaticos.jpg) no-repeat top left; margin:8px 16px 0 6px;}
		#cabecera #nav ul li a.botoptica:hover { background:url(../img/nav_prismaticos_rol.jpg) no-repeat top left;}
		#cabecera #nav ul li a.botoptica_CAT { float:left; width:144px; height:32px; background:url(../img/nav_prismaticos_CAT.jpg) no-repeat top left; margin:8px 25px 0 6px;}
		#cabecera #nav ul li a.botoptica_CAT:hover { background:url(../img/nav_prismaticos_rol_CAT.jpg) no-repeat top left;}

		/*-- EQUIPO --*/
		#cabecera #nav ul li a.botequipo { float:left; width:180px; height:32px; background:url(../img/nav_equipo.jpg) no-repeat top left; margin:8px 16px 0 6px;}
		#cabecera #nav ul li a.botequipo:hover { background:url(../img/nav_equipo_rol.jpg) no-repeat top left;}
		#cabecera #nav ul li a.botequipo_CAT { float:left; width:140px; height:32px; background:url(../img/nav_equipo_CAT.jpg) no-repeat top left; margin:8px 22px 0 6px;}
		#cabecera #nav ul li a.botequipo_CAT:hover { background:url(../img/nav_equipo_rol_CAT.jpg) no-repeat top left;}


/* INICIO
--------------------------------------------------------------------------- */

	/* FLASH
	--------------------------------------------------------------------------- */
	#contentinicio { float:left; background: url(../img/fondo_flash.jpg) no-repeat top left #FFF; width:987px; /*height:auto;*/ padding:8px 0 0 0; overflow:hidden;}
		#contentinicio #iniciofotos { float:left; width:500px; height:182px; margin:4px 0 0 17px !important; * margin:4px 0 0 7px !important; }
		#contentinicio #inicio { float:left; width:470px; height:182px; overflow:hidden; }
		
	/* BUSCADOR
	--------------------------------------------------------------------------- */
		#contentinicio #inicio #iniciobuscador { float:left; width:470px; height:84px; background:url(../img/fondo_buscador.jpg) no-repeat top left; font-size:10px;}
			#contentinicio #inicio #iniciobuscador form { padding:34px 0 0 15px;} 
				#contentinicio #inicio #iniciobuscador form .cuadro { float:left; width:378px; height:20px; border:1px solid #b18043; margin:0 0 2px 0; font-size:11px; padding:2px 0 0 2px; color:#7d7a78;} 
				#contentinicio #inicio #iniciobuscador form .lupa { float:left; margin:0 0 0 6px;} 
			
	/* BOTONES INICIO
	--------------------------------------------------------------------------- */
	#iniciobots { float:left; width:477px; height:61px; margin:8px 0 0 0;}
	
		/*-- NOVEDADES --*/
		#iniciobots a.botnovedades { float:left; width:113px; height:61px; background:url(../img/bot_novedades.jpg) no-repeat top left; padding:36px 0 0 0; color:#ece2c9; font-size:10px; text-align:center; margin:0 2px 0 0; }
		#iniciobots a.botnovedades:hover {  background:url(../img/bot_novedades_rol.jpg) no-repeat top left; }
		#iniciobots a.botnovedades_CAT { float:left; width:113px; height:61px; background:url(../img/bot_novedades_CAT.jpg) no-repeat top left; padding:36px 0 0 0; color:#ece2c9; font-size:10px; text-align:center; margin:0 2px 0 0; }
		#iniciobots a.botnovedades_CAT:hover {  background:url(../img/bot_novedades_rol_CAT.jpg) no-repeat top left; }		
		/*-- SELECCIONADOS --*/
		#iniciobots a.botseleccionados { float:left; width:122px; height:61px; background:url(../img/bot_seleccionados.jpg) no-repeat top left; margin:0 2px 0 0; }
		#iniciobots a.botseleccionados:hover {  background:url(../img/bot_seleccionados_rol.jpg) no-repeat top left; }
		#iniciobots a.botseleccionados_CAT { float:left; width:122px; height:61px; background:url(../img/bot_seleccionados_CAT.jpg) no-repeat top left; margin:0 2px 0 0; }
		#iniciobots a.botseleccionados_CAT:hover {  background:url(../img/bot_seleccionados_rol_CAT.jpg) no-repeat top left; }		
		/*-- SUSCRIPCION --*/
		#iniciobots a.botnsuscripcion { float:left; width:215px; height:61px; padding:36px 0 0 0; background:url(../img/bot_suscripcion.jpg) no-repeat top left; text-align:center; width:215px; height:61px; color:#ece2c9; font-size:10px; }
		#iniciobots a.botnsuscripcion:hover {  background:url(../img/bot_suscripcion_rol.jpg) no-repeat top left; }
		#iniciobots a.botnsuscripcion_CAT { float:left; width:215px; height:61px; padding:36px 0 0 0; background:url(../img/bot_suscripcion_CAT.jpg) no-repeat top left; text-align:center; width:215px; height:61px; color:#ece2c9; font-size:10px; }
		#iniciobots a.botnsuscripcion_CAT:hover {  background:url(../img/bot_suscripcion_rol_CAT.jpg) no-repeat top left; }
		

/* BANNERS
--------------------------------------------------------------------------- */
#iniciobanners { float:left; width:987px; margin:0 0 0 16px !important; *margin:0 0 0 15px; }
	#iniciobanners ul li { display: inline; margin:0 6px 0 0 !important; *margin:0 5px 0 0;}
	
	
/* MENU LATERAL
--------------------------------------------------------------------------- */
#mlateral { float:left; width:160px;}
#mlateral ul { float:left; margin:0;}
#mlateral ul li { display: inline; margin:4px 0;}
#mlateral .submenu { float:left; width:160px; margin:3px 0; }
#mlateral .submenu ul li { display: inline; float:left; padding:0 0 3px 0;}
#mlateral .submenu ul li a { float:left; padding:0 0 0 16px; background:url(../img/symbolgroc.gif) no-repeat bottom left;}
#mlateral .submenu ul li a:hover { background: url(../img/symbolrojo.gif) no-repeat 5px 3px;}

.lintopayuda { border-top:1px solid #3f3635; margin:1px 0 0 0;}

/*BOT ACTIVIDADES*/
#mlateral ul li .botactiv { font-size:10px; font-weight:bold; color:#403734; float:left; width:166px; height:20px; background: url(../img/actividades.gif) no-repeat 25px 1px #f69548; border-top:1px solid #3f3635; border-bottom:1px solid #3f3635; margin:0 0 4px 0;}
#mlateral ul li .botactiv:hover { background: url(../img/actividades_rol.gif) no-repeat 25px 1px #f69548;}
#mlateral ul li .botactiv_CAT { font-size:10px; font-weight:bold; color:#403734; float:left; width:166px; height:20px; background: url(../img/actividades.gif) no-repeat 25px 1px #f69548; border-top:1px solid #3f3635; border-bottom:1px solid #3f3635; margin:0 0 4px 0;}
#mlateral ul li .botactiv_CAT:hover { background: url(../img/actividades_rol.gif) no-repeat 25px 1px #f69548;}

/*BOT ENLACES*/
#mlateral ul li .botenlaces { font-size:10px; font-weight:bold; color:#403734; float:left; width:166px; height:20px; background: url(../img/enlaces.gif) no-repeat 25px 3px #f69548; border-top:1px solid #3f3635; border-bottom:1px solid #3f3635; margin:0 0 4px 0;}
#mlateral ul li .botenlaces:hover { background: url(../img/enlaces_rol.gif) no-repeat 25px 3px #f69548;}
#mlateral ul li .botenlaces_CAT { font-size:10px; font-weight:bold; color:#403734; float:left; width:166px; height:20px; background: url(../img/enlaces.gif) no-repeat 25px 3px #f69548; border-top:1px solid #3f3635; border-bottom:1px solid #3f3635; margin:0 0 4px 0;}
#mlateral ul li .botenlaces_CAT:hover { background: url(../img/enlaces_rol.gif) no-repeat 25px 3px #f69548;}


	/* BUSQUEDA RAPIDA MENU
	--------------------------------------------------------------------------- */
	#quicksearch { float:left; width:166px; height:67px; background: url(../img/fondo_quicksearch.jpg) no-repeat top left;}
	#quicksearch_CAT { float:left; width:166px; height:67px; background: url(../img/fondo_quicksearch_CAT.jpg) no-repeat top left;}
		#quicksearch form, #quicksearch_CAT form { padding:34px 0 0 8px;} 
		#quicksearch form .cuadro, #quicksearch_CAT form .cuadro { float:left; width:118px; height:20px; border:1px solid #b18043; font-size:11px; padding:2px 0 0 2px; color:#7d7a78;}
		#quicksearch form .lupa, #quicksearch_CAT form .lupa { float:left; margin:0 0 0 2px;} 
			
	
	/* BOTONES LATERAL
	--------------------------------------------------------------------------- */
	.cestacontent { float:left; margin:2px 0 0 3px;}
	.fondogrislateral { background: url(../img/fondo_lateral_gris.jpg) no-repeat bottom right #FFF;}
		
		/*-- SUSCRIPCION --*/
		#botsuscripcion2 { float:left; width:154px; height:36px !important; *height:80px; background:url(../img/bot_suscripcion2.jpg) no-repeat top left; padding:44px 0 0 0; color:#ece2c9; font-size:10px; text-align:center; margin:10px 0 0 6px; line-height:12px; }
		#botsuscripcion2:hover {  background:url(../img/bot_suscripcion2_rol.jpg) no-repeat top left; }
		#botsuscripcion2_CAT { float:left; width:154px; height:36px !important; *height:80px; background:url(../img/bot_suscripcion2_CAT.jpg) no-repeat top left; padding:44px 0 0 0; color:#ece2c9; font-size:10px; text-align:center; margin:10px 0 0 6px; line-height:12px; }
		#botsuscripcion2_CAT:hover {  background:url(../img/bot_suscripcion2_rol_CAT.jpg) no-repeat top left; }
		
		/*-- REGISTRATE --*/
		#botregistrate { float:left; width:154px; height:51px; background:url(../img/bot_registrate.jpg) no-repeat top left; margin:10px 0 0 6px;}
		#botregistrate:hover { background:url(../img/bot_registrate_rol.jpg) no-repeat top left; }
		#botregistrate_CAT { float:left; width:154px; height:51px; background:url(../img/bot_registrate_CAT.jpg) no-repeat top left; margin:10px 0 0 6px;}
		#botregistrate_CAT:hover { background:url(../img/bot_registrate_rol_CAT.jpg) no-repeat top left; }

		/*-- NOVEDADES --*/
		#botnovedades2{ float:left; width:122px; height:44px; color:#ece2c9; font-size:10px; text-align:center; margin:10px 0 0 6px; background:url(../img/bot_novedades2.jpg) no-repeat top left; }
		#botnovedades2:hover { background:url(../img/bot_novedades2_rol.jpg) no-repeat top left; }
		
		/*-- BOLETÍN DE NOVEDADES --*/
		#botnovedades3 { float:left; width:122px; height:61px; padding:0 0 0 0; color:#ece2c9; font-size:10px; text-align:center; margin:10px 0 0 6px; background:url(../img/bot_novedades3.jpg) no-repeat top left;}
		#botnovedades3:hover {  background:url(../img/bot_novedades3_rol.jpg) no-repeat top left; }
		
		/*-- DESTACADOS --*/
		#botdestacados { float:left; width:122px; height:61px; background:url(../img/bot_destacados.jpg) no-repeat top left; margin:10px 0 0 6px; }
		#botdestacados:hover {  background:url(../img/bot_destacados_rol.jpg) no-repeat top left; }	
		
		/*-- MAS VENDIDOS --*/
		#botmasvendidos { float:left; width:122px; height:44px; background:url(../img/bot_masvendidos.jpg) no-repeat top left; margin:10px 0 0 6px; }
		#botmasvendidos:hover {  background:url(../img/bot_masvendidos_rol.jpg) no-repeat top left; }
				
		/*-- OFERTAS --*/
		#botofertas { float:left; width:122px; height:61px; background:url(../img/bot_ofertas.jpg) no-repeat top left; margin:10px 0 0 6px; }
		#botofertas:hover {  background:url(../img/bot_ofertas_rol.jpg) no-repeat top left; }		
				
		/*-- SELECCIONADOS --*/
		#botseleccionados2 { float:left; width:122px; height:61px; background:url(../img/bot_seleccionados2.jpg) no-repeat top left; margin:10px 0 30px 6px; }
		#botseleccionados2:hover {  background:url(../img/bot_seleccionados2_rol.jpg) no-repeat top left; }	
		
		/*-- PROXIMOS --*/
		#botproximo { float:left; width:122px; height:61px; background:url(../img/bot_proximo.jpg) no-repeat top left; margin:10px 0 0 6px; }
		#botproximo:hover {  background:url(../img/bot_proximo_rol.jpg) no-repeat top left; }	


/* NOVEDADES SELECCIONADOS
--------------------------------------------------------------------------- */
#novedadeselec { width:650px; height:auto; overflow:hidden;}
	#novedadeselec .fotoselec { float:left; width:150px; margin:0 10px 0 0; }
	#novedadeselec .fotoselec a { text-decoration:none; color:#000; font-size:10px;}
	#novedadeselec .fotoselec a img { border:3px solid #ece2c9; margin:0 0 10px 0; }
	#novedadeselec .fotoselec a img:hover { border:3px solid #f69548; }
	
.cuadroselec { width:245px;}


/* CESTA
--------------------------------------------------------------------------- */
.cestaborde td { border: 1px solid #A41010 !important; margin:1px; padding:2px; background-color:#FFF;}

		
/* PIE
--------------------------------------------------------------------------- */
#footer { float:left; width:987px; height:39px; text-align:center; font-size:10px; background:url(../img/fondo_footer.jpg) repeat-x bottom left #FFF; overflow:hidden; }
	#footer ul { float:left; width:987px;; text-align:center; padding:8px 0 0 0; }
		#footer ul li { display: inline; border-right:1px solid #75655f; }
		#footer ul li a { text-decoration:none; color:#403734; margin:0 6px 0 6px; }
		#footer li a:hover { color:#A41010;}

#copyright { float:left; width:987px; font-size:9px; text-align:center; color:#FFF; padding:8px 0 0 0;}