    body  {
    	font: 11px Verdana, Arial, Helvetica, sans-serif;
    	background: #444444 url(images/bg_page.gif);
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #000000;
    }

    .thrColHybHdr #container { 
    	width: 980px;
    	background: #FFFFFF;
    	margin: 0 auto; overflow:hidden;
    }  
    .thrColHybHdr #header { 
		margin-top:0;
		height: 128px;
    	background: #FFFFFF url(images/header.jpg) no-repeat; 
    	padding: 0 10px;  
    } 
	
	
	
	
    .thrColHybHdr #header a {
    }
	
	
	  .thrColHybHdr #header #logo {
    	float: left; 
		margin-top: 12px;
		margin-left: 14px;
    	width: 140px;
		height: 100px;
    }
	
	    .thrColHybHdr #header #head_data {
    	float: left; 
		margin-top: 12px;
		margin-left: 50px;
    	width: 170px;
		height: 90px;
    }
    .thrColHybHdr #header #head_search {
    	float: right;
		margin-top: 12px; 
		margin-right: 12px;
    	width: 500px; 
		height: 90px;
    }
	
	
	
	    .thrColHybHdr #header2 { 
		margin-top:0;
		height: 128px;
    	background: #FFFFFF url(images/header2.jpg) no-repeat; 
    	padding: 0 10px;  
    }
	
	    .thrColHybHdr #header2 a {
    }
	
	
	  .thrColHybHdr #header2 #logo {
    	float: left; 
		margin-top: 12px;
		margin-left: 14px;
    	width: 140px;
		height: 100px;
    }
	
	    .thrColHybHdr #header2 #head_data {
    	float: left; 
		margin-top: 12px;
		margin-left: 50px;
    	width: 170px;
		height: 90px;
    }
    .thrColHybHdr #header2 #head_search {
    	float: right;
		margin-top: 12px; 
		margin-right: 12px;
    	width: 500px; 
		height: 90px;
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
    .thrColHybHdr #menuhor { 
		height: 42px;
    	background: #FFFFFF url(images/menu.jpg) no-repeat; 
    	padding: 0 7px;  
    } 
    .thrColHybHdr #menuhor h1 {
    	margin: 0; 
    	padding: 10px 0; 

    }   

    .thrColHybHdr #sidebar1 {
    	float: left; 
    	width: 188px;
		height: auto;
    	background: #FFFFFF; 
    }
	  
		 .thrColHybHdr #sidebar1 #menu {
			float: right; 
			width: 180px;
			height: auto;
			background: #F7F7F7 ;
			
		}
			
			.thrColHybHdr #sidebar1 #menu ul{
				font-size: 11px;
				padding:0;
				margin:0;
			}

			.thrColHybHdr #sidebar1 #menu ul#miMenu li.categoria{
			width: 180px;
			min-height: 19px; /*He puesto min*/
			margin: 1px 0;
 			list-style: none;
			background: url(images/menu_bg_first.jpg) top left no-repeat; /*He puesto top*/
			padding-left: 0;
			text-align:left;
			padding-left: 25px;
			/*z-index:1; Comidin para no recargar Ajax */
			
			}
			
					.thrColHybHdr #sidebar1 #menu ul#miMenu li.categoria a:link
					{
					font-family: Helvetica, sans-serif;
					size: 11pt;
					color: #003366;
					text-decoration:none;	
					font-weight:bold;
					}
					.thrColHybHdr #sidebar1 #menu ul#miMenu li.categoria a:visited
					{
					font-family: Helvetica, sans-serif;
					size: 11pt;
					color:#003366;
					text-decoration:none;
					font-weight:bold;	
					}
					.thrColHybHdr #sidebar1 #menu ul#miMenu li.categoria a:hover
					{
					font-family: Helvetica, sans-serif;
					size: 11pt;
					color:#003366;
					text-decoration:none;	
					font-weight:bold;
					}
					
			
			
	
			
			.thrColHybHdr #sidebar1 #menu ul#miMenu li.categoria ul#menufamilias li.familia {
			
			width: 155px;
			height: 18px; /*He puesto min*/
			margin: 2px 0;
 			list-style: url(images/breadcrumb.gif);
			list-style-position: outside;
			text-align:left;
			padding-left:0;
			}
					.thrColHybHdr #sidebar1 #menu ul#miMenu li.categoria ul#menufamilias li.familia a:link
					{
					font-family: Helvetica, sans-serif;
					size: 11pt;
					color:#FF6600;
					text-decoration:none;	
					}
					.thrColHybHdr #sidebar1 #menu ul#miMenu li.categoria ul#menufamilias li.familia a:visited
					{
					font-family: Helvetica, sans-serif;
					size: 11pt;
					color:#FF6600;
					text-decoration:none;
					}
					.thrColHybHdr #sidebar1 #menu ul#miMenu li.categoria ul#menufamilias li.familia a:hover
					{
					font-family: Helvetica, sans-serif;
					size: 11pt;
					color:#003366;
					text-decoration:none;	
					}
			
			
	
			
			
		.thrColHybHdr #sidebar1 #importaciones {
			float: right; 
			margin: 2px;
			width: 176px;
			height: 200px; 
			background:  #FFFFFF url(images/regalos_importaciones.jpg) no-repeat bottom;
			border: 1px solid #CCCCCC
		}
		
		.thrColHybHdr #sidebar1 #boletin {
			float: right; 
			margin: 2px 0;
			width: 180px;
			height: 160px;
			background: #FF6600 url(images/orange_box.jpg);
			
		}
		
		.thrColHybHdr #sidebar1 #boletin h3 {
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
		}
		
		
    .thrColHybHdr #sidebar2 {
    	float: right; 
    	width: 187px; 
 		height: auto;
    	background: #FFFFFF; 
    }
	
		
		
			.thrColHybHdr #sidebar2 #login {
			float: left; 
			width: 180px; 
			height: auto;
			background:#FFFFFF url(images/black_box.jpg) repeat;
		
			}
		
		  .thrColHybHdr #sidebar2 #login ul {
			   margin:0;
			   padding: 2px 4px;
			
  				  } 
				  
			   .thrColHybHdr #sidebar2 #login ul li {
				display:inline;
				float:left;
				padding-left:16px;
				background: transparent url(images/breadcrumb.gif) no-repeat center left;
				
				} 
		
		
		
		.thrColHybHdr #sidebar2 #pedidos {
			float: left; 
			width: 180px; 
			height: auto;
			background:#FFFFFF url(images/black_box.jpg) repeat;
			

		}
	  
	  
	  
	  	  .thrColHybHdr #sidebar2 #pedidos ul {
			   margin:0;
			   padding: 2px 4px;
			
  				  } 
				  
			   .thrColHybHdr #sidebar2 #pedidos ul li {
				display:inline;
				float:left;
				padding-left:16px;
				background: transparent url(images/breadcrumb.gif) no-repeat center left;
				} 
	  
	  
	   .thrColHybHdr #sidebar2 #recomendados {
    	float: left; 
    	width: 180px; 
 		background:#FFFFFF url(images/black_box.jpg) repeat;
    } 
			   .thrColHybHdr #sidebar2 #recomendados ul {
			   margin:0;
			   padding: 4px;
			   
  				  } 
				  
			   .thrColHybHdr #sidebar2 #recomendados ul li {
				
				float:left;
				width: 160px; 
				list-style: none; 
				padding-left:16px;
				background: transparent url(images/breadcrumb.gif) left 2px no-repeat;
				text-align:left;
				margin:4px 2px;
								}  
	
	   .thrColHybHdr #sidebar2 #buscador_modulo {
    	float: left; 
    	width: 180px; 
 		background:#FFFFFF url(images/black_box.jpg) repeat;
    } 
	
	
	
	 
 .thrColHybHdr #sidebar2 #recomendados ul li a:link{
	text-align:left;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 4px;
	color:#000066;
	font-weight:bold;
	font-variant: normal;
	text-decoration: none;
}
 .thrColHybHdr #sidebar2 #recomendados ul li a:visited {
	text-align:left;
	margin-left: 4px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	font-weight:bold;
	font-variant: normal;
	text-decoration: none;
}
 .thrColHybHdr #sidebar2 #recomendados ul li a:hover {
	color: #FF6600;
	text-decoration: none;
	}
	
	   
	    .thrColHybHdr #sidebar2 #marcajes {
		
    	float: left; 
		margin-top:4px;
    	width: 180px; 
 		height: 196px;
		background:#FFFFFF url(images/regalos_marcajes.jpg);
		border:#CCCCCC 1px solid;

    }
	
	

    .thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 {
    	margin-left: 10px;
    	margin-right: 10px;

    }


    .thrColHybHdr #mainContent {
		width: 580px;
     	margin:0 auto;
		background:#FFFFFF; 
		

    } 
	  
	 .thrColHybHdr #mainContent #topcontent{
		height:35px;
     	margin: 0; 
		background: #FFFFFF url(images/bg_breadcrumb.jpg) no-repeat center;

    } 
	 .thrColHybHdr #mainContent #topcontent2{
	  	width:100%;
		float:left;
		margin-bottom:4px; 
		
    } 
		  
	 .thrColHybHdr #mainContent #products{
	
	 width: 580px;
		
     	margin: 6px auto; 
	  } 
	
	.thrColHybHdr #mainContent #products #slider{
	 width: 574px;
	 height:300px;
	 margin: 6px auto; 
		
		

    } 
	
	 .thrColHybHdr #mainContent #products #ofertas_mes{
		float:left;
		width:595px;
		margin: 2px;
		padding: 2px;
			
    } 
	
	
		 .thrColHybHdr #mainContent #products #ofertas_mes .caja_oferta{
		float:left;
	padding-left: 0;
	padding-top: 8px;
	width: 135px;
	height: 195px;
	background: #FFFFFF url(images/bg_articulo.jpg) no-repeat ;
	margin: 2px 4px;

    } 
	
	
	 .thrColHybHdr #mainContent #textos{
		float:left;
		width:565px;
		margin: 2px;
		padding: 2px 5px;
				
    } 
	
	
	 .thrColHybHdr #mainContent #textos p{
			text-align:justify;	
		font: Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
    } 
	
	 .thrColHybHdr #mainContent #sections{
	 width: 580px;
		 overflow:hidden;
     	margin: 6px auto;

    } 
			
			 .thrColHybHdr #mainContent #sections #textodelfin{
				 float:left;
				width:210px;
				margin: 6px auto; 
				padding-right: 12px; 
				padding-left: 10PX;      
				border-right:#999999 1px dotted;
			  } 
			  
			   .thrColHybHdr #mainContent #sections #fotosdelfin{
				float: right;
				width: 320px;
				margin: 6px auto; 
				padding-right: 8px;
			  } 
	
		.thrColHybHdr #mainContent #products #detalles{
			float:right;
			 width: 255px;
			 margin: 8px 0;
			 padding: 4px 8px;
			 background: #FFFFFF ;
		
			} 
			  
			 .thrColHybHdr #mainContent #products #fotos{
			 float:left;
			 width: 305px;
			 margin:10px 0;
			 padding: 10px 0;
			 background:#FFF url(images/bg_fotos.gif) no-repeat;
			} 
			


	  .thrColHybHdr #mainContent #texto {
     	width: 580px;
    } 

    .thrColHybHdr #footer { 
