/* 
---------------------------------
Projeto: Municípios Digitais
Tema: Itu.com.br
Data: 04/12/2009
---------------------------------

---------------------------------
*/

@import url("layout.css");
/* Content
----------------------------------------------------------------------------------------------------*/
.container-C {	min-height: 580px;	}

/* Hot-Site
----------------------------------------------------------------------------------------------------*/

/* Guia Itu - Detalhe
----------------------------------------------------------------------------------------------------*/
.logo {
	}

.heading {
	width: 580px;
	border-left: 1px solid #ebebeb;
	padding-left: 8px;	}

.heading .title {
	font-size: 2.2em;
	font-weight: bold; 
	color: #3BB3C2; /*1287AA*/
	margin: 0 0 0.37em;
	line-height: 1em;	}

.heading .contact {
	color: $8c8c8c;
	font-size: 9pt;
	font-weight: normal;	}

.heading .phone, 
.heading .address,
.heading .mail,
.heading .link{
	margin: 0;	}
	
.heading .card {
	margin: 10px 0 0 0;	}

/*
.post-it {
	position: absolute; top: -40px; right: 0px;
	width: 271px; height: 170px;
	background: url(bg-post-it.png) no-repeat top;	}
*/
.post-it {
	position: absolute; top: 0px; right: 0px;
		.position: relative; top: 0px; right: 0px;
		.float: right;
	width: 132px; 
	padding: 20px;
	background: url(bg-white-box.png) no-repeat 0 100%;	}

#Info {
	margin:35px 10px 5px 40px;
	font-size:8pt;	}

#Info p {margin:0 0 .7em;}

#content .menu {
	margin: 10px 0;
	line-height: 34px;
	padding-left: 10px;
	background: #f2f2f2 url("bg_diagonal_cima.gif") repeat-x 0 32px;	}

/**/
.text ul, 
.text ol {
	list-style-type: disc;
	list-style-position: inside;	}

.text .title {
	font-size: 2.2em;
	font-weight: bold; 
	color: #3BB3C2; /*1287AA*/	}

.text .title-sub {
	color: #F06A00;
	font-size: 13pt;
	margin: 0;	}

.text .publish {
	display: block;
	clear: both;
	color: #b3b3b3;
	font-size: 0.812em;	}
.text .date {}
.text .publisher { font-style: italic;	}

.text p.desc {
	font-size: 1.3em;
	font-style: italic;
	color: #999999;
	margin: 1em 0;	}

.text p {
	line-height: 1.6;	}

/*Imagem/Video/Audio*/
.text .multimedia { 
	clear: both;
	float: right;
	width: 1px;
	margin: 0 0 1em 1.5em;	}

.text .multimedia.clean { background-color: transparent;	}

.text .multimedia.clean .thumb {	background-color: transparent;	border: none;	}

.text .multimedia.clean td { padding: 1px;	}

.text .multimedia .attrib {
	display: block;
	font-size: 0.75em;
	text-align: right;	}
	.text .multimedia.clean .attrib {
	background-color: transparent;
	border: none;	}

.text .multimedia .desc {
	padding: 5px;
	background-color: #f2f2f2;
	text-align: right;	}
	.text .multimedia.clean .desc {
	background-color: transparent;
	border: none;	}