/******************************************************************************
 ** S T Y L E
 *
 * Autor: André Britto
 * Date: 10.10.2008
 * File: theme.css
 */
 
*{
  list-style:none;
  text-decoration:none;
  border:none;
} 

 
/******************************************************************************
 ** Style tags html
 */
html{
  /*background:#CCC  url(../img/background.jpg) repeat-X left top;*/
}
body{
  width: 770px;
  font:normal 11px Trebuchet MS, Arial;
  color: #000;
  margin: 0px auto;
  padding: 0px auto;
  /*border:#999 solid 1px;*/
  text-align:left;
  background:#FFF;
}


/**
  * Content
  */
  
#content{
  display:table;
  position:relative;
  width:100%;
}

h1{
  color:#06F;
  margin:10px 5px 5px 5px;
  font-size: 24px;
}
h2{
  color:#06F;
  margin:0px;
  font-size:24px;
}
h3{
  color:#999;
  margin:0px;
  font-size:18px;
}


.link{
 color:#999;
 font-weight:bold;
 text-decoration:none;
}
.link:hover{
 text-decoration:underline;
}

/**
  * Gallery
  */
.gallery{
}
.gallery #imageMain{
  background:#F4F4F4;
  border:1px solid #999;
  width:410px;
  padding:5px 5px 5px 5px;
  text-align:center;
}
.gallery #imageMain table{
  width:410px;
}

.gallery #imageMain img{
  border:1px solid #AAA;
}


.gallery #imageMini{
  margin-top:5px;
  text-align:center;
  background:#EFEFEF;
  height:135px;
  margin-bottom:10px;
}
.gallery #imageMini img{
  border:1px solid #EFEFEF;
  cursor:pointer;
  margin:5px 1px 1px 1px;
  padding:0px;
  background:#FFF url(./loaded.gif) no-repeat center center;
  width: 60px;
  height: 45px;
}
.gallery #imageMini img:hover{
  border:1px solid #06F;
}

.gallery #photoNavigation{
  margin-top:5px;
}
.gallery #photoNavigation span a{
  text-align:center;
  background:#06F url(./btn_100x24.jpg) no-repeat left top;
  cursor:pointer;
  color:#FFF;
  font:bold 10px Trebuchet MS, Arial;
  text-decoration:none;
  padding:4px 10px 4px 10px;
  margin:2px;
}
.gallery #photoNavigation span a:hover{
  background-position:bottom left;
  color:#06F;
}

.gallery #numNav { text-align:center; margin-bottom:5px; }
.gallery #numNav ul { margin: 3px; }
.gallery #numNav ul li{ display:inline; padding:2px; }
.gallery #numNav ul li a{
  font:bold 10px Trebuchet MS, Arial;
  padding: 1px 2px;
  color: #333;
}
.gallery #numNav ul li a:hover{ color:#06F; }
.gallery #numNav ul li b {
  font:bold 10px Trebuchet MS, Arial;
  padding: 1px 2px;
  color:#06F;
}



.showEvt{
  background:#F4F4F4;
  border:1px solid #999;
  width:130px;
  height:143px;
  padding:5px 5px 5px 5px;
  cursor:pointer;
  margin:5px 5px 5px 5px;
  text-align:center;
}
.showEvt:hover{
  background:#E4E4F4;
  border:1px solid #06F;
}
.showEvt img{
  background:#FFF url(./loaded.gif) no-repeat center center;
  border:1px #333 solid;
  width: 120px;
  height: 90px;
}
.showEvt h1{
  margin:3px 0px 0px 0px;
  padding:0px;
  font:bold 12px Trebuchet MS, Arial;
  color:#06F;
}
.showEvt h2{
  margin:0px;
  padding:0px;
  font:bold 10px Trebuchet MS, Arial;
  color:#555;
}

/**
  * Loading
  */
#loading{
  top: 50%;
  left:50%;
  margin-left: -50px;
  margin-top: -15px;
  width:100px;
  height:30px;
  color:#666;
  background:#EEE;
  border:1px solid #999;
  font-size:10px;
  position:absolute;
  display:block;
  padding:2px;
  filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
  -moz-opacity:0.8;
  -khtml-opacity:0.8;
  z-index:100;
}
#loading text{
  color:#000;
  font-size:10px;
  position:absolute;
}