﻿@charset "utf-8";
/* CSS Document */

@-ms-viewport {	width: auto !Important; }


p{
	font-size:16px !Important;
}

.ms-rtestate-field p, p.ms-rteElement-P{
	font-size:16px !Important;
}

.dropdown-menu{
	min-width:300px !Important;
}


body { font-family: "Lato" !Important; font-size:13px; color:#666 }
h2 { color:#666 }

.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

a { cursor:pointer;  }
#s4-workspace
{overflow:auto;position:relative;margin-right: 10px;overflow-x: hidden;}

/*.img-responsivec {
   width: 100%;
   height: 450px !Important;
}*/
/*.img-responsivec img {
    max-width: 1920px;
    max-height: 450px !Important;
}*/
.ms-srch-sb-searchLink
{
	border:none !Important;
	padding-left:10px !Important;
}

.ms-srch-sb-searchImg
{
	padding-top:3px !Important;
}

/*.img-responsive2{
	    max-width: 100% !Important;
	    width:100% !Important;
}*/



/* ESTILOS CUSTOMIZADOS */

.container {
  /*  padding-right: 0px!important; 
    padding-left: 0px!important; */
    
}

.ms-rteStyle-TituloGSAT{
-ms-name:”Título GSAT”;
font-size: 24px;
font-weight:bold;
color:#666666;
font-family:Lato !Important;
}
.ms-rteStyle-ParagrafoGSAT{
-ms-name:”Paragrafo GSAT”;
color:#666666;
line-height: 1.6;
font-size: 16px;
font-family:Lato !Important;
}



/*.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive2, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
    width:99% !Important;
}*/
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: none;
    height: auto;
    object-fit: contain;
/*    width:100%;*/
}

.usina-control > a.left.carousel-control {
    background-image: none;
    top: 78%;
    left: 86%;
    width: 40px;
    height: 60px;
}


.tit-ambiente > h2 { color:#fff; font-size: 30px; padding-left:8% }

.blue-button{
	border-radius: 30px;
    color: #fff;
    background-color: #1ecde2;
    font-size: 16px;
    padding: 1% 2%;
    border: solid 2px #1ecde2;
    opacity: 1!important;
}

.blue-button:hover {
    opacity: 1!important;
    color: #1ecde2;
    background-color: white;
}


/*.custom-breadcrumb {
    font-weight: bold;
    color: #333333!important;
        margin-top: 20px;
         font-size:16px 
}

.custom-breadcrumb a {
    font-weight: bold;
    color: #505050!important;
}*/

.blue-button{
	border-radius: 30px!important;
    color: #fff!important;
    background-color: #1ecde2!important;
    font-size: 15px!important;
    /*padding: 3px 40px!important;*/
    border: solid 2px #1ecde2!important;
    text-decoration:none!important;
	padding: 10px 60px!important;
}

.blue-button:hover {
    color: #1ecde2!important;
    background-color: white!important;
}

.white-green-button{
	border-radius: 30px!important;
    color: #0fbb0f!important;
    background-color: white!important;
    font-size: 15px!important;
    padding: 3px 40px!important;
    border: solid 2px #0fbb0f!important;
	text-decoration:none!important;
	width: 205px;
    height: 45px;
}

.white-green-button a{
	color: #0fbb0f!important;
	text-decoration:none!important;
}

.white-green-button:hover {
	color: white!important;
    background-color: #0fbb0f!important;
    border: solid 2px white!important;

}

.white-green-button:hover a{
	color: white!important;
    background-color: #0fbb0f!important;

}



.white-green-button a:hover{
	color: white!important;

}


.green-white-button{
	border-radius: 30px;
    color: white!important;
    background-color: #009D48;
    font-size: 15px;
    padding: 3px 40px;
    border: solid 2px #009D48;
	text-decoration:none;
	width: 205px;
    height: 45px;
}

.green-white-button a{
	color: white!important;
	text-decoration:none!important;
	background-color:#009D48;
}


.green-white-button:hover {
	color: #009D48!important;
    background-color: white !important;
    border: solid 2px #009D48 !important;

}

.green-white-button:hover a{
	color: #0fbb0f!important;
    background-color: white !important;
}

.green-white-button-ma{
	border-radius: 30px;
    color: white!important;
    background-color: #009D48;
    font-size: 15px;
    padding: 3px 40px;
    border: solid 2px #009D48;
	text-decoration:none;
	width: 205px;
    height: 45px;
}

.green-white-button-ma a{
	color: white!important;
	text-decoration:none!important;
	background-color:#009D48;
}


.green-white-button-ma:hover {
	color: #009D48!important;
    background-color: white !important;
    border: solid 2px #009D48 !important;

}

.green-white-button-ma:hover a{
	color: #0fbb0f!important;
    background-color: white !important;
}


.meio-ambiente-icon {
    bottom: 10px;
    position: absolute;
    right: 10px;
    font-size: 12px;
    padding: 8px;
}

/*.meio-ambiente-icon:hover > .cx-noticias:hover{
    bottom: 10px;
    position: absolute;
    right: 10px;
    font-size: 12px;
    background-color: #a1c92a;
    color: white;
    padding: 8px;
}*/

	.custom-breadcrumb { margin-top: 20px; margin-bottom: 20px;}	

@media only screen and (max-width: 1024px) {

/*topo e menu*/
.marca {/* padding-left:80px;*/  padding-left:150px; margin-top:20px }
.nav.navbar-nav {padding-left:175px; }

.navbar-collapse {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

/*conteudo Meio Ambiente*/
.carousel-indicators, .carousel-indicators.carousel-home-indc{ bottom:0px  }

}


/*acessibilidade*/
.acessibilidade { height:40px; background-color: #f2f2f2; border-bottom:2px solid #d1d1d1; text-align:center; font-size:12px; width:100% }
ul.menu-acesso { margin-top:5px; -webkit-padding-start: 0px; width: 100%; overflow: hidden; white-space: nowrap; font-family:Lato !Important; font-size:13px; color:#000000 !Important }
ul.menu-acesso > li {  border-right:2px solid #d1d1d1; list-style:none; display:inline; padding:10px; margin-top:5px }
ul.menu-acesso > li a {  color: #000 }
ul.menu-acesso > li a:hover {  color: #96989a }
.no-border { border-right:0px !important }


/*topo*/

.menu-container{
	/*width:100%!important;*/
	
}

.custom-navbar{
	float:right!important;
	margin:o!important;
	
}

.navbar.navbar-default { margin-bottom:0px; /*height:186px;*/ min-height:186px; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); width:100%}

.marca { /*padding-left:15px;*/ padding-left:0px; margin-top:20px; height:100px; }
/* .navbar-brand { display:block; background:url(../img/logo.png) no-repeat ; width:154px; height:96px } 60 ANOS ORIGINAL */
.navbar-brand { display:block; background:url(../img/logo-site-ing-60.png) no-repeat ; width:354px; height:72px }

@media all and (-ms-high-contrast:none)
     {
     .navbar-brand { height:100px !important }/* IE10 */
     *::-ms-backdrop,  .navbar-brand { height:100px !important } /* IE11 */
     }
.nav.navbar-nav { /*padding-left:10%*/ }
.menu, .busca { font-size:24px; font-weight:bold !Important; margin-top:10px }
.menu, .busca {  padding:25px 20px;  }
.navbar-default .navbar-nav>li>a { color:#96989a }
.navbar-default .navbar-nav>li>a:hover {  color:#967d7f; }
.libras > img { max-width:100%; display:inline }

.dropdown-menu.relatorio {left:-250px; padding:0px; background-color:#0090ca; font-size:16px; min-width:250px; color:#fff; font-weight:normal}
.dropdown-menu.relatorio > li { padding: 15px 10px }
.tit-relatorio { font-size:21px }
.btn.btn-default.btn-relatorio { border:none; background-color:#1ecde2; color:#fff; text-align:center; border-radius:30px; font-size:18px }
.btn.btn-default.btn-relatorio:hover { background-color:#0cb0c6;}

.dropdown-menu { padding:0px; font-weight:bold; background-color:#FFFFFF; font-size:16px; /*min-width:320px;*/ min-width:300px }
.dropdown-menu > li.explorar a { background-color:#00afc9; color:#fff; }
.dropdown-menu > li.explorar a:hover { background-color:#0066cc; color:#fff; }
.dropdown-menu > li a > span.glyphicon.glyphicon-remove { float: right}
.dropdown-menu > li a { color:#000; /*padding: 15px*/ padding: 10px 15px; border: 1px solid #eee}
.dropdown-menu > li a:hover {  color:#fff; background-color:#0066cc }
.dropdown-menu > li a > span.glyphicon.glyphicon-menu-right { float: right; color:#046d7b}

.dropdown-submenu { position: relative; }

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu { display: block; }

.dropdown-submenu>a:after {
    display: block;
    /*content: " ";*/
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after { border-left-color: #fff; }

.dropdown-submenu.pull-left { float: none; }

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

ul.dropdown-menu.busca-campo  {background-color: #fff; border:0; margin-top:0px; /*box-shadow: inset;*/ padding:20px ; }
input.form-control.busca-form { border-radius:30px; font-size:14px !important; font-weight:normal !important; font-style:italic }
.btn-busca { border-top-right-radius: 30px; border-bottom-right-radius: 30px;  }
.btn-busca > .btn { padding:0px; background:none }
span.input-group-addon.btn-busca { padding:5px 12px }

.midias { text-align:right; padding-left:50px }
.midias > ul { display:inline-flex; -webkit-padding-start: 0px; padding-top:50px; }
.midias > ul > li { list-style: none; padding-left:35px; }
li.facebook { background:url(../img/fb_icone.png) no-repeat; width:34px; height:34px }
li.twitter { background: url(../img/tt_icone.png) no-repeat; width:34px; height:34px }
li.youtube {  background:url(../img/ytube_icone.png) no-repeat; width:34px; height:34px }
li.instagram { background: url(../img/ig_icone.png) no-repeat; width:34px; height:34px }
li.linkedin {  background:url(../img/lk_icone.png) no-repeat; width:34px; height:34px }
li.soundcloud {  background:url(../img/ic-soundcloud.png) no-repeat; width:34px; height:34px }


li.facebook:hover { background:url(../img/fb_icone_hover.png) no-repeat; width:34px; height:34px }
li.twitter:hover { background: url(../img/tt_icone_hover.png) no-repeat; width:34px; height:34px }
li.youtube:hover {  background:url(../img/ytube_icone_hover.png) no-repeat; width:34px; height:34px }
li.instagram:hover { background: url(../img/ig_icone_hover.png) no-repeat; width:34px; height:34px }
li.linkedin:hover {  background:url(../img/lk_icone_hover.png) no-repeat; width:34px; height:34px }
li.soundcloud:hover {  background:url(../img/ic-soundcloud-az.png) no-repeat; width:34px; height:34px }


/*conteudo home*/
.cx-home,
.cx-empresa { padding: 20px 50px; margin-bottom: 40px}

.cx-home > h3,
.cx-empresa > h3 { color: #000; text-transform: uppercase; height: 55px }

.cx-home.cx-txt > p { padding: 60px 0; text-align: center }

.cx-home > span.glyphicon.glyphicon-plus { color: #3fadd6; float: right; font-size: 16px }
.cx-empresa > span.glyphicon.glyphicon-plus { color: #a1c927; float: right; font-size: 16px; padding: 45px 0 !important;  }

a > .cx-home { color: #757575; border: #cccccc;border-style: solid;border-width: 1px; height:239px; width: 280px; margin-right: 5px; margin-left: 5px}
a > .cx-empresa { color: #757575; border: #cccccc;border-style: solid;border-width: 1px; height:180px !important; width: 280px; margin-right: 5px; margin-left: 5px}

a:hover > .cx-home { background-color: #3fadd6; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-decoration: none }
a:hover > .cx-empresa { background-color: #a1c927; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-decoration: none }

a:hover > .cx-home > h3,
a:hover > .cx-home > p,
a:hover > .cx-home > span.glyphicon.glyphicon-plus,
a:hover > .cx-empresa > h3,
a:hover > .cx-empresa > span.glyphicon.glyphicon-plus {color: #fff}

.noticias-home, .destaques, .empresa { margin-bottom: 40px}

.linha-noticias { padding-bottom: 20px }
.cx-noticias-home > a { float: right; margin-bottom: 10px; margin-top: 20px; color:#3fadd6; font-weight: bold; font-size: 14px}
.cx-noticias-home > a:hover { color:#9aaa00; text-decoration: none; }
.link-noticias > a.tit-noticias > h5  {color:#3fadd6 !Important; font-weight: bold; margin-bottom: 5%}
.link-noticias > a:hover.tit-noticias > h5 { color:#9aaa00 !Important; text-decoration: none }
.link-noticias > a, .link-noticias > a:hover  { text-decoration: none; color: inherit; width: 280px; padding: 10px 0}
.link-noticias { width: 280px !important; min-height: 220px !important; padding: 0 10px !important; margin-right: 5px !important; margin-left: 5px !important}


.img-destaque { padding-left: 0px !Important; padding-right: 0px !Important }
.cx-destaque01 > p, .cx-destaque02 > p { padding: 10%; }
.cx-destaque01 > h3 { text-transform: uppercase; color: #006c32; text-align: center; }
.cx-destaque01 { padding-bottom:5% }
.cx-destaque02 { padding-bottom: 5%; background-color: #a1c927 }
.cx-destaque02 > h3 { text-transform: uppercase; color: #fff; text-align: center }
.col-lg-6.col-md-6.col-sm-6.col-xs-12.col-home { padding-left: 0px; padding-right: 0px; margin-right: 0px }
.col-lg-12.col-md-12.col-sm-12.col-xs-12.img-destaque {margin-right: 0px }

/*conteudo diretoria*/
.topo-imagem { /*margin-top:180px*/ }

.titulo { background:#fff; padding:10px; /*width:25%;*/ left:13%; z-index:1; margin-top:-83px; position: absolute; border-bottom:10px #0080c0 solid;  }

.breadcrumb { /*width:60%;*/ background-color: transparent}
.breadcrumb > li a{ color:#0080c0;  }
.breadcrumb > li a:hover { color:#2dbcd0;  }

.diretoria { padding-top:40px }
.diretoria-txt > h4{ margin-top:0px; color:#17b4cb }
.diretoria-txt { color:#000}
.diretoria-div{ border-bottom: dotted #17b4cb 2px }
.subtit {  padding-bottom:40px; }
.subtit-diretoria { padding-top:20px; }

.abas.nav-tabs>li.active>a, 
.abas.nav-tabs>li.active>a:focus, 
.abas.nav-tabs>li.active>a:hover { background-color:#d1d5d8; color:#000; font-weight:normal }
.abas.nav>li>a:focus, .abas.nav>li>a:hover { background-color:#d1d5d8; color:#000; font-weight:bold }
.abas.nav>li>a { background-color:#e5e9ea; color:#000; }
.abas.nav>li { /*box-shadow: 2px 2px 1px grey; */}


.nav-bottom { background-color:#e6e9e9; text-align:right; width:80%; float:right;  /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ }
.nav-bottom > ul { display:inline-flex; padding:10px; margin-bottom:0px  }
.nav-bottom > ul > li { list-style:none; padding-left: 20px}
.nav-bottom > ul > li a { color:#000 }
.nav-bottom > ul > li a:hover, .nav-bottom > ul > li > a.active { font-weight:bold; text-decoration:none }
.nav-bottom > ul > li > a:focus { text-decoration:none }


/*conteudo usina*/

/*.mapa-legenda { background-color:#647883; color:#fff; margin-top:30%; padding:1% 0 }
.mapa-legenda > ul  { padding-left:30px;  }
.mapa-legenda > ul > li { color:#fff; padding:10px 0; list-style:none }
.mapa-legenda > ul > li > a { color:#fff }
.mapa-legenda > ul > li > a:hover, .mapa-legenda > ul > li.active >a { color:#9ab5c1; text-decoration:underline }
.ic-hidro { display:inline }*/

.mapa-legenda { background-color:#fff; border: 1px solid #000; margin-top:50%; margin-bottom: 5%; /*padding:1% 0*/ padding:0}
.mapa-legenda > ul  { /*padding-left:15px; padding-right: 15px*/ padding: 0  }
.mapa-legenda > ul > li { color:black; padding:10px 0; list-style:none }
.mapa-legenda > ul > li.list { padding-left:15px; padding-right: 15px }
.mapa-legenda > ul > li > a { color:#000}
.mapa-legenda > ul > li > a:hover, .mapa-legenda > ul > li.active >a { color:#9ab5c1; text-decoration:underline }
.ic-hidro { display:inline; float: right}
.tit-legenda { background-color:#649fae; color: #fff; text-transform: uppercase; text-align: center}

a > .cx-noticias  { color: #fff; background-color: #a1c92a; text-align: right;}
.cx-noticias a:hover {  background-color: #fff; color:#a1c92a  }
.item.slide-usina > .carousel-caption { background-color: #373737;
    color: #fff;
    top: 0;
    left: 64%;
    position: absolute;
    z-index: 999;
    width: 34.5%;
    min-height: 566px; }
.carousel-caption > h4 { text-align:left; padding:10px 60px }
/*.carousel-caption > p { text-align:left; padding:20px 60px 20px 0px }*/
.carousel-caption > p { text-align:left; padding:20px 60px }
.carousel-caption > span.glyphicon.glyphicon-triangle-right { font-size:40px; left:-173px; color:#b9e9ff; text-shadow:none; top:50px }
.usina-control > a.left.carousel-control { background-image:none; top:78%; left:86%; width: 40px; height: 60px; z-index:9999 }
.usina-control > a.right.carousel-control { background-image:none; top:78%; right: 5%; width: 40px; height: 60px; z-index:9999 }

.esquerda { padding-left:40px }

h3.tit-usinas { color:#009D48; font-size:30px }
.btn-mais, .btn-mais a:visited { background-color:#009d48 ; color:#fff ; border:1px solid #009d48 ; border-radius:30px ; margin-top:30px ; padding-left: 40px ; padding-right: 40px }
.btn-mais:hover  { background-color:#fff !Important; color:#009d48 !Important; border:1px solid #009d48 !Important ;  }

/*conteudo Meio Ambiente*/
.modal-content.modal-fotogal { width: 90%}
.modal-body.modal-galeria { padding: 0 }
.close.modal-close { z-index: 999; position: absolute; color: #fff; font-size: 40px; opacity: 1;left: 95%; top: 2%}
.fotogal-legenda { padding:10px 30px; background: rgba(255,255,255,0.7); z-index: 999; position: absolute; bottom: 0; width: 100%}
.fotogal-legenda > h4 { color: #000; }
.fotogal-legenda > p > a { color: #0080c0; text-decoration: underline}


/*conteudo meio ambiente*/

.cx-foto { padding: 0px !Important;}
.cx-foto1 { padding-right: 0px !Important;}
.cx-foto2 { padding-right: 0px !Important; padding-left: 0px !Important; float: right !Important;}
.cx-noticias { background-color: #a1c92a; border: 2px #fff solid; height: 120px; display: block; font-weight: bold; font-size: 21px; padding: 20px }
.cx-noticias a { color: #fff;  }
.cx-noticias a:hover {background-color: #fff; border-color: #a1c92a; border-style: solid;border-width: 1px;color: #a1c92a; }
.cx-noticias:hover { background-color: #fff; color:#a1c92a; border-color: #a1c92a; border-style: solid;border-width: 1px;  }
.cx-noticias > a > div > span.glyphicon.glyphicon-plus-sign { padding-top: 14% }
.cx-noticias.icone > a > div > span.glyphicon.glyphicon-plus-sign { padding-top: 1% }
/*.noticias.img { height: 290px }*/

.img-meioambiente { padding-right: 0px }

.cx-news01 { padding: 20px 40px !Important;  }
.cx-news02 { background-color: #a1c92a; padding: 20px 40px !Important; }
.cx-news02 h3 { color: #fff;  }

.cx-ambiente {background-color: #a1c92a; display: block; padding: 40px 60px; margin-bottom: 0px }
.slide-ambiente > .left.carousel-control, .slide-ambiente > .right.carousel-control { background-image: none; }
.carousel-control.ambiente-control { width: 5%; background-image: none !Important; top:-50% }
.carousel-control.ambiente-control .glyphicon-chevron-left,
.carousel-control.ambiente-control .glyphicon-chevron-right,
.carousel-control.ambiente-control .icon-next,
.carousel-control.ambiente-control .icon-prev { font-size: 60px }
.carousel-control.ambiente-control .glyphicon-chevron-right { right: 100%}
.item-ambiente { margin-top: 2%; margin-bottom: 2% }


.img-hover > span.glyphicon.glyphicon-search { display: none}
.img-hover:hover > span.glyphicon.glyphicon-search { display: block; z-index: 999; font-size: 50px; position: absolute; color: rgba(0,0,0,0.75); top:40%; left: 40%; background-color:rgba(255,255,255,0.40); padding: 2%; border-radius: 4px}

.modal-footer > .btn.btn-default { background-color:#009d48; color:#fff; border:none; border-radius:30px; margin-top:30px }

/*conteudo Inovaçao*/

.banner-inovacao { margin-bottom: 30px }

.carousel-home.carousel-caption span{
	width:60%!important;
	word-break:break-word;
}

.banner-button{
	text-align:right!important;
	    margin-right: 100%;
   /* margin-left: -10%;*/
}

.carousel-home.carousel-caption { margin-bottom:90px; font-size:24px; text-align:left; color:#000;    max-width: 1200px;
    margin: 0 auto; }
.bg-legenda { background:rgba(255,255,255,0.4); padding:10px 20px; line-height:2.2 }
.btn-slide.btn.btn-default { border-radius:30px; color:#fff; background-color:#1ecde2; font-size:16px; padding: 1% 2%; border:none }
.btn-slide.btn.btn-default:hover { /*opacity: 0.8 */}
.control.carousel-control.left { background-image:none; left: 280px; top:55%; width: 100px; height:20% }
@media all and (-ms-high-contrast:none)
     {
     .control.carousel-control.left {  height:30% } /* IE10 */
     *::-ms-backdrop, .control.carousel-control.left {  height:30% } /* IE11 */
     }
@media all and (-ms-high-contrast:none)
     {
	 .control.carousel-control.right {  height:30% !!important } /* IE10 */
	 *::-ms-backdrop, .control.carousel-control.right {  height:30% !important } /* IE11 */
     }

.control.carousel-control.right { background-image:none; right: 1120px; top:55%; width: 100px; height:20%  }
.carousel-indicators.carousel-home-indc { bottom:50px  }

.sustentabilidade { background-color: #ebebeb; }
.btn-mais-sust { background-color:#1ecde2; color:#fff; border:none; border-radius:30px; margin-top:30px }
.btn-mais-sust:hover { background-color:#0090cb; color:#fff }
.btn-mais-branco { background-color:#fff; color:#009d48; border:1px solid #fff; border-radius:30px !Important ; margin-top:30px; padding-left: 40px !Important; padding-right: 40px !Important }
.btn-mais-branco:hover { border:1px solid #fff; color: #fff !Important; background-color: #009d48}
.cx-sust01 {background:linear-gradient(to right, #fff 60%, #d5eb00 40%);}
.cx-sust02 {background:linear-gradient(to right, #fff 60%, #b3ff99 40%);}
/*.cx-sust03 {background:url(../img/sustentabilidade-bg.jpg) no-repeat top right, linear-gradient(to bottom, #fff 50%, #d5eb00 50%) ;}*/
/*.txt-sust03 { margin: 20px; min-height: 250px }*/
.txt-sust03 { padding-left: 250px; padding-top: 20px; padding-right: 20px; min-height: 290px }
.txt-sust04 { padding-left: 250px; padding-top: 20px; padding-right: 20px; min-height: 290px; background-color: #d5eb00; z-index: 999 }
.sustentabilidade-bg { padding-left: 0px; padding-right: 0px}
.img-sust { padding-left: 0px; padding-right: 0px; top:-100px; bottom: 0}

/*veja mais*/

.veja-box { padding-bottom:70px; padding-top:50px; }
.veja-txt { color:#a2ca28; font-size:28px; text-align:right }
.veja { width:166px; height:151px; background-color:#a2ca28; color:#fff; font-size:18px; padding-top:50px; margin-left: 10px; }
.veja p { width: 70%; float:right }
.veja a { color:#fff }
.veja a:hover { text-decoration:none }
.veja:hover { background-color:#8daf24; color:#fff; }
.veja > span.glyphicon.glyphicon-triangle-right { left: -26px; font-size:40px }

/*rodapé*/

.mapa-border { background:url(../img/footer-border.png) repeat center #d7f3ff; height:8px; display:block; }
ul.mapsite { list-style:none; padding-top:5px; padding-bottom:0px}
.mapsite > li > h5 {  font-weight:bold; margin-left:-10px }
.mapsite > li { margin-top:0px; margin-bottom:0px; margin-left:10px; }
.mapsite > li > a  { color:#2c5252; font-weight:normal; }
.mapsite > li > a:hover  { color:#3c7777; text-decoration:none }
.mapiten { border-bottom:solid 4px #0090c6; margin-left:-10px; width:20% }
.mapsite.iten > li > h5 { margin-left:0px !important }
.mapsite.iten > li > h5 a { color:#666; }
.mapsite.iten > li > h5 a:hover { color: #96989a; text-decoration:none }

.footer { background-color: #434343; color:#fff; padding:20px 60px 10px }
.footer a { color:#2dbcd0;  }
.footer > .texto { margin-top:10px }
.footer > .banner { text-align:right; float:right }
.footer > .banner > ul.banner-img { display: inline-flex; -webkit-padding-start: 0px; }
.footer > .banner > ul.banner-img > li { list-style:none; }



/*contraste*/

.contraste { background-color: #000!important; color: #fff }
.contraste a, 
.contraste a:focus, 
.contraste a:hover { color: #ff0 }
.contraste h1, .contraste h2, .contraste h3, .contraste h4, .contraste h5, .contraste h6 { color: #ccc }
.contraste p{ color: #fff }

.contraste ::selection { color: #111; background-color: #fff }
.contraste ::-moz-selection {color:#111; background-color:#fff }

.contraste .form-control:-moz-placeholder { color:#fff }
.contraste .form-control::-moz-placeholder { color:#fff}
.contraste .form-control:-ms-input-placeholder { color:#fff }
.contraste .form-control::-webkit-input-placeholder { color:#fff }
.contraste .form-control:focus { 
	border-color: #fff; 
	outline: 0; 
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6); 
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,255,255,.6) 
	}

.contraste .btn-default { background-color: #262626; color: #fff; border-color: #1a1a1a }
.contraste .btn-default:focus, 
.contraste .btn-default:hover { background-color: #ff0; color:#fff}

.contraste .btn { background-color: #262626; color: #fff; border-color: #1a1a1a }
.contraste .btn:focus, 
.contraste .btn:hover { background-color: #ff0; color:#000 }

.contraste input { background-color: #262626; color: #fff }


/*menu acessibilidade*/
.contraste .menu-acesso li a, 
.contraste .menu-acesso li a:hover { color: #ff0 }


/*nav*/
.contraste #navegacao { background: #000; border:0px }
.contraste #navegacao ul li a { color: #ff0 }

.contraste .navbar-brand { display:block; background:url(../img/logo-contraste.png) no-repeat ; width:154px; height:96px;}

.contraste ul.dropdown-menu.busca-campo { background-color: #000; border:#fff 1px solid; }
.contraste input.form-control.busca-form { background-color: #262626; color: #fff }
.contraste .btn-busca > .btn { background-color: #262626; color: #fff; border-color: #1a1a1a  }
.contraste span.input-group-addon.btn-busca { background-color: #262626; color: #fff; border-color: #1a1a1a }

.contraste .midias ul li.facebook { background:url(../img/ms-facebook_contraste.png) no-repeat; width:34px; height:34px }
.contraste .midias ul li.twitter { background: url(../img/ms-twitter_contraste.png) no-repeat; width:34px; height:34px }
.contraste .midias ul li.youtube {  background:url(../img/ms-youtube_contraste.png) no-repeat; width:34px; height:34px }
.contraste .midias ul li.instagram { background: url(../img/ms-instagram_contraste.png) no-repeat; width:34px; height:34px }
.contraste .midias ul li.linkedin {  background:url(../img/ms-linkedin_contraste.png) no-repeat; width:34px; height:34px }


/*menu*/
.contraste .navbar-default .navbar-nav>.open>a, 
.contraste .navbar-default .navbar-nav>.open>a:focus, 
.contraste .navbar-default .navbar-nav>.open>a:hover { background-color:#000 }
.contraste .dropdown-menu.relatorio { background-color:#1c1c1c;}
.contraste .dropdown-menu.relatorio > li { padding: 15px 10px }
.contraste .tit-relatorio { font-size:21px }
.contraste .btn.btn-default.btn-relatorio { background-color: #262626; color: #fff; border-color: #1a1a1a }

.contraste .dropdown-menu { background-color:#1c1c1c; }
.contraste .dropdown-menu > li.explorar a, 
.contraste.dropdown-menu > li.explorar a:hover { background-color:#1c1c1c; color:#ff0; }
.contraste .dropdown-menu > li a { color:#ff0; }
.contraste .dropdown-menu > li a:hover {  color:#ff0; background-color:#000; text-decoration:underline }

.contraste .dropdown-submenu>a:after {
    display: block;
    /*content: " ";*/
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    margin-top: 5px;
    margin-right: -10px;
}

.contraste .dropdown-submenu:hover>a:after { border-left-color: #fff; }


/*contraste HOME*/

.contraste .cx-home > span.glyphicon.glyphicon-plus,
.contraste .cx-empresa > span.glyphicon.glyphicon-plus { color: #fff; }

.contraste a:hover > .cx-home,
.contraste a:hover > .cx-empresa { background-color: #262626; text-decoration: none; color:#ff0 } 

.contraste a:hover > .cx-home > h3,
.contraste a:hover > .cx-home > p,
.contraste a:hover > .cx-home >  span.glyphicon.glyphicon-plus,
.contraste a:hover > .cx-empresa > h3,
.contraste a:hover > .cx-empresa > span.glyphicon.glyphicon-plus {color: #ff0}

.contraste .link-noticias > a.tit-noticias > h5   {color:#ff0;}
.contraste .link-noticias > a:hover.tit-noticias > h5  { text-decoration: underline}

.contraste .cx-destaque02 {background-color: #262626 }


/*contraste Sobre*/
.contraste .slider-sobre a {  color: #ff0; background-color: #000; text-align: center; font-size: 16px; }
.contraste .slider-sobre a:hover { color: #ff0; background-color: #262626; text-decoration: none}
.contraste .carousel-control.left.control-sobre,
.contraste .carousel-control.right.control-sobre{ background-image: none; color: #ff0;  }

.contraste .subtit-sobre > h2 { color: #fff }
.contraste .subtit-sobre > h3 { color: #fff }


.contraste .carousel-caption.tit-video { background-color:#262626;  }
.contraste .slider-video { background-color: #262626;}
.contraste .slider-video > li { background-color: #262626;}
.contraste .slider-video > li > a:hover { background-color: #000;  color:#ff0; text-decoration: none}
.contraste .slider-video > li > a > h6 { color: #ff0; }
.contraste .slider-video > li > a > p {color: #ff0; }
.contraste .slider-video:hover, 
.contraste .slider-video.active, 
.contraste .slider-video > p { background-color:#000; color:#ff0 }
.contraste .slider-video > a:hover, 
.contraste .slider-video > a:hover > h6, 
.contraste .slider-video > a:hover > p, 
.contraste .slider-video > a:visited, 
.contraste .slider-video > a:visited  {background-color:#000; color:#ff0}
.contraste .carousel-control.left.control-video,
.contraste .carousel-control.right.control-video{ background-image: none; color: #ff0;  }
.contraste .carousel-indicators.indicadores > li.active  { background-color: #ff0;  }
.contraste .carousel-indicators.indicadores > li  { background-color: rgba(0,0,0,0); border-color: #ff0 }



.contraste .cx-sobre > h5 { color: #ff0; }
.contraste .cx-sobre > span.glyphicon.glyphicon-plus { color: #ff0; border:1px solid #ff0; }
.contraste a:hover > .cx-sobre { background-color:  #262626; }
.contraste a:hover > .cx-sobre > h5 {color: #ff0; }
.contraste a:hover > .cx-sobre > span.glyphicon.glyphicon-plus {color: #ff0; border:1px solid #ff0;}

.contraste a.txt-acoes:hover > p { color:#ff0; }
.contraste .txt-acoes > span.glyphicon.glyphicon-plus {  color:#ff0 ; background-color:#000; }
.contraste a:hover.txt-acoes > span.glyphicon.glyphicon-plus {  color:#000 ; top:55%; left: 83%; background-color:#ff0; padding: 2%; }
.contraste .carousel-control.left.control-acoes,
.contraste .carousel-control.right.control-acoes{ color: #ff0;  }



/*contraste Usina*/
.contraste h2 { color: #ff0}
.contraste h3 { color: #ff0}
.contraste .mapa-legenda, 
.contraste .item.slide-usina > .carousel-caption {background-color: #1a1a1a }
.contraste .mapa-legenda > ul > li > a, 
.contraste .mapa-legenda > ul > li > a:hover, 
.contraste .mapa-legenda > ul > li.active >a { color:#ff0; }

.contraste span.glyphicon.glyphicon-triangle-right { color: #000 }

.contraste .tit-usinas > h3 { color:#ff0 }
.contraste .btn.btn-mais { background-color: #262626; color: #fff; border-color: #1a1a1a }
.contraste .btn.btn-mais:hover { background-color: #ff0; color: #000; }
.contraste .btn-mais-branco { background-color: #fff; color: #000 }


/*conteudo Meio Ambiente*/
.contraste .modal-content { background-color: #000 }
.contraste .modal-title, 
.contraste .modal-header > .close { color:#fff}
.contraste .modal-footer > .btn.btn-default { background-color:#262626; color:#fff;  }

.contraste .cx-noticias { background-color: #262626; }
.contraste .cx-noticias:hover { color:#ff0 }
.contraste .cx-news02 { background-color: #262626; padding: 20px 40px }
.contraste .cx-news02 > .btn-mais-branco { background-color: #fff; color: #000 }
.contraste .cx-news02 > .btn-mais-branco:hover { background-color: #ff0; color: #000 }

.contraste a > .cx-noticias > div > span.glyphicon.glyphicon-plus { background-color:#fff; color:#262626 }
.contraste a:hover > .cx-noticias > div > span.glyphicon.glyphicon-plus { background-color:#262626; color:#ff0 }


/*conteudo Inova??o*/
.contraste .btn-slide.btn.btn-default { border-radius:30px; color:#ff0; background-color:#262626; font-size:16px; padding: 1% 2%; border:none }

.contraste .cx-sust01, 
.contraste .cx-sust02, 
.contraste .txt-sust04 {background:linear-gradient(to right, #000 60%, #000 40%);}

.contraste .txt-sust03 { background-color: #262626}
.contraste .btn-mais-sust { background-color: #262626 }



/*conteudo diretoria*/
.contraste div.container-fluid > .titulo > h1 { background-color: #000; color:#fff; border-bottom:10px #fff solid;  }

.contraste div.container, 
.contraste div.container h1, 
.contraste div.container-fluid { background-color: #000; }

.contraste .breadcrumb > li > a { color:#ff0; }
.contraste .breadcrumb > li.active { color:#fff; text-decoration:none }

.contraste .diretoria-div{ border-bottom: dotted #fff 2px }

/*abas*/
.contraste .abas.nav-tabs>li.active>a, 
.contraste .nav-tabs>li.active>a:focus, 
.contraste .nav-tabs>li.active>a:hover { background-color:#000; color:#fff; font-weight:bold }

.contraste .abas.nav>li>a:focus, 
.contraste .abas.nav>li>a:hover { background-color:#000; color:#fff; font-weight:bold }
.contraste .abas.nav>li>a { background-color:#1c1c1c; color:#ff0; }

/*nav bottom*/
.contraste .nav-bottom { background-color:#1c1c1c; }
.contraste .nav-bottom > ul > li a { color:#ff0 }
.contraste .nav-bottom > ul > li a:hover, 
.contraste .nav-bottom > ul > li > a.active { color:#ff0; font-weight:bold; text-decoration:underline }
.contraste .nav-bottom > ul > li > a:focus { text-decoration:underline }

/*box*/
.contraste .veja-txt { color:#ff0; }
.contraste .veja { width:166px; height:151px; background-color:#1c1c1c; color:#ff0; }
.contraste .veja p { width: 70%; float:right }
.contraste .veja a { color:#ff0 }
.contraste .veja a:hover { text-decoration:underline }
.contraste .veja > span.glyphicon.glyphicon-triangle-right { color:#000 }



/*footer*/
.contraste .mapsite { background: #000;  }
.contraste .mapsite li h5 { color: #fff }
.contraste .mapsite li { border-color: #fff }
.contraste .mapsite li a, 
.contraste .mapsite.iten li h5 a { color: #ff0 }
.contraste .mapsite.iten li h5 a:hover { color: #fff; text-decoration:none }
.contraste .mapsite li a:hover { color: #ff0; text-decoration:underline }
.contraste .mapa-border { border-top: solid 8px #ff0; }

.contraste .footer { background-color:#1c1c1c !important; color: #fff }


.banner-content{
	
	width:80%;
	margin:0 auto;
}

.banner-content .content{
    width: 65%;
    margin: 0 auto;
}

span.bg-legenda.next a{
	color:#000!important;
	text-decoration:none;
	
}

span.bg-legenda.back{
	
	margin-right:5px;
}

span.bg-legenda.back a{
	color:#000!important;
	text-decoration:none;

}



/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
.menu-acesso{
	font-size:8px;
}



}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.menu-acesso{
	font-size:10px;
}

.hide-manual { display:none }
.noticias-xs { display:none }


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.menu-acesso{
		font-size:10px;
	}
	
	


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.hide-manual { display:none }

.menu-acesso{
	font-size:13px;
}


}






/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.libras > img { max-width:100%; display:inline }



}



/* Medium Devices, Desktops */
@media only screen and (max-width: 1024px) {



.no-show { display:none }

li.device-sr-only2 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/*acessibilidade*/
.menu-acesso-barra { padding-left:0px; padding-right:0px }
.acessibilidade { height:40px; background-color: #f2f2f2; border-bottom:2px solid #d1d1d1; text-align:center; font-size:8px  }
ul.menu-acesso { margin-top:5px; -webkit-padding-start: 0px; min-width: 340px; }
ul.menu-acesso > li {  border-right:2px solid #d1d1d1; list-style:none; display:inline; padding:15px; margin-top:1px }
.no-border { border-right:0px !important;  }
.libras > img { max-width: 50%; }

/*topo e menu*/
.navbar.navbar-default { margin-bottom:0px; min-height:160px;  }
.marca { padding-left:30px; margin-top:20px }
/* .navbar-brand { display:block; background:url(../img/logo-responsivo.png) no-repeat ; width:112px; height:70px; margin-top:20px; } */
.navbar-brand { display:block; background:url(../img/logo-site-ing-60.png) no-repeat ; width:354px; height:72px; margin-top:20px; margin-left:-20px;}

.nav.navbar-nav { /*padding-left: 290px*/ }
.menu, .busca { font-size:18px; margin-top:0px }

.midias > ul { padding-top:40px; }

.dropdown-menu.relatorio { left:-215px; padding:0px; font-size:11px; min-width:140px; }
.dropdown-menu.relatorio > li { padding: 15px 10px }
.tit-relatorio { font-size:16px }
.btn.btn-default.btn-relatorio { font-size:14px }
li.capa > img { max-width:80% }

.dropdown-menu { font-size:12px; min-width:230px; left:20px }
.dropdown-menu > li a { padding: 10px }

.dropdown-submenu { position: relative; }

ul.dropdown-menu.busca-campo  { padding:20px ; }
input.form-control.busca-form { font-size:14px !important; }
span.input-group-addon.btn-busca { padding:5px 12px }

/*conteudo home*/
.cx-home,
.cx-empresa { padding: 20px 50px; margin-bottom: 40px; max-width: 230px; margin-right: 0 !important; margin-left: 10px !important}
	.link-noticias { max-width: 230px; margin-right: 0 !important; margin-left: 10px !important; min-height: 280px !important }

.cx-home > h3,
.cx-empresa > h3 { /*color: #000;*/ text-transform: uppercase; height: 55px; font-size: 18px; }

.cx-home.cx-txt > p { padding: 60px 0; text-align: center }

.cx-home > span.glyphicon.glyphicon-plus { color: #3fadd6; float: right; font-size: 16px }
.cx-empresa > span.glyphicon.glyphicon-plus { color: #a1c927; float: right; font-size: 16px; padding-top: 60px  }

a > .cx-home,
a > .cx-empresa { color: #757575}

a:hover > .cx-home { background-color: #3fadd6; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-decoration: none }
a:hover > .cx-empresa { background-color: #a1c927; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-decoration: none }

a:hover > .cx-home > h3,
a:hover > .cx-home > p,
a:hover > .cx-home > span.glyphicon.glyphicon-plus,
a:hover > .cx-empresa > h3,
a:hover > .cx-empresa > span.glyphicon.glyphicon-plus {color: #fff}

.noticias-home, .destaques, .empresa { margin-bottom: 40px}

.linha-noticias { padding-bottom: 20px }
.cx-noticias-home > a { float: right; margin-bottom: 10px; margin-top: 20px; color:#3fadd6; font-weight: bold; font-size: 14px}
.cx-noticias-home > a:hover { color:#9aaa00; }
.link-noticias > a.tit-noticias > h5  {color:#3fadd6; font-weight: bold; margin-bottom: 5%}
.link-noticias > a:hover.tit-noticias > h5 { color:#9aaa00; text-decoration: none }
.link-noticias > a, .link-noticias > a:hover  { text-decoration: none; color: inherit}

.img-destaque { padding-left: 0px; padding-right: 0px }
.cx-destaque01 > p, .cx-destaque02 > p { padding: 10%; }
.cx-destaque01 > h3 { text-transform: uppercase; color: #006c32; text-align: center }
.cx-destaque02 { padding-bottom: 5%; background-color: #a1c927 }
.cx-destaque02 > h3 { text-transform: uppercase; color: #fff; text-align: center }




/*conteudo diretoria*/
h1 > span.titulo { font-size:24px }
.titulo { width:auto; left:2.5%; margin-top:-83px;  }

.topo-imagem { /*margin-top:160px*/ }

.nav-bottom { font-size:11px; }
.nav-bottom > ul { padding:5px;  }
.nav-bottom > ul > li { padding-left: 5px}

.veja p { float:right }
.veja-txt {  font-size:24px; }
.veja { font-size:16px;   }



/*conteudo usinas*/
.cx-usinas { padding-bottom: 40px; padding-top: 10px; }
.carousel-caption > span.glyphicon.glyphicon-triangle-right { display: none; }



/*conteudo Meio Ambiente*/
a > .cx-noticias.icone02 > div > span.glyphicon.glyphicon-plus-sign	{ padding-top: 1% }
.cx-noticias { font-size: 16px; padding: 10px }

.carousel-home.carousel-caption { margin-bottom:40px; font-size:20px; text-align:left; color:#000 }
.bg-legenda { background:rgba(255,255,255,0.4); padding:5px 10px; line-height:2; }
.btn-slide.btn.btn-default { border-radius:30px; color:#fff; background-color:#1ecde2; font-size:12px; padding: 1% 2%; border:none }
.control.carousel-control.left { background-image:none; left: 165px; top:50% }
.control.carousel-control.right { background-image:none; right: 650px; top:50%  }
.carousel-indicators{ bottom:0px  }




/*conteudo Inovação*/






/*rodapé*/

ul.mapsite  { padding-bottom:20px; }
.mapsite > li > h5 {  font-size:11px }
.mapsite > li { margin-bottom:5px; margin-top:5px; margin-left:0px; font-size:11px }

.footer { font-size: 9px; padding:20px 30px 10px }
.footer > .texto { margin-top:5px }
.footer > .banner { text-align:right; float:right }


/*contraste*/
.contraste .navbar-brand { display:block; background:url(../img/logo-contraste-responsivo.png) no-repeat ; width:112px; height:70px}


}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

.menu-acesso{
	font-size:8px !Important;
}

li.device-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* topo e menu*/
.navbar.navbar-default { margin-bottom:0px; min-height:150px;  }
.marca { padding-left:20px; margin-top:10px }
.navbar-nav { float:none }

.menu, .busca { /*margin-top:15px; */ }

.midias { text-align:left; padding-left:0px }
.midias > ul { padding-top:35px; }



/*conteudo Home*/
.cx-home-device { margin-top: 20px}
.cx-home.cx-txt > p { padding: 0px; text-align: left}

.cx-noticias-home > a { float: none; }
.link-noticias { margin-bottom: 5% }
.link-noticias > a.tit-noticias > h5 { margin-bottom: 0}

.cx-destaque01 { margin-bottom: 5%}

.cx-empresa { padding-bottom: 0; padding-top: 0 }
	



/*conteudo Diretoria*/
.topo-imagem { /*margin-top:140px*/ }

.nav.nav-tabs.abas { font-size:12px }

.nav-bottom {width:90%; }

.veja-box { padding-bottom:70px; padding-top:50px;  }
.veja-txt {  font-size:24px; }
.veja { font-size:16px; padding-top:50px; }
.veja > span.glyphicon.glyphicon-triangle-right { left: -26px; font-size:30px }


/*conteudo usinas*/
.mapa-legenda { margin-top:21%}
	
	.titulo { left:1%;   }
	.usina-control > a.left.carousel-control { left: 80% }


/*conteudo Meio Ambiente*/

.carousel-home.carousel-caption { margin-bottom:0px; font-size:18px; text-align:left; color:#000 }
.bg-legenda { background:rgba(255,255,255,0.4); padding:5px 10px; line-height:2; }
p > a.btn-slide.btn.btn-default { margin-top: 0px}
.btn-slide.btn.btn-default { font-size:10px;}
.control.carousel-control.left { background-image:none; left: 105px; top:60%; }
.control.carousel-control.right { background-image:none; right: 490px; top:60%  }
.carousel-control > .glyphicon-chevron-left.device, .carousel-control > .glyphicon-chevron-right.device { font-size: 16px }
.carousel-indicators { bottom:0px }

.cx-noticias { font-size: 14px; padding: 10px }
a > .cx-noticias > div > span.glyphicon.glyphicon-plus-sign { padding-top: 17%}
.esquerda { padding-left: 0px }


/*conteudo Inovaçao*/



/*rodapé*/

ul.mapsite  { padding-bottom:20px }
.mapsite > li > h5 {  font-size:11px }
.mapsite > li { margin-bottom:5px; margin-top:5px; margin-left:0px; font-size:11px }

.footer { font-size: 9px; padding:20px 30px 10px }
.footer > .texto { margin-top:5px }
.footer > .banner { text-align:right; float:right }

}




/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	p { font-size: 14px !important; }
	h3, h3.tit-usinas { font-size: 18px !important}
	
	.col-xs-12 > h3, .col-xs-12 > p, .col-xs-12 > button { /*margin-left: 15px !important; margin-right: 15px !important*/ }
	.col-xs-12.cx-news01 > h3, .col-xs-12.cx-news01 > button,
	.col-xs-12.cx-news02 > h3, .col-xs-12.cx-news02 > button{ /*margin-left: 0px !important; margin-right: 0px !important*/ }
	
	.green-white-button, .white-green-button { padding: 5px 0 !important; width: auto;height: auto}
    .green-white-button-ma, .white-green-button { padding: 5px 0 !important; width: auto;height: auto}
	
	a > .cx-noticias.icone, a > .cx-noticias.icone02 { margin-left: 12px !important; text-align: left }
	
	.cx-news01 { margin-bottom: 40px !important;}
	
	.cx-noticias-home { /*margin-left: 15px !important;*/ padding: 2% 0 }
	
	
	.titulo {  border-bottom:5px #0080c0 solid;  margin-top:-64px; left: 0; font-size: 18px  }
	

/*menu acessibilidade*/
li.device-sr-only, li.device-sr-only2 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
li.device-sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.menu-acesso-barra { }	

/*topo*/
.marca { margin-top:8px }
.menu, .busca { padding-top:10px; padding-bottom:10px }
.midias > ul { padding-left:35px; padding-top:10px; }
	
	a.navbar-brand { height: 50px !important; margin-left: 20px; margin-top: 15px; }
	.navbar-toggle { margin-right: 40px !important; margin-top: 30px !important; min-width: auto!important;  }
	
	.carousel-home.carousel-caption { margin-bottom:140px !important; }
	.bg-legenda { font-size: 1em!important; padding: 0px!important; line-height: 1.2 !important }
	.banner-button { text-align: left !important; margin-left: -2%; margin-top: 10px }
	.btn-slide.btn.btn-default { height: auto !important; padding: 5px 10px !important; width: auto !important}
	
	a > .cx-home { width: 100% !important; /*padding: 20px 10px 20px 0px !important;*/ height: auto!important }
	.cx-empresa { width: 100% !important; padding: 0px 30px !important; height: auto!important }
	p.cx-txt { padding-top: 0 !important }
	.link-noticias { width: auto!important; padding: 10px 30px !important; min-height: 320px !important }
	
	

.navbar.navbar-default { min-height:130px;  }
.nav.navbar-nav { overflow:scroll; min-height:200px; padding-left:0px  }
.navbar { padding-left: 0 }
.navbar-nav { float: none!important; }
.navbar-nav>li { /*padding-top:4%; float:left;*/   }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }


/*collapse*/
.navbar-collapse { margin-top: 20px }
.navbar-collapse.collapse { display: none!important;  }
.navbar-toggle, .navbar-toggle.collapsed { margin-top:20px }
.collapse.in{ display:block !important; Float:left;	width:100% }


/*menu*/
.dropdown-menu >li > a { font-size:12px; }
.dropdown-menu.relatorio { display:none }
.navbar-default .navbar-nav .open .dropdown-menu>li.explorar>a { color: #fff; }
.dropdown-submenu > ul.dropdown-menu > li > a { margin-left:20px }


/*conteudo*/

.topo-imagem { /*margin-top:130px*/ }

.nav.nav-tabs.abas { font-size:9px }
.nav.nav.nav-tabs.abas>li>a { padding-right: 5px; padding-left:5px }

.nav-bottom {width:90%; font-size:9px }
	
	.custom-breadcrumb { margin-top: 20px}


/*conteudo usina*/
.mapa-legenda { margin-top:1%; }
.cx-usinas { padding-top:20px }
.carousel-caption > span.glyphicon.glyphicon-triangle-right { display:none}
.carousel-caption > h4, .carousel-caption > p { padding:0px 10px }
.noticias { margin-top:30px; margin-bottom:30px }
.esquerda { padding-left: 15px }
.noticias-lg { display:none;  }
	
	


/*conteudo Meio Ambiente*/
.banner-device { display:none }
.breadcrumb.ambiente { padding-top: 40px }

.control.carousel-control.left { background-image:none; left: 50px; top:65%  }
.control.carousel-control.right { background-image:none; right: 380px; top:65%  }

.gestao { margin-bottom: 40px}
a > .cx-noticias.icone > div > span.glyphicon.glyphicon-plus-sign,
a > .cx-noticias > div > span.glyphicon.glyphicon-plus-sign,
a > .cx-noticias.icone02 > div > span.glyphicon.glyphicon-plus-sign { padding-top: 10%}


.noticias.img { margin-top: 0; margin-bottom: 0}
.noticias.bio { margin-top: 0; }
.cx-news01 { padding-bottom: 40px}

.item-ambiente >.col-xs-6 {margin-top: 2%; margin-bottom: 2% }




/*veja mais*/
.veja-box { padding-bottom:50px; padding-top:10px;  }
.veja-txt { text-align:left; font-size:21px; }
.veja { font-size:16px; padding-top:50px; margin-top:10px }


/*footer*/
.texto { text-align: center !important }
.banner { padding-top:20px; padding-bottom:10px; text-align:center !important }



}


@media only screen and (max-width: 1024px)
{
ul.menu-acesso > li {padding:5px !Important;}	
}




/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width : 479px) {

	
	h3, h3.tit-usinas { font-size: 18px !important}
	
    .col-xs-12 > h3, .col-xs-12 > p, .col-xs-12 > button { /*margin-left: 15px !important; margin-right: 15px !important */}
	.col-xs-12.cx-news01 > h3, .col-xs-12.cx-news01 > button,
	.col-xs-12.cx-news02 > h3, .col-xs-12.cx-news02 > button{ /*margin-left: 0px !important;*/ margin-right: 0px !important }
	
	.green-white-button, .white-green-button,  { /*padding: 5px 0 !important;*/ width: auto;height: auto; margin-bottom: 10px; float:left; margin-left: 15% !Important;margin-bottom: 5% !important;}
	.green-white-button-ma { /*padding: 5px 0 !important;*/ width: auto;height: auto; margin-bottom: 10px; float:left; margin-left: 30% !Important;margin-bottom: 5% !important;}
	a > .cx-noticias.icone, a > .cx-noticias.icone02 { margin-left: 12px !important; text-align: left }
	
	.cx-news01 { margin-bottom: 40px !important;}
	
	

/*menu acessibilidade*/
.device-sr-only, .device-sr-only2 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.device-sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.menu-acesso-barra { display: block}

/*topo*/
.marca { padding-left: 40px !important; margin-top: 0 !important  }
.menu, .busca { padding-top:10px; padding-bottom:10px }
.midias > ul { padding-left:35px; padding-top:10px; }
	
	/* a.navbar-brand { height: 50px !important } 60 ANOS ORIGINAL */
	.navbar-toggle { margin-right: 40px !important; margin-top: 30px !important }
	
	.carousel-home.carousel-caption { margin-bottom:-70px !important; }
	.bg-legenda { font-size: 0.8em!important; padding: 0px!important; line-height: 1.2 !important }
	.banner-button { text-align: left !important; }
	.btn-slide.btn.btn-default { height: auto !important; padding: 5px 10px !important; width: auto !important}
	
	a > .cx-home { /*min-height: 300px*/ }
	a > .cx-home, a > .cx-empresa { width: 100% !important; /*padding: 0px 30px !important;*/ }
	.link-noticias { width: auto!important; padding: 10px !important; }

/*collapse*/ 
.navbar-collapse { margin-top: 20px }
.navbar-collapse.collapse { display: none!important;  }
.navbar-toggle, .navbar-toggle.collapsed { margin-top:30px; margin-right: 40px; min-width: auto }
.collapse.in{ display:block !important; Float:left;	width:100% }


/*menu*/
.nav.navbar-nav { padding-left:0px }
.navbar.navbar-default { min-height:130px;  }
.nav.navbar-nav { overflow:scroll; min-height:200px  }
.navbar { padding-left: 0 }
.navbar-nav { float: none!important; }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }

.navbar-default .navbar-nav .open .dropdown-menu>li.explorar>a { color: #fff;}

.dropdown-menu >li > a { font-size:12px; }
.dropdown-menu.relatorio { display:none }
.dropdown-submenu > ul.dropdown-menu > li > a { margin-left:20px }

/*conteudo Home*/
	
	.custom-breadcrumb { margin-top: 20px}
	
.cx-home-device { margin-top: 20px}
.cx-home.cx-txt > p { padding: 0px; text-align: left}

.link-noticias { margin-bottom: 5% }
.link-noticias > a.tit-noticias > h5 { margin-bottom: 0}

.cx-destaque01, .cx-destaque02 { padding-bottom: 10%}

.cx-empresa { padding-bottom: 0; padding-top: 0 }

/*conteudo Diretoria*/
.titulo {  border-bottom:5px #0080c0 solid;  margin-top:-60px; left: 0; font-size: 14px  }
.topo-imagem { /*margin-top:130px*/ }

.breadcrumb { font-size:9px; margin-bottom:0px; }

.subtit { padding-bottom: 10px }
.subtit > h2 { font-size:21px; padding-bottom: 10px; padding-top:0px }

.nav.nav-tabs.abas { font-size:9px }
.nav-tabs.nav-just{width:100%;border-bottom:0}
.nav-tabs.nav-just>li{float:none}

.foto > img.img-responsive { text-align:center; padding-bottom:20px; display:block; margin-left:auto; margin-right:auto }
.nav-bottom {width:100%; font-size:9px }


/*conteudo usina*/
.mapa-legenda { margin-top:1%; }
	.mapa-legenda > ul > li > a { font-size: 10px }

.cx-usinas { padding-top:20px }
	.item.slide-usina > .carousel-caption { top:0; left:0; position: relative; z-index:999; width:100%; min-height: 150px;  }
	.carousel-caption > span.glyphicon.glyphicon-triangle-right { display:none}
	.carousel-caption { padding-bottom: 5px; padding-top: 5px }
	.carousel-caption > h4 { font-size: 12px; padding:0px 10px }
	.carousel-caption > p { font-size: 10px; padding:0px 10px }
.noticias { margin-top:30px; margin-bottom:30px }
.esquerda { padding-left: 15px }
.noticias-lg { display:none;  }
h3.tit-usinas { font-size:16px !important }
	
	.usina-control > a.left.carousel-control { left: 70% ;top: 90%}
	.usina-control > a.right.carousel-control { top: 90% }


/*conteudo Meio Ambiente*/
.banner-device { display:block}

.breadcrumb.ambiente { padding-top: 20px }

.control.carousel-control.left { background-image:none; left: 50px; top:65%  }
.control.carousel-control.right { background-image:none; right: 380px; top:65%  }

.gestao { margin-bottom: 40px}
a > .cx-noticias.icone > div > span.glyphicon.glyphicon-plus-sign,
a > .cx-noticias > div > span.glyphicon.glyphicon-plus-sign,
a > .cx-noticias.icone02 > div > span.glyphicon.glyphicon-plus-sign { padding-top: 10%}


.noticias.img { margin-top: 0; margin-bottom: 0}
.noticias.bio { margin-top: 0; }
.cx-news01 { padding-bottom: 40px}

.item-ambiente >.col-xs-6 {margin-top: 2%; margin-bottom: 2% }


/*veja mais*/
.veja-box { padding-bottom:50px; padding-top:10px;  }
.veja-txt { text-align:left; font-size:18px; float:none }
.veja { width:92%; height:90px; padding-top:30px; margin-top:10px }



/*footer*/
.banner { padding-top:20px; padding-bottom:10px }



/*contraste*/
.contraste div.container-fluid h1 span.titulo { border-bottom:5px #fff solid;  }

.contraste .veja-txt { text-align:left; font-size:18px; float:none }
.contraste .veja { width:92%; height:90px; padding-top:30px; margin-top:10px }

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #00B1F2 !Important;
    background-color: transparent !Important;
    }
    
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    /*margin-left: 50% !Important;*/ margin-left: 0 !Important;
  }
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-left: 0px !important; margin-right: -15px !important }
}

/* CONTEÚDO RESPONSABILIDADE SOCIAL */
h3.tit-Responsabilidade-Social { color:#ffffff; font-size:20px; }

a.tit-Responsabilidade-Social, a:active.tit-Responsabilidade-Social, a:hover.tit-Responsabilidade-Social, a:visited.tit-Responsabilidade-Social { color:#ffffff; font-size:20px; text-decoration:none;}

.responsabilidade_Social_verde_claro {
background-color:#A1C92A;
text-align:left;
}

.responsabilidade_Social_verde_escuro {
background-color:#00bb54;
}


/* CONTEÚDO TRABALHE CONOSCO */
h3.Trabalhe-Conosco-Preto { color:#000000; font-size:20px; padding-left:50px; font-weight:bold;}
h3.Trabalhe-Conosco-Branco { color:#ffffff; font-size:20px; padding-left:50px; font-weight:bold;}
h3.Trabalhe-Conosco-Cinza { color:#646464; font-size:20px; padding-left:50px; font-weight:bold;}
h3.Trabalhe-Conosco-Verde { color:#8dcd00; font-size:20px; padding-left:50px; font-weight:bold;}

.Trabalhe-Conosco_fundo_verde {
background-color:#359901;
height:200px;
padding-top:60px;
}

.Trabalhe-Conosco_fundo_cinza {
background-color:#c8c8c8;
height:200px;
padding-top:60px;
}

.Trabalhe-Conosco_fundo_branco {
background-color:#ffffff;
height:200px;
padding-top:60px;
}


#ResultFooter { display: none !important;}


.carousel-indicators li {
    background-color: #004d85 !Important; 
}

.carousel-indicators .active {
    background-color: #92c0e0 !Important;
}
