@charset "utf-8";
/* PARKSUL - CENTRO EMPRESARIAL */
/* Ficha técnica:
/* Produção: 1980sa - Comunicação Digital
/* Layout: Areta do Bem
/* Codificação XTML+CSS: Areta do Bem
/* Programação: Rennan Toniolo
/* Data: 12/2009 - 03/2010
/* *******************************/
@font-face {
font-family: "Candara";
src: url(Candarab.ttf) format("opentype");  
/*src: url(http://www.1980sa.com/fonts/parksul/Candarab.ttf) format("opentype"); */
} 
* {padding:	0; margin:0;}
body {
font:		13px Tahoma;
color:		#333;
text-align:	center;
}
/* *******************************/
/* ESTRUTURA */
#wpLinguagem {
width:		auto;
height:		19px;
background: #6F998A;
border-bottom: 1px solid #FFF;
}
#wpMenu {
width:		auto;
height:		69px;
background:	#13335C url(../img/bg_wpMenu.jpg) left top repeat-x;
border-bottom: 1px solid #FFF;
}
#wpTopoHome {
width:		auto;
height:		240px;
padding:	09px 0 0 0;
margin:		0;
background:	#FFF url(../img/bg_wpTopoHome.jpg) left top repeat-x;
}
#wpTopo {
width:		auto;
height:		109px;
padding:	0;
margin:		0;
background:	#C5D6D0 url(../img/bg_wpTopo.jpg) left top repeat-x;
border-bottom: 1px solid #719A8B;
}
#wpCorpo {
width:		1000px;
height:		auto;
margin:		0 auto;
text-align:	left;
}
#wpRodape {
width:		auto;
height:		100%;
margin:		20px 0 0 0;
border-top: 1px solid #719A8B;
background:	#122F54;
}
#linguagem, #menu, #topoHome, #rodape {
width:		1000px;
height:		auto;
margin:		0 auto;
}
#linguagem {
text-align: right;
}
#menu {
text-align: left;
}
#topoHome {
background:	transparent url(../img/bg_topoHome.gif) left bottom repeat-x;
text-align:	left;
}
#rodape {
text-align:	center;
font-size:	11px;
color:		#E0E9E6;
padding:	20px 0;
}
/* *******************************/
/* LINGUAGEM */
#linguagem img {
margin:		5px 5px 0 5px;
}
/* *******************************/
/* MENU */
#menu ul {
width:		auto;
height:		69px;
padding:	0;
margin:		0;
overflow:	hidden;
}
#menu ul li {
width:		auto;
list-style:	none;
font-family: "Candara", Tahoma;
text-transform: uppercase;
font-size:	14px;
font-weight: bold;
color:		#FFF;
text-align:	left;
padding:	20px 45px 10px 10px;
float:		left;
}
#menu ul li#ultimo {
padding:	20px 10px 10px 10px;
}
#menu ul li span {
display:	block;
font-size:	11px;
font-weight: normal;
color:		#A8BBC0;
}
#menu ul li a,
#menu ul li span a {
text-decoration: none;
color:		#D9E8E3;
}
#menu ul li a:hover,
#menu ul li span a:hover {
text-decoration: none;
color:		#FFF;
}

