@import "reset.css";

html { text-align:center; }

body {
	/*background:#FFFFFF url(img/big_bg.jpg) no-repeat 292px 0;*/
	background:#FFFFFF url(img/bg.jpg) repeat-y center center;
	font:normal 12px/1.5 Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:left;
	margin:0 auto;
}

a, a:link {text-decoration:none; color:#000000;}
a:hover { text-decoration:underline; }

/*** Monta a Estrutura ***/

/*DIV Global*/
#main { margin:0 auto; width:940px; clear:both; }

/**** Navegação Principal ****/
.navbar { width:275px; position:absolute; }
.navbar h1 { padding:20px 0 0 16px; } /*Logotipo*/
	.nav { margin:50px 0 0 54px; position:absolute; width:200px;  }
	.nav li {border-bottom:1px solid #e5e5e5; width:200px; height:41px; position:relative; float:left; }
	.nav li a {
		background:url(img/sprite-menu.gif) no-repeat;
		text-indent:-9999px;
		display:block;
		height:20px;
		width:155px;
		left:10px;
		top:14px;
		position:absolute;
	}
	.nav li.empresa a{background-position:0 0; }
	.nav li.objetivos a{background-position:0 -29px;}
	.nav li.atuamos a{background-position:0 -57px;}
	.nav li.condicoes a{background-position:0 -86px;}
	.nav li.equipe a{background-position:0 -114px;}
	.nav li.depoimento a{background-position:0 -142px;}
	.nav li.contato a{background-position:0 -168px;}
	.nav li.imprensa a{background-position:0 -194px;}
		p.crise a {
			background:url(img/btn_crise.gif) no-repeat;
			display:block;
			height:81px;
			left:-20px;
			margin:50px 0 0;
			position:absolute;
			top:390px; /*altura para menu com depoimentos*/
			top:420px; 
			width:266px;
			text-indent:-9999px;
		}
		p.crise.ativa a { background-position:0 -81px;}
		p.crise a:hover { background-position:0 -81px;}
	
	.nav .ativa { background:url(img/nav.gif) no-repeat; width:224px; height:42px; z-index:-1000; border:none; }
	.bg-menu-seta { background:url(img/nav.gif) no-repeat; width:224px; height:42px; z-index:-1000; }

/*DIV Direita Conteúdo*/
.page { width:640px; padding-left:275px; }
	.page .n { position:absolute; z-index:-1000; left:10px; }

.page ul.navtop { width:615px; padding:10px 0 0 0; font-size:11px; }
.page ul.navtop li { display:inline; float:left;}
	.page ul.navtop li.home {
		background:url(img/ico/home.gif) no-repeat 5px 14px;
		display:block;
		height:20px;
		width:90px;
		text-indent:20px;
		padding-top:12px;
	}
	.page ul.navtop li.home:hover { background:url(img/ico/homehv.gif) no-repeat 5px 14px;} 
	.page ul.navtop li.salaimprensa {
		background:url(img/ico/newspapers.gif) no-repeat 5px 13px;
		display:block;
		height:20px;
		width:115px;
		text-indent:25px;
		padding-top:12px;
	}
	.page ul.navtop li.salaimprensa:hover { background:url(img/ico/newspapers_hv.gif) no-repeat 5px 13px;}
	.page ul.navtop li.tma-brasil {
		background:url(img/ico/tma-brasil.gif) no-repeat 5px 5px;
		display:block;
		height:26px;
		width:150px;
		text-indent:40px;
		padding-top:12px;
	}
	.page ul.navtop li.separa {
		display:block;
		text-indent:0;
		padding-top:12px;
	}
	.box-endereco {
		width:160px;
		height:50px;
		position:absolute;
		background:url(img/ico/endereco.gif) no-repeat 5px 0;
		text-indent:30px;
		padding-top:12px;
		margin-left:340px;
		margin-top:10px;
		z-index:99999;
	}
	.box-endereco:hover { background:url(img/ico/enderecohv.gif) no-repeat 5px 0;}
	.page ul.navtop li.tel { 
		/*background:url(img/tit/artur_lopes_numero_empresa.gif) no-repeat 0 0;*/
		display:block;
		height:20px;
		/*width:270px;*/
		margin-top:2px;
		float:right;
		/*text-indent:-9999px;	*/
	}
	.page ul.navtop li.tel.push {float:left; width:245px;}
	.page .divisor {border-top:1px solid #cecec6; border-bottom:1px solid #ffffff; display:block; clear:both; margin-right:25px; }


.conteudo {position:relative; height:200px;}

/*{display:block; font-size:14px; padding-top:10px; }*/

/*.top {
	background:url(img/ico/up.gif) no-repeat right 0;
	height:30px;
	width:45px;
	border-top:1px solid #CECEC6;
}*/

.page h2.slogan { margin:22px 9px 22px 0; z-index:-20; float:right; }


/* Diagrama os textos entre colunas*/	
.colunn { /*float:left; */width:600px; margin-left:30px; }
	.colunn p.olhopage{ text-align:justify; color:#000000; margin-top:15px;}
		.colunn p.push{ margin-bottom:25px;}
	.colunn p { text-align:justify; color:#000000; margin:20px 0;}
	.colunn h2 { margin:76px 0 23px 0; }
	.colunn .maisnoticias { 
	 	border-top:1px solid #CECEC6;
		margin:67px 0 8px;
	}
	.colunn .maisnoticias strong {display:block; font-size:14px; padding-top:10px; }
	.colunn .top {
		background:url(img/ico/up.gif) no-repeat right 0;
		height:30px;
		width:45px;
	}	

	/*Notícias*/
	.materia {
		padding:5px 0 10px;
	}
		.colunn span.data {
			font-size:12px;
		}
		.colunn span.data-detalhe {
			font-size:12px;
			border-bottom:1px solid #cecec6;
			display:block;
		}
		.colunn span.titulo a {
			display:block;
			font-size:14px;
			width:562px;
		}
		.colunn a.bot-print {
			float:left;
		}
		.colunn .voltar a{
			display:block;
			float:right;
		}
		.colunn h1 { font-size:22px;}
		.colunn h3 { 
			font-size:16px;
			font-style:italic;
			font-weight:normal;
			margin:-15px 0 0;
		}
		/* Páginação das matérias*/
		.numero-paginas {
			display:block;
			margin:0 45px;
		}
		.numero-paginas ul { float:right; }
		.numero-paginas ul span {
			display:block;
			float:left;
			padding-top:3px;
		}
		.numero-paginas ul li.active {
			background:#596C36 none repeat scroll 0 0;
		}
		.numero-paginas ul li {
			background:#9DB571 none repeat scroll 0 0;
			color:#FFFFFF;
			display:block;
			float:left;
			font-weight:bold;
			height:17px;
			margin-left:5px;
			padding-bottom:2px;
			padding-top:1px;
			text-align:center;
			width:20px;
		}
		.numero-paginas ul li a {
			color:#FFFFFF;
			font-weight:bold;
			line-height:18px;
		}

/* Floats */
.left { float:left;}
.right { float:right;}

/* alw - artur lopes width*/
.alw165 { width:165px; margin-right:15px; }
.alw248 { width:248px; margin:30px 0 30px 30px; border-left:3px solid #c6c8b5; padding-left:4px; font-style:italic; color:#6c6c6b !important; }
.alw265 { width:265px;}
	.alw265 p.tel { padding-top:65px;}
.alw285 { width:285px;}
.alw315 { width:315px;}
.alw400 { width:400px;}
	.alw400 p { color:#6c6c6b; border-bottom:1px solid #cfcfc7; padding-bottom:15px; }
	.alw400 ul { float:left; padding-bottom:50px; margin-top:-20px;}
	.alw400 li { float:left;}
	.alw400 li a { display:inline; float:left; margin:10px 25px 0 0; }
	.alw400 li.linkedin a { background:url(img/ico/linkedin.gif) no-repeat; text-indent:25px; height:30px;} 
	.alw400 li.book a { background:url(img/ico/book.gif) no-repeat; text-indent:25px; height:30px;} 
.alw520 { width:520px; margin:30px 0 30px 30px; border-left:3px solid #c6c8b5; padding-left:4px; font-style:italic; color:#6c6c6b !important;  }
.alw580 { width:580px;}
	.alw580 .displaynumber span{
		background:	url(img/ico/numbers.gif) no-repeat 0 0;
		height:21px;
		width:22px;
		text-indent:-9999px;
		display:block;
		float:left;
		margin-top:20px;
	}
	.alw580 .displaynumber span.um { background-position:0 0; }
	.alw580 .displaynumber span.dois { background-position:-23px 0;}
	.alw580 .displaynumber span.tres { background-position:-47px 0; }
	.alw580 .displaynumber span.quatro { background-position:-72px 0; }
	.alw580 .displaynumber span.cinco { background-position:-97px 0; }
	.alw580 .displaynumber p { font-style:italic; color:#6c6c6b !important; margin-top:10px; }
	.alw580 .displaynumber h4 {background:url(img/ico/seta.gif) no-repeat 530px 6px; margin:20px 0 10px 30px; border-left:3px solid #ddddd5; padding-left:4px; font-size:12px; cursor:pointer;  } 
	.alw580 .displaynumber h4:hover { text-decoration:underline;}
	.alw580 .displaynumber .divisor {border-top:1px solid #cecec6; border-bottom:1px solid #ffffff; display:block; clear:both; margin-right:0; }
	
	
.alw632 { width:632px;}

/* als - artur lopes size */
.als11 { font-size:11px;}
.als12 { font-size:12px;}
.als13 { font-size:13px;}
.als14 { font-size:14px;}
.als16 { font-size:16px;}
.als18 { font-size:18px;}
.als20 { font-size:20px;}
.als22 { font-size:22px;}

/* alm - artur lopes margin/padding right*/
.almr20 { margin-right:20px;}
.alpt200 { padding-top:200px;}
.alpt220 { padding-top:220px;}

/* Formulário - Contato*/
fieldset {
	background:#dbdcd0;
	border:1px solid #d2d2c9;
	height:420px;
	display:block;
	width:305px;
	padding:8px;
}
	form label { float:left; }
	form label span { 
		float:left;
		display:block;
		color:#444444;
		padding-top:5px;
		clear:both;
	}
	form input, textarea {
		border:1px solid #c5c6bb;
		width:296px;
		height:20px;
		padding:5px 4px 0 4px;
		float:left;
	}
	textarea { height:150px; }
	form input[type="submit"] {
		background:url(img/btn.gif) no-repeat;
		float:right;
		height:26px;
		width:70px;
		text-align:center;
		margin:10px 0 0 0;
		padding:3px 0;
	}

/* Monta a janela de depoimentos*/
.depoimentos {
	clear:both;
	padding-top:20px;
	position:absolute;
	right:30px;
	top:520px; /*altura para menu com depoimentos*/
	top:550px;
}
.box-depoimentos {
	background:#DFE1CC;
	border:2px solid #bbbbb5;
	position:relative;	
	padding:5px;
	width:240px;
	clear:both;
}
.images { height:275px; cursor:pointer; }
span.clear {clear:both; display:block;}

/* Único Slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	padding:5px;
	text-align:justify;
	font-size:11px;
}
	.images div p { text-align:justify;}
	/* Cabeçalho */
	.images h3 {
		font-size:22px;
		font-weight:normal;
		margin:0 0 20px 0;
		color:#456;
	}
	.images p.names { font-style:italic;} 

/* tabs (pequenos circulos abaixo do slide) */
.tabs-box {height:30px; /*border-top: 1px solid #bbbbb5; */position:relative;}
.slidetabs {clear:both; position:absolute; top:9px; right:0;}

/* Única tab */
.slidetabs a {
	width:12px;
	height:12px;
	float:left;
	margin:3px;
	background:url(img/ico/depoimentos-active.gif) 0 -12px no-repeat;
	display:block;
	font-size:1px;		
}

/* Estado atual do slide */
.slidetabs a.current { background-position:0 0; } 	
/* prev and next buttons */
.forward, .backward {
	background: url(img/ico/backward-forward.png) no-repeat;
	display:block;
	width:32px;
	height:32px;
	cursor:pointer;
	position:absolute;
	top:140px;
	font-size:1px;
	text-indent:-9999em;	
}
/* next */
.forward { background-position: 0 0; clear:right; right:180px; top:200px; display:none; }
/* prev */
.backward {background-position:-32px 0; left:6px; top:200px;}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {	visibility:hidden !important; }

/*Balão endereço*/
.tooltip {
	display:none;
	background:url(img/bg-tooltip.gif) no-repeat 0 0;
	font-size:11px;
	padding:10px;
	width:280px;
	height:40px;
}
.tooltip .seta {display:block; width:12px; height:9px; background:url(img/ico/tooltip.gif) no-repeat 0 0; left:50%; margin-left:-6px; top:-8px; position:absolute;}