width: 980px;
margin-top: 5px; 
height:106px;
background: #FFFFFF url(images/footer.jpg) no-repeat; 
padding-top: 14px;
color:#FFFFFF;
    } 
	
		.thrColHybHdr #footer #menufoot { 
		float: right;
		width:760px;
		margin: 2px 10px 2px 10px;
			} 
		.thrColHybHdr #footer #menufoot p{ 
		text-align: left;
		margin: 4px;
		color:#FFFFFF;
			} 
			
			.thrColHybHdr #footer #menufoot a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	size: 10pt;
	color:#FF6600;
	text-decoration: none;
			} 
			
			.thrColHybHdr #footer #logo_confianza { 
		float: left;
		width: 100px;
		margin: 2px 20px 2px 20px;
			} 
			

    /* Varias clases diversas para su reutilizaciσn */

    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la pαgina. El elemento flotante debe preceder al elemento junto al que debe aparecer en la pαgina. */
    	float: right;
    	margin-left: 8px;
    }

    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la pαgina. */
    	float: left;
    	margin-right: 8px;
    }

    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el ϊltimo elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }


#listando_prod
{
text-align:center;
padding: 2px auto;
float:left;
width: 595px;
}

.articulo
	{
	list-style: none;
	float: left;
	padding-left: 0;
	padding-top: 8px;
	width: 135px;
	height: 195px;
	background: #FFFFFF url(images/bg_articulo.jpg) no-repeat ;
	margin: 2px 4px;
	}

