/*!
 * Tema Wordpress de Entidades do Governo de Rondônia
 *
 * Copyright 2013, Rubens FIdelis @ Gerência de Comunicação e Inclusão Digital - Diretoria Executiva de Tecnologia da Informação e Comunicação do Estado de Rondônia
 * Tema modular e dinâmico que atende a todas as entidades do Governo do Estado de Rondônia com um poder de habilitação de módulos e personalização de apresentação
 *
 * @dependency 	Bootstrap 2.3+ && Font Awesome 3.2+ && Bootstrap Extension Package Elemento (http://codecanyon.net/item/elemento-bootstrap-skin/3720172)
 * @author     	Diretoria Executiva de Tecnologia da Informação e Comunicação do Estado de Rondônia - DETIC [www.deti.ro.gov.br]
 * @since      	0.1 (21/06/2013)
 * @version 		0.3 (28/06/2013)
!*/
/*! Regras Gerais !*/
html,
body {
	height: 100%
}
.bolder {
	font-weight: 700!important
}
#site-wrapper {
	float: left;
	clear: both;
	width: 100%;
	min-height: 100%;
	height: auto!important;
	height: 100%
}
#sticky-footer {
	left: 0;
	bottom: 0
}
#span-footer,
#sticky-footer {
	width: 100%;
	height: 103px
}

