
/* - ++resource++unibotheme.sites.css/imagegallery.css - */
/* http://www.dsg.unibo.it/portal_css/++resource++unibotheme.sites.css/imagegallery.css?original=1 */
/* */
/* */
.scrollable {
/* */
position:relative;
overflow:hidden;
width: 500px;
height:108px;
/* */
/* */
border: 1px solid #CCCCCC;
height: 98px;
width: 294px;
}
.scrollable .items {
/* */
width:20000em;
position:absolute;
clear:both;
}
.items div {
float:left;
}
.items div.video-container {
position: relative;
}
/* */
#mainContent .scrollable img {
float:left;
margin:20px 5px 20px 21px;
background-color:#fff;
padding:2px;
border:1px solid #ccc;
-moz-border-radius:4px;
-webkit-border-radius:4px;
margin: 1px;
height: 90px;
cursor: pointer;
}
#mainContent .scrollable .video-container img {
width: 90px;
}
#mainContent .scrollable .video-container .video {
background-image: url("++resource++unibo.imagegallery.images/video_icon.png");
background-position: center center;
background-repeat: no-repeat;
height: 30px;
left: 36px;
position: absolute;
top: 36px;
width: 30px;
cursor: pointer;
}
/* */
#mainContent .scrollable .active {
border:2px solid #000;
position:relative;
cursor:default;
height: 88px;
}
/* */
.album .scrollable {
float:left;
}
/* */
a.browse {
background-image: url("++resource++unibo.imagegallery.images/css/hori_large.png");
background-repeat: no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:40px 10px;
cursor:pointer;
font-size:1px;
border: none;
}
#content-core .album  a.browse:hover {
border: none;
}
/* */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
.album a.right:hover 		{ background-position:-30px -30px; }
.album a.right:active 	{ background-position:-60px -30px; }
/* */
.album a.left				{ margin-left: 0px; }
.album a.left:hover  		{ background-position:-30px 0; }
.album a.left:active  	{ background-position:-60px 0; }
/* */
/* */
/* */
/* */
.album a.disabled {
visibility:hidden !important;
}
/* */
#image_wrap #large-image{
/* */
/* */
/* */
padding:15px 0;
/* */
/* */
background-color:#FBF9F9;
border:2px solid #fff;
outline:1px solid #ddd;
-moz-ouline-radius:4px;
width: 100%;
}
#mainContent #image_wrap img {
float:none;
display: block;
margin: auto;
max-width: 100%;
width: 100%;
height: auto;
padding: 0;
width: auto;
}
#image_wrap iframe {
max-width: 100%;
display: block;
margin: auto;
}
/* */
#content #image_wrap .uniboPrettyPhoto{
border: none;
display: block;
margin: auto;
width: 410px;
float: none;
}
#content #image_wrap .uniboPrettyPhoto .zoom{
color: #555;
border-bottom: none;
padding-top: 5px;
background-position: 3px 6px;
}
/* */
#content .slide_container a,
#content .slide_container a:link,
#content .slide_container a:hover,
#content .slide_container a:visited,
#content .slide_container a:active,
#content .slide_container img{
outline : none;
-moz-outline: none;
border-bottom: none;
}
.template-gallery_view .results{
clear: both;
}
#content-core .album{
clear: both;
margin: auto;
margin-bottom: 2em;
margin-top: 2em;
overflow: hidden;
min-height: 130px;
height: auto;
position: relative;
width: 377px;
}
#content-core .album.empty-gallery {
clear: both;
color: #888888;
height: auto;
margin: 1em 0;
min-height: inherit;
text-align: center;
width: auto;
}
.album .photo_container{
padding:1.5em 1em 0;
background-color:#F2ECEC;
border: 1px solid #E8DCDC;
border-top: none;
border:none;
background-color: transparent;
}
.album .overview img{
width: 90px;
padding: 0;
float: none;
margin: 0;
}
.album .album_title{
margin: auto;
border-bottom: 1px solid #755958;
}
.album .album_title h4{
display: inline;
}
.album .album_title span{
font-size: 0.95em;
margin-left: 1em;
}
#visual-portal-wrapper .highlightedSearchTerm{
font-size:1em;
margin-left: 0;
}
.template-gallery_view #content .album .album_title h4 a{
text-decoration: none;
}
.slide_container{
margin: 1em 0;
}
.album .single{
margin-top:2em;
overflow:hidden;
display: block;
}
.album .single  .reduce{
clear: both;
display: block;
height: 25px;
line-height: 25px;
margin: 1em auto auto;
padding: 0.5em 0;
text-align: left;
width: 362px;
}
#content .album .single .reduce span{
background-position:92% 50%;
cursor: pointer;
background-repeat: no-repeat;
}
.template-gallery_view .goto_bio{
margin-top: 1em;
display: block;
width: 100px;
}
.album .descr{
clear:both;
margin:1.5em auto auto;
min-width:100px;
width:500px;
}
#content .album .single img{
border: 1px solid #ccc;
padding: 6px;
background-color: #fff;
max-width: 348px;
display: block;
margin: auto;
height: auto;
float: none;
}
.album .back{
font-size:0.95em;
margin:auto auto 0.1em;
text-align:right;
position:absolute;
right: 0;
top: 2px;
}
.gallery-caption,
.transcript-block div{
width: auto;
clear: both;
margin: auto;
padding-top: 1.5em;
}
.transcript-block div{
padding-top: 0;
width: 90%;
}
.gallery-title{
font-weight: bold;
margin-bottom: 1em;
}
/* */
.slide_container {
height: 95px;
margin: auto;
padding-left: 0.5em;
overflow:hidden;
padding-bottom: 1em;
width:425px;
}
html>body .slide_container {
}
.slide_container .viewport {
width: 84%;
height: 90px;
overflow: hidden;
position: relative;
float: left;
}
#content .slide_container .buttons {
display: block;
margin: 33px 5px 0 0;
float: left;
padding: 0;
width: 20px;
border: none;
}
.album .buttons img{
}
#content .slide_container .next {
border: none;
margin: 33px 0 0 5px;
}
.slide_container .disable {
visibility: hidden;
}
.slide_container .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 0;
}
#content .slide_container .overview{
margin-left: 0;
}
.slide_container .overview li{
float: left;
margin: 0;
width: 90px;
/* */
height: 90px;
list-style: none;
position: relative;
margin: 3px 0;
}
#mainContent .slide_container .overview li{
list-style: none;
margin: 0;
}
.gallery_element{
height:90px;
width:90px;
background-repeat:no-repeat;
background-position:50% 50%;
background-color: #000;
cursor: pointer;
}
.template-gallery_view #content .no_js ul{
list-style: none;
}
.template-gallery_view #content .no_js ul li{
display: inline;
height: auto;
float: none;
}
.template-gallery_view #content .no_js a.buttons.prev,
.template-gallery_view #content .no_js a.buttons.next{
display: none;
}
.template-gallery_view #content .no_js{
height: auto;
}
.template-gallery_view #content .no_js .viewport{
float:none;
height:auto;
overflow:auto;
}
.template-gallery_view #content .no_js .overview{
position: relative;
}
/* */
div.light_rounded .pp_top,
div.light_rounded .pp_bottom,
div.light_rounded .ppt{
display: none;
}
div.light_rounded .pp_content_container .pp_left {
padding-top: 20px;
}
@media only screen and (max-width: 520px), only screen and (max-device-width: 520px) {
a.browse {
margin:40px 1%;
}
}
@media only screen and (max-width: 520px), only screen and (max-device-width: 520px) {
#content #image_wrap .uniboPrettyPhoto{
max-width: 100%;
}
}
@media only screen and (max-width: 450px), only screen and (max-device-width: 520px) {
#content-core .album {
width: 324px;
margin-top: 0;
}
.album a.browse {
margin: 10px 116px;
}
.album a.right {
position: absolute;
left: 39em;
}
}

/* - ++resource++unibotheme.sites.css/fonts.css - */
/* Designed by Natanael Gama */
/* FontFace Generated by FontPro */

@font-face {
  font-family: 'Cinzel';
  src: url('++resource++unibotheme.sites.webfonts/Cinzel-Regular.eot');
  src: url('++resource++unibotheme.sites.webfonts/Cinzel-Regular.eot?#iefix') format('embedded-opentype'),
       url('++resource++unibotheme.sites.webfonts/Cinzel-Regular.woff') format('woff'),
       url('++resource++unibotheme.sites.webfonts/Cinzel-Regular.ttf') format('truetype'),
       url('++resource++unibotheme.sites.webfonts/Cinzel-Regular.svg#Cinzel-Regular') format('svg');
}

