/* CSS Document */
body, div, table, td, tr, h1, h2, h3, h4, h5, address, fieldset, ul, li, img{
margin:0;
padding:0;
}

body{
text-align:center;
font:normal 12px "Trebuchet MS";
color:#666;
background-image:url(../imgs/fundo.jpg);
background-repeat:repeat-x;
background-color:#022a5d;
}

#principal{
width:775px;
height:auto;
text-align:left;
top:0;
left:50%;
margin:0 0 0 -387px;
padding:0;
position:absolute;
}

#topo{
width:745px;
height:100px;
margin:0;
padding:0 0 0 30px;
background-image:url(../imgs/fundo_pages.png);
background-repeat:repeat-y;
}

#topo object{
margin:0;
padding:0;
}

#menu{
width:745px;
height:48px;
margin:0 0 0 5px;
padding:0;
}

#menu_cont{
width:745px;
height:48px;
margin:0;
padding:0;
}

#menu_cont img{
margin:0 -5px 0 0;
padding:0;
border:0;
}

#menu_cont a{
margin:0;
padding:0;
text-decoration:none;
}

#menu_cont a:hover{
margin:0;
padding:0;
text-decoration:none;
}

#cont{
width:755px;
height:auto;
margin:0;
padding:0 0 0 20px;
background-image:url(../imgs/fundo_pages.png);
background-repeat:repeat-y;
}

#pags{
width:730px;
height:auto;
text-align:justify;
font:normal 12px "Trebuchet MS";
color:#666666;
}

h1{
font:bold 18px Georgia,serif;
color:#51adbc;
}
#box_pags{
width:460px;
float:left;
margin:0 10px;
font:normal 12px "Trebuchet MS";
color:#666;
}

#box_pags2{
width:720px;
float:left;
margin:0 10px;
font:normal 12px "Trebuchet MS";
color:#666;
}

#box_flash{
width:450px;
float:left;
}

#box_top_links{
width:250px;
float:left;
text-align:right;
padding:10px;
}

#box1{
width:220px;
background-color:#eee;
float:left;
margin:0 10px 0 20px;
background-image:url(../imgs/topo_box.jpg);
background-repeat:no-repeat;
font:normal 11px "Trebuchet MS";
color:#666;
}

#box1 .inp{
width:90px;
border:1px solid #ccc;
font:normal 10px arial;
color:#666;
margin:0 0 3px 0;
}

.field_not{
width:190px;
margin:0 0 0 10px;
text-align:left;
border:0 none;
}

.data{
font:normal 11px "Trebuchet MS";
color:#FF9900;
}
#box1 a{
font:normal 11px "Trebuchet MS";
color:#0066FF;
text-decoration:none;
}
#box1 a:hover{
font:normal 11px "Trebuchet MS";
color:#003399;
text-decoration:none;
}

#box2{
width:220px;
background-color:#eee;
float:left;
margin:0 10px 0 10px;
background-image:url(../imgs/topo_box.jpg);
background-repeat:no-repeat;
padding:0;
font:normal 11px arial;
}

#info{
width:200px;
margin:0 0 0 10px;
font:normal 11px "Trebuchet MS";
color:#666;
}

#box2 .inp{
width:90px;
border:1px solid #ccc;
font:normal 10px arial;
color:#666;
margin:0 0 3px 0;
}


#box2 .but{
width:50px;
border:1px solid #ccc;
background-color:#e8e8e8;
font:normal 10px arial;
color:#000;
cursor:pointer;
}
#box2 .field{
border:0 none;
width:160px;
text-align:right;
}

#box3{
width:220px;
background-color:#eee;
float:left;
margin:0 0 0 10px;
background-image:url(../imgs/topo_box.jpg);
background-repeat:no-repeat;
text-align:left;
font:normal 11px "Trebuchet MS";
color:#666;
}

#box3 .field{
width:190px;
border:0 none;
text-align:center;
margin:0 0 0 20px;
}

.titu_box{
font:normal 12px "Trebuchet MS";
color:#5e5e5e;
margin:0 0 0 30px;
}


#base{
width:775px;
height:50px;
font:normal 11px "Trebuchet MS";
color:#fff;
text-align:center;
}

#base a{
text-decoration:none;
font:normal 11px "Trebuchet MS";
color:#fff;
}

#base a:hover{
text-decoration:underline;
color:#0099FF;
font:normal 11px "Trebuchet MS";
}

.bota_assine{
border:0;
background:0 none;
cursor:pointer;
}



.item {
	width:141px;
	height:126px;	
	border:0px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
	text-align:left;
}

.item .caption {
	width:141px;
	height:126px;
	background:#333;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter: alpha(opacity=90);    /* ie  */
	-moz-opacity:0.9;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.9;    /* for really really old safari */  
	opacity: 0.9;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.item .caption a {
	text-decoration:none;
	color:#0cc7dd;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:10px;
}

.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}