@charset "iso-8859-1";

.content { min-height: 695px; position: relative; width: 610px; }
.toolTipMenu { margin-left: 7px!important; }

.content h2 { margin-bottom: 55px;}
#coralBrasil .content h2, #coralBrasil .content h2 { margin-bottom: 0; float: left;}
.Gestao .content h2 { margin-bottom: 50px!important; }
#coralBrasil .content h3, #coralBrasil .content h3 { float: left; margin: 29px 0 0 16px; }
#coralBrasil .content h4, #coralBrasil .content h4 { float: right; margin: 33px 16px 0 0; }
#coralBrasil .content h4 img, #coralBrasil .content h4 img { margin-left: 6px; }
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style: none; }

#LinhaTempo .focusTexto { height: 490px!important; background-image: none; background-color: #e5e5e5;}
#LinhaTempo .content { z-index: 2; }
.futureCall {
	background-image: none;
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 570px;
	height:	420px;
	position: relative;
	z-index: 3;
	margin: 70px 0 0 -149px;
}

#companyContent { padding: 50px 0 0 45px; position: relative; }
#photoGalery { margin-right: 15px; float: left; }
#photoGalery dt  {
	width: 159px;
	height: 28px;
	background: url(/img/coralBrasil/titGaleria.gif) no-repeat ;
	display: block;
	text-indent: -5000em;
 }
#photoGalery dd  {
	border-bottom: 1px solid #d7d7d7;
	width: 145px;
	padding: 19px 7px;
}

.nophoto {
	width: 159px;
}

.nophoto dt  {
	width: 159px;
	height: 28px;
	background: none!important ;
	display: block;
	text-indent: -5000em;
}

#photoGalery #thumb { padding: 5px 0 0 0; width: 159px; line-height: 12px; }
#thumb .central { padding: 0 5px; }
#thumb li { padding: 0 0 5px 0; } 

#companyDesc {
	margin: 0;
	width: 380px;
	float: left;
	text-align: justify;
	color: #666;
}

#companyDesc p  {
	padding: 0 0 12px 0; 
	margin: 0; 
	text-transform: uppercase; 
	font-size: 11px; 
	font-weight: bold; 
}

/*Institucional*/
.Institucional .feature
 {
	width: 165px;
	height: 166px;
	background-repeat: no-repeat;
	float: left;
	margin: 40px 0 0 27px;
}

.Institucional #quemSomos, .Institucional #servicos, .Institucional #sustentabilidade { margin-left: 50px!important; margin-left: 20px; }

.Institucional #quemSomos { background-image: url(/img/coralBrasil/bgQuemSomos.gif); }
.Institucional #linhaTempo { background-image: url(/img/coralBrasil/bgLinhaTempo.gif); }
.Institucional #principios { background-image: url(/img/coralBrasil/bgPrincipios.gif); }
.Institucional #servicos { background-image: url(/img/coralBrasil/bgServicos.gif); }
.Institucional #sistemaGestao { background-image: url(/img/coralBrasil/bgSistemaGestao.gif); }
.Institucional #empresaCidada { background-image: url(/img/coralBrasil/bgEmpresaCidada.gif); }
.Institucional #sustentabilidade { background-image: url(/img/coralBrasil/bgSustentabilidade.gif); }

#quemSomos, #linhaTempo, #principios, #servicos, #sistemaGestao, #empresaCidada { background-repeat: no-repeat; }

.Institucional .feature div {
	padding: 48px 0 0 2px;
	text-align: justify;
	height: 74px;
}

.Institucional .feature div h1 { margin: 0; padding: 0; }

.Institucional .feature h1 a {
	text-indent: -5000em;
	width: 71px;
	height: 9px;
	display: block;
	margin-left: 73px;
}

/*Pincipios*/

.Servicos #pageDescription { margin-bottom: 70px; }
#pageDescription { margin: 0 15px 20px 50px; position: relative; text-align: justify; color: #666; top: 40px ; }
.Empresa #pageDescription p { font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 0; padding: 0 0 12px 0; }
.Cidada #pageDescription img { margin-bottom: 20px; }
.Cidada #pageDescription { border-bottom: 1px solid #e7e7e7; padding-bottom: 15px; }

