.paginator { width: 100%;  font-size: 1.1em; font-weight: 700; padding:20px 0 40px 0; clear: both; float: none; display: block}

.ratlla_dalt {border-top:  #757575 thin solid}
.ratlla_baix {border-bottom:  #757575 thin solid}
.sobreindex { margin-top: -31px; padding-right: 5px}


.paginator_all 			{ float: none; width: 100%; text-align: center; overflow: hidden }

.paginator_left 		{ float: left; width: 25%; text-align: left; 	overflow: hidden }
.paginator_center 		{ float: left; width: 45%; text-align: center; 	overflow: hidden }
.paginator_right 		{ float: right;width: 25%; text-align: right; 	overflow: hidden }

.paginator_esquerra 	{ float: left ; width: 45%; text-align: left; 	overflow: hidden }
.paginator_mig 		    { float: left ; width: 6%; text-align: center; overflow: hidden }
.paginator_dreta 		{ float: right; width: 45%; text-align: right; 	overflow: hidden }





.paginator_center a { }

.paginator_center a:hover { }

.paginator_left img 	{ margin-right:5px}
.paginator_right img 	{ margin-left:5px}


.paginator_right span { display: block; color: #000; }
a.pinit { display: inline-block; float: left;  color: #000;  }
a.pinit img, a.pback img, a.pnext img { vertical-align:middle}
a.pback { display: inline-block; float: left;  color: #000;  }
a.pnext { display: inline-block; float: right; color: #000;  }
a.pres  { display: inline-block; float: right; color: #000; }
a.pinit:hover, a.pback:hover, a.pnext:hover { color: #000; }
.paginator_right form { color: #000; }
.pag_text { display: none !important }
.pag_text_left { display: none !important }

@media only screen and (min-width : 700px) {
.pag_text 		{ display: block !important; float: right; padding-left:5px }
.pag_text_left  { display: block !important; float: left; padding-right:5px }

}