@charset "utf-8";

/* ZERA OS ATRIBUTOS PARA FACILITAR QUE O SITE SE RENDERIZE MELHOR EM TODOS SO BROWSERS SEM DIFEREN�AS*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-family: inherit;

	vertical-align: top;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	line-height: 1;

	color: black;

	background: black;

}

img {

	line-height: 0px;

	margin: 0px;

	padding: 0px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}







/* INICIA-SE O CSS DO SITE */





body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

}



#global {

	width:770px;

	margin:0 auto;

}

#container {

	width: 770px;

	background-color:#000000;

	background-image:url(../imagens/bg_submenu.jpg);

	background-repeat:repeat-y;

}

#topo {

	width: 770px;

	height: 296px;

	

}

#menu {

	float:left;

	width:257px;

	background-position:top;

	background-repeat:no-repeat;

	

}

#miolo {

	position:relative;

	float:right;

	width:513px;

	background-color:#e8eff7;



}

#rodape{

	position:relative;

	clear:right; /* limpa o float*/

	float:none;

	background-position:top;

	background-repeat:no-repeat;

	width:770px;

	

}



/* CLASSES */

.margem55 {

	margin-left: 55px;

}

.aumentadiminui {

	margin-left: 55px;

	color:#666666;

}





/* Links */

a:visited {

	text-decoration: none;

}

a:link {

	text-decoration: none;



}

a:hover {

	text-decoration: none;



}

a:active {

	text-decoration: none;



} 







/* ELEMENTOS QUE SOFREM ESCALONAMENTO */

#titulo{

	font-size: 24px;

	font-weight:normal;

	margin-right:15;

}

#menu{

font-size:11px;

line-height:24px;

}

#miolo {

	font-size:11px;

	margin-right:15;	

	color:#333333;

	line-height:16px;

}

#conteudomiolo{

width:430px;

margin-left:40px;

margin-top:40px;



}

#titulo {

	color: #476A9E;

	font-weight: bold;

	line-height: normal;

}

.subtitulo {

	color:#476A9E;

	font-weight: bold;

}

#topo {

	background-image:url(../imagens/topo.jpg); /* esse atributo vai para os CSS de cores*/

}

#menu {

	background-image:url(../imagens/menu.jpg); /* esse atributo vai para os CSS de cores*/

}

#rodape{

	background-image:url(../imagens/bg_rodape.jpg);

}

/* Links */

a:visited {



	color: white;

	

}

a:link {

	

	color: white;

}





a:hover {

	color: #e6c986;

	

}



a:active {

	color: gray;

	

}