body > div a {
	color: #888;
	padding-bottom: 1px;
	text-decoration: none;
	border-bottom: 1px solid #ddd
}
body > div a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ccc
}
header a,
footer a {
	color: #888;
	text-decoration: none
}
header a:hover,
footer a:hover {
	color: #333;
	text-decoration: none
}
.container-full {
	width: 100%
}
.relative {
	position: relative
}
.absolute {
	position: absolute
}
.fixed {
	position: fixed
}
.m0 {
	margin: 0
}
.mt0 {
	margin-top: 0
}
.mt10 {
	margin-top: 10px
}
.mb0 {
	margin-bottom: 0
}
.mb10 {
	margin-bottom: 10px
}
.ml0 {
	margin-left: 0
}
.ml10 {
	margin-left: 10px
}
.mr0 {
	margin-right: 0
}
.mr10 {
	margin-right: 10px
}
.b-none,
.b-none:hover,
.dropdown-menu a,
.dropdown-menu a:hover {
	border: 0
}
#dw-topo .open .dropdown-menu {
	display: block;
}
#dw-topo .nav-tabs .open .dropdown-toggle,
#dw-topo .nav-pills .open .dropdown-toggle,
#dw-topo .nav > li.dropdown.open.active > a:hover,
#dw-topo .nav > li.dropdown.open.active > a:focus {
	border-color: #fff
}
.text-uppercase {
	text-transform: uppercase
}
.text-capitalize {
	text-transform: capitalize
}
.c-pointer {
	cursor: pointer
}
.c-default {
	cursor: default
}
.divisor {
	height: 3px;
	width: 100%;
	background-color: #EEEEEE;
	background-image: url(../img/divisor.png)
}
.divisor.verde {
	background-position: 0px 0px
}
.divisor.vermelho {
	background-position: 0px -3px
}
.divisor.amarelo {
	background-position: 0px -6px
}
.divisor.azul {
	background-position: 0px -9px
}
.divisor.cinza {
	background-position: 0px -12px
}
.btn,
.btn:hover {
	box-shadow: inset 0 1px 0 rgba(255,255,255,.0);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.0);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.0)
}
.btn-verde,
.btn-verde:hover {
	color: #FFFFFF;
	background: #B7DB13;
	border: 1px solid #B7DB13
}
.btn-amarelo,
.btn-amarelo:hover {
	color: #666666;
	background: #FCDE07;
	border: 1px solid #FCDE07
}
.btn-vermelho,
.btn-vermelho:hover {
	color: #FFFFFF;
	background: #B20000;
	border: 1px solid #B20000
}
.btn-azul,
.btn-azul:hover {
	color: #FFFFFF;
	background: #1862AE;
	border: 1px solid #1862AE
}
.text-branco {
	color: #FFFFFF
}
.text-wrapp {
	line-height: 23px;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
/*div:hover > h5.text-wrapp,*/
.text-wrapp:hover {
	line-height: 23px;
	overflow-x: visible;
	white-space: normal;
	text-overflow: clip
}
hr {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #FFFFFF
}
h4 {
	font-size: 15px
}
.modal-header h3 {
	font-weight: 700
}
.nav-list.categorias > .active > a,
.nav-list.categorias > .active > a:hover,
.nav-list.categorias > .active > a:focus {
	background-color: #B20000
}
.nav-list.categorias > li > a:hover {
	color: #B20000
}
.nav-list.sistemas > .active > a,
.nav-list.sistemas > .active > a:hover,
.nav-list.sistemas > .active > a:focus {
	background-color: #1862AE
}
.nav-list.sistemas > li > a:hover {
	color: #1862AE
}
.nav-list.categorias > .active > a:hover,
.nav-list.sistemas > .active > a:hover {
	color: #FFFFFF
}
.jumbotron {
	padding: 20px 0 0
}
.jumbotron h1 {
	font-weight: 700;
	background: #B20000;
	margin-bottom: 20px;
	font-size: 50px!important
}
/*! Layout >> Barra do Topo - Global !*/
header.main {
	height: 250px;
	background: #FCFCFC
}
header.main #header .container {
	height: 197px;
	/*background: url(../img/h-palacio.png) no-repeat bottom right*/
}
header.main #brasao {
	right: 0;
	top: 40px;
	height: 80px
}
header.main #logo a {
	text-decoration: none;
	border: none
}
header.main #logo,
header.main #logo h1 {
	line-height: 137px
}
header.main #logo h1 small {
	font-size: 10px
}
header.main #logo h1 small.absolute {
	top: 90px;
	left: 2px
}
header.main #logo h1:hover a,
header.main #logo-scroll h5:hover a {
	color: #1862AE
}
header.main #logo-scroll h5 {
	top: -9px
}
/*! Layout >> Barra do Topo - Global !*/
#barra-topo {
	height: 43px;
	padding-top: 10px;
	background: url(../img/bg-barra-topo.png) no-repeat top center
}
#drop-portal-nav {
	top: 7px
}
#dw-topo {
	top: 0;
	right: 0
}
#barra-topo .nav-tabs {
	top: 10px;
	margin-right: 10px;
	background: transparent
}
#barra-topo .nav-tabs > li > a {
	color: #999999;
	border-top-left-radius: 6px;
	background-color: #FFFFFF;
	border-top-right-radius: 6px;
	background-repeat: repeat-x;
	-moz-border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
	border-bottom: 1px solid #FFFFFF;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	background-image: -o-linear-gradient(top,#FFFFFF 90%,#FFFFFF);
	background-image: -moz-linear-gradient(top,#FFFFFF 90%,#FFFFFF);
	background-image: linear-gradient(to bottom,#FFFFFF 90%,#FFFFFF);
	background-image: -webkit-linear-gradient(top,#FFFFFF 90%,#FFFFFF);
	background-image: -webkit-gradient(linear,0 0,0 90%,from(#FFFFFF),to(#FFFFFF));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFFFFFFF",GradientType=0)
}
#barra-topo .nav-tabs > li.dropdown > .dropdown-menu {
	border: 0
}
#barra-topo .nav-tabs > li:hover > a {
	color: #666666
}
#barra-topo .nav-tabs > li > a > b.caret {
	margin-top: 10px;
	border-top-color: #999999;
	border-bottom-color: #999999
}
#barra-topo .nav-tabs > li:hover > a > b.caret,
#barra-topo .nav-tabs > li:focus > a > b.caret {
	border-top-color: #666666;
	border-bottom-color: #666666
}
/*! Layout >> Barra do Menu Global !*/
#barra-menu {
	height: 60px;
	bottom: -7px;
	background: url(../img/bg-barra-menu.png) repeat-x top left
}
#menu-global > li > a,
#menu-global-scroll > li > a {
	height: 34px;
	line-height: 34px
}
#menu-global.nav-pills > li > a,
#menu-global-scroll.nav-pills > li > a {
	font-weight: 700;
	text-transform: uppercase
}
#menu-global.nav-pills > li > a,
#menu-global-scroll.nav-pills > li > a {
	color: #999999;
	border-bottom: 0
}
#menu-global.nav-pills > li > a > b.caret,
#menu-global-scroll.nav-pills > li > a > b.caret {
	margin-top: 16px;
	border-top-color: #999999;
	border-bottom-color: #999999
}
#menu-global.nav-pills > li:hover > a > b.caret,
#menu-global.nav-pills > li:focus > a > b.caret,
#menu-global-scroll.nav-pills > li:hover > a > b.caret,
#menu-global-scroll.nav-pills > li:focus > a > b.caret {
	border-top-color: #666666;
	border-bottom-color: #666666
}
#menu-global.nav-pills > li:hover > a,
#menu-global.nav-pills > li > a:hover,
#menu-global.nav-pills > .active > a,
#menu-global.nav-pills > .active > a:hover,
#menu-global.nav-pills > .active > a:focus,
#menu-global-scroll.nav-pills > li:hover > a,
#menu-global-scroll.nav-pills > li > a:hover,
#menu-global-scroll.nav-pills > .active > a,
#menu-global-scroll.nav-pills > .active > a:hover,
#menu-global-scroll.nav-pills > .active > a:focus {
	color: #666666;
	border-bottom: 0
}
#menu-global.nav-pills > li.dropdown > .dropdown-menu,
#menu-global-scroll.nav-pills > li.dropdown > .dropdown-menu {
	border-color: #1862AE;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-moz-border-top-left-radius: 0;
	border-bottom-left-radius: 6px;
	-moz-border-top-right-radius: 0;
	border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px
}
#barra-topo .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
#barra-topo .nav-tabs > li.dropdown .dropdown-menu > li > a:focus,
#menu-global.nav-pills > li.dropdown .dropdown-menu > li > a:hover,
#menu-global.nav-pills > li.dropdown .dropdown-menu > li > a:focus,
#menu-global.nav-pills > li.dropdown .dropdown-submenu:hover > a,
#menu-global.nav-pills > li.dropdown .dropdown-submenu:focus > a,
#menu-global-scroll.nav-pills > li.dropdown .dropdown-menu > li > a:hover,
#menu-global-scroll.nav-pills > li.dropdown .dropdown-menu > li > a:focus,
#menu-global-scroll.nav-pills > li.dropdown .dropdown-submenu:hover > a,
#menu-global-scroll.nav-pills > li.dropdown .dropdown-submenu:focus > a {
	background: #1862AE
}
#logo-scroll {
	top: 9px;
	left: 10px
}
#wp-search-scroll {
	top: 0px;
	right: 10px
}
#wp-search .btn,
#wp-search-scroll .btn {
	padding: 0;
	right: 0px;
	width: 36px;
	height: 36px;
	margin-top: 11px;
	border-radius: 25px;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-moz-border-radius: 25px;
	border: 1px solid #666666;
	-webkit-border-radius: 25px;
	-webkit-border-radius: 25px
}
#wp-search input,
#wp-search-scroll input {
	right: 35px;
	width: 50px;
	color: #666;
	margin: 12px 5px 0 0;
	border: 1px solid #DDDDDD
}
#wp-search input:focus,
#wp-search-scroll input:focus {
	box-shadow: 50 50 50 rgba(50,50,50,0)!important;
	-moz-box-shadow: 50 50 50 rgba(50,50,50,0)!important;
	-webkit-box-shadow: 50 50 50 rgba(50,50,50,0)!important
}
/*!
 * Layout >> Slider de Destaque
!*/
#slides {
	height: 130px;
	padding: 12px 0 10px;
	background: #EEEEEE
}
#slides .carousel-caption h1,
#slides .carousel-caption h2,
#slides .carousel-caption h3,
#slides .carousel-caption h4,
#slidesProjetos .carousel-caption h1,
#slidesProjetos .carousel-caption h2,
#slidesProjetos .carousel-caption h3,
#slidesProjetos .carousel-caption h4 {
	opacity: .85;
	font-size: 14px;
	font-weight: 700;
	padding: 4px 8px;
	line-height: 18px;
	border-radius: 4px;
	display: inline-block;
	background: #333333;
	-moz-border-radius: 4px;
	margin: 0 20px 20px 20px;
	filter: alpha(opacity=85);
	-webkit-border-radius: 4px;
	-ms-filter: alpha(opacity=85)
}
#slides .carousel-control,
#slidesProjetos .carousel-control {
	background: #333;
	border-radius: 6px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px
}
#slidesProjetos .carousel-indicators {
	top: 25px
}
#slidesProjetos .carousel-indicators li {
	opacity: .25!important;
	background-color: #333333;
	filter: alpha(opacity=25)!important;
	-ms-filter: alpha(opacity=25)!important
}
#slidesProjetos .carousel-indicators li.active {
	opacity: .99!important;
	background-color: #333333;
	filter: alpha(opacity=99)!important;
	-ms-filter: alpha(opacity=99)!important
}
#slides .carousel-control.left,
#slideProjetos .carousel-control.left {
	left: -50px
}
#slides .carousel-control.right,
#slidesProjetos .carousel-control.right {
	right: -50px
}
/*! Layout >> Gallery !*/
.thumbnails.gallery {
	margin: 0
}
.thumbnails.gallery .thumbnail {
	margin: 0 0 5px 0
}
.thumbnails.gallery .thumbnail .caption {
	cursor: default;
	background: #333333;
	opacity: .75!important;
	filter: alpha(opacity=75)!important;
	-ms-filter: alpha(opacity=75)!important
}
.thumbnails.gallery .thumbnail .caption a {
	top: 30px
}
.thumbnails.gallery .thumbnail .caption.projetos a {
	top: 50px
}
.thumbnails.gallery .thumbnail .caption.destaque-institucional a {
	top: 65px
}
.thumbnails.gallery .thumbnail .caption.servico a {
	top: 17px
}
.thumbnails.gallery .thumbnail .caption.noticia a:hover {
	color: #000;
	background: #B7DB13
}
.thumbnails.gallery .thumbnail .caption.foto a:hover {
	color: #000;
	background: #FCDE07
}
.thumbnails.gallery .thumbnail .caption.video a:hover {
	color: #fff;
	background: #B20000
}
.thumbnails.gallery .thumbnail .caption.banner a:hover,
.thumbnails.gallery .thumbnail .caption.destaque-institucional a:hover,
.thumbnails.gallery .thumbnail .caption.servico a:hover {
	color: #fff;
	background: #1862AE
}
/*! Layout >> Abas !*/
#tabs-noticias .nav-tabs > .active > a,
#tabs-noticias .nav-tabs > .active > a:hover,
#tabs-noticias .nav-tabs > .active > a:focus {
	border-top-color: #B7DB13
}
#tabs-servicos .nav-tabs > .active > a,
#tabs-servicos .nav-tabs > .active > a:hover,
#tabs-servicos .nav-tabs > .active > a:focus {
	border-top-color: #1862AE
}
/*! Layout >> Rodapé !*/
footer.copyright #links-uteis,
footer.copyright #links-uteis:hover,
footer.copyright #links-uteis:focus {
	left: 0;
	top: -12px;
	border-color: #FFFFFF!important
}
footer.copyright {
	height: 48px;
	padding: 10px 0;
	line-height: 48px;
	background: #1862AE
}
footer.copyright #logo-governo {
	right: 0;
	top: 0px
}
/*! Layout >> Conteúdo !*/
.entry p,
.entry span,
.entry blockquote p {
	font-size: 14px
}
.entry blockquote {
	color: #999;
	background: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	border-left-color: #1862ae
}
.entry blockquote p .icon-quote-left {
	font-size: 20px
}
.entry ul {
	list-style: none
}
.entry ul .icon-circle,
.entry ul .icon-circle-blank {
	font-size: 10px
}
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
	font-weight: 700
}
.entry a,
.entry a:hover {
	color: #1862ae
}
.entry a:hover {
	border-bottom: 1px solid #1862ae
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
	background-color: #eeeeee
}

.accordion-faq > .accordion-group > .accordion-heading {
	border-radius: 1px;
	background: #FFFFFF;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-bottom: 1px solid #DDDDDD
}
.accordion-faq > .accordion-group:hover > .accordion-heading {
	border-bottom: 1px solid #1862AE
}
.accordion-faq > .accordion-group:hover > .accordion-heading a {
	color: #1862AE
}

.accordion-category-faq > .accordion-group > .accordion-heading {
	border-radius: 2px;
	background: #EEEEEE;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-bottom: 1px solid #666666
}
.accordion-category-faq > .accordion-group > .accordion-heading a,
.accordion-category-faq > .accordion-group > .accordion-heading a:hover {
	color: #666666;
	text-decoration: none
}
.accordion-group .accordion-heading a {
	font-weight: 600!important
}

@media (max-width: 979px) {
	#slides {
		height: initial!important;
		padding:0px!important;
		background: none;
	}
	header.main {
		height:200px;
	}
	header.main #header .container {
		height: 0;
	}
}