@charset "iso-8859-1";
/* CSS Document */

BODY {
	font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0px;
	text-align: center;
	color:#000;
	background:url(http://www.urbecom.com/ZZ-Usuarios/proteinas/images/pagina-fondo.jpg) repeat
	}
	
/* ---------------------------------- ESTILOS MUY IMPORTANTES ---------------------------------------- */
p {margin:0px; padding:0px;}
form {margin:0px; padding:0px;}
h2 {font-size:16px;}
BODY h2 {font-size:16px;}
td {font-size:12px;}

A:link    {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#17007a; font-size:12px; text-decoration:none;}
A:visited {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#17007a; font-size:12px; text-decoration:none;}
A:hover   {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000000; font-size:12px;}
/* --------------------------------------------------------------------------------------------------- */


#cabecera-fondo {width:100%; height:512px; background:url(http://www.urbecom.com/ZZ-Usuarios/proteinas/images/cabecera-fondo.jpg) repeat top center; z-index:-2;}

#cabecera-fondo2 {width:100%; height:512px; background:url(http://www.urbecom.com/ZZ-Usuarios/proteinas/images/cabecera.jpg) no-repeat top center; z-index:-1;}

#cabecera {width:900px; height:350px; margin:0 auto 0 auto;}

	#cabecera-menu {width:722px; height:65x; margin-left:156px; margin-top:0px; float:left; display:inline;}
		#cabecera-menu ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style: none; float:left; display:inline;}
		#cabecera-menu li {margin-right:5px; margin-top:0px; float:left; display:inline;}

	#carro {width:350px; height:50px; margin-left:105px; margin-top:232px; float:left; display:inline;}
		#Cart {font-family:Tahoma, sans-serif, Verdana; font-size:11px; text-align:left; color:#fff}
			#Cart a:link    {font-size:11px; font-weight:bold; color:#ffa348}
			#Cart a:visited {font-size:11px; font-weight:bold; color:#ffa348}
			#Cart a:hover   {font-size:11px; font-weight:bold; color:#ffffff}

	#redes {width:32px; height:32px; margin:236px 0px 0px 5px; float:left; display:inline; text-align:center;}
	#gogle {width:95px; height:30px; margin:240px 0px 0px 15px; float:left; display:inline; text-align:center;}

	#buscar {width:200px; height:30px; margin:236px 0px 0px 7px; float:left; display:inline; text-align:center;}

#cuerpo {width:901px; margin:auto; text-align:left; color:#000;}

#lateral {width:230px; margin-left:10px; margin-top:0px; float:left; display:inline;}
	#lateral a:link    {color:#fff; Text-decoration:none;}  /* Estilos para vínculos IMPORTANTE ESTE ORDEN*/
	#lateral a:visited {color:#fff; Text-decoration:none;}  /* Estilos para vínculos */
	#lateral a:hover   {color:#fff; Text-decoration:none;}  /* Estilos para vínculos */

	#categorias-a {width:230px; height:74px; margin-top:0px;}
	#categorias-b {width:230px; background:url(http://www.urbecom.com/ZZ-Usuarios/proteinas/images/categoria-b.png) repeat-y;}
		#categoria-text {width:200px; margin-left:20px; color:#333232}
	#categorias-c {width:230px; height:27px;}

	#usuarios-a {width:230px; height:90px; margin-top:20px;}
	#usuarios-b {width:230px; margin-top:0px; padding-bottom:15px; background:url(http://www.urbecom.com/ZZ-Usuarios/proteinas/images/usuarios-b.png) repeat-y;}
		#usuarios-text {width:180px; margin-left:25px; color:#333232;}
			#usuarios-text a:link    {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-decoration:none;}
			#usuarios-text a:visited {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-decoration:none;}
			#usuarios-text a:hover   {font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF7D01; font-size:12px; text-decoration:none;}
	#usuarios-c {width:230px; height:20px;}
	
	#anuncio {margin-top:25px; text-align:center;}	

#principal {width:650px; margin-left:10px; margin-top:0px; color:#000; float:left; display:inline;}
	#principal a:link    {color:#D35C02;}
	#principal a:visited {color:#D35C02;}
	#principal a:hover   {color:#000000;}
	
	#principal-a {width:640px; margin-left:0px; margin-top:0px;}
	#principal-b {width:640px; margin-left:0px; margin-top:0px; background-image:url(http://www.urbecom.com/ZZ-Usuarios/proteinas/images/principal-b.png);}
		#principal-text {width:616px; margin-left:12px; font-size:12px; color:#000;}
		.mapa-text {font-size:12px; color:#000000;}
	#principal-c {width:640px; height:17px; margin-left:0px; margin-top:0px;}
	
#separata {width:900px; margin:auto; height:18px; clear:both;}

#pie {width:100%; height:90px; margin:auto; font-family:Arial, Helvetica, Verdana, sans-serif;}
	#pie-contenedor {width:901px; height:80px; margin:auto; background:url(http://www.urbecom.com/ZZ-Usuarios/proteinas/images/pie-fondo.png) no-repeat;}
		#pie-texto {width:230px; margin:30px 0px 0px 5px; text-align:center; font-size:12px; color:#000; float:left; display:inline;}
		#pie-menu {width:640px; margin:15px 20px 0px 0px; text-align:right; font-size:12px; color:#000; float:right; display:inline;}
			#pie-menu a:link    {font-family:Arial, Helvetica, Verdana, sans-serif; color:#4d4d4d;}
			#pie-menu a:visited {font-family:Arial, Helvetica, Verdana, sans-serif; color:#4d4d4d;}
			#pie-menu a:hover   {font-family:Arial, Helvetica, Verdana, sans-serif; color:#D35C02;}
.urbecom {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:11px; text-decoration:none;}
	.urbecom:link {font-family:Verdana, Arial, Helvetica, sans-serif; color:#646464; font-size:11px; text-decoration:none;}			

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

.texto_nombre_pr {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#340e00;}
#productos {width:200px; text-align:center; margin-bottom:8px; margin-right:8px;}
	#productos-contenedor {width:200px; text-align:center; background:url(images/nutricion-pestana-b.png) repeat-y;}
		#productos-a {width:200px; height:22px;}
		#productos-imagen {min-height:125px; margin-top:0px; background:url(images/nutricion-pestana-b2.png) repeat-y;}
		#productos-b3 {width:200px; height:20px;}
		#productos-nombre {margin-top:0px; padding:0px 10px 0px 10px; text-align:center;}
			#productos-nombre a:link    {color:#000000; font-size:14px; font-weight:bold;}
			#productos-nombre a:visited {color:#000000; font-size:14px; font-weight:bold;}
			#productos-nombre a:hover   {color:#5a1f0a; font-size:14px; font-weight:bold;}
		#productos-precio {margin-top:15px; font-size:16px; font-weight:bold; color:#95460a;}
		#productos-descrip {margin-top:15px; padding:0px 7px 0px 7px; text-align:center; font-size:10px; color:#3f3f3f;}
		#productos-botonera {height:21px; margin-top:18px; text-align:center;}
			#boton-d {width:80px; margin-left:15px; text-align:center; float:left; display:inline}
			#boton-c {width:80px; margin-left:10px; text-align:center; float:left; display:inline}
		#productos-c {width:200px; height:10px; margin-top:5px;}

#productos-final-nombre {text-align:left; font-size:16px; font-weight:bold; color:#000000;}
#productos-final-imagen {text-align:left; margin:10px 0px 0px 0px; min-height:150px;}
	#productos-final-imagen img {margin:5px 20px 10px 0px; max-width:190px; display:block; float:left;}
	#corta, .corta {padding-top:20px; font-size:13px; text-align:left; color:#D35C02;}
	#larga, .larga {padding-top:10px; font-size:11px; text-align:left; color:#000000}
#productos-final-precio {margin:20px 0px 0px 0px; text-align:left; color:#000000;}
	.texto_productos {font-size:16px; font-weight:bold; text-shadow:1px 2px 3px #999999; color:#692e01;}


/* ----------------------- PROPIEDADES DE FINALIZACIÓN COMPRAS --------------------------------------------------------------- */

#agotado, .agotado {font-weight:bold; text-transform:uppercase; color:#F00;}
#agotado-ficha, .agotado-ficha {color:#F00;}
.pageslist a {background:#e8deb4;}
fieldset {background:#e8deb4;}
label  {color:#333333;}
.borde {color:#333333;}


/* ----------------------- PROPIEDADES DE TEXTO Y FORMULARIOS --------------------------------------------------------------- */

.texto01 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#92bd18; font-weight:normal;}
.texto02 {font-family:verdana; font-size:12px; color:#000; font-weight:normal;}
.pie-texto2 {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:normal;}
.des {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#a7a7a7; font-weight:normal;}
.smallText {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#5c4b4b; font-weight:normal;}
.texto14_bold {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold;}
.texto_Arial_11_bold_morado {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#494949; font-weight:normal;}

h1 {font-size:16px;}
.productos h1 {font-size:24px;}

.texto_form1 {width:130px; height:20px; border:1px Solid #494949; background:#688710; color:#93161C; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
	.texto_form1:hover {background: #93161C; color:#fff;}


/* ----------------------- PROPIEDADES DE AREA DE CLIENTES --------------------------------------------------------------- */

.highlight_text {font-size:12px; color:#FF7D01; font-weight:bold;} 			/* Mi área personal título ---- & ---- Escriba usuario y contraseña -------------*/
.basictext {font-size:12px; color:#000000;} 						   		/* Mi área personal texto */
.block_table_first_td {font-size:12px; color:#93161c; font-weight:bold; } 	/* Página rellenar datos cliente título */
.block_table_td {font-size:11px; color:#2A2A2A;} 							/* Página rellenar datos cliente texto */
.shipping_tabla_pago {font-size:12px; color:#2A2A2A;} 						/* Página donde muestra las formas de pago */
.oMain {color:#000; font-size:10px; font-weight:normal;}


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

.form_login {width:170px; height:20px; margin-top:8px; border:1px Solid #2a2520; background:#fff; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	.form_login:hover {background:#f3b484; color:#000;}
.login_usuario {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal;}
.login_pass {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal;}


/* --------------------- BOTON ENTRAR ACCESO CLIENTES -------------*/
.boton_buscar{
	vertical-align: bottom !important;
	vertical-align: text-center;
	width: 100px;
	height: 22px;
	background: #000000;
	border: 1px Solid #fff;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	 /* text-indent: -9999px; */
}

/* --------------------- BOTON MI AREA Y SALIR -------------*/
.boton_area{
	width:  70px;
	height: 22px;
	background: #000000;
	border: 1px Solid #fff;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-left:10px;
	 /* text-indent: -9999px; */
}

.ibutton {
	width: 150px;
	height: 20px;
	background: #2a2520;
	border: 1px Solid #fff;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	 /* text-indent: -9999px; */
}


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

#search {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:200px;
	height:30px;}		/* ---------- Ancho y alto completo SIMPLE ----------*/
	
#search input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:transparent url(images/busqueda.png) no-repeat scroll 0 0;
	border:none;
	font-size:12px;
	color:#000000;
	padding:7px 0px 7px 2px;
	height:30px;		/* ---------- Alto caja texto simple ----------*/
	width:168px;        /* ---------- Largo caja texto simple -2px (por el padding) ----------*/
	float:left;}		
	
#search input:focus, #search input:hover {        /* ---------- Largo buscador completo simple ----------*/
	background:transparent url(images/busqueda.png) no-repeat scroll -200px 0px;}

#search button {								  /* ---------- Largo caja texto simple ----------*/
	background:transparent url(images/busqueda.png) no-repeat scroll -170px 0px;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#3e3e3e;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	height:30px;		/* ---------- Alto caja texto simple ----------*/
	width:30px;		/* ---------- Largo boton buscar ----------*/
	float:left;}
	
#search button:focus, #search button:hover {			/* ---------- Distancia total - Largo boton buscar ----------*/
	color:#ffffff; background:transparent url(images/busqueda.png) no-repeat scroll -370px 0px;}