/* *******************************/
/* TOPO HOME */
#topoHome #logo {
width:		310px;
height:		auto;
float:		left;
}
#topoHome #s3slider {
width:		690px;
height:		240px;
overflow:	hidden;
float:		right;
}
#s3slider {
width: 		690px; /* important to be same as image width */
height: 	240px; /* important to be same as image height */
position: 	relative; /* important */
overflow: 	hidden; /* important */
}
#s3sliderContent {
width: 		690px; /* important to be same as image width or wider */
position: 	absolute; /* important */
top: 		0; /* important */
margin-left:0; /* important */
}
.s3sliderImage {
float: 		left; /* important */
position: 	relative; /* important */
display: 	none; /* important */
}
.s3sliderImage span {
position: 	absolute; /* important */
left: 		0;
font: 		17px Tahoma;
padding: 	15px 10px;
width: 		670px;
background-color: #000;
filter: 	alpha(opacity=80); /* here you can set the opacity of box with text */
-moz-opacity: 0.8; /* here you can set the opacity of box with text */
-khtml-opacity: 0.8; /* here you can set the opacity of box with text */
opacity: 	0.8; /* here you can set the opacity of box with text */
color: 		#fff;
display: 	none; /* important */
top: 		0;	
/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}
.s3sliderImage span small {
font-size:	13px;
}
/* *******************************/
/* TOPO INTERNAS */ 
#topoHome #tagSessao {
width:		690px;
height:		109px;
overflow:	hidden;
padding:	0;
margin:		0;
position:	relative;
background:	transparent;
float:		right;
}
#topoHome #tagSessao h2 {
width:		297px;
font-family: "Candara", Tahoma;
font-size:	21px;
color:		#FFF;
background:	#1DA838;
padding:	5px 10px;
margin:		0;
text-align:	right;
position:	absolute;
bottom:		0;
right:		0;
}
#topoHome #tagSessao h2#AEPS {
width:		297px;
font-family: "Candara", Tahoma;
font-size:	21px;
color:		#FFF;
background:	#122F54 !important;
padding:	5px 10px;
margin:		0;
text-align:	right;
position:	absolute;
bottom:		0;
right:		0;
}
/* *******************************/
/* CORPO */
#colAeps, #colAux {
width:		320px;
height:		auto;
float:		left;
}
#colAeps {
margin:		10px 0 0 0;
}
#colAux {
background:	transparent url(../img/bg_topoHome.gif) left top no-repeat;
padding:	 50px 0 0 0;
}
.colSepara {
width:		20px;
height:		auto;
float:		left;
}
#colCont {
width:		660px;
height:		auto;
margin:		10px 0 0 0;
float:		left;
}
.colCont2Col {
width:		320px;
height:		auto;
float:		left;
}
.controlaAltura170 {
width:		auto;
height:		170px;
margin:		0 0 20px 0;
overflow:	hidden;
clear:		both;
}
.controlaAltura170 p {
line-height:	normal;
} 
ul.canalAEPS,
ul#listaPlanilhas {
width:		auto;
height:		auto;
margin:		10px;
}
div#canalAEPS {
width:		auto;
height:		auto;
margin:		0;
}
ul.listaCanalAEPS li {
width:		auto;
height:		150px;
padding:	0;
margin:		0;
list-style:	none;
background:	transparent url(../img/bg_separadorP.png) bottom center no-repeat;
}
ul.canalAEPS li {
list-style:	none;
height:		auto;
padding:	0;
margin:		0 0 10px 0;
border-bottom: 1px solid #6F998A;
}
ul#listaPlanilhas li {
list-style:	none;
padding:	5px;
margin:		0 0 5px 0;
border-bottom:	1px solid #EDF2F0;
}
ul#listaPlanilhas li a {
text-decoration: none;
color:		#333;
}
ul#listaPlanilhas li a:hover {
text-decoration: underline;
color:		#333;
}

ul.listaCanalAEPS li span.data,
ul.canalAEPS li span.data,
div#canalAEPS .data,
ul#listaPlanilhas span {
display:	block;
font-size:	11px;
height:		12px;
color:		#6F998A;
}
ul.listaCanalAEPS li span.data,
ul.canalAEPS li span.data {
margin:		0 0 0 10px;
}
ul#listaPlanilhas span {
margin:		0 0 3px 0;
}
div#canalAEPS #texto {
padding:	0;
margin:		0 0 10px 10px;
}
div#canalAEPS #texto p {
margin:		0 0 5px 0;
}
div#canalAEPS #autor {
clear:		both;
background:	#EDF2F0;
margin:		10px 0 0 0;
padding:	5px;
font-size:	11px;
border-bottom: 1px solid #6F998A;
}
ul.listaCanalAEPS li h4,
ul.canalAEPS li h4,
div#canalAEPS h4 {
font-family:Tahoma;
font-size:	17px;
font-weight: normal;
text-transform: none;
height:		20px;
margin:		0 0 2px 0 !important;
padding:	0;
overflow:	hidden;
color:		#0D213C;
display:	block;
}
ul.listaCanalAEPS li h4 a,
ul.canalAEPS li h4 a {
color:		#0D213C;
text-decoration: none;
}
ul.listaCanalAEPS li h4 a:hover,
ul.canalAEPS li h4 a:hover {
text-decoration: underline;
}
ul.listaCanalAEPS li h6,
ul.canalAEPS li h6,
div#canalAEPS h6{
font-family:Tahoma;
font-size:	13px;
font-weight: bold;
text-transform: none;
height:		auto;
margin:		0 0 0 10px !important;
padding:	0;
overflow:	hidden;
color:		#6F998A;
display:	block;
}

