@charset "utf-8";
/* CSS Document */

/*conteudo Inovaçao*/

.banner-inovacao { margin-bottom: 30px }
.carousel-home.carousel-caption { margin-bottom:15px; font-size:24px; text-align:left; color:#000 }
@media only screen and (min-width : 320px) and (max-width : 479px) {
.last-item img{	position:absolute;top:0px;margin-top:422px;}

.carousel-inovacao.carousel-caption > p { text-align:left; padding:5px 60px 20px 0px !Important}
}
.carousel-inovacao.carousel-caption > p { text-align:left; padding:20px 60px 20px 0px }
.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: 15px;  padding: 12px 40px; border: solid 2px #1ecde2; /*width:205px;*/ width:auto; height:45px }
.btn-slide.btn.btn-default:hover {color: #1ecde2; background-color: white; }
.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%  }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.carousel-home-indc.carousel-indicators{
bottom: 0px;
left: 46.5%;
}
}
.carousel-indicators.carousel-home-indc { bottom:0px  }

.sustentabilidade { background-color: #ebebeb; }
.btn-mais-sust { background-color:#1ecde2; color:#fff; border:none; border-radius:30px; margin-top:30px; padding-left: 40px; padding-right: 40px }
.btn-mais-sust:hover { background-color:#0090cb; color:#fff }
.btn-mais-branco { background-color:#fff; color:#009d48; border:1px solid #fff; border-radius:30px; margin-top:30px; padding-left: 40px; padding-right: 40px }
.btn-mais-branco:hover { border:1px solid #fff; color: #fff; background-color: transparent}
.cx-sust01 {background:linear-gradient(to right, #fff 60%, #d5eb00 40%);}
.cx-sust02 {background:linear-gradient(to right, #fff 60%, #b3ff99 40%);}

.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}


/*.sustentabilidade-all {
    width: 100%;
    position: absolute;
    left: 0;
}*/

.h3{
	color:#006931!important;
	font-weight:bold;

}



div#MSOZoneCell_WebPartWPQ3 {
    margin-bottom: 0px;
}

div#MSOZoneCell_WebPartWPQ9 {
    margin: 0px;
}

.ms-webpartzone-cell {
     margin: inherit!important;
}

.sustentabilidade img, .sustentabilidade p {
    margin: 0px!important;
    border: none;
}

.energia-limpa{
    padding: 0px!important;
    background-color: #d5eb00;
}

.energia-limpa p{
	width:80%;
}

.energia-limpa .container{
	padding: 0px!important;
}

.uso-eficiente{
    padding: 0px!important;
    background-color: #b3ff99;
}


.uso-eficiente p{
	width:80%;
}

.uso-eficiente .container{
	padding: 0px!important;
}

.last-item{
	    height: 410px;
}

.last-item img{
	position:absolute;
	top:0px;
}

.last-item .desc {
    background-color: #d5eb00;
    position: absolute;
    top: 0px;
    width: 300px;
    padding: 10px 30px;
}

.img-sust {
    margin-top: 100px;
}


.container-fluid {
 padding-left: 0px!important; 
 padding-right: 0px!important;
}

.sustentabilidade-container {
    overflow: hidden;
}

/*CONTRASTE*/
.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: #000 }



blockquote { {font-size: 14px !important; line-height: 1.4 !important}



/* Medium Devices, Desktops */
@media only screen and (max-width: 1024px) {

/*conteudo Inovação*/
.txt-sust03 { padding-left: 50px; padding-right: 30px; background-color: #fff }	
.txt-sust04 { padding-left: 50px; padding-right: 30px }	
.cx-sust03 { background-color: #d5eb00}
.img-sust { top: 0}
	
}



/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

/*conteudo Inovaçao*/
.tit-usinas > h3 { font-size: 18px }
	
	.h3, .energia-limpa p, .uso-eficiente p{
	margin-left: 15px !important;
	margin-right: 15px !important;
}
	
}



/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 310px) and (max-width: 767px) {
	
/*conteudo Inovação*/	
.img-inov-01 {margin-bottom: 30px; margin-top: 30px}	
.cx-sust01, .cx-sust02 { background:linear-gradient(to right, #fff 60%, #fff 40%) }
.cx-sust01-device { background-color:#d5eb00; padding-bottom: 30px; }
.cx-sust02-device { background-color:#b3ff99; padding-bottom: 30px; }	
.frame-video { padding-left: 0px; padding-right: 0px; margin-left:0px;}	
.frame-video .container{
	
}
.txt-sust03, .txt-sust04 { min-height: 200px }
	
.carousel-home.carousel-caption { margin-bottom:140px !important; }
.bg-legenda { background:rgba(255,255,255,0.4); /*padding:10px 20px;*/ line-height:1.2; /*font-size:19px*/ /*font-size: 0.8em!important; padding: 0px!important*/ }
	.banner-button { text-align: left !important; }
	.btn-slide.btn.btn-default { height: auto !important; padding: 5px 10px !important; width: auto !important}
	
	
	.h3, .energia-limpa p, .uso-eficiente p{
	margin-left: 15px !important;
	margin-right: 15px !important;
	
}