/* CSS Document */


@media only screen and (max-height: 680px) { html { font-size: 50%; } }
@media only screen and (max-height: 750px) and (min-height: 680px) { html { font-size: 60%; } }
@media only screen and (min-height: 750px) { html { font-size: 62.5%; } }


*     { border:0; text-decoration:none; margin:0 auto}
body  { background:#00475a; list-style:none; overflow-y: auto; overflow-x: hidden; margin:0 auto}
ul    {  }

header, nav, article, section, footer, footerh, address {   
    display:block;   
}
.screen-reader-text {
	position:absolute;
	top:auto;
	left:-9999px;
}

/* estruturas globais */

#corpo         { margin:0 auto 0 auto; width:100%; display: inline-block;}

#corpo2         { margin:0 auto 0 auto; width:100%; display: inline-block; background:#fff;}

#corpohome         { margin:0 auto 0 auto; width:100%; display: inline-block; background:#005865;}


#topo          { margin:0 auto;  width:100%;  overflow:hidden; height:170px; position: absolute; z-index:999;}
#topo2          { margin:0 auto;  width:100%;  overflow:hidden; height:170px; position: relative;}

#content       { max-width:1100px; display:table; margin:0 auto; }
#conteudo      { margin:0 auto; max-width:1000px; display:table; }




/* ######## MENU ######## */



#menu          { height:155px; margin:0 auto; max-width:1040px;}

#ronatus      { margin:23px 0 0 20px; width:318px; height:96px; float:left; }

#nav {
	float:right;
	margin:47px 20px 0 0 !important;
	width:600px;
}

.nav_institucional {
	position:relative;
	text-align:right;
	height:15px;
}
.nav_institucional ul {
	display:inline-block;
	list-style-type:none;
}
.nav_institucional ul li {
	display:inline-block;
	border-right:1px solid #999;
	height:15px;	
}
.nav_institucional a {
	text-decoration:none;
	font-family: Arial, sans-serif !important;
	color:#ccc !important;
	font-size: 12px !important;
	margin:0 5px 0 5px;
	padding-right:4px;
}
.nav_institucional a:hover {
	text-decoration:underline !important;
}
.nav_institucional .semborda {
	border:none;
	margin-right:0px;
}
.nav_institucional img {
	border:none;
	margin-right:-7px;
}




.nav_principal {
	float:right;
	width:580px;
	position:relative;
	text-align:right;
	margin:15px 0 0 0; 
	border-top:1px solid #999;
	padding:0;
}
.nav_principal ul {
	display:inline-block;
	list-style-type:none;
	margin:0; 
	padding:0;
}
.nav_principal ul li {
	display:inline-block;
	margin:15px 13px 0 0;  
}
.nav_principal a {
	text-decoration:none;
	font-family:'Roboto', helvetica, arial, sans-serif; font-size: 16px !important; color:#fff; font-weight:700;
}
.nav_principal a:hover {
	color:#efefef;
}


.nav_principal .semborda {
	border:none;
	margin-right:0px;
}










