/* EVENTOS, NOSSAS MIDIAS, NOTICIAS, ACESSO RAPIDO*/
/****EVENTOS****/
.pagina .body .eventos{
  width: 900px;
  height: 200px;
  margin: 0 auto;
  margin-top: 30px;
}
.pagina .body .eventos .carousel-inner{
  width: 900px;
  height: 200px;
}
.pagina .body .eventos .carousel-inner{
margin:0;
padding:0;
background:#ccc;
text-align:center; /* hack para o IE */
}
.pagina .body .eventos .setaesquerda{
position: relative;
margin:0 auto;
right:40px;
}

.pagina .body .eventos .setadireita{
position: relative;
margin:0 auto;
left: 11px;
}

.pagina .body .eventos .setadireita{
  background: url('/public/images/seta_direita_evento_off.png');  
  width: 30px;
  height: 200px;
}
.pagina .body .eventos .setadireita:hover {
  background: url('/public/images/seta_direita_evento_on.png');  
}
.pagina .body .eventos .setaesquerda{
  background: url('/public/images/seta_esquerda_evento_off.png');  
  width: 30px;
  height: 200px;
}
.pagina .body .eventos .setaesquerda:hover {
  background: url('/public/images/seta_esquerda_evento_on.png');  
}
/*****NOTICIAS****/
.pagina .body .bodyleft .noticias{
    width: 660px;
    height:auto;
    margin-top: 20px;
    margin-bottom: 50px;
    background-color: #FFFFFF;
    padding: 20px 20px 20px 20px;
    /*font-family: 'Open sans', sans-serif;*/
    font-size: 12px;
    color: #6D6E71;
}
.pagina .body .bodyleft, bodyrigth{
    float: left;
}
.pagina .body .bodyleft .noticias .spannoticias{
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
}

.pagina .body .bodyleft .noticias .carousel{
    margin-top: 10px;    
    margin-left: 10px;
    margin-right: 10px;
}

.pagina .body .bodyleft .noticias .carousel-inner{
    background:#ccc;
    text-align:center; /* hack para o IE */    
}

.pagina .body .bodyleft .noticias .setadireita{
    position: relative;
    margin:0 auto;
    top: 300px;
    right: 50px;
}

.pagina .body .bodyleft .noticias .setaesquerda{
    position: relative;
    margin:0 auto;
    top: 300px;
    left: 10px;
}
.pagina .body .bodyleft .noticias .setaesquerda{
    background: url('/public/images/seta_esquerda_noticias_off.png');  
    width: 40px; 
    height: 40px;
}
.pagina .body .bodyleft .noticias .setaesquerda:hover {
    background: url('/public/images/seta_esquerda_noticias_on.png');  
}
.pagina .body .bodyleft .noticias .setadireita{
    background: url('/public/images/seta_direita_noticias_off.png');  
    width: 40px; 
    height: 40px;
}
.pagina .body .bodyleft .noticias .setadireita:hover {
    background: url('/public/images/seta_direita_noticias_on.png');  
}

.bodyleft .noticias .ultimasCincoNoticias{
    margin-left: 10px;
    margin-top: 25px;   
    color: #6D6E71;
}
.bodyleft .noticias .ultimasCincoNoticias .titulo{
    font-family: 'Open sans', sans-serif;  
    font-size: 14px;
    font-weight: bolder;
    text-align: justify;
    color: #6D6E71;
}
.bodyleft .noticias .ultimasCincoNoticias .descricao{
    text-align: justify;
    color: #6D6E71;
}
.bodyleft .noticias .ultimasCincoNoticias .data{
    color: #A1A0A0;   
    font-size: 11px;
}

.bodyleft .noticias .todas_noticias{
    position: relative;    
    margin-left: 10px;
    margin-top: 25px;
 }
 
 .pagina .body .bodyleft .noticias .todas_noticias{
    background: url('/public/images/todas_noticias.png');  
    width: 600px; 
    height: 40px;
}
.pagina .body .bodyleft .noticias .todas_noticias:hover {
    background: url('/public/images/todas_noticias_h.png');  
}
/****ACESSO RÁPIDO***/
.pagina .body .bodyright .acessorapido{
    min-width: 360px;
    overflow: hidden;
    margin-top: 15px;
    margin-left:15px;
}
.but {
    width: 140px;
    height: 50px;
    background-color: #ccc;
    color: #fff;   
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    border: 0px;
    box-shadow: 1px 1px 1px #999;
    font-weight: bolder;
}
.but:hover {
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.08));
    cursor: pointer;
}
.acessorapido li{
    list-style: none;
}
.acessorapido a:link, a:visited {
    text-decoration: none
}
.spanacessorapido{
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-weight: bolder;    
    margin-left: 38px;
}
/***** NOSSAS MIDIAS *****/
.pagina .body .bodyright .nossasmidias{
    width: 360px;
    height:500px;
    margin-top: 30px;
    margin-bottom: 15px;
    margin-left: 0px;
}
.spannossasmidias{  
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-weight: bolder;
    margin-top: 20px;
}

.spannossasmidiasitens{
    font-size: 14px;
    color: #3D3D3D;
    font-family: 'Open sans', sans-serif;
    padding-top: 20px;
    margin-left: 20px;
    font-weight: bold;
}

#nossasmidias {
    position: relative;
    font-family: 'Roboto Condensed';
    line-height: 1;
    width: 283px;
    left: 57px;
    margin-top: 40px;
}

#nossasmidias .tvufgd {
    position: relative; 
    height: 198px;
}

