/* -- HOME -- */
@import url(scrollable.css);

/* -- destaque principal -- */
div.destaque-principal-wrapper {
	width:584px;
	height:265px;
	float:left;
	padding:10px;
	background:url(../images/innovare-layout/home-destaque-principal-bg.png) top left no-repeat;}
div.destaque-principal-shadow {
	float:left;
	width:604px;
	height:265px;
	background:url(../images/innovare-layout/dp-shadow.png) top left repeat-x;}
div.destaque-principal {
	margin-top:-10px;
	float:left;
	width:602px; height:264px;
	margin-left:1px;
	background:#e8ecef;}	
div.dp-wrapper {
	width:592px;
	height:266px;}

		/* -- imagem + texto -- */
		div.dp-media-container {
			display: block;
			width:328px;
			height:266px;
			float:left;
			background:#000;}
		div.dp-media-container object {
			display: block;
			width: 328px;
			height: 266px;}
		div.dp-text-container {
			display: block;
			float:left;
			width:234px;
			height:200px;
			padding:10px;}
				.ie div.dp-text-container a {
					text-decoration:none;
					cursor:pointer;}
				.ie div.dp-text-container a:hover {
					text-decoration:underline;}
			div.dp-text-container span.dp-date {
				color:#f00;
				font-size:11px;}
			div.dp-text-container span.dp-title {
				width:230px;
				height:130px;
				margin:10px 0 0 0;
				font-family:georgia;
				font-size:26px;
				color:#333;}
			div.dp-text-container span.dp-title:hover {
				text-decoration:underline;}
			div.dp-text-container span.dp-summary {
				width:230px;
				font-size:14px;
				color:#7c7d7e;}
			
/* -- destaque principal - botões do scroll -- */
div.dp-transition {
	position:absolute;
	top:250px;
	right:0;
	width:60px;}

/* -- filtro de práticas -- */
div.filtro-praticas {
	float:right;
	width:192px;
	height:285px;
	background:url(../images/innovare-layout/filtro-bg.png) top left no-repeat;}
div.filtro-praticas-content {
	float:left;
	margin:58px auto auto 20px;}
div.filtro-praticas-option-margin {
	float:left;
	margin-top:4px;}
	.ie7 div.filtro-praticas-option-margin {
		float:left;
		margin-top:2px;}
		
/* -- destaque institucional -- */
div.destaque-intitucional-wrapper {
	float:left;
	width:100%;
	height:210px;
	margin-top:25px;}	
div.destaque-institucional-img {
	float:left;
	width:120px;
	height:210px;
	background:url(../images/innovare-layout/innovare-trofeu.png) top left no-repeat;}
div.destaque-institucional-slogan {
	float:left;
	width:484px;
	height:120px;
	background:url(../images/innovare-layout/innovare-slogan.png) top left no-repeat;}
div.destaque-institucional-summary {
	float:left;
	width:440px;
	height:80px;
	margin-left:16px;
	color:#888;}

/* -- listagens / práticas e notícias -- */
div.list-noticias-praticas-wrapper {
	float:left;
	width:100%;
	margin-top:40px;}
div.list-noticias-wrapper {
	float:left;
	width:295px;
	margin-right:7px;}
span.list-noticias-title {
	float:left;
	width:100%;
	height:38px;
	background:url(../images/innovare-layout/lis-noticias-title.png) no-repeat;
	border-top:1px solid #df2027;}
div.list-noticias-content {}
div.list-noticias-content ul {
	display:block;
	padding-top:40px;}
div.list-noticias-content ul li {
	padding-top:10px;
	margin-bottom:5px;
	height:52px;
	border-top:1px solid #fce8e9;}
div.list-noticias-content ul li a {
	text-decoration:none;}
span.noticia-date {
	font-size:12px;
	color:#df2027;
	margin:3px 0;}
span.noticia-title {
	font-size:14px;
	color:#333;
	margin:1px 0;}
	
	
div.list-praticas-wrapper {
	float:right;
	width:295px;
	margin-left:7px;}
span.list-praticas-title {
	float:left;
	width:100%;
	height:38px;
	background:url(../images/innovare-layout/lis-praticas-title.png) no-repeat;
	border-top:1px solid #333;}
div.list-praticas-content {}
div.list-praticas-content ul {
	display:block;
	padding-top:40px;}
div.list-praticas-content ul li {
	padding-top:10px;
	margin-bottom:5px;
	height:52px;
	border-top:1px solid #e7e8e8;}
div.list-praticas-content ul li a {
	text-decoration:none;}
span.pratica-title {
	font-size:14px;
	color:#333;
	margin:1px 0;}
span.pratica-autor {
	font-size:12px;
	color:#888;
	margin:3px 0;}
	.ie7 span.pratica-autor {
		margin:2px 0;}
	
div.list-more {
	float:left;
	width:100%;
	margin-top:10px;
	border-top:1px solid #df2027;}
div.list-more a span {
	display:none;}
	
div.list-more a {
	display:block;
	width:129px;
	height:29px;}
	div.list-more a.praticas-more {
		background:url(../images/innovare-layout/list-praticas-more.png) no-repeat;}
	div.list-more a.noticias-more {
		background:url(../images/innovare-layout/list-noticias-more.png) no-repeat;}