/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.7em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/



.body {
         background-image:url(imgs/bg.jpg);
         background-repeat:repeat-x;
         background-color:#000000;
    	 background-attachment: fixed;
	     background-position: center top;
}
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.toplink {
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
	text-transform: capitalize;
	font-weight: bold;


}
.linkmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	cursor: hand;
	

	

}

.designer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #CCCCCC;
	text-decoration: none;

}
.rightmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	color: #9dc106
}

.txtbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: italic;
	color: #990000;
	background-color: #CCCCCC;
	border: thin ridge #666666;
}
.cpright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.tablemain{
         background-image:url(imgs/table.gif);
         background-repeat:no-repeat;
         background-color:#000000;
    	 background-attachment: fixed;
	     background-position: right top;
}



/* Regras para página, sem relação com a Galeria */

/* {margin: 0; border: 0 solid black; padding: 0; list-style: none; } */

body{
    width: auto;
    margin: 0 auto;
   font: 1em Trebuchet MS, Verdana, Helvetica, sans-serif;
}

p { clear: left; } 

/* CSS para a galeria */

.photopreview { 
    width: 500px; 
    margin: 0 auto;
    position: relative;
}

.photopreview li {
    float: left;
    width: 100px; height: 75px; 
    padding: 10px;
}
.photopreview li img {
    position: relative;
    width: 100px; height: 75px;
    border: 1px outset #CCC;
    padding: 2px; background: #FFF;
}
.photopreview li:hover img {
    cursor: hand;
    width: 200; height: 150px;
    top: -37px; left: -50px;
    border: 1px outset #CCC; padding: 5px;
    z-index: 100; background: #EEE;
}
.photopreview li:active img, .photopreview:active li:hover img {
    cursor: hand;
    width: 200; height: 150px;
    top: -37px; left: -50px;
    border: 1px outset #CCC; padding: 5px;
    z-index: 100; background: #EEE;
	text-decoration:none
}
a { outline: none; }


<!-- Aqui começa o workaround para IE -->

<!--[if lt IE 7]>
/*<style type="text/css">
    body {
    behavior:url("csshover.htc");
}
.photopreview li:hover img {
    margin-bottom: -75px; margin-right: -100px;
}
.photopreview li:active img {
    margin-bottom: -150px; margin-right: -200px;
}
</style>
<![endif]-->

<!-- Aqui termina o workaround para IE -->


*/