.articulo li a
	{
	text-decoration:none;
	border:none;
	}
.articulo li a:visited
	{
	text-decoration:none;
	border:none;
	}
.articulo li a:hover
	{
	text-decoration:none;
	}

ul.lista
{
float:left;
text-align:left;
color:#666666;
list-style-type:square;
}

ul.lista li
{
text-align:left;
color:#666666;
padding: 2px;
}
	
	

li.par {
width: 150px;
list-style-type:none;
background-color:#F1F5FA;
}

/* - menu horizontal de categorias tres bloques - */






ul.col3
{
list-style-image:url(images/breadcrumb.gif);
PADDING-RIGHT: 0px;
PADDING-LEFT: 30px;
FLOAT: left;
PADDING-BOTTOM: 6px;
MARGIN: 5px auto;
WIDTH: 98%;
PADDING-TOP: 2px;
}

ul.col3 li
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FLOAT: left;
PADDING-BOTTOM: 2px;
WIDTH: 32%; 
PADDING-TOP: 2px;
TEXT-ALIGN: left;

}

 ul.col3 li a
{
font-size: 10px;
font-weight:bold;
}
  
/* - menu horizontal superior - */
.red #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/redslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.red #slatenav ul{ text-align:center;margin:0 auto;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color: #000033;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(images/redslate_backgroundOVER.gif) no-repeat top center;}


