@charset "UTF-8";
/*
Theme Name: Fiscalia General 2021
Theme URI: http://www.fiscalia.gob.sv
Author URI: http://www.fiscalia.gob.sv
Description: Sitio web creado para informar y proveer servicios a los empleados de la FGR.
Version: 3.0
Text Domain: fiscalia.gob.sv
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

@font-face {
	font-family: 'museo_sans500';
	src: url('fonts/museosans_500-webfont.woff2') format('woff2'),
	url('fonts/museosans_500-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-weight: 500;

}

@font-face {
	font-family: 'museo_sans900';
	src: url('fonts/museosans_900-webfont.woff2') format('woff2'),
	url('fonts/museosans_900-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-weight: 900;

}

@font-face {
	font-family: 'museo_sans300';
	src: url('fonts/museosans-300-webfont.woff2') format('woff2'),
	url('fonts/museosans-300-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-weight: 300;

}

*,html,body,ul,li,a,div,h1,h2,h3,h4,h5,h6,img{
	font-family: 'museo_sans300', sans-serif;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
a, a:hover{
	text-decoration: none;
}
ul{
	list-style: none;
}

strong, bold{
	font-family: 'museo_sans900', sans-serif;
}

/**********************
NAVBAR
**********************/

.navbar, .navbar-default{
	min-height: 110px;
	background-color: #22272a;
	border: none;
	border-radius: 0px;
	margin-bottom: 0;
}

