/* CSS Document */
/* CSS desenvolvido Por Comunica��o para WEB */
#bloco1 {
	width: 575px;

	margin-top: 5px;
	margin-bottom: 5px;
	/*background: #000;
	border: red solid 1px;*/
}

#bloco1 img {
	width: 575px;
	height:165px;
}

#bloco1 a {
	color: #b52300;
	font-size:22px;
}

#bloco1 h2, #bloco1 .bloco1-h2 {
	display: block;
	font-weight: bold;
	font-size:18px;
}

#bloco1 p, #bloco1 .bloco1-p {
	display: block;
	font-size:12px;
}

#bloco2 {
	width: 575px;
	margin-bottom: 50px;
}

#bloco2coluna1{
	width: 380px;
	float:left;
	margin-right: 5px;
}

#bloco2coluna1destaque {
	height: 180px;
	/*background: #cc9988;*/
	margin-bottom: 5px;
}

#bloco2coluna1destaque2 {
	width: 187px;
	height: 180px;
	float:left;
	margin-right: 5px;
	/*background: #ff88ee;*/
}

#bloco2coluna1destaque2 img {
	width: 187px;
	height: 85px;
}

#bloco2coluna1destaque2 h2, #bloco2coluna1destaque2 .destaque2-h2 {
	display: block;
	font-weight: bold;
	color: #b52300;
	font-size:16px;
}

#bloco2coluna1destaque2 a {
	color: #b52300;
	font-size:16px;
}

#bloco2coluna1destaque2 p, #bloco2coluna1destaque2 .destaque2-p {
	display: block;
	font-size:12px;
}

#bloco2coluna1destaque3 {
	width: 187px;
	height: 180px;
	float:right;
	/*background: #ee88ff;*/
}

#bloco2coluna1destaque3 img {
	width: 187px;
	height: 85px;
}

#bloco2coluna1destaque3 h2, #bloco2coluna1destaque3 .destaque3-h2 {
	display: block;
	font-weight: bold;
	color: #b52300;
	font-size:16px;
}

#bloco2coluna1destaque3 a {
	color: #b52300;
	font-size:16px;
}

#bloco2coluna1destaque3 p, #bloco2coluna1destaque3 .destaque3-p {
	display: block;
	font-size:12px;
}

.bloco2coluna1par {
	padding-top: 5px;
	height: 88px;
	background: #eeeeee;
}

.bloco2coluna1impar {
	padding-top: 5px;
	height: 88px;
	background: #f5f5f5;
}

.bloco2coluna1par img, .bloco2coluna1impar img {
	width: 106px;
	height: 74px;
	padding: 5px;
	float: left;
}

.bloco2coluna1par a, .bloco2coluna1impar a {
	color: #b52300;
	font-size:16px;
}

.bloco2coluna1par h2, .bloco2coluna1impar h2, .bloco2coluna1par .h2-title, .bloco2coluna1impar .h2-title {
	display: block;
	font-weight: bold;
	color: #b52300;
	font-size:16px;
}

.bloco2coluna1par p, .bloco2coluna1impar p, .bloco2coluna1par .p-content, .bloco2coluna1impar .p-content {
	display: block;
	color: #b52300;
	font-size:12px;
}

#bloco2coluna2{
	float:right;
	width:190px;
	/*background:blue;*/
}

#bloco2coluna2acesso {
	/*height:180px;*/
	margin-bottom: 5px;
	/*background: #505342;*/
}

#cdest {
	margin-bottom: 5px;
}

#bloco2coluna2twitter {
	/* height: 335px; */
	margin-bottom: 5px;
	background: #ecf4f8;
}

#bloco2coluna2listaBanner {
	/*height:500px;*/
	/*background: green;*/
	vertical-align: bottom;
	display: table-cell;
}

#bloco2coluna2banner0 {
	height: 66px;
	margin-bottom:5px;
	margin-top:5px;
	/*border: white solid 1px;*/
}

#bloco2coluna2banner1 {
	height: 66px;
	margin-bottom:5px;
	margin-top:5px;
	/*border: white solid 1px;*/
}

#bloco2coluna2banner2 {
	height: 66px;
	margin-bottom:5px;
	/*border: white solid 1px;*/
	/*position: relative;*/
}

#bloco2coluna2banner3 {
	height: 66px;
	margin-bottom:5px;
	/*border: white solid 1px;*/
}
#bloco2coluna2banner4 {
	height: 66px;
	margin-bottom:5px;
	/*border: red solid 1px;*/
}

#bloco2coluna2banner5 {
	height: 66px;
	margin-bottom:5px;
	/*border: white solid 1px;*/
}