/* SECTIONS */
section#panel_home { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 800px;}
@media only screen and (max-height: 650px) and (min-width: 735px) { section#panel_home { padding-top: 0px; min-height: 700px; } }
@media only screen and (min-height: 650px) and (min-width: 735px) { section#panel_home { padding-top: 0px; min-height: 700px; } }
@media only screen and (max-width: 1035px) { section#panel_home { padding-top: 0px; } }


#panel_home {position: relative; background:#005865}
#home_next {position: absolute; right: 40px; top:0; display:block; height: 31px; width: 60px; background-image: url("../images/next.png"); text-indent: -9999px;}
#home_prev {position: absolute; left: 40px; top:0; display:block; height: 31px; width: 60px; background-image: url("../images/prev.png");text-indent: -9999px;}


#panel_home div.rotator { position:relative; display:inline-block; width: 100%; height: 100%; overflow: hidden;}
#panel_home div.rotator > div {position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#panel_home div.rotator > div:before { content: ''; display: inline-block; height: 100%; vertical-align: top;  }
#panel_home div.rotator > div > img {width: 100%; }


 
.slide1 { background-image: url("../images/home1.jpg"); background-size: 100%;  background-repeat: no-repeat; text-align:left}

.slide2 { background-image: url("../images/home2.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide3 { background-image: url("../images/home3.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide4 { background-image: url("../images/home4.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide5 { background-image: url("../images/home5.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide6 { background-image: url("../images/home6.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide7 { background-image: url("../images/home7.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.wrapper { max-width:100px; height:0px; margin-top:-290px;}

.headline { padding-top:70px; margin-left:100px; font-family: 'Roboto Condensed', serif;	font-size:33px;	line-height:47px;	font-weight:light;	color:#fff; }



@media only screen and (max-width: 1500px) { 

.slide1 { background-image: url("../images/home1.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide2 { background-image: url("../images/home2.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide3 { background-image: url("../images/home3.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide4 { background-image: url("../images/home4.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide5 { background-image: url("../images/home5.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide6 { background-image: url("../images/home6.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide7 { background-image: url("../images/home7.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}
 }




#footer        { bottom:50px; background:#eee; height:150px; width:100%; }

#endereco1     { padding:25px 25px 0 0; font:10px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; line-height:16px; color:#444; float:left; }
#endereco1 span   { font:10px !important; font-weight:600 !important; color:#00707e !important; font-family:'Exo', serif;}
#endereco1 strong a   { font-weight:500; color:#00707e; font-family:'Roboto', serif;}
#endereco      { padding:25px 25px 0 0; font:10px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; line-height:16px; color:#444; float:left; }
#endereco span    { font-weight:600; color:#00707e; font-family:'Exo', serif;}
#endereco strong a   { font-weight:500; color:#00707e; font-family:'Roboto', serif;}
#assina        { padding:25px 10px 0 10px; font:9px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; line-height:15px; color:#999; float:left; }
#assina img        { margin-bottom:6px; }
#endosso        { padding:15px 10px 0 0px; float:right; width:50px; text-align:right; font:8px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; line-height:15px; color:#555;}
#endosso img        { margin-bottom:4px;}

#apaga {border: 0; transition: all 0.3s ease 0s; opacity: 0.5; float:left;}
#apaga:hover {opacity: 1;}


@media only screen and (max-width: 1100px) { 

#endosso        { padding:20px 20px 0 50px; }

#assina {width:220px;}
 }

#footeremerg        { bottom:100px; background:#eee; height:120px; width:100%; }
#emergencia        { padding:20px 0 0 0px; align:center;}


/* ######## FONTES ######## */


h1             { font:14px 'Exo', Arial, helvetica, sansSerif; color:#fff; font-weight:400; }
h2             { font:40px 'Exo', Arial, helvetica, sansSerif; line-height:44px; color:#154853; font-weight:700; }
h3             { font:18px 'Exo', Arial, helvetica, sansSerif; line-height:25px; color:#15a99d; margin-bottom:20px; font-weight:400; padding-top:15px; }
h4             { font:19px 'Exo', Arial, helvetica, sansSerif; line-height:24px; color:#15a99d; font-weight:600; padding-top:10px;  border-top:1px solid #efefef;}
h5             { font:19px 'Exo', Arial, helvetica, sansSerif; line-height:24px; color:#15a99d; font-weight:600; padding-top:30px; }
h6             { font:17px 'Exo', Arial, helvetica, sansSerif; line-height:30px; color:#efefef; margin-top:5px; margin-bottom:5px; font-weight:500; }
p              { font:14px  Arial, sansSerif; line-height:20px; color:#777; font-weight:normal; margin-top:18px}
p a       { color:#555; }












/* ######## HOME ######## */


.textoprincipal {
	font-family: 'Exo', sans-serif;
	font-size:33px;
	line-height:41px;
	font-weight:400;
	color:#fff;
	text-transform:none;
	margin:20px 0 8px 0px;
	text-align:justify;
	
}


 
#hometexto		 { margin:40px auto 0 auto; max-width:1000px; height:155px;  }

#home		 { margin:38px auto 0 auto; max-width:1000px; height:450px;  }

#home p       { font:13px Arial, helvetica, sansSerif; line-height:17px; color:#ccc; margin:10px 0 10px 0 !important;}

#chamada_a   { margin:0 26px 0 0; width:230px; float:left; border-top:1px solid #72b9c2;}
#chamada_b   { margin:0 0 0 0;  width:230px; float:left; border-top:1px solid #72b9c2;}
#chamada_a img   { width:230px; height:127px; }
#chamada_b img   { width:230px; height:127px; }
.linkhome       { font:13px 'Exo', Arial, helvetica, sansSerif; line-height:24px; color:#72b9c2; }
.linkhome:hover {color:#98c2c7; text-decoration:underline !important;}

.linkhome strong       { font:13px 'Roboto', Arial, helvetica, sansSerif; line-height:16px; color:#222; }


@media only screen and (max-width: 980px) { 


#hometexto		 {height:160px;  }

.textoprincipal { margin:-10px 40px 10px 40px; font-size:29px;	line-height:38px;}

.linkhome       { font:15px 'Roboto', Arial, helvetica, sansSerif; line-height:26px; color:#72b9c2; }

#hometexto .linkhome       { font:15px 'Roboto', Arial, helvetica, sansSerif; line-height:26px; color:#72b9c2; margin-left:40px;}

#home		 { margin:50px auto 0 auto; max-width:1000px; height:450px;  }

#home p		 { font-size:15px; line-height:21px;}

#chamada_a   { margin:0 40px 20px 40px; width:400px; float:left; border-top:1px solid #72b9c2; height:500px;}
#chamada_a img   { width:400px !important; height:220px !important;}
#chamada_b   { margin:0 40px 50px 40px;  width:400px; float:left; border-top:1px solid #72b9c2;}
#chamada_b img   { width:400px !important; height:220px !important;}



 }






#slideroff { background:#ccc; width:100%; height:65px; position:relative;}
.sliderimgint  { position:relative; width:1600px; height:65px; margin:0 auto; }


















/* ######## INTERIOR ######## */





.clear { display:block; font-size:1px; height:1px; clear:both }


#leftcol             { margin:45px 0 0 20px; width:234px;  float:left; }
#leftcol ul   		 { margin:0 0 0 -60px; list-style:none;}
#leftcol ul p 		 { font-family:'Roboto', Arial, sans-serif !important;	font-weight:300; color:#888 !important;	font-size: 15px !important; margin:5px 0 0 0 !important; padding:0 0 13px 0;}
#leftcol li   		 { list-style:none; margin:0; padding:8px 0 8px 0; font:13px 'Roboto', Arial; color:#888; font-weight:300; border-bottom:1px solid #efefef;}
#leftcol li a  		 { list-style:none; margin:0; padding:8px 0 8px 0; font:13px 'Roboto', Arial; color:#15a99d; font-weight:700; }
#leftcol li a:hover  { color:#15a99d; text-decoration:underline !important; }
.picm                	{ float:left; }


#internoprincipal    	{ margin:45px 0 50px 0; padding-left:36px; width:710px; min-height:350px; float:left; }
#internoprincipal ul    { margin:10px 0 0 -20px; }
#internoprincipal li   	{ margin:0; font:14px 'Roboto', Arial; color:#666; line-height:20px;}


#rightcol             { margin:25px 20px 0 0; width:234px;  float:left; }



.linkinterno    	{ border-top:1px solid #b49759; margin:35px 0 0 0; display:table; float:left; padding-top:10px; display:inline-block;}
.linkinternofull    	{ margin:35px 0 0 0; display:table; float:left; display:inline-block; background-color:#004e5a; padding:8px 11px; border-radius: 5px; width:280px;}


.internomiolo    	{ border-top:1px solid #6c6c6c; margin:55px 0 0 0; width:715px; display:table; float:left; }
.internomiolo img    	{ float:left; margin-right:30px; }
.internomiolo h2    	{ margin:10px 0 -20px 0 !important; }


@media only screen and (max-width: 980px) { 

#internoprincipal    	{ margin:45px 0 50px 0; padding-left:36px; width:640px; min-height:350px; float:left; }
#leftcol             { margin:45px 0 0 40px; width:234px;  float:left; }
 }










/* ######## EMPRESA ######## */

.empresa #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/empresa.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}

.empresa #sliderint     { width:100%;  height:55px; overflow:hidden; background-color:#4e595b; }

.empresa #titulosecao      { position:relative; max-width:1000px;  }
.empresa #titulosecao p   { font:17px 'Roboto', Arial; color:#EFEFEF;  font-weight:500;  }


.empresa #internoleft    	{ margin:45px 0 0 0; width:550px; min-height:450px; float:left; }
.empresa #internoright             { margin:55px 0 0 50px; width:400px;  float:left; }


@media only screen and (max-width: 980px) { 

#titulosecao p { margin-left:30px;}
.empresa #mudafundoint {background:#efefef !important; min-height:220px; width:100%;}
.empresa #mudafundoint #conteudoint    { margin:0 auto 0 auto; max-width:980px; min-height:220px; display:table; text-align: left;  }
.empresa #mudafundoint #conteudoesq      { margin:20px 20px 0 20px; width:250px;float:left;  }
.empresa #mudafundoint #conteudodir      { margin:20px 20px 0 20px; width:650px;float:left; }

.empresa #internoleft    	{ margin:45px 0 0 20px; width:530px; min-height:500px; float:left; }
.empresa #internoright             { margin:55px 20px 0 50px; width:360px;  float:left; }

}









/* ######## MERCADO ######## */

.mercado #fundofotoinfra {
	margin:0 auto;
	width:100%;
	background:url('../images/mercado_infra.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}

.mercado #fundofotoilumina {
	margin:0 auto;
	width:100%;
	background:url('../images/mercado_ilumina.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}

.mercado #fundofotogeracao {
	margin:0 auto;
	width:100%;
	background:url('../images/mercado_geracao.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}

.mercado #fundofotomanutencao {
	margin:0 auto;
	width:100%;
	background:url('../images/mercado_manutencao.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}

.mercado #sliderint     { width:100%;  height:55px; overflow:hidden; background-color:#005865; }


.mercado #titulosecao      { position:relative; max-width:1000px;  }
.mercado #titulosecao p   { font:17px 'Roboto', Arial; color:#EFEFEF;  font-weight:500;  }


@media only screen and (max-width: 980px) { 

.mercado #titulosecao p { margin-left:30px;}

.mercado #internoprincipal    	{ margin:45px 0 50px 0; padding-left:26px; width:710px; min-height:350px; float:left; }
.mercado #leftcol             { margin:45px 0 0 20px; width:194px;  float:left; }


}







/* ######## DIFERENCIAL ######## */

.diferencial #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/diferencial.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}



.diferencial #sliderint     { width:100%;  height:55px; overflow:hidden; background-color:#316e60; }

.diferencial #titulosecao      { position:relative; max-width:1000px;  }
.diferencial #titulosecao p   { font:17px 'Roboto', Arial; color:#EFEFEF;  font-weight:500;  }



@media only screen and (max-width: 980px) { 

.diferencial #titulosecao p { margin-left:30px;}

.diferencial #internoprincipal    	{ margin:45px 0 50px 0; padding-left:26px; width:710px; min-height:350px; float:left; }
.diferencial #leftcol             { margin:45px 0 0 20px; width:194px;  float:left; }


}

















/* ######## SUSTENTABILIDADE ######## */

.sustentabilidade #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/sustentabilidade.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}

.sustentabilidade #sliderint     { width:100%;  height:55px; overflow:hidden; background-color:#575d4d; }

.sustentabilidade #titulosecao      { position:relative; max-width:1000px;  }
.sustentabilidade #titulosecao p   { font:17px 'Roboto', Arial; color:#EFEFEF;  font-weight:500;  }


.sustentabilidade #internoleft    	{ margin:45px 0 0 0; width:550px; min-height:500px; float:left; }
.sustentabilidade #internoright             { margin:55px 0 0 50px; width:400px;  float:left; }
.sustentabilidade #internoright ul            { margin-top:10px }
.sustentabilidade #internoright  ul li  { font:14px  Arial, sansSerif; color:#777; font-weight:normal; margin-top:3px; margin-left:-20px;}


@media only screen and (max-width: 980px) { 

#titulosecao p { margin-left:30px;}

.sustentabilidade #internoleft    	{ margin:45px 0 0 20px; width:530px; min-height:500px; float:left; }
.sustentabilidade #internoright             { margin:55px 20px 0 50px; width:360px;  float:left; }

}











/* ######## GOVERNANCA ######## */

.governanca #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/governanca.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}



.governanca #sliderint     { width:100%;  height:55px; overflow:hidden; background-color:#254c61; }

.governanca #titulosecao      { position:relative; max-width:1000px;  }
.governanca #titulosecao p   { font:17px 'Roboto', Arial; color:#EFEFEF;  font-weight:500;  }



@media only screen and (max-width: 980px) { 

.governanca #titulosecao p { margin-left:30px;}

.governanca #internoprincipal    	{ margin:45px 0 50px 0; padding-left:26px; width:710px; min-height:350px; float:left; }
.governanca #leftcol             { margin:45px 0 0 20px; width:194px;  float:left; }


}












/* ######## INSTITUCIONAL ######## */




.institucional #leftcol li   		 { list-style:none; margin:0; padding:8px 0 8px 0; font:13px 'Roboto', Arial; color:#888; font-weight:300; border-bottom:1px solid #ccc;}


.institucional h2             { font:38px 'Roboto', Arial, helvetica, sansSerif; line-height:44px; color:#013750; font-weight:700; }
.institucional h3             { font:18px 'Roboto', Arial, helvetica, sansSerif; line-height:24px; color:#00b6c8; margin-bottom:20px; font-weight:300; padding-top:15px; }



@media only screen and (max-width: 980px) { 


.institucional #internoprincipal    	{ margin:45px 0 50px 0; padding-left:26px; width:710px; min-height:350px; float:left; }
.institucional #leftcol             { margin:45px 0 0 20px; width:194px;  float:left; }


}







@media only screen and (max-width: 980px) { 

#titulosecao p { margin-left:30px;}

}