<style>
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
</style>

port@charset "utf-8";

/* CSS Document */





.container{

	padding-left: 0!important;

    padding-right: 0!important;

	}

.epigrafe {

	background: #fff;

    color: #000;

    position: absolute;

    z-index: 1;

	filter: alpha(opacity=65);

  	opacity: .65;

	font-size:.98em;

	line-height:1.4em;

	padding:.7em 1.5em;

	font-style:italic

	}

.asc, .asc a {

	font-size:1.1em!important;

	font-weight:400;

	color:#006F93;

	padding-top:.5em

	}

.asc h5 {

	

	font-weight:300;

	color:#000

	}

.fichas_funcionarios {

 

margin-bottom:2em;

border-radius: .5em;



	}



@media (max-width: 767px) {

.epigrafe {

    left: 0;

	bottom:100%

	}



#noticias_areas .col1, #noticias_areas .col2, #noticias_areas .col3{

	padding:0 2em 1em 2em!important ;

	

	}

#noticias_areas h2{

	text-align:center

	

	}



#noticias_areas .col1, #noticias_areas .col2, #noticias_areas .col3{

	border-bottom:1px dotted #CCC;

	}

.panel {

	height:auto!important

	}

}



@media (min-width: 768px) {

.epigrafe {

	right: 100%;

    width: 200%;

	bottom:-5%;

	

	}







}



.servicios h4, .programas h4{

	font-size:1.2em;

	margin-bottom:0.2em;

	line-height:1.1em;

	color:#333

	}

.servicios p, .programas p{

	line-height:1.2em

	}

.autoridadesdestacadas {

	line-height:1em;

	display: block!important;

	margin-bottom: 15px!important;

	



	}

.autoridadesdestacadas a{

	font-size:1.2em;

	font-weight:700!important;

	line-height:.9em



	}

.autoridadesdestacadas h5{

	font-size:1em;

	margin-top:.3em;

	font-weight:400!important;

	color:#000



	}

.autoridadesdestacadas button, .autoridadesdestacadas1 button{

	margin-top:.5em;

	background: #CCC

	}

.autoridadesdestacadas .boton, .autoridadesdestacadas1 .boton {

	margin-top:.5em!important;

	background: #CCC!important

	}

.verde {

	background:#4A8376}



.gris {

	background:#E8E8E8}

.grisbackground60 {

	background:#B2B2B2}

.gris10 {

	background:#F4F4F4;

	display:table;

	padding-bottom:1em;

	padding-top:1em}

.griscolor70 {

	color:#606060}

	

.fecha {

	color:#606060;

	margin:0; padding:0}

	

.margin-bottom {

	margin-bottom:.8em}

.margin-top {

	margin-top:.8em}

.btn-success{

	background:#00C9AB; text-align:center;

	border:#fff;

	}

.servicios {

	background:#00BFFF;

	} 

.programas, .programas2, .ferias, .servicios {

    background: #fff!important;

}





.panel-heading {

	font-size:1.3em;

	padding: 8px 5px 0px;

	

	} 

.panel {

	border: none;

	/*margin-top: 3.6em;*/

	margin-top: 1em;

	margin-bottom: 1em;

	height:auto

	}





	

.programas .panel-heading h3, .servicios .panel-heading h3, .ferias .panel-heading h3, .videos .panel-heading h3,  {

 color:#666!important;



}



.programas .panel-heading, .servicios .panel-heading, .ferias .panel-heading; .videos .panel-heading h3  {

 border-bottom: 1px dotted #ccc!important;

  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05); 

}





.servicios .panel-heading {

 background: url("/sitio/_img/ico_tramites2.png") no-repeat scroll 100% 18% / 13% auto rgba(0, 0, 0, 0);}

.programas .panel-heading {

 background: url("/sitio/_img/ico_informes2.png") no-repeat scroll 100% 18% / 13% auto rgba(0, 0, 0, 0)!important;}

 

 .videos .panel-heading {

 background: url("/sitio/_img/ico_video_home.png") no-repeat scroll 100% 18% / 13% auto rgba(0, 0, 0, 0)!important;}

 .ferias .panel-heading {

 /*background: url("/sitio/_img/ico_agenda2.png") no-repeat scroll 100% 18% / 11% auto rgba(0, 0, 0, 0)!important;*/

  background:none;!important}

 

.informeshome  {

 background: url(/sitio/_img/ico_informes.png)!important;

 background-position: 100% 18%!important; 

 background-repeat:no-repeat!important;

 background-size:13%!important;

 color:#fff;

 



}	

.programas .panel-heading, .programas2 .panel-heading, {

 /*background: url(/sitio/_img/ico_publicaciones.png);*/

 background-position: 100% 18%; 

 background-repeat:no-repeat;

 background-size:13%;

 color:#7F7F7F!important;



}



.ferias .panel-heading {

	 background:none;

 /*background: url(/sitio/_img/ico_agenda.png)



  background-position: 100% 18%; 

 background-repeat:no-repeat;

 background-size:11%;*/

 color:#fff;

 



}



.programas .panel-heading h3, .programas2 .panel-heading h3, .servicios .panel-heading h3, .ferias .panel-heading h3, .videos .panel-heading h3 {

	width:92%;

	font-size:1em;

	font-weight:400;

	line-height:1em;

	color:#666



}

.ferias img:hover {

	background:rgba(0, 0, 0, 10);



}

	

/*estilos agregados 5/11*/



#portadas h1{

	color:#666;

	font-size:1.9em;

	line-height:1.2em;

	font-weight:400;

	margin:0 0 .8em 0;

	padding:0

	

	}

#noticias_areas {

	margin:0;

	padding:0

	}

#noticias_areas .col1, #noticias_areas .col2, #noticias_areas .col3{

	margin:0 0 1.3em 0;

	padding:0;

	}

