div.paginacion{height:25px;width:480px;padding:4px;background:#8E1381;margin-left:auto;margin-right:auto;}

/* Paginacion tipo RDN */
ul.pagination-RDN{border:0; margin:0; padding:0;height:25px;float:left;}
ul.pagination-RDN li{border:0; margin:0; padding:0;font-size:11px;list-style:none;float:left;}
ul.pagination-RDN a{border:1px solid #ddd;margin-right:2px;float:left;}
ul.pagination-RDN .first-off, 
ul.pagination-RDN .last-off {color:#aaa;display:block;font-weight:bold;padding:3px 4px;}
ul.pagination-RDN .previous-off, 
ul.pagination-RDN .next-off {color:#aaa;display:block;font-weight:bold;padding:3px 4px;}
ul.pagination-RDN .next a, 
ul.pagination-RDN .previous a {font-weight:bold;border:1px solid #fff;}
ul.pagination-RDN .active{color:#f08;font-weight:bold;display:block;padding:4px 6px;}
ul.pagination-RDN a:link, 
ul.pagination-RDN a:visited {color:#fff;display:block;padding:3px 4px;text-decoration:none;}
ul.pagination-RDN a:hover{border:1px solid #aaa;background:#f08;color:#fff;}
div.pagination-ir-a {font-size:11px;color:#aaa;font-weight:bold;padding:3px 4px;}

/* Paginacion tipo flickr */
ul.pagination-flickr{border:0; margin:0; padding:0;}
ul.pagination-flickr li{border:0; margin:0; padding:0;font-size:11px;list-style:none;}
ul.pagination-flickr a{border:solid 1px #DDDDDD;margin-right:2px;}
ul.pagination-flickr .first-off, 
ul.pagination-flickr .last-off {color:#666666;display:block;float:left;font-weight:bold;padding:3px 4px;}
ul.pagination-flickr .previous-off, 
ul.pagination-flickr .next-off {color:#666666;display:block;float:left;font-weight:bold;padding:3px 4px;}
ul.pagination-flickr .next a, 
ul.pagination-flickr .previous a {font-weight:bold;border:solid 1px #FFFFFF;}
ul.pagination-flickr .active{color:#ff0084;font-weight:bold;display:block;float:left;padding:4px 6px;}
ul.pagination-flickr a:link, 
ul.pagination-flickr a:visited {color:#0063e3;display:block;float:left;padding:3px 4px;text-decoration:none;}
ul.pagination-flickr a:hover{border:solid 1px #666666;}
div.pagination-ir-a {font-size:11px;color:#666666;font-weight:bold;padding:3px 4px;}

/* Paginacion tipo Digg */
ul.pagination-digg{border:0; margin:0; padding:0;}
ul.pagination-digg li{border:0; margin:0; padding:0;font-size:11px;list-style:none;margin-right:2px;}
ul.pagination-digg a{border:solid 1px #9aafe5;margin-right:2px;}
ul.pagination-digg .first-off, 
ul.pagination-digg .last-off {border:solid 1px #DEDEDE;color:#888888;display:block;float:left;font-weight:bold;margin-right:2px;padding:3px 4px;}
ul.pagination-digg .previous-off, 
ul.pagination-digg .next-off {border:solid 1px #DEDEDE;color:#888888;display:block;float:left;font-weight:bold;margin-right:2px;padding:3px 4px;}
ul.pagination-digg .next a, 
ul.pagination-digg .previous a {font-weight:bold;} 
ul.pagination-digg .active{border:solid 1px #9aafe5;color:#FFFFFF;background:#2e6ab1;font-weight:bold;display:block;float:left;margin-right:2px;padding:4px 6px;}
ul.pagination-digg a:link, 
ul.pagination-digg a:visited {color:#0e509e;display:block;float:left;padding:3px 4px;text-decoration:none;}
ul.pagination-digg a:hover{border:solid 1px #0e509e;}
div.pagination-ir-a {font-size:11px;color:#888888;font-weight:bold;padding:3px 4px;}

/* Paginacion Clean */
ul.pagination-clean{border:0; margin:0; padding:0;}
ul.pagination-clean li{border:0; margin:0; padding:0;font-size:11px;list-style:none;}
ul.pagination-clean li, 
ul.pagination-clean a{border:solid 1px #DEDEDE;margin-right:2px;}
ul.pagination-clean .first-off, 
ul.pagination-clean .last-off {color:#888888;display:block;float:left;font-weight:bold;padding:3px 4px;}
ul.pagination-clean .previous-off, 
ul.pagination-clean .next-off {color:#888888;display:block;float:left;font-weight:bold;padding:3px 4px;}
ul.pagination-clean .next a, 
ul.pagination-clean .previous a {font-weight:bold;border:solid 1px #FFFFFF;} 
ul.pagination-clean .active{color:#000000;font-weight:bold;display:block;float:left;padding:4px 6px;}
ul.pagination-clean a:link,
ul.pagination-clean a:visited {color:#0033CC;display:block;float:left;padding:3px 6px;text-decoration:none;}
ul.pagination-clean a:hover{text-decoration:none;}
div.pagination-ir-a {font-size:11px;color:#888888;font-weight:bold;padding:3px 4px;}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_variable4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


ul.paginacion-paginas-intermedias {padding:0; margin:0; background:#570c69;list-style:none; position:relative; z-index:200;}
ul.paginacion-paginas-intermedias ul {width:200px;padding:3px 5px 3px 5px; margin:0;background:#570c69;border:1px solid #fff; border-width:0 1px 1px 1px;list-style:none; float:left;}
ul.paginacion-paginas-intermedias li {float:left;}
ul.paginacion-paginas-intermedias li li {float:left;}
/* a hack for  IE6 */
* html ul.paginacion-paginas-intermedias li li {float:left;}

ul.paginacion-paginas-intermedias li a {display:block; float:left; text-decoration:none;}
/*ul.paginacion-paginas-intermedias li li a {display:block; float:left;}*/
ul.paginacion-paginas-intermedias li:hover {position:relative; z-index:300;}
ul.paginacion-paginas-intermedias li li a {color:#000;}
ul.paginacion-paginas-intermedias li:hover ul {left:0; top:22px; z-index:500;}


ul.paginacion-paginas-intermedias ul {position:absolute; left:-9999px; top:-9999px;}
* html ul.paginacion-paginas-intermedias ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
ul.paginacion-paginas-intermedias li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
/* keep further levels hidden */
ul.paginacion-paginas-intermedias li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
ul.paginacion-paginas-intermedias li:hover > a {color:#000;}
ul.paginacion-paginas-intermedias li li:hover > a {color:#fff;}

