#pub-slider{ float:right; width: 275px; text-align:center; font-size: 14px; }
#pub-slider a{ text-decoration: none; }
#pub-slider h1{ padding-left:20px; line-height: 35px; color:#fff; background:#4BD2E9; font-weight:600; text-align:left; font-size: 16px; border-bottom:3px solid rgba(0, 0, 0, 0.05); }
.pubslider{ float:right; overflow: hidden; margin: 0; padding: 5px; padding-top: 0; width: 265px; height:270px; background:#fff; }
.unslider-wrap { position: relative; }
.unslider-wrap.unslider-carousel > li { float: left; width: 265px; }
.unslider-vertical > ul {  }
.unslider-vertical li { float: none; line-height:270px; }
.unslider-vertical li img{ vertical-align:middle; max-width: 265px; max-height:275px; }
.pubslider ul, .pubslider ol, .pubslider li{ list-style: none; margin: 0; padding: 0; border: none; }

/* THIS STYLES ARE DEDICATED TO MOBILE SCREENS */
@media screen and (max-width : 1250px){
	#pub-slider{ width: 220px; }
	.pubslider{ width: 210px; height:230px; }
	.unslider-wrap.unslider-carousel > li { width: 210px; }
	.unslider-vertical li { line-height:230px; }
	.unslider-vertical li img{ max-width: 210px; max-height:235px; }
}

@media screen and (max-width : 1140px){
	#pub-slider{ width: 800px; }
	.pubslider{ width: 800px; height:235px; }
	.unslider-wrap.unslider-carousel > li { width: 800px; }
	.unslider-vertical li { line-height:235px; }
	.unslider-vertical li img{ max-width: 800px; max-height:230px; }
}

@media screen and (max-width : 980px){
	#pub-slider{ width: 650px; }
	.pubslider{ width: 650px; height:235px; }
	.unslider-wrap.unslider-carousel > li { width: 650px; }
	.unslider-vertical li { line-height:235px; }
	.unslider-vertical li img{ max-width: 650px; max-height:230px; }
}

@media screen and (max-width : 800px){
	#pub-slider{ width: 480px; }
	.pubslider{ width: 480px; height:235px; }
	.unslider-wrap.unslider-carousel > li { width: 480px; }
	.unslider-vertical li { line-height:235px; }
	.unslider-vertical li img{ max-width: 480px; max-height:230px; }
}

@media screen and (max-width : 700px){
	#pub-slider{ width: 400px; }
	.pubslider{ width: 400px; height:225px; }
	.unslider-wrap.unslider-carousel > li { width: 400px; }
	.unslider-vertical li { line-height:225px; }
	.unslider-vertical li img{ max-width: 400px; max-height:220px; }
}


/*////////////////////////////////////////////////////////
/////// STYLE FOR ARTICLES articleISTRATION
////////////////////////////////////////////////////////*/
#admin-pub{ width:100%; margin:auto; text-align:center; min-height:700px; background:rgba(255,255,255,1); }
#admin-pub h1,h2,h3{ color:rgba(51,51,51,1); padding-top:15px; }
#admin-pub form{ text-align:left; width:50%; }

/* HORIZONTAL MENUS */
#admin-pub-horizontalmenu{ display:block; position:inherit; margin:auto; max-width: 296px; height: 35px; margin-bottom:25px; margin-top:25px; padding-left:45px; color:#000; background:url("icons/menu.png"), #CCC; background-position:10px 5px; background-repeat:no-repeat; background-size:25px; }
#admin-pub-horizontalmenu ul{ padding: 0; list-style: none; text-align : center; }
#admin-pub-horizontalmenu a{ display: block; padding: 0; text-decoration:none; color:inherit; }
#admin-pub-horizontalmenu li{ line-height: 35px; float: left; width: 148px; background: #CCC; -moz-transition: background 0.4s; -webkit-transition: background 0.4s; -ms-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; }
#admin-pub-horizontalmenu li:hover{ background: rgba(102,102,102,1); border-top: 3px solid rgba(0,0,0,1); color:#FFF; margin-top:-3px; }
#admin-pub-horizontalmenu li ul { position: absolute; width: 148px; left: -999em; border: none; color:rgba(0,0,0,1); border-bottom: 1px solid grey; }
#admin-pub-horizontalmenu li ul li{ border: none; }
#admin-pub-horizontalmenu li ul li:hover{ background:rgba(102,102,102,1); border: none;	margin: 0; }
#admin-pub-horizontalmenu li:hover ul, .admVertMenu li.sfhover ul{ left: auto; min-height: 0; }

#admin-pub-tablelist table{ margin:auto; margin-top:25px; margin-bottom:15px; border:none; border-collapse:collapse; }
#admin-pub-tablelist th{ font-style:normal; font-weight: 300; text-align:left; color:#FFFFFF; background: rgba(102,102,102,1); height:35px; padding-left:5px; }
#admin-pub-tablelist tr:nth-child(odd){ background: rgba(102,102,102,0.2); border-bottom:solid thin #CCC; border-top:solid thin #CCC; }
#admin-pub-tablelist tr{ border-bottom:solid thin #CCC; border-top:solid thin #CCC; text-align:left; }
#admin-pub-tablelist td{ padding-left:5px; }
#admin-pub-tablelist tr:hover{ background: rgba(102,102,102,0.6); color:#333; }
#admin-pub-tablelist img{ filter : alpha(opacity=80); opacity : 0.8; }

/* CLASSES USED FOR THE DROPDOWN IMAGES LIST*/
#admin-pub-image-dropdown {
    /*style the "box" in its minimzed state*/
    border:1px solid grey; width:260px; height:160px; overflow:hidden;
	border-radius:2px;
    /*animate collapsing the dropdown from open to closed state (v. fast)*/
    -moz-transition: height 0.1s; 
    -webkit-transition: height 0.1s; 
    -ms-transition: height 0.1s;  
    -o-transition: height 0.1s;  
    transition: height 0.1s;
}
#admin-pub-image-dropdown:hover {
    /*when expanded, the dropdown will get native means of scrolling*/
    height:160px; overflow-y:scroll;
}
#admin-pub-image-dropdown input {
    /*hide the nasty default radio buttons. like, completely!*/
    position:absolute;top:0;left:0;opacity:0;
}

#admin-pub-image-dropdown label {
    /*style the labels to look like dropdown options, kinda*/
    display:none; margin:2px; opacity:0.6; width:250px; height: 150px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
    /*setting correct backgrounds - add additional rules with selectors based on "for" attribute, something like label[for=line2]{background-image:...}*/
}

#admin-pub-image-dropdown:hover label{
    /*this is how labels render in the "expanded" state. we want to see only the selected radio button in the collapsed menu, and all of them when expanded*/
    display:block;
}
#admin-pub-image-dropdown label:hover {
    opacity:0.9;
}
#admin-pub-image-dropdown input:checked + label {
    /*tricky! labels immediately following a checked radio button (with our markup they are semantically related) should be fully opaque regardless of hover, and they should always be visible (i.e. even in the collapsed menu*/
    opacity:1 !important; display:block;
}