/*************************************************************************************************/
/******************* DISPOSICOES GERAIS DE TODAS AS PÁGINAS DO NOVO SITE *************************/
/*************************************************************************************************/
body {
	margin:0px 0px 0px 0px;
	background-color:#FFFFFF;
	padding:0;
	line-height: 1.5em;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size:12px;
}
img {
	border:0px;
}
a {
	color:#003399;
	font-size:12px;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#003399;
}
a:visited {
	color:#003399;
	text-decoration:none;
}
/*************************************************************************************************/
.titulo {
	background-color:#f2f2f2;
	text-indent:5px;
	color:#003366;
	font-size:14px;
	font-weight:bold;
}
.conteudo_texto table td {
	padding-left:5px;	
}
.conteudo_texto_autor {
	font-weight:bold;
}
div.cont_abaixo_agenda {
	clear:left;
	margin:10px;
	text-indent:15px;
	background-color:#FFFFFF; 
}
/*************************************************************************************************/
/****** LAYOUT GERAL DAS PÁGINAS - NÃO MEXA A MENOS QUE SAIBA O QUE ESTÁ FAZENDO *****************/
/*************************************************************************************************/

/************************* CONFIGURACOES DO INCLUDE DO TOPO - VERSAO ROCOCO, nov 2007 *****/
#topsection div {
	margin:0px 0px 0px 0px;
}
.superior {
	color:#0058a7;
	font-size:11px;
}
.superior a{
	color:#0058a7;
	font-size:11px;
	text-decoration:none;
}
.superior a:hover {
	text-decoration:underline;
	color:#0058a7;
}
.superior a:visited {
	color:#0058a7;
}
.superior img {
	margin:auto;
}
.superior_escola_titulo {
	font-weight:bold;
}
.superior_escola {
}
.superior_barra_icones {
	vertical-align:middle;
}
/******************** CONTEUDO ABAIXO DA AGENDA ************************************************/
div.cont_abaixo_agenda {
	clear:left;
	margin:10px;
	padding-top:5px;
	text-indent:15px;
	background-color:#FFFFFF; 
}
/************************* SO PARA AS PÁGINAS QUE TÊM ABAS ***********************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.abas {
	border-bottom: 1px solid #bbb8a9;
	_padding-left:20px;/****só para IE ****/
	_height: 1%;/****só para IE ****/
}

.abas ul {
padding: 0;
margin: 0;
font: bold 90% default;
font-family:inherit;
list-style-type: none;
}

.abas li {
display: inline;
margin: 0;
}

.abas li a {
color: #003366;
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
background: transparent url(http://www.joaopaulo.g12.br/img/tabs2/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

/*.abas li a:visited{
color: blue;
}*/

.abas li a:hover {
text-decoration: underline;
color: #003366;/**/
}
.abas li a:visited {/**/
text-decoration:none;/**/
color: #003366;/**/
}
.abas li.selected a { /*selected tab style*/
color: #003366;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(http://www.joaopaulo.g12.br/img/tabs2/righttabselected.gif) 100% 0 no-repeat;
}

.abas li.selected a:hover{
text-decoration: none;
}


.abas {
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}

/**************************** PARA O LAYOUT DAS PAGINAS EM GERAL *****************************/

#topsection{
	height: 150px; /*Height of top section*/
	margin-left:0px;
	margin-right:0px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 150px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
	float: left;
	width: 150px; /*Width of left column*/
	margin-left: -100%;
}

#rightcolumn{
	float: left;
	width: 150px; /*Width of right column*/
	margin-left: -150px; /*Set left marginto -(RightColumnWidth)*/
}

#footer{
	clear: left;
	width: 100%;
	height:20px;
	background: url(http://www.joaopaulo.g12.br/img/rodape/barra_inferior.gif) repeat-x bottom;
	text-align: center;
	vertical-align: middle;
}

#footer a {
	color: #FFFFFF;
	font-size:10px;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

.innertube{
	margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
	/*margin-top: 0;*/
}

/**************************************  CSS DO MENU ESQUERDA *****************************************/
.titulo_menu_jp {
	font-size:14px;
	color:#003399;
	font-weight:bold;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/* eu adicionei essa linha, mas parece ok agora (estavam aparecendo os bullets) */
ul.menu_jp li {
list-style-type: none;
}
ul.menu_jp {
	list-style-type: none;
	font-size:13px;
	color: #003366;
	margin: 0px 5px 0px 5px;
	padding: 0px;
	width: 140px;
}
ul.menu_jp li.topo_menu_jp {
	background: url(http://www.joaopaulo.g12.br/img/menu_branco_rococo/top_menu_branco_rococo.gif) no-repeat bottom;
	height:15px;
}
ul.menu_jp li.titulo_menu_jp {
	height:23px;	
	background:url(http://www.joaopaulo.g12.br/img/menu_branco_rococo/background_menu_branco_rococo.gif) repeat-y;
	padding-left: 10px;
}
ul.menu_jp li.fundo_menu_jp {
	background: url(http://www.joaopaulo.g12.br/img/menu_branco_rococo/bottom_menu_branco_rococo.gif) no-repeat top;
	height:20px;
}
ul.menu_jp li a {
	background-image:url(http://www.joaopaulo.g12.br/img/menu_branco_rococo/background_menu_branco_rococo.gif);
	color: #003399;
	height:23px;
	display: block;
	padding: 0px 0px;
	padding-left: 15px;
	text-decoration: none;
}
* html ul.menu_jp li a { /*IE only. Actual menu width minus left padding of A element (15px) */
	width: 125px;
}
ul.menu_jp li a:hover{
	background:url(http://www.joaopaulo.g12.br/img/menu_branco_rococo/flecha_verde_menu_branco_rococo.gif) no-repeat center;
	text-decoration:none;/**/
	color: #003399;/**/
}
ul.menu_jp li a:visited {
	color: #003399;/**/
	text-decoration:none;/**/
}
/************************************** CSS DO MENU DA DIREITA ****************************************/
td.topo_direita_jp {
	background-image:url(http://www.joaopaulo.g12.br/img/menu_branco_rococo/top_menu_branco_rococo.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:15px;
}
td.meio_direita_jp {
	background-image:url(http://www.joaopaulo.g12.br/img/menu_branco_rococo/background_menu_branco_rococo.gif);
	background-repeat:repeat-y;
	background-position:top;
}
td.fundo_direita_jp {
	background-image:url(http://www.joaopaulo.g12.br/img/menu_branco_rococo/bottom_menu_branco_rococo.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:15px;
}