BODY {background:#f0f0f0;}

@font-face {font-family: 'PT-SansN'; font-weight:normal; font-style:normal; src:url('fuentes/PT-Sans-Nrw.woff') format('woff');}
@font-face {font-family: 'PT-SansN'; font-weight:bold; font-style:normal; src:url('fuentes/PT-Sans-NrwBD.woff') format('woff');}

/* ---------------------------- ESTILOS MUY IMPORTANTES --------------------------------------- */

* {list-style:none; text-decoration:none; margin:0; padding:0;}	
p, form, h1, .productos h1, h2, h3 {margin:0px; padding:0px;}
table {border-collapse:collapse; border:none;}
td, th {font-size:12px; text-align:left; vertical-align:top;}
input {padding:2px;}
.MsoNormal, th {color:#000;}
.highslide-caption {margin-top:15px}
img {border:0px; display:inherit;}
h1 {font-size:16px;}
fieldset {padding:7px;}

BODY, A {font:12px Verdana, Arial, Helvetica, sans-serif;}
A       {color:#3a5f80;}
A:hover {color:#000000;}

/* --------------------------------------------------------------------------------------------------- */

#cabecera-fondo-1 {width:100%; margin:auto; background:url(images/cabecera-fondo-1.png) repeat-x top center; z-index:-5;}
#cabecera-fondo-2 {width:100%; margin:auto; background:url(images/cabecera-fondo-2.png) repeat-x top center; z-index:-3;}
#cabecera-fondo-3 {width:100%; margin:auto; background:url(images/cabecera.jpg) no-repeat top center; z-index:-1;}

#cabecera, #cuerpo, #separata, #pie-contenedor, #pie-texto {width:1000px;}

#cabecera {height:310px; margin:0 auto 0 auto;}

	#redes {width:200px; margin:8px 0px 0px 5px; text-align:center; position:absolute;}
		.links {width:30px; height:30px; margin:0px 3px 0px 3px; text-align:left; float:none; display:inline;}
		
	#contacto-t {margin:11px 0px 0px 270px; position:absolute;}
	#contacto-m {margin:16px 0px 0px 520px; position:absolute;}

	#usuarios-cont {width:200px; height:20px; margin:13px 0px 0px 795px; background:url(images/usuarios.png) no-repeat top center; position:absolute;}
		#usuarios-cont a {font:normal 18px 'PT-SansN', Arial, Helvetica, sans-serif; line-height:18px; color:#ffffff;}
		#usuarios-cont a:hover {color:#ffab58;}	
		#usu-ident {width:82px; margin:2px 0px 0px 0px; text-align:right; float:left; display:block;}
		#usu-regis {width:82px; margin:2px 0px 0px 35px; text-align:left; float:left; display:block;}

	#buscar {width:190px; height:30px; margin:244px 0px 0px 10px; text-align:left; position:absolute;}

/* -- INICIO ESTILOS SECCIONES ------------------------ */
	#cabecera-menu {width:770px; height:50px; margin:234px 0px 0px 210px; text-align:left; position:absolute;}
    	ul#menu {margin:0px 0px 0px 0px; text-align:center; overflow:hidden; float:right;}  /* ------- Alineaci n Drcha / Izda ---- */
		ul#menu li {float:left; list-style:none;}
		ul#menu li a {display:block; height:35px;  /* --------- TAMAÑO BOTON-PADDING (32-8=24) ----- */
			padding:15px 20px 0px 20px;   			            /* --------- PADDING SUPERIOR DEL TEXTO --------- */
			margin:0px 0px 0px 0px;     				        /* --------- MARGEN ENTRE BOTONES --------------- */
			color:#ffffff; font:normal 20px 'PT-SansN', Arial, Sans-Serif; line-height:20px; text-transform:uppercase; text-decoration:none;}  
		ul#menu li a:hover {color:#000000; background:url(images/boton-b.png) repeat-x;} /* ---- BOTON FINAL (B) ------ */
/* -- FIN ESTILOS SECCIONES --------------------------- */

#cuerpo {margin:auto; text-align:left;}

#lateral-i {width:210px; margin:0px 0px 0px 0px; float:left; display:inline;}

	/*--------------------- INICIO MENU CATEGOR AS ----------------------*/
	#categorias-b {margin-left:5px;}
	#categoria-text, #categoria-text a, #categoria-text a:hover {font:normal 17px 'PT-SansN', Arial, Sans-Serif; line-height:17px;}	
	.nav > li, .nav li ul {width:200px; z-index:999;}
	.nav li ul {top:0; right:-198px; border:solid 1px #999999; box-shadow:2px 2px 4px rgba(0,0,0,0.3); display:none; position:absolute;}
	.nav li a {padding:5px 5px 5px 18px; color:#000000; display:block;}
	.nav li a:hover {color:#517ba0; background:rgba(0,0,0,0.05);}
	.nav li {position:relative;}
	.nav li:hover > ul {display:block;}
	.flecha {padding:9px 0px 0px 5px; position:absolute;}
	/*--------------------- Subcategor as (omitir si queremos todo igual) ----------------------*/
	.nav li li a {background:#eeeeee;}
	.nav li li a:hover {background:#ffffff;}	
	/*---------------------- FIN MENU CATEGOR AS ------------------------*/		

#principal {width:560px; margin:-5px 0px 0px 10px; color:#000000; float:left; display:inline;}
	#principal-text, .mapa-text {font-size:12px;}
	#principal-text ul {margin-left:20px;}

#lateral-d {width:210px; margin:0px 0px 0px 0px; float:left; display:inline;}

	#carro {}
		#Cart {padding:0px 15px 0px 15px; text-align:left;}
		#Cart, #Cart a {font:normal 15px 'PT-SansN', Arial, Sans-Serif; line-height:15px;}
		#Cart, #Cart a:hover {color:#000000;}
		#Cart a {font-weight:bold; color:#517ba0;}

	#noticias {}
		#noticias-text {padding:0px 15px 0px 12px; text-align:left;}
		#noticias-text p {padding:4px 0px 6px 14px; background:url(images/img-news.png) no-repeat top left;}
		#noticias-text a {color:#000000;}
		#noticias-text a:hover {color:#517ba0;}

	#certificados {width:210px; margin-top:25px; text-align:center;}
		.certi-imagen {padding-bottom:10px; line-height:170px;}
	
#separata {height:40px; margin:auto; clear:both; background:url(images/separata.png) no-repeat;}

#pie {width:100%; height:230px; margin:auto; background:url(images/pie-fondo.png) repeat-x top center;}
	#pie-contenedor {margin:auto;}
		#pie-contenedor, #pie-contenedor a {font:normal 12px Arial, Helvetica, sans-serif; color:#a9c2d8;}	
		#pie-contenedor a:hover {color:#ffffff;}
		.pie-bloque {width:220px; min-height:190px; margin:0px 0px 0px 20px; text-align:left; float:left; display:block;}
			.pie-bloque p {margin:0px 0px 3px 5px; text-transform:uppercase;}
		.links-pie {margin:0px 5px 0px 5px; text-align:left; float:left; display:block;}
		#pie-texto {margin:8px 0px 0px 0px; text-align:center; float:left; display:block;}
			#pie-texto, #pie-texto a {color:#f89c39;}


/* ---------------------------------- FICHAS DE LOS PRODUCTOS --------------------------------------- */

#contenedor-general {width:100%; margin:auto; text-align:center;}
.texto_nombre_pr {font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#000000;}	
#contenedor-fichas {width:104%; margin:auto; padding-top:15px; text-align:center; clear:both; display:table;}

.productos {width:180px; margin:0px 10px 15px 0px; text-align:center; float:left; display:table-cell;}
.productos-contenedor {text-align:center; background:url(images_ficha/ficha-pestana-b.png) repeat-y;}
	.productos-imagen {padding-bottom:10px; height:170px; line-height:170px;}
		.productos-imagen img {vertical-align:middle;}
	.productos-nombre {margin:0px 0px 0px 0px; padding:0px 8px 0px 8px; text-align:center;}		
	.productos-nombre, .productos-nombre a {font:normal 16px 'PT-SansN', Arial, Helvetica, sans-serif; line-height:16px;}
		.productos-nombre a       {color:#000000;}
		.productos-nombre a:hover {color:#1d4467;}		
	.productos-precio {padding:5px;}		
	.pvp_oferta, .productos-precio {font:bold 25px 'PT-SansN', Arial, Helvetica, sans-serif; color:#1d4467;}


/* -------------------------------- FICHA FINAL DE LOS PRODUCTOS ------------------------------------- */
		
#productos-final-nombre {text-align:left; font:normal 25px 'PT-SansN', Arial, Helvetica, sans-serif; color:#2c5578;}
#productos-final-imagen {text-align:left; margin:0px 0px 0px 0px;}
	#productos-final-imagen img {margin:5px 20px 10px 0px; max-width:250px; display:block; float:left;}
	.zoom-adic {width:250px; text-align:left; margin:0; padding:0;}
	.Selector img {border:2px solid #ccc;}
	.Selector.Active img {border:2px solid #FB9E11;}	
	#codep, .codep {padding-top:20px; font-size:13px; text-align:left; color:#000000;}	
	#fabri, .fabri {padding-top:10px; font-size:13px; text-align:left; color:#000000;}
	#corta, .corta {padding-top:20px; font-size:13px; text-align:left; color:#2c5578; word-wrap:break-word;}
	#larga, .larga {padding-top:20px; font-size:11px; text-align:left; color:#000000; word-wrap:break-word;}
#productos-final-precio {margin-top:20px; padding:10px 0px 0px 10px; text-align:center; font:normal 16px Arial, Helvetica, sans-serif; color:#000000;
	background:rgba(0,0,0,0.07); border:1px solid rgba(0,0,0,0.15);}
	.texto_productos {font:bold 30px 'PT-SansN', Arial, Helvetica, sans-serif; margin-right:10px; color:#2c5578;}
	.precio_oferta   {font:normal 24px 'PT-SansN', Arial, Helvetica, sans-serif; text-decoration:line-through; color:#F00}
	
#producto_agotado {margin-bottom:20px; padding:20px; font:bold 16px Arial, Helvetica, sans-serif; text-align:center; color:#7f1418; border:solid #999 1px; background-color:#E6E6E6;}
.radio-boton {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; -khtml-border-radius:10px;}
	
/*ESTILOS PARA LAS VARIACIONES*/
.variaciones, .atributos {padding:0px; margin-top:20px; color:#000000;}
.variaciones fieldset, .atributos fieldset {padding:7px; border:solid; border-width:1px; border-color:#CCC;}
.variaciones legend, .atributos legend {margin:0px 0px 0px 10px; font-size:120%; font-weight:bold;} 
.variaciones input, .atributos input, textarea, select {border:1px solid #CCC;} 
.variaciones input:focus, .atributos input:focus, select:focus {background:#FFF799;}
.variaciones select, .atributos select {margin-top:5px;}

/*ESTILOS PARA LOS ATRIBUTOS*/
.atrib_opciones {text-align:left; padding:0px 15px 10px 10px; float:left; display:inline;}
.atributos label {display:block; font-weight:bold; margin-top:10px; margin-bottom:2px;} 


/* ---------------------- PROPIEDADES DE FINALIZACION COMPRAS --------------------------------- */

#agotado, .agotado {font-weight:bold; text-transform:uppercase; color:#F00;}
#agotado-ficha, .agotado-ficha {color:#F00;}
.noticias-fecha{}
.tpvOk{text-align:center; font-size:20px}
.tpvKo{text-align:center; font-size:20px; color:#F00}
#envio_etiqueta {color:#333333;}
label, .borde {color:#555555;}
hr {border:1px solid #3a5f80; margin:3px auto 5px auto;}
.marco-fondo, fieldset {background:rgba(0,0,0,0.05);}


/* --------------------- BOTON ACCESO CLIENTES + ACTUALIZAR CARRITO ---------------------------*/

.boton_buscar {width:100px;}
.boton_area {width:70px; margin-left:6px;}
.ibutton {width:155px; margin-top:5px;}

.boton_buscar, .boton_area, .ibutton {height:25px; padding-bottom:2px; font:bold 11px Verdana, Arial, Helvetica, sans-serif;	
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -khtml-border-radius:4px;
	border:1px Solid #000000; color:#ffffff; background:#2c5578; /* text-indent: -9999px; */}

.boton_buscar:hover, .boton_area:hover, .ibutton:hover {border:1px Solid #000000; color:#000000; background:#ffffff;}


/* ----------------------- FORMULARIOS USUARIO Y CONTRASEÑA ----------------------------------- */

.form_login {width:160px; height:20px; margin-top:8px; border:1px Solid rgba(0,0,0,0.3); background:rgba(255,255,255,0.85); font-size:12px; color:#000000;}
.form_login:hover {border:1px Solid rgba(0,0,0,0.5); background:#ffffff; color:#000000;}
.login_usuario, .login_pass {font-weight:normal; font-size:12px; color:#000000;}
	

/* ----------------------------- ESTILOS UTILES VARIOS Y EFECTOS -------------------------------*/

div.opacidad img {opacity:1; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
div.opacidad img:hover {opacity:0.7;}

.redondo1 {padding:4px; text-align:center; vertical-align:middle;}
.redondo2 {width:100%; padding:2px 2px 5px 2px; background:rgba(0,0,0,0.15); border-collapse:separate;}
.form_login, .redondo1, .redondo2, form#busca input, form#busca textarea {
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -khtml-border-radius:5px;}

.imags img {display:inline;}
.margen-5  {margin-top:5px; text-align:center;}	
.margen-10 {margin-top:10px; text-align:center;}
.margen-15 {margin-top:15px; text-align:center;}
.margen-20 {margin-top:20px; text-align:center;}
.margen-25 {margin-top:25px; text-align:center;}
.margen-30 {margin-top:30px; text-align:center;}
.margen-35 {margin-top:35px; text-align:center;}


/* ---------------------- BANNERS EFECTOS ---------------------------------- */

#textoBanner  {width:100%; margin-bottom:20px; padding:15px; text-align:center; color:#fff; background:#3a5f80; box-sizing:border-box;}
.textoAnimado {font-weight:600; font-size:25px; animation:animaTexto 1s linear infinite 0s;}
.textoNormal  {padding-top:10px; font-weight:400; font-size:20px;}

@keyframes animaTexto {
	0%   {color:#fff;}
	50%  {color:#fff000;}
	100% {color:#fff;}
}


/* ---------------------------- PROPIEDADES DEL BUSCADOR ---------------------------------------*/

.buscar {width:100%; height:22px; padding:3px 0px 3px 5px;}

form#busca input, form#busca textarea          {border:1px solid #ff7e00; color:#5b5c60; background:rgba(255,255,255,0.9); font:12px Verdana, Arial, Helvetica; display:block;}
form#busca input:focus, form#busca input:hover {border:1px solid #ff7e00; color:#000000; background:#ffffff;}
.separador {width:12px;}

a.boton-buscar {width:30px; height:30px; display:block; float:left; background:url(images/busca-a.png) no-repeat top left;}
a.boton-buscar:hover {background:url(images/busca-b.png) no-repeat top left;}