body {
text-align:center;/*centraliza no IE */
font-size:14px;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
#tudo {
top:150px;
	position:relative;
	max-width:1050px;
	width:100%;
	margin: 0 auto; /*centraliza em navegadores padrao*/
	text-align:center; /*retorna alinhamento de texto a esquerda*/
	
}

#topo {
    width:100%;
	height:150px;
    text-align: center;
    top:0;
    left:0;
    position: absolute;/* se usar o recurso abaixo, mude aqui para "fixed"*/
	border-bottom: 3px double #ccc;
   /* *position: absolute;
    top: expression( ( 0+( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );  -  faz ficar fixo */
}

#tarja{
width:98%;
padding: 8px 0 2px 2%;
height:30px;
background:url(imagens/tarja.jpg) top left no-repeat;
text-align: right;
font-size: 12px;
}

#principal{
line-height:160%;
margin:0;
width:74%;
height:auto;
min-height:400px;
float:right;
background-color:#F3F6FD;
}
#principalleft{
position:relative;
padding:1%;
width:98%;
height:auto;
float:left;
}

* html #principalleft{ height:400px;}

#principalright{
    padding-top:30px;
	position:relative;
	color: #fff;
	width:38%;
	height:auto;
	float:right;
	text-align:center;
	font-size:80%;
	overflow:hidden;
}
#flutuadir{
    position:relative;
	width:auto;
	height:auto;
	float:right;
	padding:5px;
	}
.center{
text-align:center;
width:100%;
background:transparent;
} 

.float_right{
    position:relative;
	width:auto;
	height:auto;
	float:right;
	padding:5px;
	clear:both;
	}
	
.float_left{
    position:relative;
	width:auto;
	height:auto;
	float:left;
	padding:6px;
	}

.box_thumb{
    position:relative;
  	width:140px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:170px;/* a altura varia de acordo com a quantidade de texto a ser exibido */
	float:left;
	padding:6px;
	margin: 15px;
	border:1px solid #fff;
	color: #0066CC;
	background-color: #fff;
	text-align:center;
	overflow:hidden;
	font-size: 12px;/* definindo em pixel fica mais fácil determinar as linhas que serão exibidas no box*/
	line-height:120%;
	}
	
.thumb {/* tem que ter medidas exatas para manter padrão -  está vinculado com o php que gera as miniaturas da galeria*/
	width:140px;
	height:105px;
	overflow:hidden;
	}
	
	
.thumb_float,  .thumb_float_qd, .thumb_float_vr{/* igual ao decima porém flutuante  */
	width:140px;
	height:105px;
	overflow:hidden;
	float:left;
	margin:  20px 12px 0 12px;
	padding: 4px;
	border: 1px solid  #0066CC;
	}
.thumb_float_qd{height:140px;}
.thumb_float_vr{height:186px;}
	
#menu{
    padding-top: 5px;
	position:relative;
	width:25%;
	height:auto;
	float:left;
	text-align:center;
	}

#rodape {

margin-top:10px;
padding:5px 3%;
clear: both;
height:auto;
width:94%;
font-size:90%;
text-align: center;
border-top:3px double #0066CC;;
background-color: #0066CC;
}

#principalleft img {
border:0;
margin:0 0 2px 0;
}
#principalright img {
border: #ccc double 3px;
}
.imgleft {float:left; margin:0; border:0;}
.imgabertura{margin:5px; border:1px solid #999999; padding: 5px;}

.imgclear {margin:0; border:0;}
.logo{padding:0; border:0; margin:0;}
.menu{border:0; margin:0;}