.gLine {width: 549px; position: relative; left: 48px;  background: #ccc; height: 1px; margin: 7px 0; clear: both;}
.Institucional h4, .Principios h4 { margin-bottom: 50px!important; }
#principiosMenu dl { width: 549px; padding: 0; clear: both; color: #666; left: 48px; position: relative; }
.coralPrincipios dl { padding: 0!important; }
#principiosMenu dt { height: 29px; width: 100%; margin-bottom: 3px; font-size: 11px; color: #666666; font-weight: bold; }
.coralPrincipios dt { margin: 0!important; padding:0!important; }
#principiosMenu dd { padding: 17px 22px ; }
#coralBrasil #principiosMenu dd { text-align: justify; padding-right: 32px; clear: both; }
.coralPrincipios dd { background: none!important; padding: 16px 3px!important; }
#principiosMenu #visao, #principiosMenu #valores, #diskCoral, #treinamentos, #atendimento { background-color: #e1edfc; }
#principiosMenu #missao, #simulador, #tecEspefc, #coralService { background-color: #d4e4f9; }
#principiosMenu #excelencia , #clubeCor, #visita, #qualidade { background-color: #cedbec; }
#principiosMenu dt img { float: left; }
#principiosMenu dt div { padding: 8px 15px; float: left; } 

.coralSac { margin: 0 30px 0 0px; padding-bottom: 30px; float: left; height: auto; }
#diskCoral .diskCoralContent { float: left; width: 200px!important; }

#principiosMenu .hideMnu { float: right; }
#principiosMenu .showMnu { float: left; }

hr {
background:url(/img/tecEspec/hr.gif) bottom left repeat-x ;
display: block;
color: #CCCCCC;
height: 1px;
clear:both;
margin: 7px 0;
width:100%;
border: none!important;
border: 0!important;
}

/*Show Hide Class*/
.dtOn .showMnu {
	display: none;
}
.dtOn .hideMnu {
	display: block;
}
.dtOff .showMnu {
	display: block;
}
.dtOff .hideMnu {
	display: none;
}
.ddOn {
	display: block;
}
.ddOff {
	display: none;
}
.GuideList dt {
	cursor: pointer;
}

ul#photoGalery { margin-bottom: 15px; }
#photoGalery { margin-right: 15px; float: left; }
#photoGalery li#title  {
	width: 118px;
	height: 28px;
	background: url(/img/coralBrasil/titGaleria.gif) no-repeat ;
	display: block;
	text-indent: -5000em;
 }
#photoGalery li#galeryContent  {
    text-align: left;
	border-bottom: 1px solid #d7d7d7;
	width: 110px;
	padding: 19px 4px;
}

ul#photoGalery #thumb { padding: 8px 0 0 0; width: 118px; line-height: 12px; }
ul#photoGalery ul li img { margin-left: 7px; }
ul#photoGalery ul { border-bottom: 1px solid #d7d7d7; }
#thumb .central { padding: 0 5px; }
#thumb li { padding: 0 0 5px 0; } 
.GuideList #actionDesc {
	margin: 0;
	width: 362px;
	float: left;
	text-align: justify;
	color: #666;
	margin-bottom: 25px;
}

/*#companyDesc {
	margin: 0;
	width: 380px;
	float: left;
	text-align: justify;
	color: #666;
}

#companyDesc p  {
	padding: 0 0 12px 0; 
	margin: 0; 
	text-transform: uppercase; 
	font-size: 11px; 
	font-weight: bold; 
}*/

/*TollTip*/
.colorToolTip ul, .colorToolTip li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.colorToolTip li {
	margin: 3px auto;
	width: 132px;
}

.colorToolTip #prodTTMnu1 a, .colorToolTip #prodTTMnu2 a, .colorToolTip #prodTTMnu3 a, .colorToolTip #prodTTMnu4 a, .colorToolTip #prodTTMnu5 a, .colorToolTip #prodTTMnu6 a, .colorToolTip #prodTTMnu7 a {
	text-indent: -5000em;
	display: block;
	width: 132px;
	height: 17px;
}

.colorToolTip ul li ul li a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
	text-indent: 0;
	width: 132px;
	padding: 2px 0 0 1px;
	display: block;
	height: 15px;
}
.linhaDoTempo ul li, ul li ul li, ul li ul li a { margin-bottom: 0; padding-bottom: 0; cursor: pointer; }