#noticias_areas .col1{

	padding-right:0!important;

	}



#noticias_areas h2 {

	color:#28CAFF;

	font-size:1.4em;

	font-weight:400;

	margin:1em 0 .5em 0;

	padding:0

	}

#noticias_areas h3 {

	color:#000;

	font-size:1em;

	font-weight:400;

	margin:0;

	padding:0;

	text-transform:uppercase

	}

#noticias_areas h4 {

	color:#2487c1;

	font-size:1.2em;

	font-weight:500;

	margin:0;

	padding:0

	}

.secretarias {

	background:#B2B2B2;

	} 

.secretarias h1 {

	color:#FFF;

	font-size:1.3em;

	line-height:1.5em;

	height:1.6em;

	font-weight:400;

	margin:0;

	padding:0

	}

.secretarias:hover {

		background:#666;

	} 

.secretarias h1 a{

	color:#FFF!important

	

	}

.sinpadding{

	padding:.3em 2.5em .3em 0;

		

	}

.margintop{

	margin-top:1em;

	}



#secretarias h3 {

	color:#00C9AB;

	font-size:1.1em;

	font-weight:400;

	margin:0;

	padding:0;

	text-align:center

	}

#secretarias h4 {

	color:#058576;

	font-size:1.3em;

	line-height:1.15em;

	font-weight:500;

	margin:0 0 .3em 0 ;

	padding:0

	}

#secretarias h4 a{

	color:#000;

	

	}

#secretarias h4 a:hover{

	color:#000;

	

	}

#secretarias h5 {

	color:#000;

	font-size:1em;

	line-height:1.2em;

	font-weight:400;

	padding:0;

	margin:0

	}

#secretarias .bajada {

	color:#333;

	font-size:1em;

	line-height:1.1em;

	padding-bottom:1em

	}

.volanta {

	color:#00afea;

	font-size:1.1em;

	padding-bottom:.3em;



	}

#secretarias .volanta {

	color:#28CAFF;

	font-size:1em;

	line-height:1.1em;

	padding-bottom:.3em;

	text-transform: uppercase;

	font-weight:bold

	}

#secretarias .nota {

	color:#008577;

	padding-top:1em!important;

	

	}

#secretarias .secretarios  {

	margin:0; padding:0 0 0 2.1em

	}

#secretarias .secretarios a {

	font-size:1.2em;

	font-weight:700;

	line-height:.9em

	}

	

.border-radius {

	 border-radius: 4px;

	}

	

.autoridades {

	

	margin:0;

	padding:0!important;

	



	}

