/*************
GALERIA DA CÂMARA
**************/
.cidadao {position: relative; float: left; width: 900px;}
.cidadao .index .ul {list-style: none; padding: 0;}
.cidadao .index .li span {font-size: 3.5em;}
.cidadao .index .li {float: left; width: 140px; height: 135px; text-align: center; padding: 5px; margin-bottom: 20px;}
.cidadao .index .li.marg-dir {margin-right: 37.5px;}

.cidadao .index .ul a {text-decoration: none; color: #fff;}

/*************
GALERIA DOS PRESIDENTES
**************/
.legislaturas {position: relative;; float: left; width: 900px;}
.legislaturas table {width: 900px;  font-size: small; border-collapse: collapse; border: 1px solid #ccc; background: #FBFBEF;}
.legislaturas table .cab {font-weight: bold; background: #f1f1f1;}
.legislaturas table td {vertical-align: top;}
.legislaturas table .border {border-top: 1px solid #ccc;}

/* GALERIA GERAL */
.galeria {width: 1200px;}
.galeria h1 a {text-decoration: none; color: #007DF9; vertical-align: middle;}
.galeria h1 a:hover {color: cornflowerblue;}
.galeria .article_item {margin: 0 0 25px 0 !important;}
.galeria .article_item {float: left;}
.galeria .article_item {width: 23.5%; margin: 0 2% 2% 0;}
.galeria .article_item:nth-of-type(4n+0){margin-right: 0;}
.galeria .article_item h1 {width: 260px; margin: 15px 0 10px 0; font-size: 1em;}
.galeria .article_item a {color: #005789; text-decoration: none;}
.galeria .article_item a:hover {text-decoration: underline; color: #007DF9;}
.galeria .article_item .info {font-size: 0.7em; text-transform: uppercase;}

.cat_theme {padding: 0;}
.cat_theme li {display: inline; font-size: 0.8em; text-align: justify;}
.cat_theme li a {text-decoration: none; color: cornflowerblue;}
.cat_theme li a:hover {color: #007DF9; text-decoration: underline;}

/*************
GALERIA DOS PRESIDENTES
**************/
.presidentes {width: 990px;}
.presidentes h1 {color: #007DF9;}
.presidentes .bloco {float: left; width: 990px; padding: 0 10px;}
.presidentes .content {float: left; width: 990px; display: inline; list-style:none; padding: 0;}
.presidentes .content .li {float: left; display: inline; width: 288px; height: 510px; margin-bottom: 20px; padding: 10px 10px; background: #F0F0F0; border: 1px solid #E0E0E0;}
.presidentes .content .marg_dir {margin-right: 15px;}
.presidentes .content .li .ver {text-align: center;}
.presidentes .content .li .ver .imgLiquid {width: 288px; height: 400px; border: 1px solid #E0E0E0; margin-bottom: 10px;}
.presidentes .content .li .nome {width: 290px; padding: 0; margin: 0; text-align: justify;}
.presidentes .content .li .dados {background: #fff; padding: 10px 10px; border: 1px solid #E0E0E0; height: 75px;}
.presidentes .content .li .dados p {width: 100%; padding: 0; margin: 0; text-align: center; font-size: 0.8em; font-weight: bold;}

/*************
GALERIA DE VÍDEOS E IMAGENS
**************/
/* ESTILO GERAL */
.videos-list {width: 980px; margin-bottom: 15px;}
.videos-list h1 {border-bottom: 2px solid #696969; width: 980px;}

.videos-list .content {float: left;}
.videos-list .paginator {width: 970px; float: left;}
.videos-list .lendoartigos {left: 43%;}

.videos-list .catli {position: relative; float: left; list-style: none; padding: 0;}
.videos-list .catli .li {float: left; width: 310px; height: 120px; background: #f1f1f1; margin-bottom: 10px;}
.videos-list .catli .marg_dir {margin-right: 25px;}
.videos-list .catli .li a {text-decoration: none; color: #06F}
.videos-list .catli .li a:hover {text-decoration: underline; color: #09F}
.videos-list .catli .li img {float: left; padding: 10px; margin: 8px 8px 0 0; border-right: 1px solid #C0C0C0;}
.videos-list .catli .li .info {width: 300px; padding-top: 5px;}
.videos-list .catli .info .title {font-size: 16px; font-weight: bold; padding: 2px; margin: 0;}
.videos-list .catli .info .descricao {font-size: 13px; padding: 2px; margin: 0;}
.videos-list .catli .info .resumo {font-size: 13px; padding: 2px; margin: 0;}
.videos-list .catli .info .categoria {font-size: 12px; padding: 2px; margin: 0;}


/* VER VÍDEOS */
.video_ver {margin-bottom: 20px; width: 990px;}
.video_ver .cat_theme {width: 965px; border: 1px dotted #ccc; padding: 5px 5px;}
.video_ver .share_video {position: relative; float: left;}
.video_ver .share_titulo {position: relative; float: left;}

.video {float: left; width: 640px; margin-right: 10px; margin-top: 5px;}
.video .info .icone {color: #676F75;}
.video .info .icon-download3 {color: #DAA520}
.video .info .icon-download3:hover {color: #676F75;}
.video .info .icon-facebook {background: #325C99; color: #fff; padding: 3px 3px;}
.video .info .icon-twitter {background: #02ACEC; color: #fff; padding: 3px 3px;}
.video .info .share:hover {background: #676F75; text-decoration: none;}
.video .info a {text-decoration: none; color: #007DF9;}
.video .info a:hover {color: cornflowerblue;}

/* CARROSSEL DE VÍDEOS */
.box-carrossel {float: left; height: 452px; position: relative; overflow: hidden; width: 325px;}
.box-carrossel .nav {position: absolute; display: table; overflow: hidden; z-index: 1; background: #99ccff; width: 325px; height: 25px; text-align: center; cursor: pointer;}
.box-carrossel .nav p {display: table-cell; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.box-carrossel .nav:hover {background: cornflowerblue;}
.box-carrossel .nav.up {top: 0;}
.box-carrossel .nav.down {bottom: 0;}

.carrossel {list-style: none; background: #fff; padding: 0; margin-top: 35px;}
.carrossel .item {width: 100%; height: 70px; background: #e3e3e3; padding: 5px; margin-bottom: 21px;}
.carrossel .item .info {position: absolute; left: 55px;}
.carrossel .item .info p {line-height: 12px; margin: 2px 0;}
.carrossel .item img {float: left; width: 55px; margin-top: 5px;}
.carrossel .item span {vertical-align: top; font-size: 0.8em;}
.carrossel .item a {text-decoration: none; color: cornflowerblue; width: 100%;}
.carrossel .item a span:hover {text-decoration: underline; color: #007DF9;}
.carrossel .info {float: left; font-size: 0.8em; line-height: 30%; margin-left: 15px; margin-right: 15px;}
.carrossel .info a:hover {text-decoration: underline; color: #007DF9;}

/*************
GALERIA DE IMAGENS
**************/
.modal {background-color: rgba(0, 0, 0, 0.6); z-index: 99; position:fixed; top:0; left:0; width:100%; height:100%; display: none;}
.fechar {position: absolute; color: #fff; background: #ccc; cursor: pointer; padding: 5px 5px; width: 80px; text-align: center; right: 10px; top: 10px;}
.fechar:hover {background: #007DF9; color: #fff;}

/* CARROSSEL DE IMAGENS */
.product_images {position: relative; float: left; width: 920px; top: 10px; left: calc((100% - 920px)/2); padding: 30px 0; background: #fff; display: none;}
.product_images .cover img {max-width: 80%; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.product_images .titulo {text-align: center; color: #424242;}

.thumbs {float: left; width: 675px; background: #fff;}
.thumbs img {float: left; width: 120px; padding: 5px; margin-right: 5px; background: #ccc; cursor: pointer;}
.thumbs img:hover,
.thumbs img.active {background: #99ccff;}

.carrossel_images {width: 680px; left: calc((100% - 680px)/2); position: relative; background: #fff;}
.carrossel_images .nav {position: absolute; top: 0; padding: 5px; display: table; height: 85px; background: cornflowerblue; color: #fff; font-size: 1.3em; cursor: pointer;}
.carrossel_images .nav p {display: table-cell; vertical-align: middle;}
.carrossel_images .nav:hover {background: #99ccff;}
.carrossel_images .nav.back {left: 0;}
.carrossel_images .nav.forth {right: 0;}

/* IMAGENS */
.polaroid {float: left; position: relative; width: 100%; margin: 15px 0 15px;}
.polaroid .ul {padding: 0; margin: 0;}
.polaroid .ul img {display: block; max-width: 190px;}
.polaroid .ul .li {float: left; display: inline; margin: 5px 46px 15px 0; border: 1px solid #cccccc;
                width: auto;                
                padding: 10px 10px;
                text-align: center;                
                font-size: 12px;
                -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
                -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
                -webkit-transition: -webkit-transform .15s linear;}
.polaroid .ul .li .first {border: 1px solid #cccccc; background: #fff; display: inline; float: left;
                -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
                -webkit-transition: -webkit-transform .15s linear;}
.polaroid .ul .li .first:hover {
                -webkit-transform: scale(1.5);
                -moz-transform: scale(1.5);
                -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
                -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
                position: relative;
                z-index: 5;}
.polaroid .ul .li .info {margin-top: 85%;  line-height: 20%;}
.polaroid .ul .li .info .links {text-decoration: none; color: cornflowerblue; padding: 0; margin: 0;}
.polaroid .ul .li .info .links:hover {color: #007DF9; text-decoration: underline;}