/*Estilo para la etiqueta body. Por defecto afecta a toda la pagina*/
body {
	background-color: #DB672A;
	font-family: Arial,Verdana,Sans-serif;
}

.fondocabecera {
	background: url("../img/fondocabecera.jpg") #000000 top center repeat-x;
	/*background-color: #E08147;*/
	
}

.fondopromociones {
	background: url("../img/fondopromociones.jpg") #DB672A top right repeat-y;
	/*background-color: #E08147;*/
	
}

.fondomenu {
	background: url("../img/fondomenu.gif") #000000 top left repeat-x;
	/*background-color: #E08147;*/
	
}

/**************************
** Seccion de estilos para el pie de pagina
**************************/
a:link.piepagina, a:visited.piepagina, a:hover.piepagina, a:active.piepagina
{
 color: #000000;
 font-style: normal;
 font-weight: normal;
 text-decoration: underline;
}

.normalpiepagina
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 70%;
 color: #000000;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

/******************************
* Estilos generales
*******************************/
.titulo1,h1
{
 font-family: Trebuchet,Arial,Verdana,Sans-serif;
 font-size: 100%;
 color: #000000;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
  padding: 4px;
}

.titulo1blanco
{
 font-family: Trebuchet,Arial,Verdana,Sans-serif;
 font-size: 100%;
 color: #FFFFFF;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
  padding: 4px;
}

.titulo2,h2
{
  font-family: Arial,Verdana,Sans-serif;
 font-size: 90%;
 color: #000000;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
  padding: 4px;
}

.normal,p
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 85%;
 color: #000000;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 padding: 2px;
 text-align: justify;
}

.notalegal
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 65%;
 color: #000000;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 padding: 2px;
 text-align: justify;
}

.textonormal
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 85%;
 color: #000000;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 padding: 2px;
}

.textoblanco
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 85%;
 color: #FFFFFF;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
 padding: 2px;
}


ul
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 85%;
 color: #000000;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}



/**********************************************************/
/* Estilos para formularios                               */
/**********************************************************/
select.selectbusq 
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
}
input.inputbusq
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
}
textarea.inputbusq
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
}

input.botonbusq
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: bold;
	color: #DB672A;
	text-align: center;
	background-color: #000000; 
	
}


/*********************************************************/
/* Estilos para los enlaces básicos                      */
/*********************************************************/

a:link {font-family: Arial,Verdana,Sans-serif; color: #000000;}
a:visited {font-family: Arial,Verdana,Sans-serif; color: #000000;}
a:hover { font-family: Arial,Verdana,Sans-serif; color: #000000; text-decoration: underline;}
a:active { font-family: Arial,Verdana,Sans-serif; color: #000000; text-decoration: underline;}

.bordeimg {
  border: 2px inset #364564;
}

/**************************
** Seccion de estilos para el menu de porductos
**************************/
a:link.linkmenufamilia, a:visited.linkmenufamilia, a:active.linkmenufamilia
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 95%;
 color: #ffffff;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
a:hover.linkmenufamilia
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 95%;
 color: #000000;
 font-style: normal;
 font-weight: bold;
 text-decoration: underline;
}

a:link.linkmenusubfamilia, a:visited.linkmenusubfamilia, a:active.linkmenusubfamilia
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 80%;
 color: #ffffff;
 padding-left:30px;
 font-style: italic;
 font-weight: bold;
 text-decoration: none;
}
a:hover.linkmenusubfamilia
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 80%;
 padding-left:30px;
 color: #000000;
 font-style: italic;
 font-weight: bold;
 text-decoration: underline;
}


.recuadrofamilia {
  border: 2px solid #364564;
	background-color:#FFFFFF;
}

div.contenedor
{
  float: left;
  padding:5px 5px 5px 5px;
	width: 100%;
	visiblity: visible;
	z-index: 1;
	overflow: hidden;
}

/**/

div.cajaimagen
{
  float: left;
  padding:0px;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	/*clip: rect(0px 100% 300px 0px);*/
	visiblity: visible;
	z-index: 1;
	overflow: hidden;
	/*background-color:#FF0000;*/
	background-color:#ffffff;
}

div.menufamilia
{
  float: left;
  padding-top:15px;
	padding-left:10px;
	left: 0px;
	top: 10px;
	/*clip: rect(0px 100% 300px 0px);*/
	visiblity: visible;
	z-index: 1;
	background-color:#ffffff;
}
div.menusubfamilia
{
  padding:5px;
	left: 0px;
	visiblity: visible;
	z-index: 1;
	background-color:#ffffff;
}
div.limpia { clear:both; }

.cartelproducto 
{
 		width:150px; 
		background-color:#000000; 
		color:#fff; 
		padding:5px 5px 5px 5px;
		font-family: Arial,Verdana,Sans-serif; 
		color: #FFFFFF; 
		font-weight:bold;
		font-size: 70%;
		font-style: normal;
}
.cartelgris
{
 		width:100%;
		height: 20px; 
		background-color:#cccccc; 
		color:#fff; 
		padding:2px;
		font-family: Arial,Verdana,Sans-serif; 
		color: #000000; 
		font-weight:bold;
		font-size: 70%;
		font-style: normal;
}
.textoproducto
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 70%;
 color: #364564;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}
/****************************************/
/* Seccion de estilos para la ficha de productos */
/****************************************/
.cartelproductoprn 
{
 		width:100%; 
		height: 40px;
		background-color:#000000; 
		color:#fff; 
		padding:5px;
		font-family: Arial,Verdana,Sans-serif; 
		color: #FFFFFF; 
		font-weight:bold;
		font-size: 80%;
		font-style: normal;
}
.textoproductoprn
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 14px;
 color: #000000;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}
.cartelgrisprn
{
 		width:100%;
		height: 20px; 
		background-color:#cccccc; 
		color:#fff; 
		padding:2px;
		font-family: Arial,Verdana,Sans-serif; 
		color: #000000; 
		font-weight:bold;
		font-size: 70%;
		font-style: normal;
}
/****************************************/
/* Seccion de estilos para el paginador */
/****************************************/
.paginador
{
 font-family: Arial,Verdana,Sans-serif;
 font-size: 80%;
 color: #364564;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
strong.rojo
{
 font-family: Arial,Verdana,Sans-serif;
 color: #B20509;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}
a:link.linkpaginador, a:visited.linkpaginador, a:active.linkpaginador, a:hover.linkpaginador
{
 font-family: Arial,Verdana,Sans-serif;
 color: #364564;
 font-style: normal;
 font-weight: bold;
 text-decoration: underline;
}

a:link.linkblanco, a:visited.linkblanco, a:active.linkblanco, a:hover.linkblanco
{
 font-family: Arial,Verdana,Sans-serif;
 color: #ffffff;
 font-style: normal;
 font-weight: bold;
 text-decoration: underline;
}