/*  

Theme Name: Grup07 2007
Version: 1.0
Author: perezosso
Description: Tema personalizado para wordpress 2.2
*/

*, html, body, p, blockquote, ul, ol, dl, li, dt, dd {
  margin: 0;
  padding: 0;}

a {
  outline:0;}

html, body, a img, iframe {
  border: 0;}

html,body{
  /* \*/
  height:100%; /* declaration hidden from Mac IE 5.x */}

ul li{
  list-style-type: none;}

a:link, a:visited, a:active {
  text-decoration:none;
  color: #3366FF;
  background-color: inherit;}

a:hover {
  color: #6699FF;
  background-color: inherit;}

h6, .oculto{
  display:none;}

.clearFloats {
  clear: both;}

.nota{
  text-align:center;
  border: solid 1px #6699FF;
  color: #7068FF;
  background: #BFCFFF;
  padding: 1em;
  margin: 1em;}

.notaPie{
  font-size:small;}

.x1br{
  width:100%;
  height:1em;}

.x2br{
  width:100%;
  height:2em;}

.imgCenter{
  display:block;
  margin:auto;}

.imgRight {
  float: right;
  padding: 0.333em 0 0 0.4667em; /* 5px 0 0 7px respecto a 15px del content */}

.imgLeft {
  float: left;
  margin: 0.333em 0.666em 0.666em 0em; /* 5px 10px 30px 0px respecto a 15px del content */
  vertical-align: bottom;}

.txtRight {
  text-align:right;}

.txtLeft {
  text-align:left;}

.txtCenter {
  text-align:center;
  margin: 0 auto;
  margin-top: 0.5333em; /*8px respecto a 15px del content */}

.txtJustify {
  text-align:justify;}

body{
  font:62.5% georgia, verdana, arial, sans-serif;  /* font reference 62.5% ~ 10px ~ 1em*/
  text-align:center; /* IE/Win (not IE/MAC) alignment of page */
  color: #0033BB;
  background:#CCFFFF;}


#container{
  position:relative;
  text-align:left;
  width:77.6em;
  overflow:hidden;
  margin:0 auto;
  border-right:solid 0.1em #6699FF;
  border-left:solid 0.1em #6699FF;
  background:#E1FAF9;}

#header{
  position:relative;
  z-index:1;
  height:24em;}

#header h1{
  display:none;}

#header img{
  width:100%;}

#wrapperIntro{
  position:relative;
  z-index:2;
  top: -8.9em;
  overflow:hidden;
  margin:0 1.2em 0 2.1em;}

#tituloBol{
  font:bold 2.1em georgia, verdana, arial, sans-serif;
  position:relative;
  z-index:2;
  float:right;
  margin-right:0.2381em; /* 5px */
  margin-bottom:2em; /* 42px */
  margin-bottom:1.1429em; /* 24px */
  width:25em; /*525px*/
  height:3em; /* 63px */
  color:white;
  background: #59B8FF;
  background: #6699FF url(images/fondo5.jpg) repeat-x 0 -0.2255em;
  text-align: center;}

#contentBol{
  position:relative;
  overflow:hidden;
  margin-top:4em;
  width:100%;}

#flashcontent {
  width: 200px;
  margin: 0 auto;
}

  
#introAviso{
  display: none;
  float:left;
  clear:none;
  width:40%;
  text-align:center;
  color:yellow;
  font:bold 1.5em georgia, verdana, arial, sans-serif;
  background:#6699FF;
  background:red;}

#portadaBol{
  /* width:49.3333em; /* 740px */
  width:74em;
  margin:3em auto 1em;
  background:#6699FF;}

#marco{
  margin:0.1em;
  background:#E1FAF9;}

.introBol{
  position:relative;
  font-size:1.5em; /* font_reference ~ 15px */
  text-align:justify;
  margin: 0 auto;
  width:75%;}

.introBol p{
  margin:0.4em 0 1.4em 0;}