ul.listaCanalAEPS li span.resumo {
display:	block;
height:		64px;
margin:		0 0 3px 0;
padding:	0;
overflow:	hidden;
}
ul.canalAEPS li span.resumo {
display:	block;
height:		39px;
margin:		0 0 3px 0;
overflow:	hidden;
}
ul.listaCanalAEPS li span.resumo:after,
ul.canalAEPS li span.resumo:after {
content: "...";
}
ul.listaCanalAEPS li span.continueLendo,
ul.canalAEPS li span.continueLendo{
font-size:	10px;
height:		12px;
background:	transparent url(../img/ico-continueLendo.gif) right bottom no-repeat;
padding:	3px 18px 6px 0;
color:		#5DB256;
text-align:	right;
display:	block;
}
ul.listaCanalAEPS li span.continueLendo a,
ul.canalAEPS li span.continueLendo a {
color:		#5DB256;
text-decoration: none;
}
ul.listaCanalAEPS li span.continueLendo a:hover,
ul.canalAEPS li span.continueLendo a:hover {
color:		#33662F;
text-decoration: none;
}
#empresasHome img {
width:		85px;
height:		65px;
background:	#6F998A;
padding:	5px;
margin:		3px;
}
div#empresas span {
width:		315px;
height:		100px;
padding:	0 0 30px 0;
margin:		5px;
background:	transparent url(../img/bg_separadorSimples.jpg) bottom left repeat-x;
float:		left;
display:	block;
}
div#empresas span a {
text-decoration: none;
color:	#666;
}
div#empresas span a img {
border:		none;
}

