Your IP : 216.73.216.240


Current Path : /home/juvelize/www/modules/mod_artsexylightbox_lite/artsexylightbox/css/
Upload File :
Current File : /home/juvelize/www/modules/mod_artsexylightbox_lite/artsexylightbox/css/modern_sexylightbox.css

#SLB-Wrapper {
  margin:0.5em 0;
  margin:auto; 
  font-family:Verdana;
  text-align: left;
  position: absolute;
  //left:50%;
  //transform: translateX(-50%);
  display: none;
}

#SLB-Wrapper #SLB-Background{
  position: absolute;
  left:0px;
  top:0px;
  float:left;
}

.spinner{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 39px;
  margin: -20px 0px 0 -20px;
}

#SLB-CaptionContainer{
  position: absolute;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 5px;
}

#SLB-CloseButton{
  position: absolute;
  top: 5px;
  right: 5px;
}

#SLB-BottomRight{
  position: absolute;
  top: 5px;
  left: 5px;
}

#SLB-Wrapper #SLB-Background #SLB-Image{
  display:block;
}

#SLB-Wrapper #SLB-Top {
  background:transparent no-repeat scroll 100% 0;
  height:28px;
  margin:0 0 0 18px;
}

#SLB-Wrapper #SLB-Top img {
    float: right;
    border: 0px;
    margin: 6px 10px;
    position: relative;
    top: 20px;
    right: 20px;
}

#SLB-Wrapper #SLB-Top div {
  background:transparent no-repeat scroll 0 0;
  font-size:0;
  height:28px;
  left:-18px;
  line-height:0;
  position:relative;
  width:18px;
}

#SLB-Wrapper #SLB-Bottom {
  background:transparent no-repeat scroll 0 43%;
  height:20px;
  margin:0 18px 0 0;
}

#SLB-Wrapper #SLB-Bottom #SLB-BottomRight {
  background:transparent no-repeat scroll 100% 43%;
  font-size:0;
  height:20px;
  right:-18px;
  line-height:0;
  position:relative;
  width:100%;
  float:right;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav, #SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{
  height:52px;
}

#SLB-Wrapper #SLB-Bottom.SLB-bbnav {
  background-position:0 100%;
}
#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight{
  background-position:100% 100%;
}

#SLB-Wrapper #SLB-Contenido {
  /*border-left: 7px solid #000;
  border-right: 7px solid #000;*/
}

#SLB-Wrapper #SLB-Bottom #SLB-Navegador{
  font-size: 11px;
  color: #fff;
  height:30px;
  border-left:0px;
  border-right:0px;
  padding:10px 0px;
  margin:0;
  line-height:11px;
  float:left;
  width:100%;
}

#SLB-Wrapper #SLB-Navegador img{
  border:0px;
}

#SLB-Wrapper #SLB-Navegador{
  padding: 4px;
  border-radius: 5px;
}

#SLB-Wrapper .closeIcon{
  padding: 7px 7px 8px 7px;
  border-radius: 5px;
  font-size: 20px;
}

#SLB-Wrapper #SLB-Navegador strong{
  display: block;
}

#SLB-Wrapper #SLB-Navegador #SLBLeft span{
  padding:6px 7px 7px 5px;
  border-radius:5px;
}
#SLB-Wrapper #SLB-Navegador #SLBRight span{
  padding:6px 5px 7px 7px;
  border-radius:5px;
}


#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btLeft{
  float: left;
  //margin: 0 10px 0 0;
}
#SLB-Wrapper #SLB-Bottom #SLB-Navegador img.btRight{
  float: right;
  //margin: 0 0 0 10px;
  position:relative;
 // right:17px;
}

.artsexylightbox {
	margin: 5px;
	border: 2px solid #EEEEEE;
}

.artsexylightbox_singleimage {
	cursor:pointer;
	margin: 5px;
	border: 2px solid #EEEEEE;
}

.artsexylightbox_singletext {
	cursor:pointer;
}

.artsexylightbox_container {
	width: 100%;
}

.artsexylightboxlink {
	margin-right: 10px;
}

.asl_next {
	background: url(../images/next.png) no-repeat 50% 50%;
	float: left;
	width: 32px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
	clear:right;
}

.asl_prev {
	background:url(../images/previous.png) no-repeat 50% 50%;
	float: left;
	width: 32px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
	clear:both;
}

.asl_carousel {
	float: left;
}

.asl_carousel li {
	background-image: none !important;
}

.asl_caption {
	text-align:center;
}

.asl_image_caption {
	float:left;
}

.asl_folder {
    margin: 5px;
    float: left;
    text-align: center  !important;
}

.asl_folder div {
    text-align: center  !important;
}

.sexylightbox_print {
    cursor: pointer;
}

/* Phone landscape and bigger */
/*@media (min-width: 480px) { 

  #SLB-Wrapper {padding:10px;}

}*/

/* Phone landscape and smaller */
@media (max-width: 767px) { 

    //#SLB-Wrapper {width:90%;}

}

/* Tablet and bigger */
@media (min-width: 768px) {  }

/* Only tablets portrait and smaller */
@media (max-width: 959px) { 
 }

/* Tablet and smaller */
@media (max-width: 768px) { 

}