.bannersportada {

	background:#C0C4C4;

	margin-top:2em;

	padding:1em 0 0 0;

		}

.bannersportada img{

	padding-bottom:.6em 

	}





.bajada {color: #999;

	font-size:1.2em; line-height:1.3em;

}

.cuerpo {color: #000;
    font-family: 'Encode Sans', sans-serif;
    font-weight: 400;
	line-height:1.4em;
    margin: 1em 0 ;

}

.resultado {color: #666;

font-family:roboto;

    font-weight: 400;

}

/*estilos agregados 19/11*/





.btn-default:hover,

.btn-default:focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  color: #000;

  background-color:#E0D4D1;

  border-color: #000;

  box-shadow: -2px -2px 3px 0 rgba(0, 0, 0, 0.19)

}

.panel p{

	font-size:1em;

	line-height:1.2em

	}

.panel-body {

  padding:10px 5px 5px 5px;

}

.vertodas {

	position:relative;

	bottom:37px;

	left:15px;

}



@media (max-width: 979px) {



.autoridades{

		margin:1em 0 0 0 ;

	

	

	}

.margintop{

	margin-top:2.6em!important;

	}

.servicios .panel-heading {

 background: url("/sitio/_img/ico_tramites2.png") no-repeat scroll 100% 18% / 8% auto rgba(0, 0, 0, 0);}

.programas .panel-heading {

 background: url("/sitio/_img/ico_informes2.png") no-repeat scroll 100% 18% / 8% auto rgba(0, 0, 0, 0)!important;}

 .videos .panel-heading {

 background: url("/sitio/_img/ico_video_home.png") no-repeat scroll 100% 18% / 8% auto rgba(0, 0, 0, 0)!important;}

 .ferias .panel-heading {

/* background: url("/sitio/_img/ico_agenda2.png") no-repeat scroll 100% 18% / 8% auto rgba(0, 0, 0, 0)!important;*/

  background:none;}

 

.sombreado {

	background:#F5F5F5; position: relative; width:100%; border-top:1px dotted #CCC; padding:.6em; margin-bottom:.5em

	}

/*.sombreado2 {

	background:#F5F5F5; position: relative; border-top:none; padding:.6em; margin-bottom:.5em;

	margin:1em 0; float:left

	}*/

#secretarias .secretarios {

    margin: 0;

    padding: 0 0 0 1em;

}

.sombreado3 {

	background:none; position: relative;

	margin:0; width:100%;

	padding:1em 0 0 0 0!important;

	}



}

@media (min-width: 979px) {

	.programas  {

	/*width: 24%;

margin-left:1%*/

}

.autoridadesdestacadas {

	padding-right:0

	}

.panel {

	/*height:13em*/

	}

.servicios.panel, .videos.panel, .programas.panel, .programas.ferias    {

	height:13.5em

	}

#portadas{

	min-height:600px

	

	}



	}

	







@media (min-width: 768px) and (max-width: 978px) {

.panel {

	height:auto

	}





	}
@media (min-width: 1200px) {	
	.sombreado, .sombreado2 {

	background: rgba(255, 255, 255, 0.6); position: absolute; bottom:0; padding:1em 0 0 .5em; width:52%; top:0; 

	}
}
@media (min-width: 768px) and (max-width: 1199px) {

	.sombreado {

		background:none!important; position: relative;  border-top:1px dotted #CCC; padding:.6em; margin-bottom:.5em; width:100%;

	}

	.sombreado2 {

	background:none!important; position: relative;

	margin:0; width:100%!important;

	padding:1em 0 0 0 0!important;

	}

	.autoridades img{

	max-width: 100%;

	text-align:left!important;

	margin-left:none;

	margin-top:.5em

	}



	

}