div#empresas span h4 {
font-size:	15px;
letter-spacing: -0.05em;
text-transform: uppercase;
margin:		0;
text-indent: 0;
color:		#6F998A;
clear:		both;
}
div#empresas span .logo {
width:		85px;
height:		65px;
background:	#6F998A;
padding:	5px;
margin:		3px;
display:	block;
float:		left;
}
div#empresas span ul {
width:		195px;
height:		auto;
padding:	5px 0 0 0;
margin:		0 0 0 5px;
display:	block;
overflow:	hidden;
float:		left;
}
div.rc {
width:		auto;
height:		auto;
padding:	5px 5px 30px 5px;
margin:		10px;
background:	transparent url(../img/bg_separadorSimples.jpg) bottom left repeat-x;
}
div.rc ul {
width:		auto;
height:		auto;
padding:	10px;
margin:		0 10px;
background:	#FBFDFC;
}
div#empresas span ul li,
div.rc ul li {
list-style:	none;
padding:	0 0 2px 13px;
}
div#empresas span ul li {
font-size:	10px;
padding:	3px 0 3px 13px;
}
div#empresas span ul li.num,
div.rc ul li.num {
background:	url(../img/ico-empresas-num.gif) left center no-repeat;
}
div#empresas span ul li.res,
div.rc ul li.res {
background:	url(../img/ico-empresas-responsavel.gif) left center no-repeat;
}
div#empresas span ul li.tel,
div.rc ul li.tel {
background:	url(../img/ico-empresas-telefone.gif) left center no-repeat;
}
div#empresas span ul li.eml,
div.rc ul li.eml {
background:	url(../img/ico-empresas-email.gif) left center no-repeat;
}
div#empresas span ul li.url,
div.rc ul li.url {
background:	url(../img/ico-empresas-url.gif) left center no-repeat;
}
div.rc ul li.tag {
background:	url(../img/ico-empresas-tag.gif) left top no-repeat;
}
div.rc ul li.tick {
background:	url(../img/ico-empresas-tick.gif) left top no-repeat;
}
div.rc ul li.url a {
text-decoration: none;
color:		#666666;
}
div.rc ul li.url a:hover {
text-decoration: none;
color:		#333;
}
ul.subMenu {
width:		auto;
height:		auto;
background:	transparent url(../img/bg_separadorP.png) center bottom no-repeat;
margin:		0 8px 0 5px;
padding:	0 0 31px 0;
list-style:	none;
}
ul.subMenu li {
background:	#D9E4E0;
border-bottom: 1px solid #B9CEC7;
margin:		0 0 1px 0;
font:		15px Tahoma;
color:		#6F998A;
padding:	13px 10px 10px 40px;
}
ul.subMenu li:hover {
background:	#B9CEC7 url(../img/bg_subMenuLi_hover.gif) left center no-repeat;
border-bottom: 1px solid #D9E4E0;
color:		#FFF;
cursor:		pointer;
}
ul.subMenu li a {
text-decoration: none;
color:		#6F998A;
display:	block;
}
ul.subMenu li a:hover {
color:		#FFF;
text-decoration: none;
}
#galeria {
width:		auto;
height:		auto;
background:	transparent url(../img/bg_wpGalerias.gif) top right no-repeat;
padding:	20px 0 0 0;
}
/* 200px x 134 px = thumb da galeria */
#galeria img {
float:		left;
background:	#D9E4E0;
padding:	3px;
margin:		6px;
border:		1px solid #B9CEC7;
}
.fotosAdm {
width:		188px;
height:		auto;
float:		left;
margin:		6px;
padding:	0;
text-align:	right;
font-size:  11px;
}
.fotosAdm img {
width:		182px;
background:	#D9E4E0;
padding:	3px;
border:		1px solid #B9CEC7;
}
.fotosAdm a {
text-decoration: none;
color:		#FF0000;
}
.fotosAdm a:hover {
text-decoration: underline;
}
#paginacao {
clear:		both;
width:		auto;
height:		auto;
margin:		10px 10px 0 10px;
padding:	3px;
text-align:	center;
}
#paginacao a {
border:		1px solid #C7D8D2;
color:		#C7D8D2;
padding:	2px 10px;
margin:		0 2px;
background:	#FFF;
text-decoration: none;
}
#paginacao a:hover {
border:		1px solid #122F54;
color:		#FFF;
background:	#122F54;
}
ul#submenuLogado {
width:		auto;
height:		auto;
margin:		0 10px;
}
ul#submenuLogado li {
list-style:	none;
background:	#122F54;
color:		#FFF;
font-size:	13px;
padding:	5px 10px;
margin:		0 0 1px 0;
}
ul#submenuLogado li a {
color:		#FFF;
text-decoration: none;
}
ul#submenuLogado li a:hover {
color:		#FFF;
text-decoration: underline;
}
/* *******************************/
/* RODAPE */
#rodape p {
margin:		0 0 10px 0;
}
#rodape p a {
color:		#D9E8E3;
text-decoration: none;
}
#rodape p a:hover {
color:		#FFF;
text-decoration: none;
}
#rodape #logosRodape {
width:		280px;
height:		auto;
margin: 	0 auto;
}
#rodape #logosRodape div {
width:		140px;
text-align:	center;
float:		left;
}
#rodape #logosRodape small {
display:	block;
margin:		0 0 3px 0;
}
/* *******************************/
/* TITULOS */
h1, h2, h3, h4, h5 { 
font-family: "Candara", Tahoma; 
}
h2 {
font-size:	21px;
letter-spacing: -0.05em;
text-transform: uppercase;
margin:		0 0 5px 0;
text-indent: 10px;
border-top:	10px solid #1DA838;
color:		#1DA838;
clear:		both;
}
h2.aeps {
border-top:	10px solid #122F54;
color:		#122F54;
}
h3 {
font-size:	17px;
letter-spacing: -0.05em;
text-transform: uppercase;
margin:		0 0 5px 0;
text-indent: 10px;
color:		#6F998A;
clear:		both;
}
h3.aeps {
margin:		6px 0 2px 0;
color:		#122F54;
}
h4 {
font-size:	15px;
letter-spacing: -0.05em;
text-transform: uppercase;
margin:		0 0 5px 0;
text-indent: 10px;
color:		#6F998A;
clear:		both;
}
h4.linhasOnibus {
font-family: Tahoma;
font-size:	14px;
font-weight: normal;
letter-spacing: -0.01em;
text-transform: none;
text-align:	left;
margin:		0 5px;
background:	transparent;
clear:		both;
}
h4.linhasOnibus a {
text-decoration: none;
color:		#6F998A;
}
h4.linhasOnibus a:hover {
text-decoration: none;
color:		#122F54;
}
h4.linhasOnibus small {
font-size:	11px;
color:		#999999;
}
h5 {
font-size:	13px;
letter-spacing: -0.05em;
margin:		10px 0 0 0;
text-indent: 10px;
color:		#6F998A;
clear:		both;
}
/* *******************************/
/* CLASSES // GERAL */
.clear {
clear:		both;
font-size:	1pt;
height:		1pt;
}
.none {
display:	none;
}
img {
border:		none;
}
p {
margin:		0 10px 5px 10px;
line-height: 20px;
}
.floatLeft {
float:		left;
margin:		0 5px 0 0;
}
.floatRight {
float:		right;
margin:		0 0 0 5px;
}
.imgSolta {
padding:	3px;
background:	#D9E4E0;
margin:		3px;
}
.vejaMais {
clear:		both;
background:	transparent url(../img/ico-vejaMais.gif) left center no-repeat;
padding:	0 0 0 20px;
font-size:	11px;
color:		#838383;
}
.vejaMais a {
text-decoration: none;
color:		#838383;
}
.vejaMais a:hover {
text-decoration: none;
color:		#333;
}
ul.lista {
width:		auto;
height:		auto;
margin:		0 10px;
}
ul.lista li {
padding:	3px;
margin:		0;
list-style: inside url(../img/bullet-lista.gif);
}
.separador {
width:		auto;
height:		70px;
margin:		20px 0 0 0;
background:	transparent url(../img/bg_separador.png) center top no-repeat;
clear:		both;
}
.separadorSimples {
width:		auto;
height:		30px;
margin:		0;
background:	transparent url(../img/bg_separadorSimples.jpg) center center repeat-x;
clear:		both;
}
.barraAcoes {
width:		auto;
clear:		both;
margin:		5px 0;
padding:	5px;
background:	#6F998A;
text-align:	right;
font-size:	11px;
}
.barraAcoes a {
color:		#fff;
text-decoration: none;
}
table {
width:		98%;
height:		auto;
padding:	2px;
margin:		0 10px;
}
table caption {
font-family: Tahoma;
font-size:	17px;
letter-spacing: -0.05em;
text-transform: none;
text-align:	left;
margin:		10px 0 5px 5px;
color:		#6F998A;
clear:		both;
}
table caption small a {
float:		right;
font-size:	9px;
padding:	10px 0 0 0;
color:		#009900;
text-decoration: none;
}
table th {
text-align:	left;
padding:	3px;
font-size:	14px;
font-weight: normal;
background:	#D9E4E0;
}
table th.incolor {
background:	transparent;
}
table td {
text-align:	left;
padding:	3px;
background:	#F3F6F5;
}
table tr.obs1 td {
background:	#FFF8F0;
}
a.link {
color:		#1DA838;
text-decoration: none;
}
a:hover.link {
color:		#1DA838;
text-decoration: underline;
}
.aviso {
width:		auto;
height:		auto;
padding:	9px 5px 5px 5px;
margin:		10px;
background:	#FFFBBE url(../img/ico-aviso.gif) center right no-repeat;
border:		1px solid #FFBE00;
}
.erro {
width:		auto;
height:		auto;
padding:	9px 5px 5px 5px;
margin:		10px;
background:	#FFFBBE url(../img/ico-aviso.gif) center right no-repeat;
border:		1px solid #FFBE00;
}
.sucesso {
width:		auto;
height:		auto;
padding:	9px 5px 5px 5px;
margin:		10px;
background:	#FFFBBE url(../img/ico-aviso.gif) center right no-repeat;
border:		1px solid #FFBE00;
}
/* *******************************/
/* FORM */
.forms {
width:		auto;
height:		auto;
margin:		10px;
}
.forms label {
width:		140px;
height:		auto;
text-align:	right;
margin:		7px 5px 0 0 ;
float:		left;
}
.forms fieldset {
border:		1px solid #6F998A;
padding:	5px;
margin:		5px;
}
.forms legend {
background:	#6F998A;
color:		#FFF;
font-size:	13px;
font-weight: bold;
padding:	5px;
}
.forms .submit {
background:	#6F998A;
border-bottom: none;
border-left:1px solid #C9DED9;	
border-right: none;
border-top: 1px solid #C9DED9;
color:		#FFF;
font-size:	14px;
padding:	3px 5px;
margin:		0 0 0 10px;
overflow:	visible;
cursor:		pointer;		
}
#search {
width:		29px;
height:		34px;
background:	transparent url(../img/ico-search.gif) center center no-repeat;
border:		none;
cursor:		pointer;
}
input, textarea, select {
width:		auto;
height:		auto;
padding:	6px;
margin:		0 0 10px 0;
background:	#DAE9E4;
border:		1px solid #C9DED9;
font:		13px Tahoma;
color:		#333;
}
input:focus, textarea:focus, select:focus {
border:		1px solid #1DA838;
color:		#000;
}
form#aepsForm {
margin:		0 10px;
}
form#aepsForm #aepsLogin,
form#aepsForm #aepsSenha {
width:		176px;
padding:	6px 6px 6px 23px;
float:		left;
}
form#aepsForm #aepsLogin {
background:	#DAE9E4 url(../img/ico-inputLoginAeps.gif) left center no-repeat;
}
form#aepsForm #aepsSenha {
background:	#DAE9E4 url(../img/ico-inputSenhaAeps.gif) left center no-repeat;
}
form#aepsForm #eapsSubmit {
width:		80px;
height:		70px;
background:	transparent url(../img/bg_inputSubmitAeps.gif) center center no-repeat;
border:		none;
margin:		1px 0 0 0;
color:		#666;
font:		17px Tahoma;
float:		right;
cursor:		pointer;
}
form#competencia {
float:		right;
}