#botonContinuar{
  position:relative;
  margin: 2em auto;
  width:12em;
  line-height: 2em;
  text-align:center;
  background:#6699FF;}

#botonContinuar a{
  font:bold 1.6em georgia, verdana, arial, sans-serif;
  color:white;}

#botonContinuar a:hover{
  color: #3366FF;
  color: #3366FE;}

#idioma{
  position:relative;
  z-index:3;
  margin-left:3.6em;
  width:19em;
  text-align:center;}

#idioma a:link, #idioma a:visited, #idioma a:active {
  text-decoration: none;
  color: #3366FF;
  background-color: inherit;}

#idioma a:hover {
  text-decoration:underline;
  color: #3366CC;
  background-color: inherit;}

#idioma ul li{
  font-size:1.5em;
  font-weight:bold;
  letter-spacing: normal;
  display:inline;
  margin:0 2.2em 0 0;}

#idioma .ayuda{
  position:relative;
  left: -2.8em;
  top:-1.6em;}

#idioma .ayuda img{
  width:1.6em;}

#menu{
  position:relative;
  width: 53em;
  height:6.6em;
  text-align: center;
  left: 23.25em;
  z-index: 2;
  top: -8.9em;}

#nav,nav li{
  position:relative;}

#nav{
  width:100%;
  z-index:2;}

#nav li{
  float:left;
  margin: 0 0.1em;
  text-align: center;}

#nav a{
  float:left;
  width: 6.2em;
  height: 1.8em;
  height: 3em; /* heigh bilingüe */
  font:bold 2.1em georgia, verdana, arial, sans-serif;
  background: #59B8FF;
  color: #FFEEFF;
  padding-top: 0.3em;
  text-decoration:none;}

#nav a:hover{
  background: #AED1FF;
  color: #3366FF;}

#nav li.activelink a,#nav li.activelink a:hover{
  background: #3366FF;
  color: #FFEEFF;}

#nav a.active:link, #nav a.active:visited{
  color: #FFEEFF;
  background:#3366FF;}

#wrapper{
  position:relative;
  top: -6em;
  overflow:hidden;
  z-index: 2;
  /* width:77.6em;
  width: 100%; */
  margin:0 1.2em 0 2.1em;}

#sideBar{
  position:relative;
  overflow:hidden;
  float:left;
  clear:left;
  width:19em;
  margin-right:0.9em;
  margin-left: 0;
  text-align:center;
  color: #FFEEFF;}

#sideBar a:link, #sideBar a:visited, #sideBar a:active {
  text-decoration: none;
  color: #CCCCFF;
  background-color: inherit;}

#sideBar a:hover {
  color: #3366CC;
  background-color: inherit;}

#sideBar ul li div ul{
  margin:0.6em 0.2em;}

#articles, #recom, #enll, #projectes, #distProj{
  font-size:2em;
  letter-spacing: -0.05em; /* -0.9px */
  font-weight:bold;
  background: #6699FF url(images/fondo5.jpg) repeat-x 0 -0.2255em;
}

#recom{
  margin:0.6em 0 0.4em 0;}

#enll{
  margin-bottom:0.1em;
  font-size:2.2em;}

#distProj{
  margin:0.6em 0 0.4em 0;}

#enll h2{
  font-size:0.9em; /*16px */}

#articles ul li, #recom ul li, #enll ul li, #projectes ul li, #distProj ul li{
  font-size:0.8em;  /* 15px: font_child de 22px */
  padding-bottom: 0.6em; /* 9px*/
  font-weight:normal;
  letter-spacing: normal;}

#sideBar ul li div ul{
  padding-top:0em;}

#sideBar ul li ul li{
  /* display:inline; */
  vertical-align:middle;}

#content{
  font-size:1.5em; /* font_reference ~ 15px */
  position:relative;
  float:right;
  width:35.4em;  /* max:776-marg_wrapper(12+12)-sideBar(190)-marg_sideBar(9+9)=544px=36.2667em */
  text-align: justify;}