.navbar-default .navbar-nav > li > a{
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:visited{
	font-size: 16px;
	color: #fff;
	border-bottom: 2px solid #fff;
	text-transform: uppercase;
}

.nav, .navbar-nav, .navbar-right{
	margin-top: 25px!important;
}

li.SearchContainer{
	padding: 10px!important;
}

.etica-logo{
	line-height: 40px;

}

.slider-container{
	background-color: #22272a;
	/*overflow: hidden;*/
}

.caption{
	position: relative;
	max-width: 500px;
	margin: 0 auto;
	top: -150px;
}

.caption > a{
	font-size: 18px;
	color: #fff;
	text-align: center;
	display: block;
	text-shadow: 1px 1px 4px #000000;
	margin-bottom: 20px;
}

.caption > a.ver-mas-f1{
	font-size: 14px;
	display: block;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #22272a;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	width: 300px;
	margin: 0 auto -50px auto;
}

.sections-container{
	background-color: #22272a;
	/*padding-top: 30px;*/
	padding-top: 70px;
	padding-bottom: 30px;
}

.post-content{
	background-color: #fff;
	padding: 10px 30px 30px 30px;
	border-radius: 7px;
}

span.title-content{
	font-family: 'museo_sans300', sans-serif;
	font-size: 45px;
	display: block;
	line-height: normal;
	text-align: center;
	padding: 20px;
}

p.meta{
	font-size: 14px!important;
	text-align: center;
	display: block;
	padding-bottom: 30px!important;
	margin-bottom: 30px!important;
	border-bottom: 1px solid #CCC;
}

.entradilla{
	font-family: 'museo_sans300', sans-serif;
	font-style: italic;
	font-size: 18px;
	display: block;
	background-color: #ebebeb;
	line-height: 25px;
	padding: 30px!important;
	margin-bottom: 30px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.entradilla p:nth-child(2){
	display: inline-block;
	padding-top: 10px;
	border-top: 1px solid #111;
	margin-bottom: 5px;
}

.post-content p{
	font-size: 16px;
	color: #111;
	margin-bottom: 20px;
	line-height: 21px;
	padding: 0px 20px;
}

.post-content ol{
	margin-left: 40px;
	margin-bottom: 20px;
}

.post-content ul{
	margin-left: 30px;
	margin-bottom: 20px;
}

.post-content ol{
	list-style:decimal;
}

.post-content ol li, .post-content ul li{
	font-size: 16px;
	margin-bottom: 10px;
}

.post-content ul{
	list-style:circle;
}

.post-content ul.ListPosts, .post-content ul.ListMemorias{
	list-style: none;
	margin-top: 30px;
}

.post-content ul.ListPosts li{
	display: block;
	min-height: 135px;
	margin-bottom: 30px;
}

.post-content ul.ListPosts li span.metaListPosts{
	font-size: 13px;
}

.post-content ul.ListMemorias li{
	margin-top: 10px;
	margin-bottom: 30px!important;
}

/******************
TABLAS ESTADISTICAS
*******************/

.left-column, .right-column{
	padding:10px;
}


td.item-Container{
	/*padding: 0px;*/
	text-align: center;
}

.title-Data-Single{
	font-size: 17px;
	color: #005790;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #005790;
}

td.title-Data-Full{
	font-family: 'museo_sans900', sans-serif;
	font-size: 17px;
	color: #005790;
	text-align: center;
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #005790;
}

td.total-Data-Single{
	font-family: 'museo_sans900', sans-serif;
	font-size: 35px;
	color: #85bd85;
	text-align: center;
}

td.total-Data-Full{
	font-family: 'museo_sans900', sans-serif;
	font-size: 35px;
	color: #ffffff;
	display: block;
	background-color: #005790;
	padding-left: 7px;
}

ul.blocks-gallery-grid{
	margin-left: 0px!important;
}

.mapa-Container{
}

/*****************
TABLA
*****************/
table, tr, td{
	padding: 0px;
	margin: 0px;
}

span.title-Fecha-Dati{
	font-family: 'museo_sans900', sans-serif;
	color: #005790;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	display: block;
	padding-bottom: 5px;
	margin: 0px auto;
}

.table-Dati{
	border-collapse: separate;
	border-spacing: 15px!important;
	margin-bottom: 0px!important;
	padding: 5px;
	margin: 0px auto;
}

tr.tab-Row-Dati{
	margin: 0px;
}

.table-Dati > tbody > tr > td.item-Container{
	font-size: 16px;
	border-top: none;
}

.table-Dati > tbody > tr > td.total-Full{
	font-family: 'museo_sans900', sans-serif;
	font-size: 28px;
	color: #fff;
	text-align: center;
	background-color: #005790;
	background-color: #005790;
	padding: 0px 5px;
}

.table-Dati > tbody > tr > td.total-Item{
	font-family: 'museo_sans900', sans-serif;
	font-size: 28px;
	color: #85bd85;
	text-align: center;
	border-top: 1px solid #005790;
	padding: 0px 5px;
} 

/*.table > tbody > tr > td.Item-Total{
	padding: 10px;; 	
}*/

tr.tile-Fecha-Dati{
	font-family: 'museo_sans900', sans-serif;
	color: #005790;
	font-size: 16px;
	text-transform: uppercase;
}

.invisible-separator{
	height: 30px;
}

.grafica-desaparecidos{
	justify-content: center!important;
	margin-left: 10%!important;
	overflow: hidden;
}


/***************************
FIN STYLES ACCORDION DATI ESTADISTICAS
***************************/

.post-content ul.nav-pills{
	margin-left: 0px!important;
	margin-bottom: 0px!important;
}

.post-content ul.nav-pills li{
	padding: 0px!important;
	margin-bottom: 0px!important;
	border-radius: 5px 5px 5px 0px!important;
}

.post-content ul.nav li a, .post-content ul.nav-pills li a{
	font-family: 'museo_sans300', sans-serif!important;
	font-size: 14px;
	border-radius: 4px 4px 0px 0px;
}

.tab-content{
	padding-top: 30px;
	margin-top: 0px!important;
	border-top: 1px solid #005790;
}


/**********************
FIN TABLAS ESTADISTICAS
***********************/

a.memoriaAnchor{
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

span.metaListMemoria{
	font-size: 14px;
	display: block;
	text-align: center;
}

.post-content iframe{
	display: inline-block;
	min-width: 350px;
	float: left!important;
	margin-right: 30px;
	margin-bottom: 20px;
}

img.imageGal{
	border-radius: 5px!important;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 20px;	
}

.directoryItemsContainer{
	margin-bottom: 30px;
}

.directoryItemsContainer > div{
	background-color: #f1f1f1;
	padding-top: 20px;
	min-height: 210px;
}

span.title-directory-item{
	color: #ebebeb;
	text-align: center;
	background-color: #111;
	display: block;
	padding: 5px 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-html-border-radius: 3px;
}

.directoryItemsContainer p{
	text-align: center!important;
}

.panel-body > p{
	line-height: 25px!important;
}

.VidCat{
	font-family: 'museo_sans500', sans-serif;
	color: #fff;
	position: absolute;
	top: 10px;
	left: 25px;
	padding: 4px 7px;
	background-color: rgba(0,0,1,0.5);
	border-radius: 3px;
}

.navigation{
	/*background-color: #ebebeb;*/
	padding: 30px 10px;
	border-top: 1px solid #333;
}

span.current{
	font-family: 'museo_sans300', sans-serif;
	font-size: 16px;
	color:;
	padding: 5px 7px!important;
	background-color: #fff!important;
	border-radius: 3px;
	border: 1px solid #333;
}

.page-numbers{
	font-size: 16px;
	padding: 5px 7px!important;
	background-color: #ebebeb!important;
	border-radius: 3px;
	border: 1px solid #ebebeb;
}

.panel-heading > h4.panel-title > a{
	font-family: 'museo_sans500', sans-serif!important;
}

.panel-body{
	padding-top: 20px;
}

/*.post-content > img{
	float: left;
	margin-right: 30px;
}*/

.btn-tribunal > span{
	font-family: 'museo_sans500', sans-serif;
	font-size: 16px;
	color: #999999;
	text-transform: uppercase!important;
	display: block;
	line-height: 4	0px;
	padding: 0 20px 0 0;
	margin-bottom: 20px;
}

.service-item{
	padding: 10px;
	margin-bottom: 40px;
}

.section-title{
	font-family: 'museo_sans900', sans-serif;
	font-size: 35px;
	display: block;
	color:  #999999;
	margin-bottom: 20px;
}

.service-item > p{
	font-size: 18px;
	color: #999999;
	margin-bottom: 30px;
}

.service-item > a.ver-mas-sections{
	color: #fff;
	display: inline-block;
	line-height: 40px;
	background-color: #111;
	padding: 0 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: background-color 0.5s ease;
}
.service-item > a.ver-mas-sections:hover{
	background-color: #404b51;
}

.row-news{
	margin-bottom: 40px;
}

.news-container{
	background-color: #dadde0;
	padding-top: 40px;
}

.news{
	background-color: #4d4d4d;
	padding: 0 0 0 0;
	border: 1px solid #4d4d4d;
}

.slider2{
	background-color: #4d4d4d;
	overflow: hidden;
	width: auto;
	padding: 25px 10px;
}

.slider2 > .newsItems{
	background-color: #4d4d4d;
}

.news-item{
	margin-bottom: 30px;
	overflow: hidden;
}

.news-item img{
	max-width: 436px;
	min-height: 270px!important;
	max-height: 270px!important;
}

span.metaNews{
	font-family: 'museo_sans500', sans-serif;
	font-size: 12px;
	color: #fff;
	display: block;
	line-height: 18px;
	text-align: center;
	width: 250px;
	padding: 5px;
	margin: 0 auto;
	border-top: 1px solid #111;
}

.ver-news, .ver-news:visited{
	color: #fff;
	text-align: center;
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}

.ver-news:hover{
	color: #a1c6db;
}

.blck-bg{
	background-color: #111;
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 40px;
}

.mas-notas-videos{
	font-family: 'museo_sans900', sans-serif;
	color: #a1c6db;
	display: inline-block;
	background-color: #111;
	padding-left: 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}

.twitter-container{
	background-color: #fff;
	height: 465px;
	overflow: hidden;
}

.twitter-header{
	font-family: 'museo_sans900', sans-serif;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 40px;
	background-color: #22272a;
	margin-top: 15px;
}

.cvFuncionarioItem > a > img{
	border-radius: 5px!important;
	-o-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	-webkit-border-radius: 5px!important;
	-khtml-border-radius: 5px!important;
}

.areas-1, .areas-2{
	margin-top: 100px!important;
	margin-bottom: 40px;
}

/*.areas-1 > div, .areas-2 > div{
	margin: 0 20px 0 20px;
}*/

.areas-line{
	width: 100%;
	height: 2px;
	background-color: #111;
	margin-top: 10px;
}

.btn-areas{
	font-family: 'museo_sans500', sans-serif;
	font-size: 16px;
	color: #666666;
	display: block;
	line-height: 25px;
	text-align: center;
	margin-top: 30px;
	margin-bottom:  30px;
}

.pie{
	paddin-bottom: 100px;
	margin-top: 100px;
}

span.footer-site-name{
	font-family: 'museo_sans500', sans-serif;
	font-size: 18px;
	text-align: center;
	display: block;
	margin: 20px 0 10px 0;
}

.footer p{
	font-family: 'museo_sans300', sans-serif;
	font-size: 18px;
	text-align: center;
	margin-bottom: 50px;
}

.bx-viewport{
	width: 100%;
	height: auto;
}




/***********************
 MEDIA QUERIES
 **********************/

@media (min-width: 768px){
		.navbar-default .navbar-nav > li > a{
		font-size: 12px;
		color: #fff;
		text-transform: uppercse;
		}
	.navbar-default .navbar-nav > li > a:hover{
		font-size: 12px;
		color: #fff;
		border-bottom: 2px solid #fff;
		text-transform: uppercase;
		}
}

@media (min-width: 992px) {
	.navbar-default .navbar-nav > li > a{
		font-size: 15px;
		color: #fff;
		text-transform: uppercse;
		}
	.navbar-default .navbar-nav > li > a:hover{
		font-size: 15px;
		color: #fff;
		border-bottom: 2px solid #fff;
		text-transform: uppercase;
		}
		
}

@media (min-width: 1200px) {
	.navbar-default .navbar-nav > li > a{
		font-size: 15px;
		color: #fff;
		text-transform: uppercse;
		}
	.navbar-default .navbar-nav > li > a:hover{
		font-size: 15px;
		color: #fff;
		border-bottom: 2px solid #fff;
		text-transform: uppercase;
		}
		
}

@media (min-width: 576px) {
	.navbar-header{
		margin-bottom: 50px!important;
	}
	.sections-container{
		padding-top: 30px;
	}
	
}

.wp-block-table.is-style-stripes{
	padding: 40px!important;
}

.wp-block-table.is-style-stripes td{
	padding: 20px!important;
}

figcaption > strong > em{
	font-size: 16px!important;
}