.colorToolTip ul li dl dd { margin-left: 6px; }
.colorToolTip ul li dl dd a { font-weight: normal; width: 126px; }
.mnuHmDicas .mnuHmDicas,
.mnuHmDic .mnuHmDic,
.mnuHmPrep .mnuHmPrep,
.mnuHmAddons .mnuHmAddons,
.mnuHmProb .mnuHmProb { background-color: #d7d7d7; }
.mnuHmCompany, .mnuHmSustentabilidade { display: none; }
.empresaCidada .mnuHmCompany, .sustentabilidade  .mnuHmSustentabilidade { display: block; }
.mnuHmProb1 .mnuHmProb1 a, .mnuHmProb2 .mnuHmProb2 a, .mnuHmProb3 .mnuHmProb3 a, .mnuHmProb4 .mnuHmProb4 a, .mnuHmProb5 .mnuHmProb5 a, .mnuHmProb6 .mnuHmProb7 a { font-weight: bold; }
.terra .mnuHmTerra a, .tangara .mnuHmTangara a, .centro .mnuHmCentro a, .tintas .mnuHmTintas a, .pet .mnuHmPet a, .amigos .mnuHmAmigos a { background-color: #d7d7d7; }

.colorToolTip ul li ul li a:hover, .colorToolTip ul li ul li a:active { background-color: #d7d7d7; }

#prodTTMnu1 { background-color: #0c4da2; background-image: url(../img/produto/prodTTMnuOff.gif); }
.linhaDoTempo #prodTTMnu1 { background-color: #0c4da2; background-image: none!important; }
#prodTTMnu2 { background-color: #2778e2; background-image: url(../img/produto/prodTTMnuOff.gif); }
#prodTTMnu3 { background-color: #68a4f2; background-image: url(../img/produto/prodTTMnuOff.gif); }
#prodTTMnu4 { background-color: #0c4da2; background-image: url(../img/produto/prodTTMnuOff.gif); }
#prodTTMnu5 { background-color: #2778e2; background-image: url(../img/produto/prodTTMnuOff.gif); }
#prodTTMnu6 { background-color: #68a4f2; background-image: url(../img/produto/prodTTMnuOff.gif); }
#prodTTMnu7 { background-color: #0c4da2; background-image: url(../img/produto/prodTTMnuOff.gif); }

.Empresa #prodTTMnu1 { background-image: url(../img/produto/prodTTMnuOn.gif)!important; }
/*#prodTTMnu2 { background-image: url(../img/produto/prodTTMnuOn.gif)!important; }*/
.Principios #prodTTMnu3 { background-image: url(../img/produto/prodTTMnuOn.gif)!important; }
.Servicos #prodTTMnu4 { background-image: url(../img/produto/prodTTMnuOn.gif)!important; }
.Gestao #prodTTMnu5 { background-image: url(../img/produto/prodTTMnuOn.gif)!important; }
.empresaCidada #prodTTMnu6 {  background-image: url(../img/produto/prodTTMnuOn.gif)!important; }
.sustentabilidade #prodTTMnu7 {  background-image: url(../img/produto/prodTTMnuOn.gif)!important; }

#prodTTMnu1 a { background-image: url(../img/coralBrasil/prodTTMnu1.gif); }
.linhaDoTempo #prodTTMnu1 a { background-image: url(../img/coralBrasil/prodTTMnu1Linha.gif); }
#prodTTMnu2 a { background-image: url(../img/coralBrasil/prodTTMnu2.gif); }
#prodTTMnu3 a { background-image: url(../img/coralBrasil/prodTTMnu3.gif); }
#prodTTMnu4 a { background-image: url(../img/coralBrasil/prodTTMnu4.gif); }
#prodTTMnu5 a { background-image: url(../img/coralBrasil/prodTTMnu5.gif); }
#prodTTMnu6 a { background-image: url(../img/coralBrasil/prodTTMnu6.gif); }
#prodTTMnu7 a { background-image: url(../img/coralBrasil/prodTTMnu7.gif); }

.prodTTMnuOn a { cursor: pointer; }

#prodTTMnu1 a, #prodTTMnu2 a, #prodTTMnu3 a, .prodTTMnuOn, .prodTTMnuOff { background-repeat: no-repeat; }
#prodTTMnu1, #prodTTMnu2, #prodTTMnu3, #prodTTMnu4, #prodTTMnu5, #prodTTMnu6, #prodTTMnu7 { background-position: 95% 50%; }

/*footer*/
#footer { margin-top: 60px; }