#searchform{
  padding-bottom: 4em;}

#busqueda{
  color: white;
  background:#6699FF;}

#searchbutton, #submit{
  color:white;
  background:#6699FF;
  font-weight:bold;}
#comment{
  border-color:#CCFFFF;
  color:inherit;
  background:#E1FAF9;
  padding:1em;}

.post {
  margin-bottom: 0em;}

.fecha {
  position: relative;
  float:left;
  width:3.5em; /* 45px */
  text-align:center;
  margin-right:0.8em;
  color:white;
  background-color: #6699FF;
  /*font-family:monospace;*/
  font-weight:bold;}

.dia{
  padding-top:0.7em;}

.mes{
  padding-bottom:0.4em;}

.any{
  /* border-top:#FFF solid 0.15em; */
  padding-bottom:0.7em;}

.diamesany{
  padding:0.7em;}

.post p{
  margin-bottom:0.27em;}

.story{
  text-align: justify;
  padding-top:1em;
  /* border-bottom:#6699FF dotted 0.1333em; */
  border-bottom:#000099 dotted 0.1333em; /* 2px */
  margin-bottom:3.5em;
  color:#0033BB;
  background-color:inherit;}

.story p{
  margin:0.4em 0 1.4em 0;}

.story ul, .story ol{
  margin:-1.4em 0 1em 0;}

.story ul li{
  list-style-type:disc;}

.story li{
  margin-left:1em;
  padding: 0.6em 0;}

.story li ul, .story li ol{
  margin:0;}

.story li ul li{
  list-style-type:circle;
  margin:0.4em 0 0.4em 0.6em;}

.story li ol li{
  margin:0.4em 0 0.4em 0.6em;}

.story p{
  margin:0.4em 0 1.4em 0;}

.story .pUL_____{
  margin-bottom:0;}

.story h2{
  color:#6666FF;
  padding-bottom:0.5em;}

/* .story a:link, .story a:visited, .story a:active {
  color:#000099;
  text-decoration:none;} */ 

.story a:link, .story a:visited, .story a:active {
  text-decoration:underline;}

.story a:hover {
  color:#330099;
  text-decoration:underline;}

.post .titulo {
  text-align: left;}

.more-link {
  position: relative;
  top:1em;}

.addComment {
  position:relative;
  top:-3.5em;
  float:right;}

.anotacion{
  border: solid 1px #59B8FF;
  color: #7068FF;
  background: #CCFFCC;
  background: #BCEAF9;
  padding: 0 1em 1em 1em;
  margin: 0 0 4em 0;}

.anotacion .attention{
  float:left;
  margin-left: -1em;
  margin-right:0.6em;
  margin-bottom: 3em;}




.anotacionFecha {
  position: relative;
  float:left;
  margin-right:0;
  width:30em;
  text-align:left;
  color: #3366FF;
  background-color:#BCEAF9;
  font-weight:bold;
  font-size:1em;
  padding:0;}

.anotacion .dia, .anotacion .mes, .anotacion .any{
  display:inline;
  padding:0;}

.anotacion .story{
  margin-bottom: 0;
  border-bottom: 0;}

.anotacion .story p{
  /* margin:0; */ }

.anotacion .addComment{
  top:-0.3em;}

#comments{
  width: 9em;
  text-align: center;
  padding: 0.4em 0;
  margin:0 auto;
  color:white;
  background: #6699FF url(images/fondo5.jpg) repeat-x 0 -0.2255em;
  font:bold 1.6em georgia, verdana, arial, sans-serif;}

#commentsList{
  border-top:#6699FF double 0.3em;
  padding:0.4em;}

#commentsList .titulo{
  width: 100%;
  text-align:center;
  margin:2em 0 1em 0; 
  padding:0.34em 0;
  background: #6699FF;
  color: white;}

#commentsList .titulo div{
  height:1.4em;}

#commentsList .contenido{
  padding-left:1em;}