.align-right {
    float: right;
}
#nossasmidias ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    margin-top: 10px;

}
#nossasmidias ul li {    
    padding-top: 0px;
}

#nossasmidias ul li a {
    text-decoration: none;
    cursor: pointer;
}
#nossasmidias > ul > li > a {
    color: #000000;
    text-transform: uppercase;
    display: block;
    padding: 12px; 
    background-image:url('/public/images/midias.png');
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 300;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;    
}

#nossasmidias > ul > li:hover > a,
#nossasmidias > ul > li.open > a,
#nossasmidias > ul > li.active > a {
    position: relative;
    background-image:url('/public/images/midias.png');
    color: #000;
    z-index: 9999;

}
#nossasmidias ul > li.has-sub > a::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid #000000;
    border-botom: 13px solid transparent;
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    left: 0;
    bottom: -13px;
    bottom: 0px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
#nossasmidias ul > li.has-sub > a::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid #00861E;
    border-botom: 13px solid transparent;
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    left: 0;
    bottom: -12px;
    bottom: -1px;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#nossasmidias ul > li:hover::after,
#nossasmidias ul > li.active::after,
#nossasmidias ul > li.open::after {
    border-top-color: #ffffff;
}

#nossasmidias ul ul {
    display: none;
    margin-top: -5px;
    position: relative;
    z-index: 1;
}
#nossasmidias ul ul li {
    //border: 1px solid #ccc !important;
    
}
#nossasmidias ul ul li a {
    background: #f1f1f1;
    display: block;
    position: relative;
    font-size: 15px;
    padding: 14px 20px;
    border-bottom: 1px solid #dddddd;
    color: #777777;
    font-weight: 300;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}
#nossasmidias ul ul li:first-child > a {
    padding-top: 18px;
}
#nossasmidias ul ul ul li {
    border: 0;
}
#nossasmidias ul ul li:hover > a,
#nossasmidias ul ul li.open > a,
#nossasmidias ul ul li.active > a {
    background: #e4e4e4;
    color: #666666;
}
#nossasmidias ul ul > li.has-sub > a::after {
    border-top: 13px solid #dddddd;
}
#nossasmidias ul ul > li.has-sub > a::before {
    border-top: 13px solid #e4e4e4;
}
#nossasmidias ul ul ul li a {
    padding-left: 30px;
}
#nossasmidias ul ul > li.has-sub::after {
    top: 18.5px;
    border-width: 6px;
    border-top-color: #777777;
}
#nossasmidias ul ul > li:hover::after,
#nossasmidias ul ul > li.active::after,
#nossasmidias ul ul > li.open::after {
    border-top-color: #666666;
}

#nossasmidias .setaesquerda{   
    position: relative;
    margin:0 auto;
    background-image: url('/public/images/seta_esquerda_noticias_off.png');     
    background-size: 20px;  
    width:20px;
    height:20px;
    //top: -130px;
    //left: -20px;
}
#nossasmidias .setadireita{
    position: relative;
    margin:0 auto;
    background-image: url('/public/images/seta_direita_noticias_off.png');     
    background-size: 20px;  
    width:20px;
    height:20px;
    //top: -179px;
    //left: 241px;
}
#nossasmidias .setaesquerda:hover {
    background-image: url('/public/images/seta_esquerda_noticias_on.png');     
    background-size: 20px;  
    width:20px;
    height:20px;        
}
#nossasmidias .setadireita:hover {
    background-image: url('/public/images/seta_direita_noticias_on.png');     
    background-size: 20px;  
    width:20px;
    height:20px;
}
#nossasmidias .carousel-indicators .active{
    background-color: transparent;
    border-color: transparent;
}
#nossasmidias .carousel-indicators li{
    background-color: transparent;
    border-color: transparent;
}
#nossasmidias .carousel-indicators {
    position: relative;
    margin: auto 0px;
}

#nossasmidias .carousel-inner a{
    background-color: #F0F0F0;
    border: 1px solid #CACACA;
}
#nossasmidias .carousel-control.right{
    background-color: transparent;
    position: relative;
    top: -179px;
    left: 241px;
    border: 0px;
}
#nossasmidias .carousel-control.left{
    background-color: transparent;
    position: relative;
    top: -130px;
    left: -20px;
    border: 0px;
}
#nossasmidias #myCarouselVideos{
    height: auto;
}
#nossasmidias .carousel{
    height: 141px;
}
#nossasmidias .carousel .carousel-inner a{
    background: white; 
    height: 141px;
}
#nossasmidias .carousel .carousel-control.left{
    position: relative;
    top: -80px;
    left: -20px;
    border: 0px;
    margin-left: 20px;
}
#nossasmidias .carousel .carousel-control.right{
    background-color: transparent;
    position: relative;
    top: -129px;
    left: 221px;
    border: 0px;
}

#nossasmidias .carousel img{
    margin-top: 20px;
    margin-left: 35px;  
}

#nossasmidias .carousel span{
    margin-top: 20px;
    padding-left: 10px;   
}
#nossasmidias .carousel .bordaImg{
    width: 120px;
    height: 80px;
    margin-left: 65px;
    border: 1px solid #cccccc;
    background: #F2F2F2;
}
#nossasmidias .carousel .bordaTxt{
    width: 120px;
    height: 40px;
    margin-left: 65px;
    border: 1px solid #cccccc;
    border-top: 0px;
    background: #F2F2F2;
    text-align: center;
}
#nossasmidias .carousel .bordaTxt:hover{
    background-color:#cccccc;
    background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,.3));
    color: white;
}