/* - tags generales - */

p {
font: Geneva, Arial, Helvetica, sans-serif;
text-align:left;
size: 11pt;
}

img.sale {
    position:absolute;
    margin:0;
	}
.orange{
font: Geneva, Arial, Helvetica, sans-serif;
color:#FF6600;
font-weight:bold;
}

h1{
font: Geneva, Arial, Helvetica, sans-serif;
text-align:left;
margin: 2px 2px;
size: 14pt;
}
h2 {
font: Geneva, Arial, Helvetica, sans-serif;
size: 14pt;
text-align:left;
color:#FF6600;
margin: 2px 2px;
}
h3 {
font: Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align:left;
color:#FF6600;
margin: 2px 2px;
text-transform:uppercase;
}
h4 {
font: Geneva, Arial, Helvetica, sans-serif;
margin: 2px;
}

.titulo{
color:#FF6600;
}
.index{
font-size: 12pt;
color:#FF6600;
}
.foto{
border: #CCCCCC 1px solid;
}

.fotosin{
border: none;
}
a:link, a:visited{
	color:#FF6600;
	font-variant: normal;
	text-decoration: none;
}
a:hover{
	color:#003399;
	text-decoration: none;
	}
	
	
.blanco	a:link, {
	text-align:left;
	margin-left: 4px;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	font-variant: normal;
	text-decoration: none;
}
.blanco a:visited {
	text-align:left;
	margin-left: 4px;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	font-variant: normal;
	text-decoration: none;
}
.blanco a:hover {
	color: #FF3300;
	text-decoration: none;
	}

	
 
/* Aρadidos Kerman */
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 352px;
	top: 215px;
	visibility:hidden;
	background:#FF6600;
}


.breadcrumb{
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background: url(images/bg_orange.jpg) ;
padding:4px 0  4px 8px;
height: 20px;
}

.breadcrumb a{
	background: transparent url(images/breadcrumb.gif) no-repeat center right;
	text-decoration: none;
	padding-right: 18px; /*adjust bullet image padding*/
	color:#000033;
	text-transform:uppercase;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #000033;
text-decoration: none;

}

.breadcrumb a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

/* ----- CLASSES -------*/

.precios {
color:#FF6600;
font-weight:bold;
size: 11px;
}
.white
{
text-align:left;
font-size:10px;
color:#FFFFFF;}

.blue
{
color: #003399;}


.boton_naranja
{
background: #FF6600 url(images/boton_naranja.jpg) no-repeat;
width: 174px;
height: 19px;
margin: 2px 0;
padding: 4px 0 0 4px;
}
.boton_naranja a
{
font-weight:bold;
color:#FFFFFF;
font-size:9px;
float:left;
padding-left:18px;
}
 .boton_naranja a:hover
{
color: #CCCCCC;
}

div.paginazion {
padding: 3px; 
margin: 3px;
text-align:center;
font-size:1em;
font-weight:bold;
margin-bottom: 10px;
}

div.paginazion a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	text-decoration: none; /* no underline */
	color: #FF9900;
}

div.paginazion a:hover, div.digg a:active {
	
	background-color: #FF9900;
	color: #FFFFFF;
}

div.paginazion span2.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	background-color: #FF9900;
	color: #FFFFFF;
}

div.paginazion span2.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
color: #888888;
}


/* - formularios - */

SELECT{ 
width: 160px;
	margin: 0 0 0.5em;
	
	background: #E1E2E3 url("/images/inputBg.gif") repeat-x 0 0;
	}

form label {display:block;font-weight:bold;} 
legend {font-size:120%;} 
fieldset {border:none;} 
fieldset legend	{ display: none; }