#commentsList a:link, #commentsList a:visited, #commentsList a:active {
  color:#330099;
  background-color: inherit;}

#commentsList a:hover {
  text-decoration:underline;
  background-color: inherit;}

#respond{
  padding: 4em 0 0 0;
  font:bold 1em georgia, verdana, arial, sans-serif;}

#commentEnv{
 text-align:center;
 text-align:left;}

#footerIntro {
  position:relative;
  clear:both;
  height:7em;  /* 65px */
  background: #6699FF;
  color: #FFF;
  font-size:1.3em;
  font-weight: bold;
  border:#FFCC66 solid 0.1333em;
  border-top:#CCCCFF solid 0.1333em;
  border-top:#E6FFA2 solid 0.1333em;
  padding: 0.9em;} /* 9px */

#footerIntro ul{
  margin: 0.5em 0 1.4em 0;}

#footerIntro ul li {
  padding: 0.3em 0.5em 0.3em 0;
  display: inline;}

.niv2 {
  font-size:0.8em;}

#footerIntro a:link, #footerIntro a:visited, #footerIntro a:active {
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
  background-color: inherit;}

#footerIntro a:hover {
  font-weight: normal;
  color: #3366FF;
  background-color: inherit;}

#validatorIntro{
  float:right;
  width: 6.7692em;
  height:5em;
  margin-top:0.3077em;}

#footer {
  position:relative;
  clear:both;
  height:2.8462em;
  background: #6699FF;
  color: #FFF;
  font-size:1.3em;
  font-weight: bold;
  border:#FFCC66 solid 0.1333em;
  border-top:#CCCCFF solid 0.1333em;
  border-top:#E6FFA2 solid 0.1333em;
  padding: 1em;} /* 10px */

#footer ul{
  /* margin:0;*/}

#meta,#contact{
  float:left;
  margin-right:3em;
  margin-left:3em;}

#footer ul li {
  position:relative;
  top: -1.4em;
  margin-left:6.3em;}

#footer ul li img{
  position:relative;
  top: 0.2em;}

#footer #contact img{
  width:1.0769em;}

#footer #meta img{
  width:2.4615em;}

#footer a:link, #footer a:visited, #footer a:active {
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF;
  background-color: inherit;}

#footer a:hover {
  font-weight: normal;
  color: #3366FF;
  background-color: inherit;}

#contact ul li a, #meta ul li a{
  margin-left: 0.4em;}

.validator{
  display: none;
  float:right;
  width: 6.7692em;
  margin-top:0.3077em;}

.entry{
  font-size: 1.5em; /* font_reference ~ 15px*/
  width:35.4667em;
  text-align: justify;
  color:#0033BB;
  background-color:inherit;}

.project h1{
  padding-bottom: 0.6em;
  color:#6666FF;
  background:inherit;}

.fichaAct{
  border-bottom: solid 0.1333em #59B8FF; /* 2px */
  color: #0033BB;
  margin: 0 0 1.5em 0;}

.fichaAct .titulo{
  width:100%;
  margin-bottom: 0.6em;}

.fichaAct dt, .fichaAct dd{
  float:left;}

.fichaAct dt {
  width: 5.8667em;} /* 88px */

.fichaAct dd{
  width: 27.3333em;} /* 410px */

.fichaAct hr{
  clear:both;
  visibility: hidden;
  margin-bottom:0.8em;}

.projectInfo {
  cursor:pointer;
  border: solid 0.0667em #59B8FF; /* 1px */
  color: #7068FF;
  background: #CCFFFF;
  padding: 0.5em;
  margin:-1.2em 0.4em 0 0;
  float:right;
  } /* 105px */

#projectCriteris{
  margin:1em 0 2em 0;
  font-size:1.6em;
  background: #6699FF;
}

#projectCriteris div{
  padding:1em;}

.projDetall p{
  font-weight:normal;
  font-size:1em;}

.projDetall p#titul{

  margin-right:0.6em;
  margin-bottom:1.4em;}

