/*************************************************************************************************/
/******************* DISPOSICOES GERAIS DE TODAS AS PÁGINAS DO NOVO SITE *************************/
/*************************************************************************************************/
body {
	<!--width:1024px;-->
	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 ****/
	height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}

.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 3px;
	text-decoration: none;
	padding-right: 50px; /*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;
}

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

#maincontainer{
	width:1015px;
}
	
#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 PARA OS ESPECIAIS_JP *****************************************/
.div_destaque-especial{
	width:210px;
	float:left; 
	text-align:left;
	line-height:0;
	border:0px solid #D2D2D2; 
	padding:3px; 
	margin-left:0px; 
	margin-right:2px;
	min-height:80px;
}
.div_destaque-especial a{
	font-size:11px;
	line-height:normal;
}
.div_destaque-especial img{
	border:0;
	margin-right:2px;
}

/**************************************  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;
}

/************************************** CSS DO MENU DA ESQUERDA ****************************************/

	#redes_sociais{
		width:135px;
	}
	#menu_esquerda{
		width:155px;
	}
	.header{
		background-color:#0059AB;
		color:#FFF;
		text-align:center;
	}
	.linha{
		color:#0059AB;
		text-align:left;
	}
	.td-header{
		border-right-style:solid;
		border-right-color:#6795DA;
		border-right-width:3px;
	}
	.td-linha{
		border-right-style:solid;
		border-right-color:#6795DA;
		border-right-width:3px;
		border-bottom-style:solid;
		border-bottom-color:#6795DA;
		border-bottom-width:1px;
		padding-left:5px;
	}
	.td-linha a:link{
		color:#0059AB;
		text-decoration:none;
	}
	.td-linha a:visited{
		color:#0059AB;
		text-decoration:none;
	}
	.td-linha a:active{
		color:#0059AB;
		text-decoration:none;
	}
	.td-linha a:hover{
		color:#0059AB;
		text-decoration:none;
	}
	.td-linha{
		background:url(../img/bg2.jpg) repeat 0 0;
	}
	
/************************************** CSS para o destaque do box pontilhado ****************************************/
	
	.box_pontilhado{
		border:dashed 1px #0059AB; width:auto; margin:10px 0 10px 40px; padding:5px; float:left;
		-moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
		-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
		border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;
	}
	.box_pontilhado:hover{
		text-decoration:none;
		background-color:#0059AB;
		border-color:#ffffff;
		color:#ffffff;
	}
	.box_pontilhado a:hover{
		text-decoration:none;
		color:#ffffff;
	}