#bloco3 {
	width: 575px;
	margin: 10px 0 10px 0;
	background: #f5f5f5;
}

#bloco3 img {
	width: 106px;
	height: 74px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

#bloco3 p, #bloco3 .bloco3-p {
	color: #b52300;
	display: block;
	font-size:13px;
}

#bloco3 a {
	color: #b52300;
	font-size:13px;
}

#bloco3titulo {
	height: 0px;
	background: #eeeeee;
	padding: 0px;
}

#bloco3titulo h3, #bloco3 .bloco3-h3 {
	display: block;
	font-weight: bold;
	font-size:18px;
	color: #b52300;
}

/* configura��o abaixo para funcionar como chamada 12 do Waram */
#bloco2coluna2twitter {
	width: 187px;
	height: 180px;
	float:left;
	margin-right: 5px;
	background: #FFF;
}

#bloco2coluna2twitter img {
	width: 187px;
	height: 85px;
}

#bloco2coluna2twitter h2, #bloco2coluna2twitter .bloco2twitter-h2 {
	display: block;
	font-weight: bold;
	color: #b52300;
	font-size:16px;
}

#bloco2coluna2twitter a {
	color: #b52300;
	font-size:16px;
}

#bloco2coluna2twitter p, #bloco2coluna2twitter .bloco2twitter-p {
	display: block;
	font-size:12px;
}

/* FIM - chamada 12 */
.example { display:none; }

/* Twitter - retirado em 26/02/2013 */
#corpoTwitter {
  background-color: #fadsfa;
  float: right;
  color: #ffffff;
  font: 12px/1.3 arial, sans-serif;
  margin: 0 auto;
  width: 190px;
  /*padding: 20px;*/
  text-align: left;
  border-bottom:#6fadcc 2px solid;
}

#sigaNos {
 background: url("http://misc.prefeitura.sp.gov.br/img/bgTwitter_187x85.jpg") no-repeat;
 height: 85px;
}

#sigaNos h1 {
 font-size: 18px;
 color: #0779a1;
 padding: 13px 0 0 15px;
}

#sigaNos h1 a, #sigaNos h1 a:visited {
 color: #0779a1;
 text-decoration: none;
}

#sigaNos h1 a:hover {
 color: #90d2ed;
 text-decoration: none;
}

#corpoTwitter a {
    font: 50%;
}

#sigaTwitter {
	background-color:#6fadcc;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:13px;
	text-align:center;
	padding-top:18px;
	height:40px;
}

#sigaTwitter a {
    color:#FFFFFF;
    text-decoration:none;
}

.tweet, .query {
	font: Arial, Helvetica, sans-serif;
	color: #085258;
}

.tweet_list {
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
	background-color: #ecf4f8;
}

.tweet_list .awesome, .tweet_list .epic {
	text-transform: uppercase;
}

.tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0.5em;
	font-weight:bold;
	color: #6fadcc;
}

.tweet_list li a {
	color: #6fadcc;
	font-weight:normal;
}

.tweet_list .tweet_even {
	background-color: #ecf4f8;
}

.tweet_list .tweet_avatar {
	padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}

/*Final Twitter*/
/* Final de CSS desenvolvido Por Comunica��o para WEB */
#miolo {
	width: 580px;
	/*background: url(http://misc.prefeitura.sp.gov.br/img/guia_miolo_bg_laranja.gif) repeat-y;*/
	float: left;
}

#cdest {
	width: 190px;
	background: url(http://misc.prefeitura.sp.gov.br/img/guia_calendario_bg.jpg) center 26px no-repeat /*#e8e9e5*/;
	background-color:#e8e9e4;
	float: left;
}

#cdest h2 {
	width: 187px;
	height: 24px;
	font-size: 14px;
	background: url(http://misc.prefeitura.sp.gov.br/img/guia_calendario_tit.jpg) 2px 0 no-repeat;
	margin: 2px 0 0 0;
	display: block;
	float: left;
}

#cdest h2 a {
	padding: 5px 5px 5px 15px;
	display: block;
	color: #FFFFFF;
	float: left;
}

#cdest h3, #cdest .cdest-h3 {
	width: 170px;
	font-size: 14px;
	text-decoration: underline;
	padding: 10px 10px 5px 10px;
	color: #2e2a1e;
	float: left;
	display: block;
	font-weight: bold;
}

#cdest h3 a, #cdest p a {
	color: #2e2a1e;
}

#cdest p, #cdest .cdest-p {
	width: 170px;
	font-size: 11px;
	padding: 0 10px;
	color: #2e2a1e;
	float: left;
	display: block;
}

#cdest table .vis {
	background: #d5ceba;
}