.projDetall p#contrap{
  margin-bottom:0.6em;}

.projDetall p#ini, .projDetall p#fin{
  float:left;}

.projDetall p#aport{
  float:right;
  margin-right:0.6em;}

.projDetall hr{
  clear:both;
  visibility: hidden;}

.projDetall div#descrip{
  margin-top:1.4em;}

.projDetall div#descrip p{
  margin:1em 0;}

.projDetall div#descrip ul li{
  list-style-type:disc;}

.projDetall div#descrip ul, .projDetall div#descrip ol{
  margin:-1.4em 0 1em 0;}

.projDetall div#descrip li{
  margin-left:1em;
  padding: 0.6em 0;}

.projDetall div#descrip li ul, .projDetall div#descrip li ol{
  margin:0;}

.projDetall div#descrip li ul li{
  list-style-type:circle;
  margin:0.4em 0 0.4em 0.6em;}

.projDetall div#descrip li ol li{
  margin:0.4em 0 0.4em 0.6em;}

.projDetall div#descrip p{
  margin:0.4em 0 1.4em 0;}

.projDetall a:link, .projDetall a:visited, .projDetall a:active {
  text-decoration:underline;}

.projDetall div#descrip a:hover {
  color:#330099;
  text-decoration:underline;}


.detalle{
  margin-top:2em;}

.detalle p{
  margin-bottom:1em;}

#boletines{
  color:#3366FF;
  background:inherit;
  width: 100%;}

#boletines h1{
  padding-bottom: 1em;
  color:#6666FF;
  background:inherit;}

#boletines p{
  padding-bottom:2em;}

#bolAny{
  text-align: right;
  margin-right: 2.4em /* 35px */;
  margin-top: -2em /* -30px */;
  margin-bottom: 2em; /* 30px */}

#bolAny li{
  display: inline;}

.bolPortada{
  position:relative;
  float:left;
  clear:left;
  width:18.6667em; /* 280px */
  height:25.8em; /* 387px */
  margin: 0 1.2em 1.2em 0;  /* 0 18px 18px 0 */
  border:#CCCCFF solid 0.2em; /* 3px */}

.bolTit{
  font: 1.7em georgia, verdana, arial, sans-serif;
  padding-top: 0.5em;
  margin-bottom: 1.5em;}

.bolArt li{
  list-style-type:disc;
  padding-bottom: 1em;
  margin-left: 1em;}

.bolPdf{
  font-size:smaller;
  vertical-align:middle;}

a.bolPdf{
  padding-bottom: 2em;}

.imgPdf{
  width:2.7em;
  margin-top: 2em;}

#quiSom{
  color:#3366FF;
  background:inherit;}

#quiSom h1{
  text-align:left;
  color:#6666FF;
  padding-bottom: 1em;}

#quiSom li{
  margin:1em 0 0.7em 1.4em;}

#quiSom ul li{
  list-style-type:disc;}

#quiSom li ul li{
  list-style-type:circle;
  margin:0.4em 0 0.4em 0.6em;}

#quiSom .entry{
  width:100%;}

#contacto, #historico{ /* font-size .entry: 1.5em; font_reference ~ 15px*/
  position:relative;
  float:left;
  clear:left;
  width:12.6667em;  /* 190px */
  overflow:hidden; 
  margin-right:1.4em; /* 21px */
  margin-left: 0;
  text-align:center;
  color: #CCCCFF;
/* padding-top:0.6em;  9px */
  margin-bottom:1em;
  background: #6699FF url(images/fondo5.jpg) repeat-x 0 -0.2255em;}

#historico {
  text-align:center;
  padding-bottom:1em;}

#historico h2, #historico p{
  padding-bottom:1em;}

#contacto h1, #historico h2{
  font-size:1.4em; /* 21px */
  text-align:center;
  color: #FFEEFF;}

#historico p{
  margin:0 1em;}

#contacto a:link, #contacto a:visited, #contacto a:active, #historico a:link, #historico a:visited, 
#historico a:active {
  background-color:inherit;
  color:#CCCCFF;}