.boton {
background: #FF6600;
color:#FFFFFF;
font-weight:bold;
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
form span {display:block; font-size:90%;} 
form p {margin:0;} 
div#formulario {width:300px;} 
div#form_prod { padding: 10px; height:295px; background: #FFFFFF url(images/bg_form.gif) no-repeat;}

.textInput, textarea			
{ width: 125px; margin: 0; }	/* margins set by containers <div> */
textarea 			
{ height: 120px; }
input.error, #CommentForm textarea.error {
	background-color: #ffc;
	border-color: #EF7E58;}
label.error {
	display: block;
	color: #f33;
	font: bold 10px Verdana, Arial, Helvetica, Garuda, sans-serif;
	line-height: 1em;		/* required for negative margins to work fully */
	margin: 0.2em 0 -1.2em;	/* negative margins counter act error message space so input fields don't shift */
}

/* forms and inputs */
input { color: #000; }
textarea, .textInput {
	width: 175px;
	margin: 0 0 0.5em;
	padding: 4px;
	background: #E1E2E3 url("/images/inputBg.gif") repeat-x 0 0;
	border: 1px solid #fff;
	border-color: #C9CACB #fff #fff #C9CACB;
	outline: none
	;}
	
label.overlabel { 
	color: #B3B4B4; 
	font-size: 1.2em; 
	display:none;	/* initially hidden to prevent other content from shifting after JS function runs */ 
}

/* button styles */

button { 
	position: relative;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */}
button.btn {
	border: 0; 
	padding: 0;
	outline: none;
	margin-left: -6px; /* corrects for shadow to make left edge look aligned */
}
button span { 
	position: relative;
	display: block; 
	white-space: nowrap;}

button.btn { 
	padding: 0 35px 0 0; 
	margin-right:5px; 
	font-size: 1em; 
	text-align: center; 
	background: transparent url("/images/button-sprite.gif") no-repeat right -92px;}
	
button.btn span {
	padding: 13px 0 0 35px; 
	height: 29px; 
	background: transparent url("/images/button-sprite.gif") no-repeat left top; 
	color: #a2a2a2;
	line-height: 1.2;
	text-shadow: #000 -1px -1px 0px;
	 margin-top: -1px;
}
	
button.btn:hover, button.btnHover { background-position: right -138px;} /* extra class used for sucky browsers (stupid IE) */
	
button.btn:hover span, button.btnHover span {
	background-position: 0 -46px;
	color: #fff;
	text-shadow: #333 -1px -1px 1px;}
	
	
	
	/* button styles */

.button1 { 
	position: relative;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */}
.button1.btn {
	border: 0; 
	padding: 0;
	outline: none;
	margin-left: -6px; /* corrects for shadow to make left edge look aligned */
}
.button1 span { 
	position: relative;
	display: block; 
	white-space: nowrap;}

.button1.btn { 
	padding: 0 35px 0 0; 
	margin-right:5px; 
	font-size: 1em; 
	text-align: center; 
	background: transparent url("/images/button-sprite.gif") no-repeat right -92px;}
	
.button1.btn span {
	padding: 13px 0 0 35px; 
	height: 29px; 
	background: transparent url("/images/button-sprite.gif") no-repeat left top; 
	color: #a2a2a2;
	line-height: 1.2;
	text-shadow: #000 -1px -1px 0px;
	 margin-top: -1px;
}
	
.button1.btn:hover, .button1.btnHover { background-position: right -138px;} /* extra class used for sucky browsers (stupid IE) */
	
.button1.btn:hover span, .button1.btnHover span {
	background-position: 0 -46px;
	color: #fff;
	text-shadow: #333 -1px -1px 1px;}
	
#ContentPanel .button1.btn span { background-image: url("/images/button-sprite-dark.gif"); }	/* for buttons on dark backgrounds */
	
	
	
	
	
	
	
	
#ContentPanel button.btn span { background-image: url("/images/button-sprite-dark.gif"); }	/* for buttons on dark backgrounds */

.nav_art 
{
float:left;
width: 580px;
margin-top: 12px ;
MARGIN-LEFT: 125px;
margin-bottom: 12px ;
}
.nav_art .anterior, .nav_art .siguiente{ float:left; width:25px; padding:0px;}
.nav_art .pagin{float:left; text-align:center; width:265px; height:16px ; padding:2px 0 0 0; background:url(images/fnd-paginacion2.jpg);}
.nav_art .pagin a{ color:#FFFFFF; font-weight:bold;}
.nav_art .pagin a:hover{ color: #999999; font-weight:bold;}

