/*
Theme Name: Mascarenhas Barbosa Roscoe Construcoes
Theme URI: http://www.mascarenhas.com.br
Description: Mascarenhas Barbosa Roscoe Construcoes
Version: 1.0
Author: Cumplice Comunicacao e Design
*/
body { 
	background: #FFF url(images/bg-menu.jpg) top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	clear: both;
}
#conteudo {
	padding: 0 0 10px 0;
	width: 960px;
	z-index: 5000;
	margin-top: -35px;
	position: relative;
}
h1.principal {
	margin-left: 250px;
	width: 440px;
}
h1 {
	color: #f68933;
	font-size: 23px;
	font-weight: bold;
	padding-bottom: 30px;
	clear: both;
	width: 960px;
}
.act-clientes h1 {
	line-height: 45px;
	padding-bottom: 0;
}
h1 span {
	color: #898989;
	width: 250px;
	float: left;
	display: block;
}
h1 span.titulo { /* usado apenas no single1 e single2 - notcias e obras, respectivamente*/
	color: #f68933;
	width: 440px;
	float: left;
	display: block;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	background: #f0f0f0;
	border-top: 1px solid #e6e6e6;
	padding: 12px 3px 3px 10px;
	margin: 0 1px;
}
.destaque {
	font-size: 14px;
	line-height: 18px;
	padding: 0 0 15px 0;
}
p {
	line-height: 16px;
	padding: 0 0 15px 0;
}
strong {
	font-weight: bold;
}
/************************************ links ************************************/
a:link, a:visited {
	color: #0076a3;
	text-decoration: none; 
}
a:hover, a:active {
	text-decoration: underline; 
}
h1 a:link, h1 a:visited {
	color: #898989;
	text-decoration: none;
}
h1 a:hover, h1 a:active {
	color: #222;
	text-decoration: none;
}
/************************************* menu ************************************/
#menu {
	width: 960px;	
}
#menu ul {
	width: 960px;
	height: 38px;
}
#menu ul li {
	float: left;
	list-style: none;
}
#menu ul li a {
	display: block;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