@media (max-width: 767px) {

.sombreado2 {

position: relative; border-top:none; padding:0 .6em;
background:none!important; width:100%;
margin:.5em 0; 

	}

.autoridades img{

	max-width: 100%;

	text-align:left!important;

	margin-left:none;

	margin-top:.5em;

	float:left!important;
	margin-bottom:1em

	}

.servicios .panel-heading {

 background: url("/sitio/_img/ico_tramites2.png") no-repeat scroll 100% 18% / 5% auto rgba(0, 0, 0, 0);}

 .videos .panel-heading {

 background: rgba(0, 0, 0, 0) url("/sitio/_img/ico_video_home.png")no-repeat scroll 100% 18% / 5% auto rgba(0, 0, 0, 0)!important;}

.programas .panel-heading {

 background: url("/sitio/_img/ico_informes2.png") no-repeat scroll 100% 18% / 5% auto rgba(0, 0, 0, 0)!important;}

 .ferias .panel-heading {

	  background:none;

 /*background: url("/sitio/_img/ico_agenda2.png") no-repeat scroll 100% 18% / 5% auto rgba(0, 0, 0, 0)!important;*/}

}	

@media (max-width: 600px) {

	

.servicios .panel-heading {

 background: url("/sitio/_img/ico_tramites2.png") no-repeat scroll 100% 18% / 8% auto rgba(0, 0, 0, 0);}

.programas .panel-heading {

 background: url("/sitio/_img/ico_informes2.png") no-repeat scroll 100% 18% / 8% auto rgba(0, 0, 0, 0)!important;}

 .ferias .panel-heading {

 /*background: url("/sitio/_img/ico_agenda2.png") no-repeat scroll 100% 18% / 8% auto rgba(0, 0, 0, 0)!important;*/

  background:none;}

}	



	

/*---------------------------------*ESTILOS QUE MODIFICAN EL BUSCADOR DE GOOGLE*----------------------------------------------



.gsc-control-cse {

    background-color: #ffffff;

    border-color: #ffffff;

    font-family: Arial,sans-serif;

}

.gsc-control-cse .gsc-table-result {

    font-family: Arial,sans-serif;

}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {

    border-color: #d9d9d9;

}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {

    background-color: #cecece;

    background-image: none;

    border-color: #666666;

    filter: none;

}

.gsc-tabHeader.gsc-tabhInactive {

    background-color: #e9e9e9;

    border-color: #e9e9e9;

}

.gsc-tabHeader.gsc-tabhActive {

    background-color: #ffffff;

    border-color: #ff9900 #ff9900 #ffffff;

}

.gsc-tabsArea {

    border-color: #ff9900;

}

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {

    background-color: #ffffff;

    border-color: #ffffff;

}

.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {

    background-color: #ffffff;

    border-color: #ffffff;

}

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {

    color: #0000cc;

}

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {

    color: #0000cc;

}

.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {

    color: #0000cc;

}

.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {

    color: #0000cc;

}

.gsc-cursor-page {

    color: #0000cc;

}

a.gsc-trailing-more-results:link {

    color: #0000cc;

}

.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {

    color: #000000;

}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {

    color: #008000;

}

.gs-webResult div.gs-visibleUrl-short {

    color: #008000;

}

.gs-webResult div.gs-visibleUrl-short {

    display: none;

}

.gs-webResult div.gs-visibleUrl-long {

    display: block;

}

.gs-promotion div.gs-visibleUrl-short {

    display: none;

}

.gs-promotion div.gs-visibleUrl-long {

    display: block;

}

.gsc-cursor-box {

    border-color: #ffffff;

}

.gsc-results .gsc-cursor-box .gsc-cursor-page {

    background-color: #ffffff;

    border-color: #e9e9e9;

    color: #0000cc;

}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {

    background-color: #ffffff;

    border-color: #ff9900;

    color: #0000cc;

}

.gsc-webResult.gsc-result.gsc-promotion {

    background-color: #ffffff;

    border-color: #336699;

}

.gsc-completion-title {

    color: #0000cc;

}

.gsc-completion-snippet {

    color: #000000;

}

.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link {

    color: #0000cc;

}

.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited {

    color: #0000cc;

}

.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover {

    color: #0000cc;

}

.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active {

    color: #0000cc;

}

.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * {

    color: #000000;

}

.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short {

    color: #008000;

}*/



/* -moz-user-select: none;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

    cursor: pointer;

    display: inline-block;

    font-size: 14px;

    font-weight: normal;

    line-height: 1.42857;

    margin-bottom: 0;

    padding: 6px 12px;

    text-align: center;

    vertical-align: middle;

    white-space: nowrap;

}