/*padrões default*/
body
{
font-size: 62.5%;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

* {
margin: 0;
padding: 0;
vertical-align: baseline;
}

a img, :link img, :visited img 
{
border: 0; 
outline:none;
}

ul 
{
list-style: none;
}

a { text-decoration:none;  outline:none; }
a:hover { text-decoration:underline; }


.clear { clear:both; }



/*ESTILOS*/
body {
background:url(../icon/bgHtmlClic2010.gif) top left repeat;
}

#topo {
height:135px;
text-align:center;
margin:0 auto;
width:993px;

}

#miolo
{
width:973px;
padding:0;
background:#fff;
margin:0 auto 20px;
border:10px solid #edece0;
}


/*estrutura*/
#topo h2 {
	padding:30px 0 0 26px;
}

.destaque {
	width:664px;
	float:left;
	background:#edece0;
	height:150px;
}

.box-oquesao {
	width:309px;
	height:150px;
	background:#edece0 url(../icon/iconografia.png) top left no-repeat;
	margin-left:664px;
	_width:306px;
	
}

.box-oquesao p, .box-oquesao h4 {padding-left:140px;}
.box-oquesao h4 {padding-top:20px;}

.box {
	width:442px;
	height:307px;
	float:left;
	padding:9px;
	margin-top:20px;
}
.box.pequeno {}

.box.impar {
	margin-right:10px;
	margin-left:20px;
}

.sobre {
	width:215px;
	float:left;
	padding-top:60px;
	padding-right:10px;
}

.sobre p {
	margin-bottom:10px;
}

.pequeno .sobre {
	padding-top:45px;
	padding-right:50px;
}

/*tipografia*/
h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
}

h3 {
	font-size:1.6em;
	color:#333;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:20px;
}

h4 {
	font-size:1.4em;
}
.sobre h4 {
	margin-bottom:3px;
	}

p {
	font-size:1.1em;
}

.destaque p {
	font-size:1.2em;
	color:#333;
	padding-left:20px;
}

.box-oquesao p {
	font-size:1.1em;
	color:#999;
}


/*diversos*/
.linha {
display:none;
}

.vejamais {
clear:both;
color:#000;
font-size:1.2em;
padding:40px 20px;
}

.vejamais a {
color:#000;
}
.vejamais strong {
	margin-bottom:30px;
}

/*RODAPE*/
#rodape {
background-color:#ecebdf;
height:6.4em;
clear:both;
}


#rodape ul {
padding:2.5em 10px 0 10px;
margin:0 auto;
width:973px;
background:url(../icon/logo-rodape.jpg) right 10px no-repeat;
}
#rodape ul li {
display:inline;
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0.3em;
}
#rodape a {
color:#222;
font-weight:bold;
}
#rodape span {
color:#222;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
}
#rodape img {
padding:1.5em 0 0 8em;
display:none;
}