#menu ul li.m-bemvindo {
	background-image: url(images/m-bemvindo.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 82px;
}
#menu ul li.m-apresenta {
	background-image: url(images/m-apresenta.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 101px;
}
#menu ul li.m-obras {
	background-image: url(images/m-obras.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 142px;
}
#menu ul li.m-clientes {
	background-image: url(images/m-clientes.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 67px;
}
#menu ul li.m-noticias {
	background-image: url(images/m-noticias.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 58px;
}
#menu ul li.m-talentos {
	background-image: url(images/m-trabalhe.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 151px;
}
#menu ul li.m-contato {
	background-image: url(images/m-contato.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 91px;
}
#menu ul li.m-pt {
	background-image: url(images/btn-portugues.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 164px;
	float: right;
}
#menu ul li:hover {
	background-position: 0 -38px;
}
.act-home #menu ul li.m-bemvindo,
.act-apresenta #menu ul li.m-apresenta,
.act-obras #menu ul li.m-obras,
.act-clientes #menu ul li.m-clientes,
.act-noticias #menu ul li.m-noticias,
.act-talentos #menu ul li.m-talentos,
.act-contato #menu ul li.m-contato {
	background-position: 0 -76px;
}
.logo { /* logo mascarenhas - embaixo do menu */
	float: left;
}
.current-cat, .current_page_item {
	background: #f5f5f5 url(images/bullet.gif) left 15px no-repeat;
}
/****************************** formulrio de busca ***********************/
#searchform {
	float: right;
	margin-top: 43px;
}
#searchform input.buscar {
	background: #f2f2f2;
	border: 1px solid #666;
	float: left;
	margin: 0 5px 0 0;
	padding: 2px 0 1px 2px;
}
.btn-ok {
	background-image: url(images/btn-ok.gif);
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
	cursor: hand;
	cursor: pointer;
	float: left;
}
.btn-ok:hover {
	background-position: 0 -21px;
}
/****************************** resultado de busca ***********************/
.act-search .post {
	padding: 0 20px 10px 0;
	background: url(images/line-dotted.gif) bottom repeat-x;
	margin: 10px 0 0 250px;
}
.act-search .post-date {
	padding: 0 0 8px 0;
}
p.nada {
	font-weight: bold;
	color: #f68933;
	font-size: 13px;
	margin: 0 0 100px 230px;
}
p.keyword {
	font-weight: bold;
	color: #000;
	font-size: 15px;
	margin: 0 0 30px 230px;
}
p.keyword span {
	color: #f68933;
}
.act-search #col-meio {
	width: 710px;
	padding: 0;
}
.wp-pagenavi {
	margin: 20px 0 20px 250px;
	text-align: center;
}
span.pages {
	padding: 0 20px 0 0;
	color: #f68933;
	font-weight: bold;
}
.wp-pagenavi a {
	border: 1px solid #ddd;
	padding: 2px 4px;
	margin: 0 2px;
}
.wp-pagenavi .current {
	border: 1px solid #ddd;
	padding: 2px 4px;
	margin: 0 2px;
	background: #f1f1f1;
	font-weight: bold;
}
/***************************** slideshow todas as pginas **********************/
#slide {
	width: 960px;
	height: 156px;
}
#slideshow {
	width: 960px;
	height: 156px;
	z-index: 1;
	display: none;
}
/*************************** slideshow  pgina de clientes *********************/
#slide-clientes {
	width: 710px;
	height: 115px;
	display: none;
	clear: both;
	margin-bottom: 10px;
}
/*********************************** clientes **********************************/
.act-clientes #col-meio {
	width: 725px;
	clear: both;
	background: #FFF;
}
.act-clientes #col-meio ul {
	width: 240px;
	float: left;
	background: none;
}
.act-clientes #col-meio ul li {
	width: 210px;
	w/idth: 235px;
	float: left;
	padding: 0 8px 12px 17px;
	background: url(images/bullet.gif) 3px 3px no-repeat;
}
/************************************ rodape ***********************************/
#rodape {
	background:#b2b2b2;
	clear: both;
}
#rodape-content {
	width: 960px;
	margin: 0 auto;
	display: block;
	background:#b2b2b2;
	padding: 20px 0 70px 0;
	color: #FFF;
	text-transform: uppercase;
	font-size: 9px;
}
#rodape a {
	color: #FFF;
	text-decoration: none;
	padding: 0 4px;
}
#rodape a:hover {
	text-decoration: underline;
}
p.links {
	float: left;
}
img.cumplice {
	float: right;
	background-image: url(images/logo-cumplice.gif);
	background-repeat: no-repeat;
	width: 72px;
	height: 19px;
}
img.cumplice:hover {
	background-position:0 -19px;
}
/************************************ coluna-esquerda *************************/
#col-esquerda {
	width: 230px;
	float: left;
}
#col-esquerda ul {
	width: 150px;
	background: url(images/bg-lista-esquerda.jpg) top no-repeat;
}
#col-esquerda ul li {
	width: 140px;
	clear: both;
	border-bottom: 1px solid #ccc;
}
#col-esquerda ul li a {
	width: 128px;
	w/idth: 140px;
	padding: 13px 0 13px 12px;
	background: url(images/bullet.gif) left 15px no-repeat;
	display: block;
}
#col-esquerda ul li a:hover, #col-direita ul li a:hover {
	background: #f5f5f5 url(images/bullet.gif) left 15px no-repeat;
}
/************************************ coluna-direita ***************************/
#col-direita {
	width: 250px;
	float: left;
	background: url(images/bg-lista-direita.jpg) right top no-repeat;
}
#col-direita h2 {
	margin-left: 71px;
}
#col-direita p {
	width: 155px;
	w/idth: 180px;
	padding: 13px 0 13px 25px;
	clear: both;
	background: url(images/bullet.gif) 10px 15px no-repeat;
	float: right;
}
#col-direita ul {
	width: 180px;
	float: right;
}
#col-direita ul li {
	width: 170px;
	clear: both;
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
}
#col-direita ul li a {
	width: 158px;
	w/idth: 170px;
	padding: 13px 0 13px 12px;
	display: block;
	background: url(images/bullet.gif) left 15px no-repeat;
}
/************************************ coluna-meio ******************************/
#col-meio, #obras, #gestao { /* #obras -> pginas internas (single2) / #gesto -> apresentao - sistema de gesto */
	width: 480px;
	float: left;
	min-height: 50px;
}
#col-meio p, #obras p {
	padding: 0 0 15px 20px;
}
#obras ol li {
	width: 400px;
	clear: both;
	margin: 0 0 10px 20px;
	padding: 0 0 15px 0;
	background: url(images/line-dotted.gif) bottom repeat-x;
}
#obras ol li img {
	float: left;
	padding: 0 10px 0 0;
}
/************************ obras - pgina principal **************************/
#col-meio hr {
	width: 480px;
	clear: both;
	display: block;
	border:1px solid #FFF;
}
.box220 {
	border-left: 20px solid #FFF;
	width: 220px;
	float: left;
	background: url(images/bg-box220.jpg) top no-repeat;
}
.box220 ol {
	padding-top: 10px;
}
.box220 ol li {
	width: 200px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	clear: both;
	display: block;
}
.box220 ol li.outras {
	background: url(images/line-dotted.gif) top repeat-x;
}
.box220 ol li.outras a {
	line-height: 30px;
	padding: 3px 0 3px 15px;
	background: url(images/bullet.gif) left 6px no-repeat;
}
#col-meio .box220 img {
	float: left;
	padding: 0 10px 0 0;
}

