/**

 * The CSS for Shadowbox.

 *

 * This file is part of Shadowbox.

 *

 * Shadowbox is free software: you can redistribute it and/or modify it under

 * the terms of the GNU Lesser General Public License as published by the Free

 * Software Foundation, either version 3 of the License, or (at your option)

 * any later version.

 *

 * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY

 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS

 * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for

 * more details.

 *

 * You should have received a copy of the GNU Lesser General Public License

 * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.

 *

 * @author      Michael J. I. Jackson <mjijackson@gmail.com>

 * @copyright   2007 Michael J. I. Jackson

 * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0

 * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $

 */



/*_________________________________________________________________  Overlay  */

#shadowbox_overlay {

  visibility: hidden;
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 1001;

}



/*_______________________________________________________________  Container  */

#shadowbox_container {

  position: fixed;

  height: 0px;

  width: 100%;

  margin: 0;

  padding: 0;

  top: 0;

  left: 0;

  z-index: 1002;

  text-align: center; /* centers in quirks and IE */

}



/*_______________________________________________________________  Shadowbox  */
#shadowbox2 {
 display: none;
  visibility: hidden;
  width:400px;
  margin: 0em auto;
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;

  text-align: left; /* reset left alignment */

}
#shadowbox {
	display: none;
	visibility: hidden;
	margin: 7em auto 0;
	padding-left: 3em; /* afegit pq es vegi el botó de close */
	padding-right: 3em; /* afegit pq es vegi el botó de close */
	font-family: 'Lucida Grande', Tahoma, sans-serif;
	text-align: left; /* reset left alignment */
}


/*___________________________________________________________________  Title  */

/*

HTML snapshot:

<div id="shadowbox_title">

  <div id="shadowbox_title_inner">Title Here</div>

</div>

*/

#shadowbox_title {

  padding: 0;
  font-size:1.2em;
  margin:.5em 0 0em 0;
}

#shadowbox_title_inner {
 
  padding: 5px 0 1px 0px;
  color: #fff;
  font-size:2.2em;
 
}



/*____________________________________________________________________  Body  */

/*

HTML snapsnot:

*/

#shadowbox_body {

  position: relative;
  overflow: hidden;

  margin: 0;

  padding: 0;

  border: 2px solid #fff;

  background-color: #000;

}

#shadowbox_body_inner {

  position: relative;

  overflow: hidden;

}

#shadowbox_loading {

  position: absolute;

  top: 0;

  left: 0;

  height: 10000px; 

  width: 100%;

  background-color: #000;

}

#shadowbox_loading img {

  float: left;

  margin: 10px 10px 0 10px;

}

#shadowbox_loading span {

  float: left;

  margin-top: 16px;

  font-size: 10px;

}

#shadowbox_loading span a,

#shadowbox_loading span a:link,

#shadowbox_loading span a:visited {

  color: #fff;

}



#shadowbox_content.html { /* make html content scrollable */

  height: 100%;

  width: 100%;

  overflow: auto;

}



/*_________________________________________________________________  Toolbar  */

/*

HTML snapshot:

<div id="shadowbox_toolbar">

  <div id="shadowbox_toolbar_inner">

    <div id="shadowbox_nav_close">

      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>

    </div>

    <div id="shadowbox_nav_next">

      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>

    </div>

    <div id="shadowbox_nav_previous">

      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>

    </div>

    <div id="shadowbox_counter">

      <a href="javascript:Shadowbox.change(0);">1</a>

      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>

      <a href="javascript:Shadowbox.change(2);">3</a>

    </div>

  </div>

</div>

*/

#shadowbox_toolbar {
  margin: 0;
  padding: 0;
  overflow: hidden;
  }


#shadowbox_toolbar_inner {
  
  height:60px;  
  color: #fff;
}

#shadowbox_toolbar_inner div {
  padding-top: 4px;
  padding-bottom: 2px;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
}

#shadowbox_toolbar_inner div span.shortcut {
  text-decoration: underline;
  font-weight: bold;
}

#shadowbox_toolbar_inner div a {
  text-decoration: none;
  color: #fff;
}

#shadowbox_nav_close{
text-align:right; margin-bottom:-2.3em; margin-right:-3em;
}

#shadowbox_nav_previous{ 
	float: left;
	height:50px;
	width:25px; 
	left:-4em;
	position:absolute;
}

#shadowbox_nav_next {
  height:50px;
  width:25px;
  float: right;
  right:-5em;
  position:absolute;
}

#shadowbox_nav_previous img, #shadowbox_nav_next img{ display:block; padding-top:15px; }

#shadow_navegacio_items{ 
	position:relative;
	overflow:hidden;
	padding-left:0em;
	width:110%;
	height:54px!important;
}

#shadowbox_counter {
	position:absolute;
}

#shadowbox_nav_close a {border:0!important;}

#shadowbox_counter img{ border:0;}
#shadowbox_counter a {
	width:50px!important;
	height:50px!important;
	display:block;
	float:left;
	margin:0 6px 0 0;
	border:0!important;
	
}

#shadowbox_title_gallery{ color:#FFFFFF; font-size:25px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
#count{ color:#FFFFFF; font-size:12px; margin:0 0 3px 0; padding:0; }



#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
  font-weight: bold;

}



/*________________________________________________________________  Messages  */

div.shadowbox_message {

  text-align: center;

  padding: 10px;

}

div.shadowbox_message a:link,

div.shadowbox_message a:visited {

  text-decoration: none;

  color: #bed333;

}

div.shadowbox_message a:hover,

div.shadowbox_message a:focus {

  text-decoration: underline;

}