/* zera o css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td, input, textarea { 
    margin: 0; 
    padding: 0; 
    border: 0; 
    outline: 0; 
    font-weight : normal; 
    font-style: normal; 
    font-family : "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif; 
    font-size: 11px;
}
/* fim */
html { height:100%; }
div{
/*	border : 1px solid red;*/
}

BODY {
    font-size : 11px;
    font-family : "Trebuchet MS", Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif;
    margin : 0 0 0 0;
    color: #CFCFCE;
    background-color : #000000;
    height:100%; 
}


.principal  {
	margin: auto;
	background-color : #292523;
	width: 700px;
/*	height: 550px;*/	
	padding: 30px;
	background-image : url(../img/bg_calunga.jpg);
	background-position : right;
	background-repeat : no-repeat;
}

.logo  {
	position: relative;
	width: 371px;
	height: 93px; 
}

.clear{
	clear : both;
}

h1{
	font-size : 16px;
	font-weight : bold;
}

h2{
	font-size : 14px;
	font-weight : bold;
}

hr{
	background-color : #CFCFCE;
}

.t1{
	font-size : 14px;
	font-weight : bold;
}

.primeiro {
/*	margin-left: 302px;*/
  line-height: 16px;
}

.segundo {
	margin-left: 302px;
  line-height: 16px;
}

.promoenc{
	background-color : #CFCFCE;
	color: #292523;
	width : 200px;
	height: 25px;
	text-align : center;
}

.opcao{
	float : left;
	width: 166px;
	padding: 5px;
}

.sepvert{
	width : 30px;
	float : left;
}

.btopcao{
}

.btopcao:hover{
	background-color : #292523;
}

.btvoto{
	background-color : #3A3734;
	padding: 4px;
	color: #CFCFCE;
	font-weight : bold;
	text-decoration : none;
}

.btvoto:hover{
	background-color : #CFCFCE;
	color: #292523;
	font-weight : bold;
	text-decoration : none;	
}

.linktext{
    font-size : 11px;
    color: #CFCFCE;
}

.linktext:hover{
    font-size : 11px;
    color: #292523;
	background-color : #CFCFCE;
}

.rodape{
	width: 700px;
	margin: auto;
	padding-top : 40px;
}

.imggrande{
	float: left;
	width: 270px;
	height: 320px;
}

.conteudo{
	height: 320px;
}

.detalhes{
	padding-left: 20px;
	width: 270px;
	float: left;
}

.degfoo{
	margin : auto;
/*	margin-top:-40px;*/
	width : 760px;
}


/********************/

#criacoes ul {
	padding:0px;
	margin:0px;
	float: left;
	list-style:none;
}

#criacoes ul li {
	display: inline;
}

#criacoes ul li a {
	padding: 5px;
	padding-bottom : 0px;
	float:left;
/* visual do link */
	background-color:#CFCFCE;
	color: #333;
	text-decoration: none;
}

#criacoes ul li a:hover {
	background-color:#292523;
	color: #6D6D6D;
}

#criacoes ul li a.espaco {
	background-color: transparent;
	width : 20px;

}