.holder {
	margin: 0 auto;
	text-align: center;
	height: 60px;
}

.holder a {
font-size: 15px;
cursor: pointer;
margin: 0 2px;
color: #777;
width: 60px;
height: 60px;
border-radius: 100px;
background: #e8e8e8;
padding: 6px 13px 6px 13px;
}

.holder a:hover {
    font-size: 15px;
    cursor: pointer;
    margin: 0 2px;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background: #aeaeae; 
    padding: 6px 13px 6px 13px;
}

.holder a.jp-previous { display: none; margin-right: 5px; width:20px; height:20px;   background-image:url("../immagini/bt-prev.png"); background-repeat:no-repeat;  background-position: 50% 50%; padding: 6px 18px 6px 18px; }
.holder a.jp-next { display: none; margin-left: 5px; width:20px; height:20px;   background-image:url("../immagini/bt-next.png"); background-repeat:no-repeat; background-position: 50% 50%; padding: 6px 18px 6px 18px;  }

.holder a.jp-current, a.jp-current:hover { 
	font-weight: normal;

    margin: 0 2px;
    color: #fff;
	width: 60px;
    height: 60px;
    border-radius: 100px;
    background: #aeaeae;
   padding: 6px 13px 6px 13px;
}

.holder a.jp-disabled, a.jp-disabled:hover {
color: #bbb;
}

.holder a.jp-current, a.jp-current:hover {
	font-weight: normal;

    margin: 0 2px;
    color: #fff;
	width: 60px;
    height: 60px;
    border-radius: 100px;
    background: #aeaeae;
   padding: 6px 13px 6px 13px;
}

.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}


.holder span { margin: 0 2px; }

/* ============================================================================= */


.holder2 {
	margin: 0 auto;
	text-align: center;
	height: 40px;
}

.holder2 a {
font-size: 15px;
cursor: pointer;
margin: 0 2px;
color: #777;
width: 60px;
height: 60px;
border-radius: 100px;
background: #e8e8e8;
padding: 6px 13px 6px 13px;
}

.holder2 a:hover {
    font-size: 15px;
    cursor: pointer;
    margin: 0 2px;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background: #aeaeae; 
    padding: 6px 13px 6px 13px;
}

.holder2 a.jp-previous { display: none; margin-right: 15px; width:20px; height:20px;   background-image:url("../immagini/bt-prev.png"); background-repeat:no-repeat;  background-position: 50% 50%; padding: 6px 18px 6px 18px; }
.holder2 a.jp-next { display: none; margin-left: 15px; width:20px; height:20px;   background-image:url("../immagini/bt-next.png"); background-repeat:no-repeat; background-position: 50% 50%; padding: 6px 18px 6px 18px;  }

.holder2 a.jp-current, a.jp-current:hover { 
	font-weight: normal;

    margin: 0 2px;
    color: #fff;
	width: 60px;
    height: 60px;
    border-radius: 100px;
    background: #aeaeae;
   padding: 6px 13px 6px 13px;
}

.holder2 a.jp-disabled, a.jp-disabled:hover {
color: #bbb;
}

.holder2 a.jp-current, a.jp-current:hover {
	font-weight: normal;

    margin: 0 2px;
    color: #fff;
	width: 60px;
    height: 60px;
    border-radius: 100px;
    background: #aeaeae;
   padding: 6px 13px 6px 13px;
}

.holder2 a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}


.holder2 span { margin: 0 2px; }


/* ============================================================================= */


div#content { 
margin: 0 auto;
width: 100%;
text-align:center;
border: 1px solid #d4d4d4;
}
/* Content -> Lists */
div#content ul#itemContainer { list-style: none; padding:0; margin: 5px 0;  }
div#content ul#itemContainer li { display: inline-block; margin: 1.4%; min-width:30%; }
div#content ul#itemContainer ll li img { vertical-align: bottom; width: 125px; height: 125px; }


/* ============================================================================= */



div#content2 { 
margin: 0 auto;
width: 100%;
text-align:center;
border: 1px solid #d4d4d4;
}
/* content2 -> Lists */
div#content2 ul#itemContainer2 { list-style: none; padding:0; margin: 5px 0;  }
div#content2 ul#itemContainer2 li { display: inline-block; margin: 1.4%; min-width:30%; }
div#content2 ul#itemContainer2 ll li img { vertical-align: bottom; width: 125px; height: 125px; }





/* ============================================================================= */

@media screen and (min-width: 768px) and (max-width: 980px) {
div#content ul#itemContainer li { display: inline-block; margin: 5px; min-width:45%; }
div#content2 ul#itemContainer2 li { display: inline-block; margin: 5px; min-width:45%; }
}

@media screen and (max-width: 767px) {
div#content ul#itemContainer li { display: inline-block; margin: 5px; min-width:45%; }
div#content2 ul#itemContainer2 li { display: inline-block; margin: 5px; min-width:45%; }
}

@media screen and (max-width: 480px) and (orientation : portrait) {
div#content ul#itemContainer li { display: inline-block; margin: 5px; min-width:45%; }
div#content2 ul#itemContainer2 li { display: inline-block; margin: 5px; min-width:45%; }

@media screen and (max-width: 480px) and (orientation : landscape) {
div#content ul#itemContainer li { display: inline-block; margin: 5px; min-width:45%; }
div#content2 ul#itemContainer2 li { display: inline-block; margin: 5px; min-width:45%; }




.holder {
	margin: 0 auto;
	text-align: center;
	height: 60px;
}
.holder2 {
	margin: 0 auto;
	text-align: center;
	height: 60px;
}
.holder a.jp-previous { display:none;  }
.holder a.jp-next { display:none; }

.holder2 a.jp-previous { display:none;  }
.holder2 a.jp-next { display:none; }
}