/*--------------------------------------------------------------------
LAYOUT "empresa" Style - MRG(IE7+ FF1.5+ Opera9+)

Version: 	1.0 - 2010
author: 	Burocratik (alexandre r. gomes)
email: 		alex@burocratik.com
website: 	http://www.burocratik.com
-----------------------------------------------------------------------*/
@import url(corpo.css);

/*-------------------------------------------------------------------------
=GENERICOS
-------------------------------------------------------------------------*/
#wrapperMaster{background: transparent url(/imgs/wrapperMaster-bg3.jpg) no-repeat bottom center;}
#subNav h2{width: 151px; height: 39px; background: url(/imgs/txt-portfolio-pt.png) no-repeat;}

/*-------------------------------------------------------------------------
=LISTAGEM
-------------------------------------------------------------------------*/
.lista #contentMain{float: none; position: relative; width: 660px;	padding: 0 0 0 40px;}

.lista #contentMain h3{padding: 0;}
.lista #contentMain p.info{padding:0 0 10px 0; color: #07afb8; font-size:13px; font-style: italic;}
.lista #content ul li{display: block; padding: 15px 0 15px 0; background: none; overflow: hidden;}
.lista #content ul img{
	float: left; padding: 0 35px 15px 0;
	background: transparent url(/imgs/noticias-img-bg.png) no-repeat left top;
}
.lista #content ul h4{
	float: left; width: 350px; color: #058ba7; font-size: 19px; font-weight: normal;
	line-height: 18px; margin-top: -2px; padding: 0;
}
.lista #content ul h4 a{text-decoration: none;  color: #058ba7;}
.lista #content ul p{float: left; width: 350px; font-size: 12px; line-height: 15px;}
.lista #content ul h4+p{font-size: 13px; color: #fb5e0c;  font-style: italic;}

/* =Numero de paginas */
#content ul.numbers{
	position: relative; margin: 20px 0 0 295px;  overflow: hidden; 
	font: bold 14px Arial, Helvetica, sans-serif; color:#9f9f9f;
}
#content ul.numbers li{
	float: left; position: relative; display: block;
	text-align: center; padding: 0 1px; background: none; margin: 0;
	
}
#content ul.numbers li a{
	position: relative; display:block;  text-decoration: none; 
	padding: 4px 5px;  margin: 0;	border: 1px solid #d5d5d5; color:#9f9f9f;
	background-color: #ffffff; -webkit-border-radius: 5px;	-moz-border-radius: 5px; 
}
#content ul.numbers li a:hover, #content ul.numbers li a:focus{background-color:#07afb8; color: #ffffff; border: 1px solid #07afb8;}
#content ul.numbers li.on a{background-color: #fb5e0c; color: #ffffff; cursor: default; border: 1px solid #fb5e0c;}

/*-------------------------------------------------------------------------
=FICHA OBRA
-------------------------------------------------------------------------*/
.ficha #contentMain{float: none; position: relative; width: 670px;	padding: 0 0 0 40px;}

.ficha #contentMain ul#slideBox{
	position: relative; width: 580px; height: 343px; overflow: hidden; 
	margin: 0 0 20px 0; padding: 0;
	background: transparent url(/imgs/obras-ficha-bg.png) no-repeat left bottom; 
}
.ficha #contentMain ul#slideBox li{display:block; width: 580px; height: 343px; margin: 0; padding: 0;}
ul#slideBox li img{width: 580px; height: 330px;}

.ficha #contentMain ul#slideLink{
	position: absolute; top: 0; left: 640px; width: 70px; margin: 0; padding: 0;
}
.ficha #contentMain ul#slideLink li{display:block; width: 70px; height: 40px; background: none; margin: 0; padding: 0 0 10px 0;}
.ficha #contentMain ul#slideLink img{margin: 0; padding:0; border: 0; width: 70px; height: 40px;}
.ficha #contentMain ul#slideLink li a{
		display: block; width: 70px; height: 40px;
		border-bottom: 3px solid #ffffff; margin: 0; padding: 0;
}
.ficha #contentMain ul#slideLink li a.on{border-bottom: 3px solid #07afb8; cursor: default;}
.ficha #contentMain ul#slideLink li a.on:hover{border-bottom: 3px solid #07afb8; cursor: default;}
.ficha #contentMain ul#slideLink li a:hover, ul#slideLink li a:focus{border-bottom: 3px solid #fb5e0c;}

.ficha #contentMain h3{
	font-size:24px; font-weight: normal; text-transform: uppercase;	margin: 0; padding: 0 0 16px 0;
	width: 580px; color: #1c1d3d;
}
.ficha #contentMain p, .ficha #contentMain ul{width: 580px;}
.ficha #contentMain ul li{background: none; padding: 2px 0 1px 0;}
.ficha #contentMain ul li strong{color: #058ba7;}
.ficha #contentMain ul li a{color: #858585;}
.ficha #contentMain p.voltar{font-weight: bold;}
.ficha #contentMain p.space{padding-top: 25px;}
.ficha #contentMain p.voltar a{color: #858585; border-bottom: 1px solid #fcae85; text-decoration: none; line-height: 10px;}
.ficha #contentMain p.voltar a:hover{color: #fb5e0c; border-bottom: 1px solid transparent;}
.ficha #contentMain p.voltar span{
	width: 7px; padding: 0 7px;
	background: transparent url(/imgs/seta-voltar.png) no-repeat left center;
}