﻿@charset "utf-8";
/* CSS Document */

/*conteúdo Sobre*/
.slider-sobre { padding-left: 0px !Important; padding-right: 0px !Important; margin-top: 20px !Important; margin-bottom: 50px !Important}
.slider-sobre a { display: block; padding: 50px 40px; color: #333333; /*background-color: #cc0000;*/ text-align: center; font-size: 16px; height: 260px;border-width: 1px; border-color: #D4D7D7; border-style: solid; margin-top:10px}
.slider-sobre a:hover { color: #fff; background-color: #007fff!important; text-decoration: none}
/*.active a:first-child{ color: #fff; background-color: #007fff!important; text-decoration: none}*/

.subtit-sobre {
    padding-left: 0px!important;
}

.saiba-mais .row{
	margin-left:0px!important;
}

.acoes .item {
    height: 267px;
}

.acoes .item img {
    height: 181px;
}

.acoes .row{
	margin-left:0px!important;
}

div#carousel-galeria_ {
    background-color: #1b1b1b;
}

.carousel-control.control-sobre { width: 0px; opacity: 1  }
.carousel-control.left.control-sobre,
.carousel-control.right.control-sobre{ background-image: none; color: #d6eb00;  }
.carousel-control.control-sobre > .glyphicon-chevron-left { font-size: 60px; margin-left: -30px; margin-top: -50px; left:10px; }
.carousel-control.control-sobre > .glyphicon-chevron-right { font-size: 60px; margin-right: 0px;  margin-top: -50px; right:10px;}

.subtit-sobre > h2 { font-size:21px; padding-bottom: 10px; padding-top:0px; color: #000; font-weight:bolder;}

.galeria { margin-bottom: 60px}
.galeria .title-row {
	margin-left:0px!important;
}
.carousel-caption.tit-video { background-color:#1b1b1b; bottom:0; right: 0; left:0; padding: 0; }
.carousel-caption.tit-video > p { padding:10px 20px; text-align: center}
/*.carousel-video { margin-bottom: 100px }*/
.slider-video { padding-left: 0px; padding-right: 0px; background-color: #1b1b1b; height: 220px}
.slider-video:hover, .slider-video:focus, .slider-video:link, .slider-video.active { background-color: #45a5ad; text-decoration: none}
.slider-video.active > a > img  {  opacity: 0.7}
.slider-video > a > h6 { text-align: center; color: #fff; padding-top: 10px; font-size: inherit; text-decoration: none; }
.slider-video > a > p { text-align: center; color: #7a7a7a; padding: 0 5px; text-decoration: none }
.slider-video > a:hover > img {opacity: 0.7 }
.slider-video > a:hover, .slider-video > a:hover > h6, .slider-video > a:hover > p, .slider-video > a:visited, .slider-video > a:visited  {text-decoration: none }
.carousel-control.control-video { width: 0px; opacity: 1  }
.carousel-control.left.control-video,
.carousel-control.right.control-video{ background-image: none; color: #fff;  }
.carousel-control.control-video > .glyphicon-chevron-left { margin-top: -70px; margin-left: 0px; }
.carousel-control.control-video > .glyphicon-chevron-right { margin-top: -70px; margin-right: 0px; }
.carousel-indicators.indicadores  { background-color: #000; width: 100%; bottom: -38px; left: 0; margin-left: 0; padding-bottom: 10px; padding-top: 10px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);  }







.cx-sobre { padding: 20px 50px; margin-bottom: 0px} 
.cx-sobre > h5 { color: #000; text-transform: uppercase; height: 55px; font-weight:bold; }
.cx-sobre > span.glyphicon.glyphicon-plus { /*color: #0096ab;*/color:#007fff; float: right; font-size: 14px; /*border:1px solid #0096ab;*/ padding: 5px }
a > .cx-sobre { color: #757575; border-width: 1px; border-color: #D4D7D7; border-style: solid;}
a:hover > .cx-sobre { background-color:  #007fff; 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-sobre > h5 {color: #fff; }
a:hover > .cx-sobre > span.glyphicon.glyphicon-plus {color: #fff; /*border:1px solid #fff;*/}

.acoes { margin-bottom: 40px} 
.carousel-control.control-acoes { opacity: 1; height: 20px }
.carousel-control.left.control-acoes,
.carousel-control.right.control-acoes{ background-image: none; color: #fff;  }
.carousel-control.control-acoes > .glyphicon-chevron-left { font-size: 60px; margin-top: 50px; margin-left: -65px; }
.carousel-control.control-acoes > .glyphicon-chevron-right { font-size: 60px; margin-top: 50px !Important; margin-right: -40px; }
.sobre-carousel{margin-top:-50px;margin-bottom: -50px;}
.acoes-carousel .carousel-control.ambiente-control { bottom: 160px; }
a.txt-acoes { text-decoration: none!important }
a.txt-acoes > p { padding-top: 20px; color:#676767; font-weight:bold;height: 75px;overflow: hidden; }
a.txt-acoes:hover > p { color:#007fff; }
.txt-acoes > span.glyphicon.glyphicon-plus { display: block; z-index: 999; font-size: 9px; position: absolute; color:#fff ; top:55%; left: 83%; background-color:#0099ff; padding: 8px; }
a:hover.txt-acoes > span.glyphicon.glyphicon-plus { display: block; z-index: 999; font-size: 12px; position: absolute; color:#0099ff ; background-color:#fff; }



/*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 .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;  }



/* Medium Devices, Desktops */
@media only screen and (max-width: 1024px) {
	
/*conteudo Sobre*/
.cx-sobre > h5 { font-size: 12px}
.carousel-control.control-acoes > .glyphicon-chevron-left { font-size: 30px; margin-left:-50px; margin-top: 40px }
.carousel-control.control-acoes > .glyphicon-chevron-right { font-size: 30px; margin-right:-50px; margin-top: 40px  }
.txt-acoes > span.glyphicon.glyphicon-plus { top:45% }
	
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
/*conteudo Sobre*/
.slider-sobre a { padding: 20px 15px }
.slider-video > a > h6 {padding-left: 10px; padding-right: 10px}
.carousel-control.control-acoes > .glyphicon-chevron-left { font-size: 24px; margin-left:-45px; margin-top: 30px }
.carousel-control.control-acoes > .glyphicon-chevron-right { font-size: 24px; margin-right:-45px; margin-top: 30px  }
.txt-acoes > span.glyphicon.glyphicon-plus { top:35%; left: 80% }
	
}



/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
/*conteúdo Sobre*/
.slider-sobre a { padding: 20px 60px; font-size: 12px}
.carousel-control.control-sobre > .glyphicon-chevron-left {font-size: 38px; margin-left: -10px}
.carousel-control.control-sobre > .glyphicon-chevron-right {font-size: 38px; margin-right: -10px}
.carousel-control.control-video > .glyphicon-chevron-left, .carousel-control.control-video > .glyphicon-chevron-right { margin-top: -40px }
.slider-video > a > h6, .slider-video > a > p { font-size: 12px; padding: 0 20px }
.carousel-caption.tit-video > p { padding: 0 10px }
.carousel-control.control-acoes > .glyphicon-chevron-left { margin-left: 0px; margin-top: 150px; font-size:50px }
.carousel-control.control-acoes > .glyphicon-chevron-right { margin-right: 0px; margin-top: 150px;  font-size:50px }
.txt-acoes > span.glyphicon.glyphicon-plus { top:70%; left: 85%}	
	
}


/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) and (max-width : 479px) {
	
/*conteúdo Sobre*/
.slider-sobre a { padding: 20px; font-size: 12px}
.carousel-control.control-sobre > .glyphicon-chevron-left {font-size: 38px; margin-left: -10px}
.carousel-control.control-sobre > .glyphicon-chevron-right {font-size: 38px; margin-right: -10px}
.carousel-control.control-video > .glyphicon-chevron-left, .carousel-control.control-video > .glyphicon-chevron-right { margin-top: -40px }
.slider-video > a > h6, .slider-video > a > p { font-size: 11px; padding: 0 10px }
.carousel-caption.tit-video > h3 { font-size: 16px; margin-top: 10px}
.carousel-caption.tit-video > p { padding: 0 5px }

.cx-sobre { padding: 10px 15px 15px } 
.cx-sobre > h5 { height: 0px }
.carousel-control.control-acoes > .glyphicon-chevron-left { margin-left: 0px; margin-top: 60px; font-size:40px }
.carousel-control.control-acoes > .glyphicon-chevron-right { margin-right: 0px; margin-top: 60px;  font-size:40px }
.txt-acoes > span.glyphicon.glyphicon-plus { top:55%; left: 83%}
	
}






