/* 
    Document   : gallery
    Created on : 7/03/2010, 06:23:47 PM
    Author     : Fermin Najar
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
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[xmlns] .clearfix {
	display: 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;
}

.left {
    float:left;
}

.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; /* none */
    visibility: hidden; /* 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;
    float: left;
    font-size: 10px;
    font-style: italic;
    color: black;
    margin-top: 5px;
}


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

.nviewer_viewer .wrapper  {
   width: 100%;
   height:85%;
   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;

   /* cambiar 
   visibility: visible;
   display: block; */

   visibility: hidden;
   display: none;
}

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

   /* cambiar 
   visibility: visible;
   display: block; */

   visibility: hidden;
   display: none;
}

.nviewer_viewer .wrapper img {
 position: absolute;
 
}