#cerabox-loading {
position : fixed;
top : 50%;
left : 50%;
width : 40px;
height : 40px;
margin-top : -20px;
margin-left : -20px;
cursor : pointer;
overflow : hidden;
z-index : 1106;
display : none;
}
#cerabox-loading div {
position : absolute;
top : 0;
left : 0;
width : 40px;
height : 480px;
background-image : url("img/cerabox.png");
}
#cerabox-background {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 1100;
display : none;
background : #000;
opacity : 0.5;
}
#cerabox {
position : absolute;
top : 50%;
left : 50%;
z-index : 1101;
display : none;
opacity : 0.0;
background : #fff;
}
#cerabox .cerabox-content {
width : 100%;
height : 100%;
padding : 0;
outline : none;
position : relative;
overflow : hidden;
z-index : 1102;
border : 0 solid #fff;
visibility:visible !important;
}
#cerabox .cerabox-content img {
float : left;
}
#cerabox .cerabox-content span {
font-family : Helvetica;
font-size : 12px;
margin : 10px;
display : block;
color : #000;
line-height : normal;
}
#cerabox .cerabox-title {
z-index : 1102;
position : absolute;
bottom : 0;
left : 0;
color : #fff;
text-align : left;
background : #000;
width : 100%;
}
#cerabox .cerabox-title span {
font-family : Helvetica;
font-size : 12px;
margin : 10px;
display : block;
line-height : normal;
}
#cerabox .cerabox-close {
position : absolute;
top : -15px;
right : -15px;
width : 30px;
height : 30px;
background : url('img/cerabox.png') -40px 0 transparent;
cursor : pointer;
z-index : 1105;
}
#cerabox .cerabox-content img {
width : 100%;
height : 100%;
padding : 0;
margin : 0;
border : none;
outline : none;
line-height : 0;
vertical-align : top;
}
#cerabox .cerabox-content iframe {
width : 100%;
height : 100%;
border : none;
display : block;
}
#cerabox a.cerabox-left, #cerabox a.cerabox-right {
position : absolute;
bottom : 0;
height : 100%;
width : 35%;
cursor : pointer;
outline : none;
background : url('img/blank.gif') transparent;
z-index : 1104;
display : none;
}
#cerabox a.cerabox-left {
left : 0;
}
#cerabox a.cerabox-right {
right : 0;
}
#cerabox a.cerabox-left span, #cerabox a.cerabox-right span {
position : absolute;
top : 50%;
width : 30px;
height : 30px;
margin-top : -15px;
cursor : pointer;
z-index : 1104;
display : block;
}
#cerabox a.cerabox-left:hover span {
background-image : url('img/cerabox.png');
background-position : -40px -30px;
left : -15px;
}
#cerabox a.cerabox-right:hover span {
background-image : url('img/cerabox.png');
background-position : -40px -60px;
right : -15px;
}
#cerabox .cerabox-content-protection {
display : none;
position : absolute;
background : url('img/blank.gif') transparent;
z-index : 1103;
left : 0;
right : 0;
bottom : 0;
top : 0;
}
.smartgallery_holder img {
margin : 5px;
padding : 5px;
background-color : #ccc;
border : 1px solid #666;
}
.smartgallery_holder {
margin-top : 40px;
}
.firma {
font-size : 0.9em;
margin-top : 20px;
margin-bottom : 10px;
}
.image-holder a {
display : block;
float : left;
position : relative;
}
.image-holder a:hover:after {
width : 62px;
height : 62px;
margin-top : -31px;
margin-left : -31px;
content : " ";
display : block;
background : url(img/enlarge.png) center no-repeat;
position : absolute;
top : 50%;
left : 50%;
}
.clears {
clear : both;
}