#contacto a:hover, #historico a:hover {
  color: #3366CC;
  background-color: inherit;}

#contacto ul{
  margin-bottom: 3em;}

#contacto li{
  margin:0;
  padding:0;
  list-style-type:none;
  background-color:inherit;
  color:#CCCCFF;}

#contacto .nota{
  margin-top: 3em;
  margin-bottom: 3em;}

.tablas{
  text-align: center;
  border: #6633CC solid 0.1em;
  border-collapse:collapse;
  margin-bottom:3em;}
  
.tablas th, .tablas td{
  border: #6633CC solid 0.1em;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding: 3px;}
  
.tablas th{
 background-color:#CCCCCC;}

.tablas caption{
  text-align: left;
  color:#0000CC;
  font-weight: bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-bottom: 7px;}

.tablas .lineaAzul{
  background-color:#E6F3FF;}
.tablas .lineaGris{
  background-color:#eeeeee;}
.tablas .lineaAmarilla{
  background-color:yellow;}

.paddingNiftyCorners{
  margin-top:0.4545em; /* 10px */}

.paddingNiftyCornersB{

  margin-bottom:0.4545em; /* 10px */}
/****************
niftyCorners.css
*****************
  Nifty Corners Cube CSS by Alessandro Fulciniti
  The following classes are added dinamically by javascript,
  and their use should be avoided in the markup
  http://www.html.it/articoli/niftycube/index.html            
*/

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/* http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #3366FF;
	background-color: #eee;
	padding: 5px;
/*      opacity: 0.85;  */
}

/*#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
} */

/* Extraido de http://alexsancho.name/archives/2005/11/formulario-de-contacto-20/ */
#divFixed{
  position:fixed;
  display:block;
  width:26px;
  height:26px;
  right:5px;
  bottom:50%;
  outline-color:invert;
  outline-style:none;
  outline-width:0;}

#divFixed a:link, #divFixed a:visited, #divFixed a:active {
  color: #6699FF;
  color: #6699FE;
  font-size: 5em;}

#divFixed a:hover{
  color: #3366FF;
  color: #3366ED;
  font-size: 5.2em;}

/* Pure CSS Tooltips: http://psacake.com/web/jl.asp# */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

.galeria{
  padding:1em 0 0.4em 0;
  margin:0 1em 1em 1em;
  color:#E1FAF9;
  background-color:#6699FF;
  text-align: center;
}

.galeria ul{
  margin-top:1.2em;}

#gallery li{
  display:inline;
  margin:0 auto;}

#gallery img{
  border:0.1em solid #36f;}

/************************/
/* jquery.lightbox-0.4. */
/************************

 * jQuery lightBox plugin

 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)

 * and adapted to me for use like a plugin from jQuery.

 * @name jquery-lightbox-0.4.css

 * @author Leandro Vieira Pinho - http://leandrovieira.com

 * @version 0.4

 * @date November 17, 2007

 * @category jQuery plugin

 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)

 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US

 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin

 */

#jquery-overlay {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

}

#jquery-lightbox {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

}

#lightbox-nav {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {

	width: 49%;

	height: 100%;

/*	zoom: 1; */

	display: block;

}

#lightbox-nav-btnPrev { 

	left: 0; 

	float: left;

}

#lightbox-nav-btnNext { 

	right: 0; 

	float: right;

}

#lightbox-container-image-data-box {

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	overflow: auto;

	width: 100%;

	padding: 0 10px 0;

}

#lightbox-container-image-data {

	padding: 0 10px; 

	color: #666; 

}

#lightbox-container-image-data #lightbox-image-details { 

	width: 70%; 

	float: left; 

	text-align: left; 

}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {

	display: block; 

	clear: left; 

	padding-bottom: 1.0em;	

}			

#lightbox-secNav-btnClose {

	width: 66px; 

	float: right;

	padding-bottom: 0.7em;	

}