/**
 *  Najar Auto Zoom for Joomla
 *  @version		1.0.0
 *  @copyright	Copyright (C) 2012 Najar.ca All rights reserved.
 *  @license		GNU/GPL, 
 */

html, body {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}


* html .clearfix {
	height: 1%;
}

.nviewer_image {
    border:1px solid black;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    position:relative;
    background-color: white;
	cursor: pointer;
}

.nviewer_left {
    float:left;
}

.nviewer_right {
    float:right;
}

.nviewer_overlay {
    background: #000;
  
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    cursor: pointer;
    cursor: hand;

    display: none;
    visibility: hidden; 
}


.nviewer_image img {
  border: none;
  
}
.thumbnail {
	position:relative;
}

.footertext  {
	margin-top: 10px;
}
.nviewer_image a {
  border: none;
  text-decoration: none;
}
.nviewer_zoomicon {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: white;
}

.nviewer_zoomicon img {
   margin: 5px 0px 0px 5px;
}

.nviewer_image_footer {
    font-family: verdana;
    font-size: 10px;
}

.nviewer_viewer {
   padding: 10px 10px 10px 10px;
   background-color: white;
   position: fixed;
   
   
   z-index: 110;
   overflow: hidden;

   display: none; /* none */

   width: 500px; /* borrar */
   height: 400px; /* borrar */

}

.nviewer_viewer .closeDiv  {
   position:absolute;
   right: 0px;
   top: 0px;
   width: 40px;
   height: 40px;
   cursor: pointer;
   background-color: white;
}

.nviewer_viewer .captioninfo  {
    height: 100%;
    width:  100%;
    background-color: white;
    font-family: verdana;
    font-size: 12px;
}

.nviewer_viewer .captioninfo .text {
    width:  70%;
    height: auto;
    float: left;
    font-size: 10px;
    color: black;
}

.nviewer_viewer .captioninfo .credit {
    width:  auto;
    height: auto;
    font-size: 7px;
    font-style: italic;
    color: black;
    margin-top: 5px;
    position: absolute;
    bottom: 0px;
}


.nviewer_viewer .captioninfo .link {
    width:  20%;
    height: auto;
    float: right;
    text-align: right;
    text-decoration: underline;
    color:blue !important;
    cursor: pointer;
    
}

.nviewer_viewer .wrapper  {
   width: 100%;
   background-color: black;
   margin-bottom: 10px;
   position: relative;
   overflow: hidden;
}



.nviewer_viewer .wrapper .zoomin_icon {
   position: absolute;
   bottom: 3px;
   right: 38px;
   cursor: pointer;
   width: 24px;
   height: 24px;
   z-index: 10;

   visibility: hidden;
   display: none;
}

.nviewer_viewer .wrapper .zoomout_icon {
   position: absolute;
   bottom: 3px;
   right: 3px;
   cursor: pointer;
   width: 24px;
   height: 24px;
   z-index: 11;

   
   visibility: hidden;
   display: none;
}

.nviewer_viewer .wrapper img {
 position: absolute;
 
}