img.thumbnail { /* define o tamanho dos thumbs na pagina principal de obras e nas sub-categorias  */
	width: 60px;
	height: 60px;
}

/************************************ noticias *******************************/
.act-noticias #col-meio h2 {
	line-height: normal;
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
	margin: 0 0 3px 20px;
	padding: 10px 0 10px 0;
	background: none;
}
.act-noticias #col-esquerda {
	width: 230px;
	background: url(images/bg-lista-esquerda.jpg) left top no-repeat;
}
.act-noticias #col-esquerda h2 {
	background: #f0f0f0;
	border-top: 1px solid #e6e6e6;
	width: 137px;
	w/idth: 150px;
	padding: 12px 3px 3px 10px;
}
.act-noticias #col-esquerda select {
	margin: 15px 0 20px 5px;
	width: 140px;
}
.post {
	padding: 0 0 30px 0;
}
.post-date {
	color: #999;
	font-size: 10px;
	padding: 0 0 8px 20px;
}
.post-footer {
	line-height: 20px;
	border-bottom: 1px solid #ccc;
	color: #999;
	font-size: 10px;
	margin: 0 0 35px 20px;
}
.act-noticias .post img {
	float: right;
	margin: 0 0 10px 10px;
}
.rss {
	background: url(images/rss.gif) left 12px no-repeat;
	padding: 12px 10px 12px 25px;
	width: 105px;
	w/idth: 140px;
	clear:  both;
	display: block;
}
.rss:hover {
	background: #f2f2f2 url(images/rss.gif) left 12px no-repeat;
}
/****************** image caption plugin *******************/
.imagecaptioneasy {
  padding: 0 0 5px 0;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  background: #f1f1f1;
  color: #666;
  font-style: italic;
  float: right;
  margin: 0 0 10px 10px;
}
.post .imagecaptioneasy img { border: 0px solid #fff; margin: 0 0 4px 0; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }
/****************** fim image caption plugin *******************/
#fato-concreto {
	width: 250px;
	float: left;
	background: url(images/bg-lista-direita.jpg) right top no-repeat;
}
#fato-concreto h2 {
	margin: 0 0 15px 71px;
}
#fato-concreto a {
	width: 155px;
	w/idth: 180px;
	padding: 0 0 0 25px;
	clear: both;
	background: url(images/bullet.gif) 10px 2px no-repeat;
	float: right;
}
#fato-concreto p {
	width: 155px;
	w/idth: 180px;
	padding: 0 0 7px 25px;
	clear: both;
	background: none;
	float: right;
}
/************************************* contato *******************************/
.box225 {
	width: 225px;
	float: right;
	background: url(images/bg-box225.jpg) top no-repeat;
	padding-bottom: 20px;
}
.box225 p {
	padding: 15px 10px 0 10px;
}
.act-contato h2 {
	background: #f0f0f0;
	border-top: 1px solid #e6e6e6;
	padding: 12px 3px 3px 10px;
	margin: 0 1px;
}
.act-contato #col-meio {
	width: 480px;
	float: left;
	background: url(images/bg-box460.jpg) left top no-repeat;
}
.act-contato #col-meio h2{
	margin-left: 1px;
	margin-right: 21px;
}
.act-contato #form-contato {
	padding: 8px 0;	
}
.act-contato #form-contato p {
	padding: 10px 0 20px 24px;
	color: #f68933;
	font-size: 13px;
	font-weight: bold;
}
.act-contato #form-contato ol li {
	width: 430px;
	margin: 0 auto;
	padding: 7px 0;
	margin-left: 25px;
}
.act-contato #form-contato label {
	width: 120px;
	float: left;
}
.act-contato #form-contato fieldset input, .act-contato #form-contato fieldset textarea {
	width: 276px;
	w/idth: 280px;
	background: #f2f2f2;
	border:1px solid #666;
	padding: 2px;
}
.act-contato #form-contato textarea {
	height: 120px;
}
.btn-enviar {
	background-image: url(images/btn-enviar.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 21px;
	cursor: hand;
	cursor: pointer;
	margin: 7px 0 0 145px;
}
.btn-enviar:hover {
	background-position: 0 -21px;
}
/*.act-contato #col-direita {
	width: 225px;
	float: left;
	background: url(images/bg-lista-direita.jpg) left top no-repeat;
	margin-left: 25px;
}
.act-contato #col-direita h2 {
	width: auto;
	margin-left: 1px;
}
.act-contato #col-direita p {
	width: 198px;
	w/idth: 210px;
	padding: 13px 0 13px 12px;
	clear: both;
	border-bottom: 1px solid #ccc;
	background: url(images/bullet.gif) left 15px no-repeat;
	margin-left: 10px;
}
.act-contato #col-direita ul li a, .act-contato #col-direita ul li a:hover {
	padding: 0;
	background: none;
	display: inline;
}*/
.act-contato #col-esquerda {
	float: right;
}
/************************* apresentacao / principal ************************/
#video {
	padding: 0 0 20px 20px; 
}
/********************** apresentacao / linha do tempo **********************/
#linhadotempo {
	padding: 0 0 20px 20px; 
}
/******************** apresentacao / sistema de gesto *********************/
.box480 {
	width: 480px;
	background: url(images/bg-box460.jpg) 20px top no-repeat;
	clear:both;
	padding: 0 0 20px 0;
}
#gestao .box480 p {
	float: left;
	width: 265px;
	w/idth: 295px;
	padding: 0 0 15px 30px;
}
#gestao .box480 img {
	padding: 50px 10px 0 10px;
	float: right;
}
.box480 h2 {
	background: #f0f0f0;
	border-top: 1px solid #e6e6e6;
	padding: 12px 3px 3px 10px;
	margin: 0 1px 15px 21px;
}
/*********************** apresentacao / resp social ***********************/
#responsabilidade {
	padding: 0 0 20px 20px; 
}
#accordion  {
	padding-bottom: 20px;
}
#accordion a {
	font-size: 15px;
	font-weight: bold;
	background: #f0f0f0;
	border-top: 1px solid #e6e6e6;
	padding: 12px 3px 3px 10px;
	margin: 0 0 10px 20px;
	clear: both;
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: #999;
}
#accordion a:hover {
	color: #666;
}
#accordion a.selected {
	color: #000;
}
#accordion .box480 {
	padding: 10px 0 0 0;
	margin-top: -10px;
} 
#accordion .box480 p{
	padding: 0 10px 15px 30px;
} 
#col-meio .box480 p {
	padding: 0 10px 15px 30px;
}
.organograma {
	padding: 0 0 15px 20px;
}
#resp-social {
	width: 250px;
	float: left;
	background: url(images/bg-lista-direita.jpg) right top no-repeat;
}
#resp-social h2 {
	margin: 0 0 15px 71px;
}
#resp-social p strong {
	width: 155px;
	w/idth: 180px;
	padding: 0 0 0 25px;
	clear: both;
	background: url(images/bullet.gif) 10px 2px no-repeat;
	float: right;
}
#resp-social p  {
	width: 155px;
	w/idth: 180px;
	padding: 0 0 7px 25px;
	clear: both;
	background: none;
	float: right;
}
/******************** apresentacao / reconhecimentos **********************/
.act-apresenta #col-meio ul {
	border-left: 20px solid #FFF;
}	
.act-apresenta #col-meio ul li {
	width: 460px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	clear: both;
	border-bottom: 1px solid #ccc;
}	
.act-apresenta #col-meio ul li img {
	float: right;
	padding: 0 0 0 15px;
}
.act-apresenta #col-meio ul li strong {
	padding: 10px 0 3px 0;
}
.act-apresenta .img-right img {
	float: right;
}
/********************** apresentacao / principios ************************/
.act-apresenta #col-meio ol {
	border-left: 20px solid #FFF;
}	
.act-apresenta #col-meio ol li {
	width: 460px;
	padding: 0 0 20px 0;
	clear: both;
}	
.act-apresenta #col-meio ol li strong {
	text-transform: uppercase;
	font-size: 13px;
}
/************************************* obras ******************************/
.act-obras #col-meio p {
	padding: 0 0 8px 20px;
}
/************************************* home *******************************/
.act-home #conteudo  {
	margin-top: 0;
}
.act-home .box220 {
	border-left: 0;
	margin-top: 20px;
	width: 225px;
}
.act-home .box220 h2 {
	margin: 0 3px;
}
.act-home .spacer {
	border-right: 20px solid #fff;
}
.act-home .box220 img {
	margin-left: 5px;
}
.act-home .box220 ul li {
	padding: 10px 10px 0 25px;
	background: url(images/bullet.gif) 12px 12px no-repeat;
}
.act-home .box220 p.trabalhe {
	background: url(images/bg-trabalhe.jpg) 123px top no-repeat;
	padding: 10px 90px 0 15px;
}
.btn-historia {
	background-image: url(images/foto-home01.jpg);
	background-repeat: no-repeat;
	width: 216px;
	height: 120px;
}
.btn-historia:hover {
	background-position: 0 -120px;
}
.btn-obras {
	background-image: url(images/foto-home02.jpg);
	background-repeat: no-repeat;
	width: 216px;
	height: 86px;
}
.btn-obras:hover {
	background-position: 0 -86px;
}
/************************************ editar ***********************************/
.editar {
	background-image: url(images/btn-editar.gif);
	background-repeat: no-repeat;
	width: 78px;
	height: 31px;
	margin: 10px 0;
	clear: both;
}
.edt-nova-noticia {
	background-image: url(images/btn-nova-noticia.gif);
	background-repeat: no-repeat;
	width: 110px;
	height: 31px;
	margin: 0 0 20px 20px;
	clear: both;
}
.edt-nova-obra {
	background-image: url(images/btn-nova-obra.gif);
	background-repeat: no-repeat;
	width: 98px;
	height: 31px;
	margin: 0 0 20px 20px;
	clear: both;
}
.editar:hover, .edt-nova-noticia:hover, .edt-nova-obra:hover {
	background-position: 0 -31px;
}
.act-apresenta #col-meio .editar, .act-apresenta #gestao .editar, 
.act-apresenta #resp-social .editar {
	float: right; 
	padding: 0 0 0 0;
}
/****************************** banco de talentos ******************************/
.act-talentos .sucesso {
	color: #f68933;
	font-size: 13px;
	font-weight: bold;
	width: 710px;
	height: 180px;
}
.act-talentos .sucesso p {
	padding: 0 0 0 250px;
}
.act-talentos #col-meio form {
	width: 460px;
	float: right;
}
.act-talentos #col-meio form h2 {
	border-top: 1px solid #e6e6e6;
	padding: 10px 3px 3px 10px;
	margin: 0 1px 7px 1px;
}
.act-talentos #col-meio form ol {
	background: url(images/line-dotted.gif) bottom repeat-x;
	padding-bottom: 15px;
}
.act-talentos #col-meio form ol li {
	width: 430px;
	margin: 0 auto;
	padding: 7px 0;
	border-bottom: 1px solid #f3f3f3;
	clear: both;
	display: block;
}
.act-talentos #col-meio form ol li label {
	float: left;
	width: 150px;
	line-height: 20px;
}
.act-talentos #col-meio form fieldset {
	background: url(images/bg-box460.jpg) left top no-repeat;
	display: block;
	clear: both;
	padding: 0 0 15px 0;
}
.act-talentos #col-meio fieldset.historico input, .act-talentos #col-meio input.largurafixa {	
	width: 246px;
	w/idth: 250px;
	background: #f2f2f2;
	border:1px solid #666;
	padding: 2px;
}
.act-talentos #col-meio fieldset select, 
.act-talentos #col-meio fieldset.dadospessoais input.nascimento {	
	background: #f2f2f2;
	border:1px solid #666;
}
.act-talentos #col-meio fieldset.dadospessoais input.nascimento {	
	padding: 2px;
}
.act-talentos #col-meio form strong {
	display: block;
	line-height: 40px;
}
.act-talentos #col-meio fieldset.cursos textarea {
	width: 241px;
	w/idth: 245px;
	height: 110px;
	background: #f2f2f2;
	border:1px solid #666;
	padding: 2px;
}
.act-talentos #col-meio .btn-enviar {
	background-image: url(images/btn-enviar.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 21px;
	cursor: hand;
	cursor: pointer;
	margin: 0 0 0 168px;
}
.btn-enviar:hover {
	background-position: 0 -21px;
}
/********************************* subpaginas **********************************/
.act-subpagina h1 {
	padding-bottom: 20px;
}
.act-subpagina #col-meio {
	width: 710px;
	padding: 0;
}
.act-subpagina .post {
	margin: 10px 0 0 230px;
}
.act-subpagina .editar {
	margin: 0 0 0 20px;
}
/************************************ HACKS ************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
ul li:after, ol li:after, .box220:after, .box480:after, h1:after, .post:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* rotate news home */
.act-home .box220 {
	height: 155px;
}
ul li.mais-noticias {
margin: 40px 0 0 0;
}