@charset "utf-8";
/* CSS Document */


* {
	padding:0;
	margin:0;
}

.spacer{ clear:both; height:15px;}

body {	background-color: #91C0E7;	font-size: 11px;	font-family: Verdana, Arial, Helvetica, Sans-Serif;	color: #5d717e;
	text-align:center; text-decoration:none;}

#page {	width: 1024px;	margin: 0 auto 2px auto;	text-align:left;}



/*-------------------------------------------------------- CABECERA -----------------------------------------------------*/
.breadcrumb{color:#5d717e; text-decoration:none;}

#cabecera {margin: 0 auto;	width: 1024px;	height:135px;	background-image:url(images/fondo_cab.jpg);}

#logo {float: left;	width: 326px;	height:135px;	background-image:url(images/logo.jpg);}

#menus{float: left;	width: 652px;	height:135px;}

/*menu sup*/
#botonera_sup {float: left;	width: 374px;	height:24px;	background-image: url(images/botonera_azul_claro.jpg);
background-position:top;	background-repeat: no-repeat;	margin-left:98px; margin-bottom:75px;}
.text_botonera_inicio {float:left;	width: 80px;	height:24px;	display: inline;	text-align:center;	color:#FFFFFF;	font-weight:bold;padding-top:3px;	text-transform:uppercase; text-decoration:none;}
.text_botonera_sup {float:left;	width: 90px;	height:24px;	display: inline;	text-align:center;	font-weight:bold;padding-top:3px;	padding-right:5px;	text-transform:uppercase;	text-decoration:none;color:#FFFFFF}
/*fin menu sup*/

/* menu inf */
#botonera_inf {float: left;width: 620px; display:inline;	height:27px;	padding-top:7px;}
.botonera_inf_menu {width:120px; float:left; height:18px; text-align:center; color:#FFFFFF; font-weight:bold; padding-top:8px;	background-image: url(images/boton_azul_osc.jpg);background-position:bottom;	background-repeat: no-repeat;}
.botonera_inf_menu a {width:120px; float:left; height:18px; text-align:center; color:#FFFFFF; font-weight:bold; text-decoration:none; text-transform:uppercase; }
/* fin menu inf */

/* zonaclientes */
#form {float:right;	width:152px; padding-left:5px;	height:103px; background-image:url(images/zonaclientes.gif); background-repeat:no-repeat;}
#form p{ color:#FFFFFF; font-size:0.9em;margin-top:5px;}
#titulo {float:left; width:157px;height:28px;}
#form .input {background-color:#fff; border: 1px solid #fff; font-size:0.9em; color: #666;  height:10px; }
.cliente {background-color:#273161; border: 1px solid #273161; font-size:0.8em; color: #fff;  height:15px; text-transform:uppercase; font-weight:bold;}
.mostrarinput{ border:#FFFFFF 1px solid; text-transform: lowercase;color:#666666;}
.sininput{  text-transform: uppercase; font-size:1.3em; color:#666666; border:#FFFFFF; width:360px;}
/* fin zonaclientes*/

/* -------------------------------------------------------FIN CABECERA----------------------------------------------*/


/* ---------------------------------------------------------CUERPO CENTRAL -----------------------------------------*/
#center_column {width: 1024px;margin: 0;padding-top:0;float:left;}
#center_column_sup {width: 1023px;height:27px;float:left;background-image:url(images/fondo_sup_cuerpo.jpg);background-position:top;background-repeat:no-repeat;}
#center_column_center {width: 1023px;float:left;background-image:url(images/fondo_centro_cuerpo.jpg);background-position:top;
	background-repeat:repeat-y;}
#center_column_inf {width: 1023px;	height:33px;	float:left;	background-image:url(images/fondo_inf_cuerpo.jpg);
background-position:top;	background-repeat:no-repeat;}
.productos_subcategorias {width: 167px;height:264px;float:left; border:1px dashed #EFEFEF; margin-right:10px; margin-bottom:20px; text-align:center;padding-bottom:5px;  color:#666666;}

.productoscategorias {width: 167px;float:left; border:1px dashed #EFEFEF; margin-right:10px; margin-bottom:20px; text-align:center;padding-bottom:5px;  color:#666666;}

/*categorias y subcategorias*/
.productos {width: 177px;float:left; border:1px dashed #EFEFEF; margin-left:10px; margin-bottom:20px;}
.referencia {width: 153px;float:left; color: #1996CB; padding:5px;  margin-bottom:10px; clear:both; border-bottom:1px dashed #999;}
.imagen{clear:both;height:120px; margin-bottom:5px; margin-top:5px; border-color:#FFFFFF;}
.nombre{width: 157px;text-align:center;margin-left:10px; padding-bottom:5px; height:45px;  color:#666666;clear:both;border-bottom:1px dashed #ccc; text-transform:lowercase;}
.nombrecateg{width: 157px;text-align:center;margin-left:10px; margin-bottom:5px; height:45px;  color:#666666;clear:both;border-bottom:1px dashed #ccc; text-transform:lowercase; font-weight:normal;}
/*productos*/
.referencias {width: 90%;float:left; color: #666666; padding:5px; margin-bottom:10px; clear:both; }
.nombrecat{width: 157px;text-align:center; padding-bottom:5px; margin-left:5px; height:45px; color:#666666; font-weight:bold;clear:both;}
.nombrecat a{ color:#666666; text-decoration:none;}
.pedir{ width: 250px;  padding:10px;  }
.izqnombre{ color:#0093DD; font-weight:bold; font-size:1.3em; padding:5px;border:#FFFFFF 1px solid;text-align:left; }

/*productos socios*/
.referenciasocio{float:left;color: #666666; font-size:1.0em;padding:5px; clear:both;width:140px; border:1px solid #ffffff; text-align:left;}
.referenciasocioinput{float:right;color: #666666; clear:both; border:1px solid #ffffff; width:100px; border:1px solid #ffffff;}
.referenciainclude {width: 183px;float:left; color: #1996CB; padding:5px;  margin-bottom:10px; clear:both; border-bottom:1px dashed #999;}
.izqnombresocios{width:290px; color:#0093DD; font-weight:bold; font-size:1.1em; padding:5px;clear:both; border:1px solid #ffffff; text-align:left;}
.pie_prod{clear:both;  width: 269px;float:left; clear:both;border-top: 1px dashed #EFEFEF; }
.preciosocios{ width: 120px;  float:left; color:#1996CB; font-weight:600; font-size:1.5em; border:1px solid #fff; margin-left:10px;}
.pedirsocios{ width:50px; float:left; margin-top:20px;background-color: #e77817; border: 1px solid  #e77817; font-size:7pt; font-weight:bold; color: #fff;height:18px; text-transform:uppercase; text-decoration:none; }
.pedirsociosp{ width:50px; float:left; margin-top:20px;background-color: #e77817; border: 1px solid  #e77817; font-size:7pt; font-weight:bold; color: #fff;height:18px; text-transform:uppercase; text-decoration:none; }
.pieprod{ clear:both; text-align: center; color:#FFFFFF; width:290px; margin:0 auto;}

/*novedades/ofertas socios*/
.ofertas {width: 197px;float:left; border:1px dashed #EFEFEF; margin-left:10px;margin-bottom:20px; }
.nombreoferta{width: 183px;text-align:center;margin-left:10px; padding-bottom:5px; height:45px;  color:#666666;clear:both;border-bottom:1px dashed #ccc; text-transform:lowercase;}
.preciosocios1{ width: 90px;  float:left; color:#1996CB; font-weight:600; font-size:1.5em; border:1px solid #fff;margin-left:10px;}
.pie_prod1{clear:both; width: 157px;float:left; clear:both;}
.pie_prodoferta{clear:both;  width: 198px;float:left; clear:both;}
.preciosantes{ width: 60px;  float:left; color:#e77817; font-weight:600; font-size:0.9em; border:1px solid #fff;text-decoration: line-through;}
.preciosantes1{ width: 60px;  float:left; color:#e77817; font-weight:600; font-size:0.9em; border:1px solid #fff; text-decoration: line-through;}
.preciosantesprod{ width: 90px;  float:left; color:#e77817; font-weight:600; font-size:1.1em; border:1px solid #fff; height:20px;text-decoration: line-through;}

.preciosdespues{ width: 70px;  float:left; color:#1996CB; font-weight:600; font-size:1.5em; border:1px solid #fff;margin-left:10px;}
.pedirofertas{ width:45px; float:right; margin-top:20px;background-color: #e77817; border: 1px solid  #e77817; font-size:7pt; font-weight:bold; color: #fff;height:18px; text-transform:uppercase; text-decoration:none; margin-right:30px;}
/*FIN novedades/ofertas socios*/


.ver{  float:left; width:80px; padding-top:10px; padding-bottom:10px}
.carrito{ float:left;  width:67px;padding:10px; color:#0093DD; font-weight:600; font-size:1.5em; }
.nombresinborde{width: 157px;text-align:center; padding-bottom:5px; height:22px;  color:#666666;clear:both;}

/*fin productos*/
#center_column .titulo{ float:left;color:#0093DD; font-size:1.3em; font-weight:bold; }

.nombreprod{width: 167px;text-align:center; padding:5px; height:22px;  color:#666666;clear:both;}
.nombreprod a{ color:#666666; text-decoration:none;}
.cajaprod{width: 750px; height:424px; float:left; background-image:url(images/fondoproductos.jpg); background-repeat:no-repeat; background-position:top center; clear:both;}
.cajacontenido{width: 720px; height:400px; margin:0 auto; padding-top:20px; }
.cajacontenidoizq{width: 300px; height:380px; float:left; }

.cajacontenidoder{width: 380px; height:400px; float:left; padding-left:20px; border-left: 1px solid #D7D7D7; }
.descripcion{ color:#000000; height:180px; padding:10px; text-align:justify;}
.pdf{  height:60px; padding:5px; vertical-align:middle;}

.precio_oferta{ width: 70px; color:#0093DD;}

/* -----------------------------------------------------FIN CUERPO CENTRAL ---------------------------------------------*/


/*-------------------------------------------------columna izquierda-----------------------------------------------*/


#left_column {float:left;	width:190px;	padding-left: 30px;}

/*Buscador*/
#left_column .form {float:left;	width:177px;	background-color: #EAEBEC;	height:115px;	padding-left:10px; margin-bottom:30px;}
#left_column .titulo {float:left; color: #006CB1; font-size:1.2em; font-weight:bold;	width:177px;	padding-top:10px;padding-bottom:5px;}
#left_column .input {background-color:#fff;font-size:7pt; color: #000099; margin-bottom:3px; height:15px;}
#left_column .entrar {background-color: #0093DD; border: 1px solid #0093DD; font-size:7pt; font-weight:bold; color: #fff; margin-bottom:3px; padding-bottom:5px; height:18px; text-transform:uppercase;}
#left_column .necesitas { float:left;width:177px;font-size:11px; color: #5d717e; }
#left_column .radio { float:left;width:20px; }
#left_column .texto { float:left;width:152px;font-size:11px; color: #5d717e;    }
#left_column .necesitasboton { float:right;width:100px;font-size:11px; color: #5d717e; padding-top:5px; padding-right:7px;}
/*fin buscador*/

/*Menu izq*/
#left_column .menu { float:left;width:187px;font-size:14px; color: #5d717e; margin-bottom:5px; }
#left_column .botones { float:left;width:187px; height:37px;}

#left_column .menu_titulo { float:left; color: #fff; width:177px; height:18px; padding-left:10px; padding-top:5px; font-weight:bold; background-image:url(images/boton_menu.jpg); background-repeat:no-repeat; }
#left_column .menu_categorias { float:left; color: #fff; width:186px;  padding-top:5px; }
#left_column .menu_subcategorias { float:left; color: #6E6E6E; width:176px; height:20px;  padding-left:10px;padding-top:2px;
background-color:#E1E1E1; font-size:13px; background-image: url(images/blanco_menu.jpg); background-position:bottom; background-repeat:no-repeat; }


/*  MENU*/

	ul	{	text-align: left; list-style:none; list-style-image:none;}
	ul li{	 padding: 5px 0; }
	ul li a {	width: 120px; background: url(http://emenia.es/demos-blog/menu-desplegable/images/flecha_enlace.png) no-repeat 10px center; padding-left: 25px; }
	ul li a.desplegable	{	background: url(http://emenia.es/demos-blog/menu-desplegable/images/flecha_desplegable.png) no-repeat 10px center; }	
	ul li li{	font-size: 12px; padding-left: 15px;}
	ul li a.desplegable li a{	background: url(http://emenia.es/demos-blog/menu-desplegable/images/flecha_subenlace.png) no-repeat 10px center; }
	
/*  FIN MENU*/
/*fin columna izquierda*/


/*columna derecha*/
#right_column {float:left;	width: 750px; margin-left:15px;	}
#right_column #imagenes{float:left;	width: 750px; height:200px; clear:both;}
#right_column #destacados{float:left;	width: 750px; padding-top:10px;  clear:both;}
/*fin columna derecha*/



/* FIN CUERPO */

/* PIE */
.pie{ clear:both; text-align: center; color:#FFFFFF; width:965px; margin:0 auto;}
/* FIN PIE */


 .entrar {background-color: #0093DD; border: 1px solid #0093DD; font-size:7pt; font-weight:bold; color: #fff; margin-bottom:3px; padding-bottom:5px; height:18px; text-transform:uppercase; text-decoration:none;}

.textarea{background-color: transparent;border: 1px solid #fff;}
.thumbnail { 
  border-width: 1px; 
  border-style: solid; 
  border-color: black; 
}
