/* CSS PADRAO DO SITE 
ESTIOS UNICOS POR PAGINA DEVEM SER CHAMADOS POR ID E ESTILOS REPETIDOS POR CLASS
--------------------------------------------------------------------------------*/

/* GERAL 
--------------------------------------------------------------------------------*/

/* Define todos os estilos gerais das páginas (Nao é reconhecido pelo Mozilla) */
body {
	font-family: trebuchet, trebuchet ms, sans-serif;
	font-size: 11px;
	color: #36464F;
	padding: 0px;
	margin: 0px;
	text-align: center;
} 


/* Define todos os estilos gerais das divs, tds, selects e inputs */
div, td, select, input {
	font-family: trebuchet, trebuchet ms, sans-serif;
	font-size: 11px;
	color: #36464F!important;
}

/* Controla todo o conteudo da pagina */
h1 {
	font-family: Garamond, serif, Time;
	font-weight: normal;
	font-size: 30px;
	color: #5C130A;
	margin: 0px!important;
}

h2 {
	color: #B70023;
	font-size: 12px!important;
	margin: 0px!important;
}

h3{
	font-size: 11px;
	color: #36464F;
	font-style : italic;
}

img{
	border: 0px;
}


form {
	margin: 0px;
	padding: 0px;
}

a, a:hover, a:visited, a:active {
	color: #B70023;
	text-decoration: none;
}

.clear{
	clear: both;
}

p {
	margin: 0px 0px 13px 0px;
	padding: 0px;
}

.floatRight{
	float: right;
}

.floatRightImg{
	float: right;
	margin-left: 10px;
}
.clear{
	clear: both;
}

.none{
	display: none;
}

/* Criada para centralizar o conteudo no Firefox */
#global {
	width: 100%;
}

#geral {
	width: 750px;
	text-align: center;
	position: relative;	
}

.floatLeft {
	float: left;
}


/* O padrao da tag lista deve ser ser margin ou padding igual a zero, caso queira colocar um valor diferente dessa em uma lista crie uma nova class usando o !important para diferenciar */

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* TOPO 
--------------------------------------------------------------------------------*/
#topo{
	text-align: left;
	width: 750px;
}

#controlaMenuSuperior{
	height: 45px;
}

#menuSuperior{
	width: 472px;		
}

#menuSuperior a{
	display: block;
}

#menuSuperior li{
	float: left;
	background-color: #f3f3f3;
}

.sobreDupont{
	padding-right: 145px;
}

#subMenuInterior{
	display: none;
}

#subMenuInterior li{
	float: left;
}

#destaqueTopo{
	width: 750px;
	background-image: url('../images/degraded.gif');
	text-align: right;
}


/* MENU 
--------------------------------------------------------------------------------*/

#menu {
	text-align: left;
	margin-top: 30px;
}

#menu ul li{
	width: 155px;
	color: #B70023;
	border-top: 1px dashed #CCC;
}

#menu ul .ultima{
	width: 155px;
	color: #B70023;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
}

#menu ul li a{
	display: block;
	padding: 5px 0px 4px 25px;
	text-decoration: none;
	color: #B70023;
	width: 155px;
	background-image: url('../images/bullet_menu.gif');
	background-repeat: no-repeat;
	background-position: 12px 12px;
}

.marcado{
	display: block;
	padding: 5px 0px 4px 25px;
	text-decoration: none;
	color: #B70023;
	width: 155px;
	background-image: url('../images/bullet_selecionado.gif')!important;
	background-repeat: no-repeat;
	background-position: 12px 9px!important;
}

#menu ul li a:hover{
	background-color: #EEDFA6;
}

#menu ul li ul li{
	background-image: none!important;
}

#menu ul li ul li a{
	display: block;
	padding: 5px 0px 4px 45px;
	text-decoration: none;
	color: #B70023;
	width: 135px!important;
	background-image: none!important;
}

#menuInterno{
	margin-top: 20px;
	padding-bottom: 30px;
	border-bottom: 1px solid #CCC;
}

#menuInterno li{
	float: left;
	color: #B70023;
	border-right: 1px solid #000;
}

#menuInterno li a{
	padding: 5px 10px 4px 10px;
	text-decoration: none;
	color: #B70023;
	width: 160px;
}

#menuInterno .ultima{
	float: left;
	color: #B70023;
	border-right: none!important;
}

/* CONTEUDO 
--------------------------------------------------------------------------------*/
#conteudo {
	text-align: left;
	color: #CCC;
	margin-left: 20px;
	margin-top: 10px;
}


/* RODAPE 
--------------------------------------------------------------------------------*/
#rodape {
	margin-top: 20px;
	color: #CCC;
	text-align: left;
}